/*interactive blue:  #0c13eb*/


@charset "UTF-8";
/*!
 * Theme Name:       milz
 * Theme Platform:   Kirby CMS
 * Theme URI:        http://milz.it
 */





input[type=submit] {
    background:#EEE;
    background:-moz-linear-gradient(top,#F7F7F7,#E6E6E6);
    background:-webkit-gradient(linear,left top,left bottom,from(#F7F7F7),to(#E6E6E6));
    border:solid .1em #666;
    border-radius:.3em;
    -moz-border-radius:.3em;
    -webkit-border-radius:.3em;
    cursor:pointer;
    font-size:90%;
    font-weight:700;
    height:2em;
    padding:0 .5em;
    text-shadow:#FFF 0 .1em 0;
    -moz-text-shadow:#FFF 0 .1em 0;
    -webkit-text-shadow:#FFF 0 .1em 0;
    margin-top: 0.5em;
}

input[type=submit]:hover {
    border-color:#222
}

input[type=text], input[type=password] {
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius:0;
    -webkit-appearance:none;
    width: 50%;
    height: 1.667em;
    padding: 0;
    font: 1.667em Georgia, "Times New Roman", Times, serif;
}


 
html { box-sizing: border-box; }

/*   *, *::after, *::before { box-sizing: border-box !important; }
*/

*, *::after, *::before { box-sizing: inherit; }


/* Animations */
/* -------------------------------------------------- */
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes fadeInDown { 0% { -webkit-transform: translateY(-15px); opacity: 0; }
  100% { -webkit-transform: translateY(0); opacity: 1; } }
@-moz-keyframes fadeInDown { 0% { -moz-transform: translateY(-15px); opacity: 0; }
  100% { -moz-transform: translateY(0); opacity: 1; } }
@keyframes fadeInDown { 0% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); opacity: 0; }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } }
@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
  100% { -webkit-transform: translateY(-15px); opacity: 0; } }
@-moz-keyframes fadeOutUp { 0% { opacity: 1; }
  100% { -moz-transform: translateY(-15px); opacity: 0; } }
@keyframes fadeOutUp { 0% { opacity: 1; }
  100% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); opacity: 0; } }
@-webkit-keyframes rotate180 { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(180deg); } }
@-moz-keyframes rotate180 { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(180deg); } }
@keyframes rotate180 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } }
@-webkit-keyframes rotate180-to-0 { from { -webkit-transform: rotate(180deg); }
  to { -webkit-transform: rotate(0deg); } }
@-moz-keyframes rotate180-to-0 { from { -moz-transform: rotate(180deg); }
  to { -moz-transform: rotate(0deg); } }
@keyframes rotate180-to-0 { from { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  to { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } }
@-webkit-keyframes rotate360 { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate360 { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); } }
@keyframes rotate360 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
/* Easings */
/* -------------------------------------------------- */
/* Classes */
/* -------------------------------------------------- */
.no-margin { margin: 0 !important; }

.no-margin-top { margin-top: 0 !important; }

.no-margin-right { margin-right: 0 !important; }

.no-margin-bottom { margin-bottom: 0 !important; }

.no-margin-left { margin-left: 0 !important; }

.margin-bottom { margin-bottom: 1.875rem; }

.margin-bottom-50 { margin-bottom: 0.9375rem; }

.margin-bottom-150 { margin-bottom: 2.8125rem; }

.margin-bottom-200 { margin-bottom: 3.75rem; }

.margin-bottom-250 { margin-bottom: 4.6875rem; }

.margin-bottom-300 { margin-bottom: 5.625rem; }

.margin-bottom-400 { margin-bottom: 7.5rem; }

.margin-top { margin-top: 1.875rem; }

.margin-top-50 { margin-top: 0.9375rem; }

.margin-top-150 { margin-top: 2.8125rem; }

.margin-top-200 { margin-top: 3.75rem; }

.margin-top-250 { margin-top: 4.6875rem; }

.margin-top-300 { margin-top: 5.625rem; }

.margin-top-400 { margin-top: 7.5rem; }

.no-padding { padding: 0 !important; }

.no-padding-top { padding-top: 0 !important; }

.no-padding-right { padding-right: 0 !important; }

.no-padding-bottom { padding-bottom: 0 !important; }

.no-padding-left { padding-left: 0 !important; }

.padding { padding: 1.875rem; }

.padding-50 { padding: 0.9375rem; }

.padding-150 { padding: 2.8125rem; }

.padding-200 { padding: 3.75rem; }

.padding-250 { padding: 4.6875rem; }

.padding-300 { padding: 5.625rem; }

.padding-400 { padding: 7.5rem; }

.padding-bottom { padding-bottom: 1.875rem; }

.padding-bottom-50 { padding-bottom: 0.9375rem; }

.padding-bottom-150 { padding-bottom: 2.8125rem; }

.padding-bottom-200 { padding-bottom: 3.75rem; }

.padding-bottom-250 { padding-bottom: 4.6875rem; }

.padding-bottom-300 { padding-bottom: 5.625rem; }

.padding-bottom-400 { padding-bottom: 7.5rem; }

.padding-top { padding-top: 1.875rem; }

.padding-top-50 { padding-top: 0.9375rem; }

.padding-top-150 { padding-top: 2.8125rem; }

.padding-top-200 { padding-top: 3.75rem; }

.padding-top-250 { padding-top: 4.6875rem; }

.padding-top-300 { padding-top: 5.625rem; }

.padding-top-400 { padding-top: 7.5rem; }

.text-left { text-align: left; }

.text-right { text-align: right; }

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

.font-size-13 { font-size: 0.8125rem; line-height: 1.375em; }

.font-size-14 { font-size: 0.875rem; line-height: 1.375em; }

.font-size-15 { font-size: 0.9375rem; line-height: 1.375em; }

.font-size-16 { font-size: 1rem; line-height: 1.375em; }

.font-size-17 { font-size: 1.0625rem; line-height: 1.375em; }

.note { font-size: 0.8125rem; line-height: 1.375em; }

.lht { line-height: 1.375em; }

.fw-normal { font-weight: normal; }

.block { display: block; }

.inline { display: inline; }

.float-left { float: left; }

.float-right { float: right; }

.border { border: 1px solid #EEEEEE; }

.border-top { border-top: 1px solid #EEEEEE; }

.border-right { border-right: 1px solid #EEEEEE; }

.border-bottom { border-bottom: 1px solid #EEEEEE; }

.border-left { border-left: 1px solid #EEEEEE; }

.table { display: table; height: 100%; width: 100%; }
.table.fit { width: auto; }

.cell { display: table-cell; margin: 0; padding: 0; height: 100%; vertical-align: middle; }
.cell.align-top { vertical-align: top; }
.cell.fit { white-space: nowrap; width: 1px; }

.hide, .hidden { display: none; }

.outline-title { display: none; }

.bg-slate { background: #434449; }

.bg-silver { background: #C6C9CC; }

.bg-mercury { background: #F4F5F5; }

.bg-red { background: #F05B6F; }

.bg-orange { background: #FA9969; }

.bg-yellow { background: #FAD173; }

.bg-green { background: #212121; }

.bg-blue { background: #469EEB; }

.bg-violet { background: #8073BA; }






/*.marginButtom { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 100%; }*/


/* Typography */
/* -------------------------------------------------- */
html { font-size: 1rem; }

body { font-size: 0.85rem; line-height: 0em; color: #434449; font-family: "Avenir", "Nunito", Arial, sans-serif; letter-spacing: 0.06em; }
/*body { font-size: 0.85rem; line-height: 1.8em; color: #434449; font-family: "Avenir", Helvetica, Arial, sans-serif; letter-spacing: 0.06em; }*/
@media screen and (max-width: 1024px) {
body { font-size: 0.75rem; line-height: 0em; color: #434449; font-family: "Avenir", "Nunito", Arial, sans-serif; letter-spacing: 0.06em; }
 }


h1, h2, h3, h4, h5, h6 { line-height: 1.8em; color: #434449; font-family: "Avenir", "Nunito", Arial, sans-serif; font-weight: 500; margin: 0 0 0.8em 0; text-rendering: optimizeLegibility;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #434449; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #212121; }
h1.heavy, h2.heavy, h3.heavy, h4.heavy, h5.heavy, h6.heavy { font-weight: 100; }

h1 { font-size: 1.5rem; line-height: 1.375em; font-weight: 100; letter-spacing: 0em;} 
/*h1 { font-size: 1.5rem; line-height: 1.375em; font-weight: 400; } 
*/

h2 { font-size: 1.5rem; line-height: 1.375em; font-weight: 100; letter-spacing: 0.05em;} 

h3 { font-size: 1.125rem; line-height: 1.375em; }

h4 { font-size: 1.0625rem; line-height: 1.375em; }

h5 { font-size: 1rem; line-height: 1.375em; }

/*
h6 { font-size: 0.9375rem; line-height: 1.375em; }
*/

h6 { font-style: italic; font-size: 3rem; line-height: 1.2em; font-weight: 500;}




/*h2 { font-size: 1.3125rem; line-height: 1.375em; }

h3 { font-size: 1.125rem; line-height: 1.375em; }

h4 { font-size: 1.0625rem; line-height: 1.375em; }

h5 { font-size: 1rem; line-height: 1.375em; }

h6 { font-size: 0.9375rem; line-height: 1.375em; }*/



p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, dl + h1, dl + h2, dl + h3, dl + h4, dl + h5, dl + h6 { margin-top: 2em; }

/*p { line-height: 1.8em; font-size: 0.85rem; margin: 0 0 0.8125em; }*/
p { line-height: 1.8em; font-size: 0.85rem; margin: 0 0 0em; }
.textlink { font-weight: 500; text-decoration: underline;}


@media screen and (max-width: 720px) {
  p { line-height: 1.8em; font-size: 0.75rem; margin: 0 0 00em; }
  .textlink { font-weight: 500; text-decoration: underline;}
}


@media screen and (max-width: 640px) {
   p { line-height: 1.8em; font-size: 0.75rem; margin: 0 0 00em; }
   .textlink { font-weight: 500; text-decoration: underline;}

}

p + p { margin-top: 1.625em; }

a { color: #212121; text-decoration: none; }
a:hover, a:active { color: #434449; }
a.underlined { border-bottom: 2px solid #EEEEEE; padding-bottom: 0.1875rem; }
a.primary-color { border-bottom: 0; color: #212121; }
a.primary-color:hover, a.primary-color:active { color: #434449; }

small { font-size: 0.9375em; line-height: 1.375em; }

strong { color: #25292C; font-weight: 500; }

hr { border-bottom: 1px solid #EEEEEE; border-left: none; border-right: none; border-top: none; margin: 1.875rem 0; }
hr.no-line { border: none; }

hr.shop_head { border-bottom: 10px solid #000000; border-left: none; border-right: none; border-top: none; margin: 0.8rem 0; }

figure { line-height: 0; margin: 0; }

img { line-height: 0; margin: 0; max-width: 100%; }

video { line-height: 0; margin: 0; max-width: 100%; }

abbr, acronym { border-bottom: 1px dotted #EEEEEE; cursor: help; }

address { display: block; margin: 0 0 0.8125em; }

hgroup { margin-bottom: 0.8125em; }

del { color: #686971; }

blockquote { font-size: 1.25rem; line-height: 1.625em; border-left: 4px solid #EEEEEE; color: #434449; font-style: italic; font-family: Georgia, "Avenir", serif; margin: 2.8125rem 0; padding: 0; padding-left: 1.625em; }
@media screen and (min-width: 1024px) { blockquote { max-width: 90%; } }

cite { font-size: 0.9375rem; line-height: 1.625em; color: #AAACAE; display: block; font-family: Georgia, "Avenir", serif; font-style: italic; }
cite:before { content: "— "; }

::selection { background: #212121; color: #fff; }

::-moz-selection { background: #212121; color: #fff; }

img::selection { background: #212121; }

img::-moz-selection { background: #212121; }

/* Accordions */
/* -------------------------------------------------- */
.accordion { border: 1px solid #EEEEEE; border-radius: 0.1875rem; list-style-type: none; margin: 0 0 3.75rem 0; padding: 0; }
.accordion::after { clear: both; content: ""; display: table; }
.accordion dt { background: #fff; margin: 0; }
.accordion dt a { color: #434449; }
.accordion dt a:hover { color: #212121; }
.accordion dt a { font-size: 0.9375rem; line-height: 1.375em; border-top: 1px solid #EEEEEE; display: block; font-weight: 500; padding: 1.25rem 30px; }
.accordion dt:first-of-type a { border-top: 0; }
.accordion dd { background: #fff; display: none; margin: 0; overflow: hidden; padding: 0; padding-top: 0; width: 100%; }
.accordion dd .content { margin: 0 30px 1.875rem; }
.accordion dd .content > :last-of-type { margin-bottom: 0; }

/* Audio player */
/* -------------------------------------------------- */
.audioplayer { background: #434449; border-radius: 0.1875rem; color: #fff; height: 2.8125rem; position: relative; z-index: 1; margin-bottom: 1.875rem; }
.audioplayer > div { position: absolute; }
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { position: absolute; top: 50%; left: 50%; height: 0; width: 0; border: 0.5em solid transparent; border-right: none; border-left-color: #fff; content: ""; margin: -0.5em 0 0 -0.25em; position: absolute; }
.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after { height: 0.313em; width: 0.313em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border: 0.25em double #fff; border-radius: 0 0.938em 0 0; border-width: 0.25em 0.25em 0 0; left: 0.563em; }

.audioplayer-playing .audioplayer-playpause a { position: absolute; top: 50%; left: 50%; height: 0.75em; width: 0.75em; margin: -0.375em 0 0 -0.375em; }
.audioplayer-playing .audioplayer-playpause a:before, .audioplayer-playing .audioplayer-playpause a:after { background-color: #fff; content: ""; height: 100%; position: absolute; top: 0; width: 40%; }
.audioplayer-playing .audioplayer-playpause a:before { left: 0; }
.audioplayer-playing .audioplayer-playpause a:after { right: 0; }

.audioplayer-time { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; font-size: 14px; height: 100%; line-height: 2.8125rem; text-align: center; top: 0; width: 4.0625rem; z-index: 2; }

.audioplayer-time-current { left: 2.8125rem; }

.audioplayer-time-duration { right: 2.8125rem; }

.audioplayer-bar { background-color: black; border-radius: 0.1875rem; cursor: pointer; height: 0.875em; left: 6.875em; margin-top: -0.438em; right: 6.875em; top: 50%; z-index: 1; }
.audioplayer-bar div { position: absolute; top: 0; left: 0; border-radius: 0.1875rem; height: 100%; width: 0; }

.audioplayer-bar-loaded { background-color: #1e1f21; z-index: 1; }

.audioplayer-bar-played { background: #212121; z-index: 2; }

.audioplayer-volume { border-bottom-right-radius: 0.1875rem; border-top-right-radius: 0.1875rem; border-top-left-radius: 0; border-top-right-radius: 0; background-color: #434449; border-left: 1px solid #434449; cursor: pointer; height: 100%; right: 0; text-align: left; text-indent: -9999px; top: 0; width: 2.8125rem; z-index: 2; }
.audioplayer-volume:hover, .audioplayer-volume:focus { background-color: #1e1f21; }
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust { opacity: 0; }
.audioplayer-volume:hover .audioplayer-volume-adjust { top: auto; bottom: 100%; }

.audioplayer-volume-button { height: 100%; width: 100%; }
.audioplayer-volume-button a { position: relative; top: 45%; left: 35%; background-color: #fff; display: block; height: 0.375em; width: 0.313em; z-index: 1; }
.audioplayer-volume-button a:before, .audioplayer-volume-button a:after { content: ""; position: absolute; }
.audioplayer-volume-button a:before { height: 0; width: 0; border: 0.5em solid transparent; border-left: none; border-right-color: #fff; margin-top: -0.5em; top: 50%; right: -0.25em; z-index: 2; }

.audioplayer-volume-adjust { border-top-left-radius: 0.1875rem; border-top-right-radius: 0.1875rem; position: absolute; top: -9999px; right: 0; left: 0; background: #1e1f21; cursor: default; height: 6.25em; position: absolute; }
.audioplayer-volume-adjust > div { background-color: #434449; cursor: pointer; width: 40%; height: 80%; margin: 30% auto 0; position: relative; z-index: 1; }
.audioplayer-volume-adjust div { border-radius: 0.1875rem; }
.audioplayer-volume-adjust div div { height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; background: #212121; }

.audioplayer-novolume .audioplayer-time-duration { border-right: 0; right: 0; }
.audioplayer-novolume .audioplayer-bar { right: 4.375em; }
.audioplayer-novolume .audioplayer-volume { display: none; }

.audioplayer-playpause { border-bottom-left-radius: 0.1875rem; border-top-left-radius: 0.1875rem; border-right: 1px solid #434449; cursor: pointer; height: 100%; left: 0; text-align: left; text-indent: -9999px; top: 0; width: 2.8125rem; z-index: 2; }
.audioplayer-playpause:hover, .audioplayer-playpause:focus { background-color: #1e1f21; }
.audioplayer-playpause a { display: block; }

.audioplayer-mini { width: 3.75rem; }
.audioplayer-mini .audioplayer-playpause { border-radius: 0.1875rem; width: 100%; }

.audioplayer * { -webkit-transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease; -moz-transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease; transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease; }
.audioplayer *:before, .audioplayer *:after { -webkit-transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease; -moz-transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease; transition: color 0.25s ease, background-color 0.25s ease, opacity 0.25s ease; }

/* Badges */
/* -------------------------------------------------- */
.badge { background-color: #212121; border-color: #212121; font-size: 0.75rem; line-height: 0.875rem; border: none; border-radius: 2em; color: #fff; display: inline-block; font-weight: 400; padding: 0.25rem 0.5rem; text-align: center; text-shadow: none; }
.badge.outlined { color: #212121; }
.badge.slate { background-color: #434449; border-color: #434449; }
.badge.slate.outlined { color: #434449; }
.badge.silver { background-color: #C6C9CC; border-color: #C6C9CC; }
.badge.silver.outlined { color: #C6C9CC; }
.badge.mercury { background-color: #F4F5F5; border-color: #F4F5F5; }
.badge.mercury.outlined { color: #F4F5F5; }
.badge.red { background-color: #F05B6F; border-color: #F05B6F; }
.badge.red.outlined { color: #F05B6F; }
.badge.orange { background-color: #FA9969; border-color: #FA9969; }
.badge.orange.outlined { color: #FA9969; }
.badge.yellow { background-color: #FAD173; border-color: #FAD173; }
.badge.yellow.outlined { color: #FAD173; }
.badge.green { background-color: #212121; border-color: #212121; }
.badge.green.outlined { color: #212121; }
.badge.blue { background-color: #469EEB; border-color: #469EEB; }
.badge.blue.outlined { color: #469EEB; }
.badge.violet { background-color: #8073BA; border-color: #8073BA; }
.badge.violet.outlined { color: #8073BA; }
.badge.mercury { color: #6f7179; }
.badge.mercury.outlined { color: #6f7179; }
.badge.outlined { background-color: transparent; border-width: 2px; border-style: solid; font-weight: 500; }
.badge.round { font-size: 0.9375rem; line-height: 3.75rem; border-radius: 100%; display: inline-block; padding: 0; height: 3.75rem; width: 3.75rem; }

/* Breadcrumbs */
/* -------------------------------------------------- */
.breadcrumbs { font-size: 0.875rem; line-height: 1.625em; }
.breadcrumbs a { color: #AAACAE; }
.breadcrumbs a:hover { color: #212121; }
.breadcrumbs > *:before { content: "›"; color: #AAACAE; margin: 0 0.625rem 0 0; }
.breadcrumbs a { margin-right: 0.625rem; }
.breadcrumbs a:before { top: 0; }
.breadcrumbs a.current { color: #434449; }
.breadcrumbs a:first-of-type:before { content: ""; margin: 0; }
.breadcrumbs a:not(:first-of-type):before { margin: 0 0.625rem 0 0; }

/* Buttons */
/* -------------------------------------------------- */
button, .button { background-color: #212121; border-color: #212121; color: #fff; font-size: 1rem; line-height: 1.125em; -webkit-transition: color 0.1s, background 0.1s, border 0.1s; -moz-transition: color 0.1s, background 0.1s, border 0.1s; transition: color 0.1s, background 0.1s, border 0.1s; border-radius: 0.1875rem; border-style: solid; border-width: 2px; box-shadow: none; display: inline-block; margin: 0; outline: 0; padding: 1rem 1.5rem; position: relative; text-decoration: none; vertical-align: middle; }
button:focus, button:hover, button:active, .button:focus, .button:hover, .button:active { background-color: #0c13eb; border-color: #0c13eb; color: #fff; }
button.outlined, .button.outlined { background-color: transparent; color: #212121; }
button.outlined:not(.disabled):focus, button.outlined:not(.disabled):hover, button.outlined:not(.disabled):active, .button.outlined:not(.disabled):focus, .button.outlined:not(.disabled):hover, .button.outlined:not(.disabled):active { background-color: #212121; border-color: #212121; color: #fff; }
button:active:not(.disabled), .button:active:not(.disabled) { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); transform: translateY(1px); }
button.slate, .button.slate { background-color: #434449; border-color: #434449; color: #fff; }
button.slate:focus, button.slate:hover, button.slate:active, .button.slate:focus, .button.slate:hover, .button.slate:active { background-color: #6f7179; border-color: #6f7179; color: #fff; }
button.slate.outlined, .button.slate.outlined { background-color: transparent; color: #434449; }
button.slate.outlined:not(.disabled):focus, button.slate.outlined:not(.disabled):hover, button.slate.outlined:not(.disabled):active, .button.slate.outlined:not(.disabled):focus, .button.slate.outlined:not(.disabled):hover, .button.slate.outlined:not(.disabled):active { background-color: #434449; border-color: #434449; color: #fff; }
button.silver, .button.silver { -color-color: #C6C9CC; border-color: #C6C9CC; color: #fff; }
button.silver:focus, button.silver:hover, button.silver:active, .button.silver:focus, .button.silver:hover, .button.silver:active { background-color: #d4d7d9; border-color: #d4d7d9; color: #fff; }
button.silver.outlined, .button.silver.outlined { background-color: transparent; color: #C6C9CC; }
button.silver.outlined:not(.disabled):focus, button.silver.outlined:not(.disabled):hover, button.silver.outlined:not(.disabled):active, .button.silver.outlined:not(.disabled):focus, .button.silver.outlined:not(.disabled):hover, .button.silver.outlined:not(.disabled):active { background-color: #C6C9CC; border-color: #C6C9CC; color: #fff; }
button.mercury, .button.mercury { background-color: #F4F5F5; border-color: #F4F5F5; color: #fff; }
button.mercury:focus, button.mercury:hover, button.mercury:active, .button.mercury:focus, .button.mercury:hover, .button.mercury:active { background-color: #f7f8f8; border-color: #f7f8f8; color: #fff; }
button.mercury.outlined, .button.mercury.outlined { background-color: transparent; color: #F4F5F5; }
button.mercury.outlined:not(.disabled):focus, button.mercury.outlined:not(.disabled):hover, button.mercury.outlined:not(.disabled):active, .button.mercury.outlined:not(.disabled):focus, .button.mercury.outlined:not(.disabled):hover, .button.mercury.outlined:not(.disabled):active { background-color: #F4F5F5; border-color: #F4F5F5; color: #fff; }
button.red, .button.red { background-color: #F05B6F; border-color: #F05B6F; color: #fff; }
button.red:focus, button.red:hover, button.red:active, .button.red:focus, .button.red:hover, .button.red:active { background-color: #f48493; border-color: #f48493; color: #fff; }
button.red.outlined, .button.red.outlined { background-color: transparent; color: #F05B6F; }
button.red.outlined:not(.disabled):focus, button.red.outlined:not(.disabled):hover, button.red.outlined:not(.disabled):active, .button.red.outlined:not(.disabled):focus, .button.red.outlined:not(.disabled):hover, .button.red.outlined:not(.disabled):active { background-color: #F05B6F; border-color: #F05B6F; color: #fff; }
button.orange, .button.orange { background-color: #FA9969; border-color: #FA9969; color: #fff; }
button.orange:focus, button.orange:hover, button.orange:active, .button.orange:focus, .button.orange:hover, .button.orange:active { background-color: #fbb38e; border-color: #fbb38e; color: #fff; }
button.orange.outlined, .button.orange.outlined { background-color: transparent; color: #FA9969; }
button.orange.outlined:not(.disabled):focus, button.orange.outlined:not(.disabled):hover, button.orange.outlined:not(.disabled):active, .button.orange.outlined:not(.disabled):focus, .button.orange.outlined:not(.disabled):hover, .button.orange.outlined:not(.disabled):active { background-color: #FA9969; border-color: #FA9969; color: #fff; }
button.yellow, .button.yellow { background-color: #FAD173; border-color: #FAD173; color: #fff; }
button.yellow:focus, button.yellow:hover, button.yellow:active, .button.yellow:focus, .button.yellow:hover, .button.yellow:active { background-color: #fbdd96; border-color: #fbdd96; color: #fff; }
button.yellow.outlined, .button.yellow.outlined { background-color: transparent; color: #FAD173; }
button.yellow.outlined:not(.disabled):focus, button.yellow.outlined:not(.disabled):hover, button.yellow.outlined:not(.disabled):active, .button.yellow.outlined:not(.disabled):focus, .button.yellow.outlined:not(.disabled):hover, .button.yellow.outlined:not(.disabled):active { background-color: #FAD173; border-color: #FAD173; color: #fff; }
button.green, .button.green { background-color: #212121; border-color: #212121; color: #fff; }
button.green:focus, button.green:hover, button.green:active, .button.green:focus, .button.green:hover, .button.green:active { background-color: #0c13eb; border-color: #0c13eb; color: #fff; }
button.green.outlined, .button.green.outlined { background-color: transparent; color: #212121; }
button.green.outlined:not(.disabled):focus, button.green.outlined:not(.disabled):hover, button.green.outlined:not(.disabled):active, .button.green.outlined:not(.disabled):focus, .button.green.outlined:not(.disabled):hover, .button.green.outlined:not(.disabled):active { background-color: #212121; border-color: #212121; color: #fff; }
button.blue, .button.blue { background-color: #469EEB; border-color: #469EEB; color: #fff; }
button.blue:focus, button.blue:hover, button.blue:active, .button.blue:focus, .button.blue:hover, .button.blue:active { background-color: #74b6f0; border-color: #74b6f0; color: #fff; }
button.blue.outlined, .button.blue.outlined { background-color: transparent; color: #469EEB; }
button.blue.outlined:not(.disabled):focus, button.blue.outlined:not(.disabled):hover, button.blue.outlined:not(.disabled):active, .button.blue.outlined:not(.disabled):focus, .button.blue.outlined:not(.disabled):hover, .button.blue.outlined:not(.disabled):active { background-color: #469EEB; border-color: #469EEB; color: #fff; }
button.violet, .button.violet { background-color: #8073BA; border-color: #8073BA; color: #fff; }
button.violet:focus, button.violet:hover, button.violet:active, .button.violet:focus, .button.violet:hover, .button.violet:active { background-color: #a096cb; border-color: #a096cb; color: #fff; }
button.violet.outlined, .button.violet.outlined { background-color: transparent; color: #8073BA; }
button.violet.outlined:not(.disabled):focus, button.violet.outlined:not(.disabled):hover, button.violet.outlined:not(.disabled):active, .button.violet.outlined:not(.disabled):focus, .button.violet.outlined:not(.disabled):hover, .button.violet.outlined:not(.disabled):active { background-color: #8073BA; border-color: #8073BA; color: #fff; }
button.white, .button.white { background-color: #fff; border-color: #fff; color: #434449; }
button.white:focus, button.white:hover, button.white:active, .button.white:focus, .button.white:hover, .button.white:active { background-color: white; border-color: white; color: #434449; }
button.white.outlined, .button.white.outlined { background-color: transparent; color: #fff; }
button.white.outlined:not(.disabled):focus, button.white.outlined:not(.disabled):hover, button.white.outlined:not(.disabled):active, .button.white.outlined:not(.disabled):focus, .button.white.outlined:not(.disabled):hover, .button.white.outlined:not(.disabled):active { background-color: #fff; border-color: #fff; color: #434449; }
button.white:focus, button.white:hover, button.white:active, .button.white:focus, .button.white:hover, .button.white:active { background: none; color: #fff; }
button.silver, .button.silver { background-color: #C6C9CC; border-color: #C6C9CC; color: #fff; }
button.silver:focus, button.silver:hover, button.silver:active, .button.silver:focus, .button.silver:hover, .button.silver:active { background-color: #d4d7d9; border-color: #d4d7d9; color: #fff; }
button.silver.outlined, .button.silver.outlined { background-color: transparent; color: #C6C9CC; }
button.silver.outlined:not(.disabled):focus, button.silver.outlined:not(.disabled):hover, button.silver.outlined:not(.disabled):active, .button.silver.outlined:not(.disabled):focus, .button.silver.outlined:not(.disabled):hover, .button.silver.outlined:not(.disabled):active { background-color: #C6C9CC; border-color: #C6C9CC; color: #fff; }
button.silver.outlined, .button.silver.outlined { color: #6f7179; }
button.mercury, .button.mercury { background-color: #F4F5F5; border-color: #F4F5F5; color: #434449; color: #6f7179; }
button.mercury:focus, button.mercury:hover, button.mercury:active, .button.mercury:focus, .button.mercury:hover, .button.mercury:active { background-color: #f8f9f9; border-color: #f8f9f9; color: #434449; }
button.mercury.outlined, .button.mercury.outlined { background-color: transparent; color: #F4F5F5; }
button.mercury.outlined:not(.disabled):focus, button.mercury.outlined:not(.disabled):hover, button.mercury.outlined:not(.disabled):active, .button.mercury.outlined:not(.disabled):focus, .button.mercury.outlined:not(.disabled):hover, .button.mercury.outlined:not(.disabled):active { background-color: #F4F5F5; border-color: #F4F5F5; color: #434449; }
button.mercury.outlined, .button.mercury.outlined { color: #6f7179; }
button.disabled, .button.disabled { background-color: #F4F5F5; border-color: #F4F5F5; color: #C6C9CC; cursor: default; }
button.disabled:focus, button.disabled:hover, button.disabled:active, .button.disabled:focus, .button.disabled:hover, .button.disabled:active { background-color: #f4f5f5; border-color: #f4f5f5; color: #C6C9CC; }
button.disabled.outlined, .button.disabled.outlined { background-color: transparent; color: #F4F5F5; }
button.disabled.outlined:not(.disabled):focus, button.disabled.outlined:not(.disabled):hover, button.disabled.outlined:not(.disabled):active, .button.disabled.outlined:not(.disabled):focus, .button.disabled.outlined:not(.disabled):hover, .button.disabled.outlined:not(.disabled):active { background-color: #F4F5F5; border-color: #F4F5F5; color: #C6C9CC; }
button.disabled.outlined, .button.disabled.outlined { color: #C6C9CC; }
button.large, .button.large { font-size: 1.125rem; line-height: 1.125em; padding: 18px 32px; }
button.small, .button.small { font-size: 0.875rem; line-height: 1.125em; padding: 10px 14px; }

/* Forms */
/* -------------------------------------------------- */
.form-actions { display: table; margin-top: 2.8125rem; }
.form-actions::after { clear: both; content: ""; display: table; }
.form-actions.center { margin-left: auto; margin-right: auto; }
.form-actions.right { width: 100%; }
.form-actions.right .column { text-align: right; width: 100%; }
.form-actions .column { display: table-cell; vertical-align: middle; border-right: 0; margin-right: 0.9375rem; padding-right: 0.9375rem; }
.form-actions .column:last-of-type { border-right: 0; margin-right: 0; padding-right: 0; }

form .row { margin-bottom: 1.875rem; }
form .row::after { clear: both; content: ""; display: table; }



form .row.inline label { display: inline-block; line-height: 1.375em; margin: 0; padding: 1rem 0.75rem; padding-left: 0; padding-right: 0; }
form .row.inline.radio label { margin-right: 0.9375rem; }
form.compact .row, form .row.compact { margin-bottom: 0.9375rem; }
form > .row:last-of-type { margin-bottom: 0; }
form .columns { margin-bottom: 1.875rem; }
form .columns:last-child { margin-bottom: 0; }
@media screen and (min-width: 640px) { form .columns { margin-bottom: 0; } }

fieldset { background: none; border: none; margin: 0; padding: 0; }
fieldset:last-of-type { margin-bottom: 1.875rem; }
fieldset + fieldset { border-top: 0; }
fieldset legend { font-size: 1.25rem; line-height: 1.625em; font-weight: 500; margin-bottom: 0.9375rem; }

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #AAACAE; }
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: #AAACAE; }
input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { color: #AAACAE; }
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #AAACAE; }

label { font-size: 0.85rem; line-height: 1.8em; color: #25292C; display: block; font-weight: 500; margin-bottom: 0em; }
label:last-child { margin-bottom: 0; }
label.required:after { content: "*"; }
label abbr { display: none; }

.label_black { font-size: 0.85rem; line-height: 1.8em; color: #434449; display: block; font-weight: 100; margin-bottom: 0em; }
.label_black:last-child { margin-bottom: 0; }
.label_black.required:after { content: "*"; }
.label_black abbr { display: none; }

.label_grey{ font-size: 0.85rem; line-height: 1.8em; color: #AAACAE; display: block; font-weight: 100; margin-bottom: 0em; }
.label_grey:last-child { margin-bottom: 0; }
.label_grey.required:after { content: "*"; } 

.metaliste {margin-bottom: 0em;}

@media screen and (max-width: 1024px) {
label { font-size: 0.85rem; line-height: 1.8em; color: #25292C; display: block; font-weight: 500; margin-bottom: 0em; }
label:last-child { margin-bottom: 0; }
label.required:after { content: "*"; }
label abbr { display: none; }

.label_grey{ font-size: 0.85rem; line-height: 1.8em; color: #AAACAE; display: block; font-weight: 100; margin-bottom: 0em; }
.label_grey:last-child { margin-bottom: 0; }
.label_grey.required:after { content: "*"; } 

.label_black { font-size: 0.85rem; line-height: 1.8em; color: #434449; display: block; font-weight: 100; margin-bottom: 0em; }
.label_black:last-child { margin-bottom: 0; }
.label_black.required:after { content: "*"; } 
}

@media screen and (max-width: 720px) {
label { font-size: 0.75rem; line-height: 1.8em; color: #25292C; display: block; font-weight: 500; margin-bottom: 0em; }
label:last-child { margin-bottom: 0; }
label.required:after { content: "*"; }
label abbr { display: none; }

.label_black { font-size: 0.75rem; line-height: 1.8em; color: #434449; display: block; font-weight: 100; margin-bottom: 0em; }
.label_black:last-child { margin-bottom: 0; }
.label_black.required:after { content: "*"; } 

.label_grey{ font-size: 0.75rem; line-height: 1.8em; color: #AAACAE; display: block; font-weight: 100; margin-bottom: 0em; }
.label_grey:last-child { margin-bottom: 0; }
.label_grey.required:after { content: "*"; } 
}

@media screen and (max-width: 640px) {
label { font-size: 0.75rem; line-height: 1.8em; color: #25292C; display: block; font-weight: 500; margin-bottom: 0em; }
label:last-child { margin-bottom: 0; }
label.required:after { content: "*"; }
label abbr { display: none; }

.label_black { font-size: 0.75rem; line-height: 1.8em; color: #434449; display: block; font-weight: 100; margin-bottom: 0em; }
.label_black:last-child { margin-bottom: 0; }
.label_black.required:after { content: "*"; } 

.label_grey{ font-size: 0.75rem; line-height: 1.8em; color: #AAACAE; display: block; font-weight: 100; margin-bottom: 0em; }
.label_grey:last-child { margin-bottom: 0; }
.label_grey.required:after { content: "*"; } 
}



textarea, input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select, select[multiple=multiple] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; font-size: 1rem; line-height: 1.125em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.1s; -moz-transition: border-color 0.1s; transition: border-color 0.1s; background-color: #fff; border-radius: 0.1875rem; border: 2px solid #e1e1e1; box-shadow: none; font-family: "Avenir", "Nunito", Arial, sans-serif; margin-bottom: 0; padding: 1rem 0.75rem; width: 100%; }
textarea:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, select:hover, select[multiple=multiple]:hover { border-color: #a2a2a2; }
textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select:focus, select[multiple=multiple]:focus { border-color: #212121; box-shadow: none; color: #434449; outline: none; }

textarea { line-height: 1.375em; resize: vertical; vertical-align: top; }

input[type="search"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

input[type="checkbox"], input[type="radio"] { display: inline; margin-right: 0.46875rem; }

input[type="file"] { line-height: 1em; width: 100%; }
input[type="file"]:focus { outline: 0; }

select { background: #fff; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12px' height='7px'><path d='M0.653526932,0.762448087 C0.292593974,0.341359636 0.455760956,0 1.00247329,0 L10.5044548,0 C11.3304216,0 11.5684948,0.503422737 11.0226426,1.14025025 L6.65352693,6.23755191 C6.29259397,6.65864036 5.71060753,6.66237545 5.34647307,6.23755191 L0.653526932,0.762448087 Z' fill='%23D8D8D8'></path></svg>"); background-repeat: no-repeat; background-position: right 12px center; border: 2px solid #e1e1e1; border-radius: 0.1875rem; height: auto; line-height: normal; max-width: 100%; margin-bottom: 0; padding: 1rem 2rem 1rem 0.75rem; width: 100%; appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; }
select:hover { border-color: #a2a2a2; }
select:focus { border-color: #212121; box-shadow: none; color: #434449; outline: none; }

button, input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; cursor: pointer; user-select: none; vertical-align: middle; white-space: nowrap; }

@-moz-document url-prefix() { select { background-image: none !important; } }
/* Grid */
/* -------------------------------------------------- */
.row { display: block; }
.row::after { clear: both; content: ""; display: table; }

.row_2_text { margin-bottom: 1.875rem; position: static;}
.row_2_text::after { clear: both; content: ""; display: table; }

.columns.small-1 { float: left; display: block; margin-right: 4.34783%; width: 4.34783%; }
.columns.small-1:last-child { margin-right: 0; }

.columns.small-2 { float: left; display: block; margin-right: 4.34783%; width: 13.04348%; }
.columns.small-2:last-child { margin-right: 0; }


.columns.small-3 { float: left; display: block; margin-right: 4.34783%; width: 21.73913%; }
.columns.small-3:last-child { margin-right: 0; }


.columns.small-4 { float: left; display: block; margin-right: 4.34783%; width: 30.43478%; }
.columns.small-4:last-child { margin-right: 0; }

.columns.small-5 { float: left; display: block; margin-right: 4.34783%; width: 39.13043%; }
.columns.small-5:last-child { margin-right: 0; }

.columns.small-6 { float: left; display: block; margin-right: 4.34783%; width: 47.82609%; }
.columns.small-6:last-child { margin-right: 0; }


.columns.small-6-2Images { float: left; display: block; margin-right: 1.4%; margin-bottom: 1.4%; width: 49.3%; }
.columns.small-6-2Images:last-child { margin-right: 0; }
.columns.small-6-2Images-second { float: left; display: block; margin-right: 0; margin-bottom: 1.4%; width: 49.3%; }

.columns.small-6-text { float: left; display: block; margin-right: 4.34783%; margin-bottom: 1.4%; margin-top: 4%; width: 100%; }
.columns.small-6-text:last-child { margin-right: 0; }

.columns.small-6-footer_left { float: left; display: block; margin-right: 0%; margin-bottom: 0%; width: 50%; text-align: left; color: #434449;}
.columns.small-6-footer_left:last-child { margin-right: 0; }

.columns.small-6-footer_right { float: left; display: block; margin-right: 0%; margin-bottom: 0%; width: 50%; text-align: right; color: #434449;}
.columns.small-6-footer_right:last-child { margin-right: 0; }



  .columns.small-6-4text { float: left; display: block; margin-right: 0%; margin-bottom: 4%; width: 22%; }
  .columns.small-6-4text:last-child { margin-right: 0%; margin-left: 4%; width: 22%; }

  .columns.small-6-4textL { float: left; display: block; margin-left: 0%; margin-right: 4%; margin-bottom: 4%; width: 46%; }
  .columns.small-6-4textR { float: left; display: block; margin-left: 4%; margin-right: 0%; margin-bottom: 4%; width: 46%; }


.columns.small-7 { float: left; display: block; margin-right: 4.34783%; width: 56.52174%; }
.columns.small-7:last-child { margin-right: 0; }

.columns.small-8 { float: left; display: block; margin-right: 4.34783%; width: 65.21739%; }
.columns.small-8:last-child { margin-right: 0; }

.columns.small-9 { float: left; display: block; margin-right: 4.34783%; width: 73.91304%; }
.columns.small-9:last-child { margin-right: 0; }

.columns.small-10 { float: left; display: block; margin-right: 4.34783%; width: 82.6087%; }
.columns.small-10:last-child { margin-right: 0; }

.columns.small-11 { float: left; display: block; margin-right: 4.34783%; width: 91.30435%; }
.columns.small-11:last-child { margin-right: 0; }

.columns.small-12 { float: left; display: block; margin-right: 4.34783%; margin-bottom: 1.4%; width: 100%; }
.columns.small-12:last-child { margin-right: 0; }



.columns.small-12space { float: left; display: block; margin-right: 4.34783%; margin-bottom: 25px; width: 100%; }
.columns.small-12space:last-child { margin-right: 0; }
.columns.small-12space_small { float: left; display: block; margin-right: 4.34783%; margin-bottom: 15px; width: 100%; }
.columns.small-12space_small:last-child { margin-right: 0; }

.columns.small-12_more_projects { float: left; display: block; margin-right: 0%; margin-bottom: 2rem; margin-top: 3rem; width: 100%; }
.columns.small-12_more_projects:last-child { margin-right: 0; }

.columns.small-preview { float: left; display: block; margin-right: 0%; margin-bottom: 0.86021%; width: 100%; }
.columns.small-preview:last-child { margin-right: 0; } 

.columns.small-QFQFQF { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 100%; }
.columns.small-QFQFQF:last-child { margin-right: 0; } 

.columns.small-QFQFQFQF { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 49.5699%; }
.columns.small-QFQFQFQF:last-child { margin-right: 0; } 

.columns.small-QFQFQFQFLast { float: left; display: block; margin-right: 0; margin-bottom: 0.86021%; width: 49.5699%; }

.columns.small-12-text { float: left; display: block; margin-right: 4.34783%; margin-bottom: 7%; width: 100%; }
.columns.small-12-text:last-child { margin-right: 0; }

.columns.small-12-text1 { float: left; display: block; margin-right: 4.34783%; margin-top: 1em; margin-bottom: 3em; width: 100%; }
.columns.small-12-text1:last-child { margin-right: 0; }

.columns.small-12_headline { float: left; display: block; margin-right: 4.34783%; margin-top: 7%; margin-bottom: 0%; width: 100%; }
.columns.small-12_headline:last-child { margin-right: 0; }

.small-12_headline_centered { align: center; display: block; text-align: center; margin: auto; width: 100%; }
.small-12_headline_centered:last-child { margin-right: 0; } 


 .marginBottom {  margin-bottom: 1.6%; } 
 .marginBottomQFss {  margin-bottom: 1.6%; } 
 .marginBottomQFs {  margin-bottom: 1.6%; } 
 .marginBottomHFss {  margin-bottom: 1.6%; } 
 .marginBottomHFs {  margin-bottom: 1.6%; } 
.marginBottomQFsThree {  margin-bottom: 0%; } 

 




@media screen and (min-width: 640px) { 

.marginBottom { margin-bottom: 2.83686282631623%; }

.row_2_text { margin-bottom: 1.875rem; position: relative;}
.row_2_text::after { clear: both; content: ""; display: table; }

  .columns.medium-1 { float: left; display: block; margin-right: 4.34783%; width: 4.34783%; }
  .columns.medium-1:last-child { margin-right: 0; }
  .columns.medium-2 { float: left; display: block; margin-right: 4.34783%; width: 13.04348%; }
  .columns.medium-2:last-child { margin-right: 0; }
  .columns.medium-3 { float: left; display: block; margin-right: 4.34783%; width: 21.73913%; }
  .columns.medium-3:last-child { margin-right: 0; }
  .columns.medium-3-4Images { float: left; display: block; margin-right: 0.8%; margin-bottom: 0.8%; width: 24.4%; }
  .columns.medium-3-4Images:last-child { margin-right: 0; }


  .columns.medium-3-4text { float: left; display: block; margin-right: 0%; margin-bottom: 4%; width: 22%; }
  .columns.medium-3-4text:last-child { margin-right: 0%; margin-left: 4%; width: 22%; }

  .columns.medium-3-4textL { float: left; display: block; margin-left: 4%; margin-right: 0%; margin-bottom: 4%; width: 22%; }
  .columns.medium-3-4textR { float: left; display: block; margin-left: 4%; margin-right: 0%; margin-bottom: 4%; width: 22%; }


  .columns.medium-4 { float: left; display: block; margin-right: 4.34783%; width: 30.43478%; }
  .columns.medium-4:last-child { margin-right: 0; }
  .columns.medium-5 { float: left; display: block; margin-right: 4.34783%; width: 39.13043%; }
  .columns.medium-5:last-child { margin-right: 0; }
  .columns.medium-6 { float: left; display: block; margin-right: 4.34783%; width: 47.82609%; }
  .columns.medium-6:last-child { margin-right: 0; }

  .columns.medium-6-2topImages { float: left; display: block; margin-right: 0.8%; margin-bottom: 0.8%; width: 49.6%; }
  .columns.medium-6-2topImages:last-child { margin-right: 0; }

  .columns.medium-6-footer_left { float: left; display: block; margin-right: 0%; margin-bottom: 0%; width: 50%; text-align: left; color: #434449;}
  .columns.medium-6-footer_left:last-child { margin-right: 0; }

  .columns.medium-6-footer_right { float: right; display: block; margin-right: 0%; margin-bottom: 0%; width: 50%; text-align: right;  color: #434449;}
  .columns.medium-6-footer_right:last-child { margin-right: 0; }

  .columns.medium-6-2text { float: left; display: block; margin-right: 4%;  width: 46%; margin-bottom:0em; margin-top: 0.4em; }
  .columns.medium-6-2text:last-child { margin-right: 1.7%; margin-left: 0.3%; width: 46%; }

  .columns.medium-6-2text_text4beside_meta { float: left; display: block; margin-right: 9.7%; margin-bottom: 2em; margin-top: 0.4em; margin-top: 0.4em; width: 47%; }
  .columns.medium-6-2text_text4beside_meta { margin-right: 10%; margin-left: 0%; width: 40%; }

  .columns.medium-6-2text_meta { float: left; display: block; margin-right: 4%;  width: 46%; position: absolute; margin-bottom: 3em; margin-top: 0.4em; bottom: 0;}
  .columns.medium-6-2text_meta:last-child { margin-right: 1.7%; margin-left: 0.3%; width: 48%; }

  .columns.medium-6-2text_right { float: left; text-align: right; margin-right: 1%;  width: 49%; margin-bottom:0em; margin-top: 0.4em;}
  .columns.medium-6-2text_right:last-child { margin-right: 1.7%; margin-left: 0.3%; width: 46%; }



  .columns.medium-7 { float: left; display: block; margin-right: 4.34783%; width: 56.52174%; }
  .columns.medium-7:last-child { margin-right: 0; }
  .columns.medium-8 { float: left; display: block; margin-right: 4.34783%; width: 65.21739%; }
  .columns.medium-8_right { float: right; display: block; margin-right: 4.34783%; width: 65.21739%; }

  .columns.medium-8:last-child { margin-right: 0; }
  .columns.medium-9 { float: left; display: block; margin-right: 4.34783%; width: 73.91304%; }
  .columns.medium-9:last-child { margin-right: 0; }
  .columns.medium-10 { float: left; display: block; margin-right: 4.34783%; width: 82.6087%; }
  .columns.medium-10:last-child { margin-right: 0; }
  .columns.medium-11 { float: left; display: block; margin-right: 4.34783%; width: 91.30435%; }
  .columns.medium-11:last-child { margin-right: 0; }
  .columns.medium-12 { float: left; display: block; margin-right: 4.34783%; margin-bottom: 0.8%; margin-top: 0%; width: 100%; }
  .columns.medium-12:last-child { margin-right: 0; } 

  .columns.medium-12space { float: left; display: block; margin-right: 4.34783%; margin-bottom: 30px; width: 100%; }
  .columns.medium-12space:last-child { margin-right: 0; } 

  .columns.medium-12space_small { float: left; display: block; margin-right: 4.34783%; margin-bottom: 10px; width: 100%; }
  .columns.medium-12space_small:last-child { margin-right: 0; }

  .columns.medium-12_more_projects  { float: left; display: block; margin-right: 0%; margin-bottom: 4rem; margin-top: 7rem; width: 100%; }
  .columns.medium-12_more_projects :last-child { margin-right: 0; } 

.columns.medium-QFm { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 68.81720%; }
.columns.medium-QFm:last-child { margin-right: 0; } 

.columns.medium-HFs { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 30.32258%; }
.columns.medium-HFs:last-child { margin-right: 0; } 

.columns.medium-QFQFQF { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 32.75986%; }
.columns.medium-QFQFQF:last-child { margin-right: 0; } 

.columns.medium-QFQFQFQF { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 24.3548%; }
.columns.medium-QFQFQFQF:last-child { margin-right: 0; } 

.columns.medium-QFxl { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 100%; }
.columns.medium-QFxl:last-child { margin-right: 0; } 

.columns.medium-HFxl { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 68.81720%; }
.columns.medium-HFxl:last-child { margin-right: 0; } 

.columns.medium-QFs { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 61.93548387096774%; }
.columns.medium-QFs:last-child { margin-right: 0; } 

.columns.medium-QFxs { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 49.5699%; }
.columns.medium-QFxs:last-child { margin-right: 0; } 

.columns.medium-QFss { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 37.20430107526882%; }
.columns.medium-QFss:last-child { margin-right: 0; } 

.columns.medium-HFm { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 37.20430107526882%; }
.columns.medium-HFm:last-child { margin-right: 0; }

.columns.medium-HFl { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 63.76344086021505%; }
.columns.medium-large-HFl:last-child { margin-right: 0; }

.columns.medium-HFss { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 35.37634408602151%; }
.columns.medium-HFss:last-child { margin-right: 0; }

.columns.medium-6-2text_shopHead_left { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 35.37634408602151%; }
.columns.medium-6-2text_shopHead_right { float: right; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 35.37634408602151%; }

 .marginBottom {  margin-bottom: 0%; } 

 .marginBottomHFs {  margin-bottom: 2.8%; }

 /* .marginBottomQFss {  margin-bottom: 2.3121387283237%; }  */

 .marginBottomQFss {  margin-bottom: 2.53%; } 
 
 .marginBottomQFs {  margin-bottom: 1.40%; } 

 .marginBottomHFss {  margin-bottom: 2.43161094224924%; } 

.columns.medium-12_headline { float: left; display: block; margin-right: 4.34783%; margin-bottom: 0%; margin-top: 0%; width: 100%; }
.columns.medium-12_headline:last-child { margin-right: 0; } 

.medium-12_headline_centered{ align: center; display: block; text-align: center; margin: auto; width: 75%; }
.medium-12_headline_centered:last-child { margin-right: 0; } 


}


@media screen and (min-width: 1024px) { 


.marginBottom { margin-bottom: 2.83686282631623%; }


.row_2_text { margin-bottom: 1.875rem; position: relative;}
 .row_2_text::after { clear: both; content: ""; display: table; }

  .columns.large-1 { float: left; display: block; margin-right: 4.34783%; width: 4.34783%; }
  .columns.large-1:last-child { margin-right: 0; }
  .columns.large-2 { float: left; display: block; margin-right: 4.34783%; width: 13.04348%; }
  .columns.large-2:last-child { margin-right: 0; }
  .columns.large-3 { float: left; display: block; margin-right: 4.34783%; width: 21.73913%; }
  .columns.large-3:last-child { margin-right: 0; }

  .columns.large-3-4Images { float: left; display: block; margin-right: 0.8%; margin-bottom: 0.8%; width: 24.4%; }
  .columns.large-3-4Images:last-child { margin-right: 0; }


  .columns.large-3-4text { float: left; display: block; margin-right: 0%; margin-bottom: 4%; width: 22%; }
  .columns.large-3-4text:last-child { margin-right: 0%; margin-left: 4%; width: 22%; }

  .columns.large-3-4textL { float: left; display: block; margin-left: 4%; margin-right: 0%; margin-bottom: 4%; width: 22%; }
  .columns.large-3-4textR { float: left; display: block; margin-left: 4%; margin-right: 0%; margin-bottom: 4%; width: 22%; }


  .columns.large-4 { float: left; display: block; margin-right: 4.34783%; width: 30.43478%; }
  .columns.large-4:last-child { margin-right: 0; }
  .columns.large-5 { float: left; display: block; margin-right: 4.34783%; width: 39.13043%; }
  .columns.large-5:last-child { margin-right: 0; }
  .columns.large-6 { float: left; display: block; margin-right: 4.34783%; width: 47.82609%; }
  .columns.large-6:last-child { margin-right: 0; }

  .columns.large-6-2topImages { float: left; display: block; margin-right: 0.8%; width: 49.6%; }
  .columns.large-6-2topImages:last-child { margin-right: 0; }

  .columns.large-6-footer_left  { float: left; display: block; margin-right: 0%; width: 50%; text-align: left;  color: #434449;}
  .columns.large-6-footer_left:last-child { margin-right: 0; }

   .columns.large-6-footer_right { float: right; display: block; margin-right: 0%; width: 50%; text-align: right; color: #434449;}
  .columns.large-6-footer_right:last-child { margin-right: 0; }

  .columns.large-6-2text { float: left; display: block; margin-right: 3%; margin-bottom: 0em; width: 47%; }
  .columns.large-6-2text:last-child { margin-right: 1.7%; margin-left: 0.5%; width: 46%; }

 .columns.large-6-2text_text4beside_meta { float: left; display: block; margin-right: 9.7%; margin-bottom: 2em; width: 47%; }
  .columns.large-6-2text_text4beside_meta { margin-right: 10%; margin-left: 0%; width: 40%; }

 .columns.large-6-2text_meta { float: left; display: block;  margin-left: 2%; margin-right: 1.7%; margin-bottom: 3em; width: 48%;  position: absolute; bottom: 0;}
  .columns.large-6-2text_meta:last-child { display: block; margin-right: 1.7%; margin-left: 2%; width: 48%; position: absolute; bottom: 0;}
  
 .columns.large-6-2text_shopHead_left { float: left; display: block;  margin-left: 2%; margin-right: 1.7%; margin-bottom: 3em; width: 48%;  position: absolute; bottom: 0;} 
 .columns.large-6-2text_shopHead_right { float: right; display: block;  margin-left: 2%; margin-right: 1.7%; margin-bottom: 3em; width: 48%;  position: absolute; bottom: 0;} 



  .columns.large-6-2text_right { float: left; text-align: right; margin-right: 1%; margin-bottom: 0em; width: 49%; }
  .columns.large-6-2text_right:last-child { margin-right: 1.7%; margin-left: 0.5%; width: 46%; }



.threeJScanvasLarge-12{ float: left; display: block; margin-right: 4.34783%; margin-top: 0%; width: 100%; position:relative; z-index:2; }
.threeJScanvasLarge-12:last-child { margin-right: 0; } 



.threeJScanvas{ width: 100%; height: 100%}



  .columns.large-7 { float: left; display: block; margin-right: 4.34783%; width: 56.52174%; }
  .columns.large-7:last-child { margin-right: 0; }
  .columns.large-8 { float: left; display: block; margin-right: 4.34783%; width: 65.21739%; }
  .columns.large-8:last-child { margin-right: 0; }
  .columns.large-9 { float: left; display: block; margin-right: 4.34783%; width: 73.91304%; }
  .columns.large-9:last-child { margin-right: 0; }
  .columns.large-10 { float: left; display: block; margin-right: 4.34783%; width: 82.6087%; }
  .columns.large-10:last-child { margin-right: 0; }
  .columns.large-11 { float: left; display: block; margin-right: 4.34783%; width: 91.30435%; }
  .columns.large-11:last-child { margin-right: 0; }
  .columns.large-12 { float: left; display: block; margin-right: 4.34783%; margin-top: 0%; width: 100%; }
  .columns.large-12:last-child { margin-right: 0; } 

  .columns.large-12info { float: left; display: block; margin-right: 4.34783%; margin-bottom: 2%; width: 100%; }
  .columns.large-12info:last-child { margin-right: 0; } 

  .columns.large-12space { float: left; display: block; margin-right: 4.34783%; margin-bottom: 40px; width: 100%; }
  .columns.large-12space:last-child { margin-right: 0; } 
  .columns.large-12space_small { float: left; display: block; margin-right: 4.34783%; margin-bottom: 15px; width: 100%; }
  .columns.large-12space_small:last-child { margin-right: 0; } 

  .columns.large-12_more_projects  { float: left; display: block; margin-right: 0%; margin-bottom: 4rem; margin-top: 7rem; width: 100%; }
  .columns.large-12_more_projects :last-child { margin-right: 0; } 

  .columns.large-12_accent-line  { float: left; display: block; margin-right: 0%; margin-bottom: 2rem; margin-top: 1rem; width: 100%; }
  .columns.large-12_accent-line :last-child { margin-right: 0; } 


.columns.large-QFxl { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 100%; }
.columns.large-QFxl:last-child { margin-right: 0; } 

.columns.large-QFm { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 68.81720%; }
.columns.large-QFm:last-child { margin-right: 0; } 

.columns.large-HFs { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 30.32258%; }
.columns.large-HFs:last-child { margin-right: 0; } 

.columns.large-QFQFQF { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 32.75986%; }
.columns.large-QFQFQF:last-child { margin-right: 0; } 

.columns.large-QFQFQFQF { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 24.3548%; }
.columns.large-QFQFQFQF:last-child { margin-right: 0; } 

.columns.large-QFxl2Backup { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 32.75986%; }
.columns.large-QFxl2Backup:last-child { margin-right: 0; } 

.columns.large-HFxl { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 68.81720%; }
.columns.large-HFxl:last-child { margin-right: 0; } 

.columns.large-QFs { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 61.93548387096774%; }
.columns.large-QFs:last-child { margin-right: 0; } 

.columns.large-QFxs { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 49.5699%; }
.columns.large-QFxs:last-child { margin-right: 0; } 

.columns.large-QFss { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 37.20430107526882%; }
.columns.large-QFss:last-child { margin-right: 0; } 

.columns.large-HFm { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 37.20430107526882%; }
.columns.large-HFm:last-child { margin-right: 0; }

.columns.large-HFl { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 63.76344086021505%; }
.columns.large-HFl:last-child { margin-right: 0; }

.columns.large-HFss { float: left; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 35.37634408602151%; }
.columns.large-HFss:last-child { margin-right: 0; }

.columns.large12_shopHead_left { float: left; display: block;  margin-right: 0.86021%; margin-bottom: 0.86021%; width: 50%; }
.columns.large12_shopHead_right { float: right; display: block; margin-right: 0.86021%; margin-bottom: 0.86021%; width: 50%; }

.columns.large-12_headline { float: left; display: block; margin-right: 4.34783%; margin-top: 0%; width: 100%;  margin-bottom: 0% }
.columns.large-12_headline:last-child { margin-right: 0; } 

.large-12_headline_centered { align: center; display: block; text-align: center; margin: auto; width: 75%; }
.large-12_headline:last-child { margin-right: 0; } 


}
  
.small-push-1 { margin-left: 8.69565%; }

.small-pull-1 { margin-left: -8.69565%; }

.small-push-2 { margin-left: 17.3913%; }

.small-pull-2 { margin-left: -17.3913%; }

.small-push-3 { margin-left: 26.08696%; }

.small-pull-3 { margin-left: -26.08696%; }

.small-push-4 { margin-left: 34.78261%; }

.small-pull-4 { margin-left: -34.78261%; }

.small-push-5 { margin-left: 43.47826%; }

.small-pull-5 { margin-left: -43.47826%; }

.small-push-6 { margin-left: 52.17391%; }

.small-pull-6 { margin-left: -52.17391%; }

.small-push-7 { margin-left: 60.86957%; }

.small-pull-7 { margin-left: -60.86957%; }

.small-push-8 { margin-left: 69.56522%; }

.small-pull-8 { margin-left: -69.56522%; }

.small-push-9 { margin-left: 78.26087%; }

.small-pull-9 { margin-left: -78.26087%; }

.small-push-10 { margin-left: 86.95652%; }

.small-pull-10 { margin-left: -86.95652%; }

.small-push-11 { margin-left: 95.65217%; }

.small-pull-11 { margin-left: -95.65217%; }

.small-push-12 { margin-left: 104.34783%; }

.small-pull-12 { margin-left: -104.34783%; }

@media screen and (min-width: 640px) { .medium-push-1 { margin-left: 8.69565%; }
  .medium-pull-1 { margin-left: -8.69565%; }
  .medium-push-2 { margin-left: 17.3913%; }
  .medium-pull-2 { margin-left: -17.3913%; }
  .medium-push-3 { margin-left: 26.08696%; }
  .medium-pull-3 { margin-left: -26.08696%; }
  .medium-push-4 { margin-left: 34.78261%; }
  .medium-pull-4 { margin-left: -34.78261%; }
  .medium-push-5 { margin-left: 43.47826%; }
  .medium-pull-5 { margin-left: -43.47826%; }
  .medium-push-6 { margin-left: 52.17391%; }
  .medium-pull-6 { margin-left: -52.17391%; }
  .medium-push-7 { margin-left: 60.86957%; }
  .medium-pull-7 { margin-left: -60.86957%; }
  .medium-push-8 { margin-left: 69.56522%; }
  .medium-pull-8 { margin-left: -69.56522%; }
  .medium-push-9 { margin-left: 78.26087%; }
  .medium-pull-9 { margin-left: -78.26087%; }
  .medium-push-10 { margin-left: 86.95652%; }
  .medium-pull-10 { margin-left: -86.95652%; }
  .medium-push-11 { margin-left: 95.65217%; }
  .medium-pull-11 { margin-left: -95.65217%; }
  .medium-push-12 { margin-left: 104.34783%; }
  .medium-pull-12 { margin-left: -104.34783%; } }
@media screen and (min-width: 1024px) { 
  .large-push-1 { margin-left: 8.69565%; }
  .large-pull-1 { margin-left: -8.69565%; }
  .large-push-2 { margin-left: 17.3913%; }
  .large-pull-2 { margin-left: -17.3913%; }
  .large-push-3 { margin-left: 26.08696%; }
  .large-pull-3 { margin-left: -26.08696%; }
  .large-push-4 { margin-left: 34.78261%; }
  .large-pull-4 { margin-left: -34.78261%; }
  .large-push-5 { margin-left: 43.47826%; }
  .large-pull-5 { margin-left: -43.47826%; }
  .large-push-6 { margin-left: 52.17391%; }
  .large-pull-6 { margin-left: -52.17391%; }
  .large-push-7 { margin-left: 60.86957%; }
  .large-pull-7 { margin-left: -60.86957%; }
  .large-push-8 { margin-left: 69.56522%; }
  .large-pull-8 { margin-left: -69.56522%; }
  .large-push-9 { margin-left: 78.26087%; }
  .large-pull-9 { margin-left: -78.26087%; }
  .large-push-10 { margin-left: 86.95652%; }
  .large-pull-10 { margin-left: -86.95652%; }
  .large-push-11 { margin-left: 95.65217%; }
  .large-pull-11 { margin-left: -95.65217%; }
  .large-push-12 { margin-left: 104.34783%; }
  .large-pull-12 { margin-left: -104.34783%; } }
/* Item grid */
/* -------------------------------------------------- */
[class*="item-grid-"] { display: block; margin: 0; padding: 0; }
[class*="item-grid-"]::after { clear: both; content: ""; display: table; }
[class*="item-grid-"] > .item { display: block; float: left; height: auto; list-style: none; overflow: hidden; }
<
.small-item-grid-1 > .item { padding: 0; width: 100%; }
.small-item-grid-1 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
.small-item-grid-1 > .item:nth-of-type(1n+1) { clear: both; }
.small-item-grid-1 > .item:nth-of-type(1n) { margin-right: 0; }
.small-item-grid-1 > .item:nth-of-type(-n+1) { margin-top: 0; }
.small-item-grid-1.row-spacing-200 > .item { margin-top: 60px; }
.small-item-grid-1.row-spacing-200 > .item:nth-of-type(-n+1) { margin-top: 0; }

.small-item-grid-2 > .item { padding: 0; width: 47.82609%; }
.small-item-grid-2 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
.small-item-grid-2 > .item:nth-of-type(2n+1) { clear: both; }
.small-item-grid-2 > .item:nth-of-type(2n) { margin-right: 0; }
.small-item-grid-2 > .item:nth-of-type(-n+2) { margin-top: 0; }
.small-item-grid-2.row-spacing-200 > .item { margin-top: 60px; }
.small-item-grid-2.row-spacing-200 > .item:nth-of-type(-n+2) { margin-top: 0; }

.small-item-grid-3 > .item { padding: 0; width: 30.43478%; }
.small-item-grid-3 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
.small-item-grid-3 > .item:nth-of-type(3n+1) { clear: both; }
.small-item-grid-3 > .item:nth-of-type(3n) { margin-right: 0; }
.small-item-grid-3 > .item:nth-of-type(-n+3) { margin-top: 0; }
.small-item-grid-3.row-spacing-200 > .item { margin-top: 60px; }
.small-item-grid-3.row-spacing-200 > .item:nth-of-type(-n+3) { margin-top: 0; }

.small-item-grid-4 > .item { padding: 0; width: 21.73913%; }
.small-item-grid-4 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
.small-item-grid-4 > .item:nth-of-type(4n+1) { clear: both; }
.small-item-grid-4 > .item:nth-of-type(4n) { margin-right: 0; }
.small-item-grid-4 > .item:nth-of-type(-n+4) { margin-top: 0; }
.small-item-grid-4.row-spacing-200 > .item { margin-top: 60px; }
.small-item-grid-4.row-spacing-200 > .item:nth-of-type(-n+4) { margin-top: 0; }

.small-item-grid-5 > .item { padding: 0; width: 16.52174%; }
.small-item-grid-5 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
.small-item-grid-5 > .item:nth-of-type(5n+1) { clear: both; }
.small-item-grid-5 > .item:nth-of-type(5n) { margin-right: 0; }
.small-item-grid-5 > .item:nth-of-type(-n+5) { margin-top: 0; }
.small-item-grid-5.row-spacing-200 > .item { margin-top: 60px; }
.small-item-grid-5.row-spacing-200 > .item:nth-of-type(-n+5) { margin-top: 0; }

.small-item-grid-6 > .item { padding: 0; width: 13.04348%; }
.small-item-grid-6 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
.small-item-grid-6 > .item:nth-of-type(6n+1) { clear: both; }
.small-item-grid-6 > .item:nth-of-type(6n) { margin-right: 0; }
.small-item-grid-6 > .item:nth-of-type(-n+6) { margin-top: 0; }
.small-item-grid-6.row-spacing-200 > .item { margin-top: 60px; }
.small-item-grid-6.row-spacing-200 > .item:nth-of-type(-n+6) { margin-top: 0; }

.small-item-grid-7 > .item { padding: 0; width: 10.55901%; }
.small-item-grid-7 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
.small-item-grid-7 > .item:nth-of-type(7n+1) { clear: both; }
.small-item-grid-7 > .item:nth-of-type(7n) { margin-right: 0; }
.small-item-grid-7 > .item:nth-of-type(-n+7) { margin-top: 0; }
.small-item-grid-7.row-spacing-200 > .item { margin-top: 60px; }
.small-item-grid-7.row-spacing-200 > .item:nth-of-type(-n+7) { margin-top: 0; }

.small-item-grid-8 > .item { padding: 0; width: 8.69565%; }
.small-item-grid-8 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
.small-item-grid-8 > .item:nth-of-type(8n+1) { clear: both; }
.small-item-grid-8 > .item:nth-of-type(8n) { margin-right: 0; }
.small-item-grid-8 > .item:nth-of-type(-n+8) { margin-top: 0; }
.small-item-grid-8.row-spacing-200 > .item { margin-top: 60px; }
.small-item-grid-8.row-spacing-200 > .item:nth-of-type(-n+8) { margin-top: 0; }

.small-item-grid-9 > .item { padding: 0; width: 7.24638%; }
.small-item-grid-9 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
.small-item-grid-9 > .item:nth-of-type(9n+1) { clear: both; }
.small-item-grid-9 > .item:nth-of-type(9n) { margin-right: 0; }
.small-item-grid-9 > .item:nth-of-type(-n+9) { margin-top: 0; }
.small-item-grid-9.row-spacing-200 > .item { margin-top: 60px; }
.small-item-grid-9.row-spacing-200 > .item:nth-of-type(-n+9) { margin-top: 0; }

.small-item-grid-10 > .item { padding: 0; width: 6.08696%; }
.small-item-grid-10 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
.small-item-grid-10 > .item:nth-of-type(10n+1) { clear: both; }
.small-item-grid-10 > .item:nth-of-type(10n) { margin-right: 0; }
.small-item-grid-10 > .item:nth-of-type(-n+10) { margin-top: 0; }
.small-item-grid-10.row-spacing-200 > .item { margin-top: 60px; }
.small-item-grid-10.row-spacing-200 > .item:nth-of-type(-n+10) { margin-top: 0; }

.small-item-grid-11 > .item { padding: 0; width: 5.13834%; }
.small-item-grid-11 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
.small-item-grid-11 > .item:nth-of-type(11n+1) { clear: both; }
.small-item-grid-11 > .item:nth-of-type(11n) { margin-right: 0; }
.small-item-grid-11 > .item:nth-of-type(-n+11) { margin-top: 0; }
.small-item-grid-11.row-spacing-200 > .item { margin-top: 60px; }
.small-item-grid-11.row-spacing-200 > .item:nth-of-type(-n+11) { margin-top: 0; }

.small-item-grid-12 > .item { padding: 0; width: 4.34783%; }
.small-item-grid-12 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
.small-item-grid-12 > .item:nth-of-type(12n+1) { clear: both; }
.small-item-grid-12 > .item:nth-of-type(12n) { margin-right: 0; }
.small-item-grid-12 > .item:nth-of-type(-n+12) { margin-top: 0; }
.small-item-grid-12.row-spacing-200 > .item { margin-top: 60px; }
.small-item-grid-12.row-spacing-200 > .item:nth-of-type(-n+12) { margin-top: 0; }

@media screen and (min-width: 640px) { .medium-item-grid-1 > .item { padding: 0; width: 100%; }
  .medium-item-grid-1 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .medium-item-grid-1 > .item:nth-of-type(1n+1) { clear: both; }
  .medium-item-grid-1 > .item:nth-of-type(1n) { margin-right: 0; }
  .medium-item-grid-1 > .item:nth-of-type(-n+1) { margin-top: 0; }
  .medium-item-grid-1.row-spacing-200 > .item { margin-top: 60px; }
  .medium-item-grid-1.row-spacing-200 > .item:nth-of-type(-n+1) { margin-top: 0; }
  .medium-item-grid-2 > .item { padding: 0; width: 47.82609%; }
  .medium-item-grid-2 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .medium-item-grid-2 > .item:nth-of-type(2n+1) { clear: both; }
  .medium-item-grid-2 > .item:nth-of-type(2n) { margin-right: 0; }
  .medium-item-grid-2 > .item:nth-of-type(-n+2) { margin-top: 0; }
  .medium-item-grid-2.row-spacing-200 > .item { margin-top: 60px; }
  .medium-item-grid-2.row-spacing-200 > .item:nth-of-type(-n+2) { margin-top: 0; }
  .medium-item-grid-3 > .item { padding: 0; width: 30.43478%; }
  .medium-item-grid-3 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .medium-item-grid-3 > .item:nth-of-type(3n+1) { clear: both; }
  .medium-item-grid-3 > .item:nth-of-type(3n) { margin-right: 0; }
  .medium-item-grid-3 > .item:nth-of-type(-n+3) { margin-top: 0; }
  .medium-item-grid-3.row-spacing-200 > .item { margin-top: 60px; }
  .medium-item-grid-3.row-spacing-200 > .item:nth-of-type(-n+3) { margin-top: 0; }
  .medium-item-grid-4 > .item { padding: 0; width: 21.73913%; }
  .medium-item-grid-4 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .medium-item-grid-4 > .item:nth-of-type(4n+1) { clear: both; }
  .medium-item-grid-4 > .item:nth-of-type(4n) { margin-right: 0; }
  .medium-item-grid-4 > .item:nth-of-type(-n+4) { margin-top: 0; }
  .medium-item-grid-4.row-spacing-200 > .item { margin-top: 60px; }
  .medium-item-grid-4.row-spacing-200 > .item:nth-of-type(-n+4) { margin-top: 0; }
  .medium-item-grid-5 > .item { padding: 0; width: 16.52174%; }
  .medium-item-grid-5 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .medium-item-grid-5 > .item:nth-of-type(5n+1) { clear: both; }
  .medium-item-grid-5 > .item:nth-of-type(5n) { margin-right: 0; }
  .medium-item-grid-5 > .item:nth-of-type(-n+5) { margin-top: 0; }
  .medium-item-grid-5.row-spacing-200 > .item { margin-top: 60px; }
  .medium-item-grid-5.row-spacing-200 > .item:nth-of-type(-n+5) { margin-top: 0; }
  .medium-item-grid-6 > .item { padding: 0; width: 13.04348%; }
  .medium-item-grid-6 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .medium-item-grid-6 > .item:nth-of-type(6n+1) { clear: both; }
  .medium-item-grid-6 > .item:nth-of-type(6n) { margin-right: 0; }
  .medium-item-grid-6 > .item:nth-of-type(-n+6) { margin-top: 0; }
  .medium-item-grid-6.row-spacing-200 > .item { margin-top: 60px; }
  .medium-item-grid-6.row-spacing-200 > .item:nth-of-type(-n+6) { margin-top: 0; }
  .medium-item-grid-7 > .item { padding: 0; width: 10.55901%; }
  .medium-item-grid-7 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .medium-item-grid-7 > .item:nth-of-type(7n+1) { clear: both; }
  .medium-item-grid-7 > .item:nth-of-type(7n) { margin-right: 0; }
  .medium-item-grid-7 > .item:nth-of-type(-n+7) { margin-top: 0; }
  .medium-item-grid-7.row-spacing-200 > .item { margin-top: 60px; }
  .medium-item-grid-7.row-spacing-200 > .item:nth-of-type(-n+7) { margin-top: 0; }
  .medium-item-grid-8 > .item { padding: 0; width: 8.69565%; }
  .medium-item-grid-8 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .medium-item-grid-8 > .item:nth-of-type(8n+1) { clear: both; }
  .medium-item-grid-8 > .item:nth-of-type(8n) { margin-right: 0; }
  .medium-item-grid-8 > .item:nth-of-type(-n+8) { margin-top: 0; }
  .medium-item-grid-8.row-spacing-200 > .item { margin-top: 60px; }
  .medium-item-grid-8.row-spacing-200 > .item:nth-of-type(-n+8) { margin-top: 0; }
  .medium-item-grid-9 > .item { padding: 0; width: 7.24638%; }
  .medium-item-grid-9 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .medium-item-grid-9 > .item:nth-of-type(9n+1) { clear: both; }
  .medium-item-grid-9 > .item:nth-of-type(9n) { margin-right: 0; }
  .medium-item-grid-9 > .item:nth-of-type(-n+9) { margin-top: 0; }
  .medium-item-grid-9.row-spacing-200 > .item { margin-top: 60px; }
  .medium-item-grid-9.row-spacing-200 > .item:nth-of-type(-n+9) { margin-top: 0; }
  .medium-item-grid-10 > .item { padding: 0; width: 6.08696%; }
  .medium-item-grid-10 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .medium-item-grid-10 > .item:nth-of-type(10n+1) { clear: both; }
  .medium-item-grid-10 > .item:nth-of-type(10n) { margin-right: 0; }
  .medium-item-grid-10 > .item:nth-of-type(-n+10) { margin-top: 0; }
  .medium-item-grid-10.row-spacing-200 > .item { margin-top: 60px; }
  .medium-item-grid-10.row-spacing-200 > .item:nth-of-type(-n+10) { margin-top: 0; }
  .medium-item-grid-11 > .item { padding: 0; width: 5.13834%; }
  .medium-item-grid-11 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .medium-item-grid-11 > .item:nth-of-type(11n+1) { clear: both; }
  .medium-item-grid-11 > .item:nth-of-type(11n) { margin-right: 0; }
  .medium-item-grid-11 > .item:nth-of-type(-n+11) { margin-top: 0; }
  .medium-item-grid-11.row-spacing-200 > .item { margin-top: 60px; }
  .medium-item-grid-11.row-spacing-200 > .item:nth-of-type(-n+11) { margin-top: 0; }
  .medium-item-grid-12 > .item { padding: 0; width: 4.34783%; }
  .medium-item-grid-12 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .medium-item-grid-12 > .item:nth-of-type(12n+1) { clear: both; }
  .medium-item-grid-12 > .item:nth-of-type(12n) { margin-right: 0; }
  .medium-item-grid-12 > .item:nth-of-type(-n+12) { margin-top: 0; }
  .medium-item-grid-12.row-spacing-200 > .item { margin-top: 60px; }
  .medium-item-grid-12.row-spacing-200 > .item:nth-of-type(-n+12) { margin-top: 0; } }


@media screen and (min-width: 1024px) { .large-item-grid-1 > .item { padding: 0; width: 100%; }
  .large-item-grid-1 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .large-item-grid-1 > .item:nth-of-type(1n+1) { clear: both; }
  .large-item-grid-1 > .item:nth-of-type(1n) { margin-right: 0; }
  .large-item-grid-1 > .item:nth-of-type(-n+1) { margin-top: 0; }
  .large-item-grid-1.row-spacing-200 > .item { margin-top: 60px; }
  .large-item-grid-1.row-spacing-200 > .item:nth-of-type(-n+1) { margin-top: 0; }
  .large-item-grid-2 > .item { padding: 0; width: 47.82609%; }
  .large-item-grid-2 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .large-item-grid-2 > .item:nth-of-type(2n+1) { clear: both; }
  .large-item-grid-2 > .item:nth-of-type(2n) { margin-right: 0; }
  .large-item-grid-2 > .item:nth-of-type(-n+2) { margin-top: 0; }
  .large-item-grid-2.row-spacing-200 > .item { margin-top: 60px; }
  .large-item-grid-2.row-spacing-200 > .item:nth-of-type(-n+2) { margin-top: 0; }
  .large-item-grid-3 > .item { padding: 0; width: 30.43478%; }
  .large-item-grid-3 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .large-item-grid-3 > .item:nth-of-type(3n+1) { clear: both; }
  .large-item-grid-3 > .item:nth-of-type(3n) { margin-right: 0; }
  .large-item-grid-3 > .item:nth-of-type(-n+3) { margin-top: 0; }
  .large-item-grid-3.row-spacing-200 > .item { margin-top: 60px; }
  .large-item-grid-3.row-spacing-200 > .item:nth-of-type(-n+3) { margin-top: 0; }
  .large-item-grid-4 > .item { padding: 0; width: 21.73913%; }
  .large-item-grid-4 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .large-item-grid-4 > .item:nth-of-type(4n+1) { clear: both; }
  .large-item-grid-4 > .item:nth-of-type(4n) { margin-right: 0; }
  .large-item-grid-4 > .item:nth-of-type(-n+4) { margin-top: 0; }
  .large-item-grid-4.row-spacing-200 > .item { margin-top: 60px; }
  .large-item-grid-4.row-spacing-200 > .item:nth-of-type(-n+4) { margin-top: 0; }
  .large-item-grid-5 > .item { padding: 0; width: 16.52174%; }
  .large-item-grid-5 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .large-item-grid-5 > .item:nth-of-type(5n+1) { clear: both; }
  .large-item-grid-5 > .item:nth-of-type(5n) { margin-right: 0; }
  .large-item-grid-5 > .item:nth-of-type(-n+5) { margin-top: 0; }
  .large-item-grid-5.row-spacing-200 > .item { margin-top: 60px; }
  .large-item-grid-5.row-spacing-200 > .item:nth-of-type(-n+5) { margin-top: 0; }
  .large-item-grid-6 > .item { padding: 0; width: 13.04348%; }
  .large-item-grid-6 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .large-item-grid-6 > .item:nth-of-type(6n+1) { clear: both; }
  .large-item-grid-6 > .item:nth-of-type(6n) { margin-right: 0; }
  .large-item-grid-6 > .item:nth-of-type(-n+6) { margin-top: 0; }
  .large-item-grid-6.row-spacing-200 > .item { margin-top: 60px; }
  .large-item-grid-6.row-spacing-200 > .item:nth-of-type(-n+6) { margin-top: 0; }
  .large-item-grid-7 > .item { padding: 0; width: 10.55901%; }
  .large-item-grid-7 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .large-item-grid-7 > .item:nth-of-type(7n+1) { clear: both; }
  .large-item-grid-7 > .item:nth-of-type(7n) { margin-right: 0; }
  .large-item-grid-7 > .item:nth-of-type(-n+7) { margin-top: 0; }
  .large-item-grid-7.row-spacing-200 > .item { margin-top: 60px; }
  .large-item-grid-7.row-spacing-200 > .item:nth-of-type(-n+7) { margin-top: 0; }
  .large-item-grid-8 > .item { padding: 0; width: 8.69565%; }
  .large-item-grid-8 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .large-item-grid-8 > .item:nth-of-type(8n+1) { clear: both; }
  .large-item-grid-8 > .item:nth-of-type(8n) { margin-right: 0; }
  .large-item-grid-8 > .item:nth-of-type(-n+8) { margin-top: 0; }
  .large-item-grid-8.row-spacing-200 > .item { margin-top: 60px; }
  .large-item-grid-8.row-spacing-200 > .item:nth-of-type(-n+8) { margin-top: 0; }
  .large-item-grid-9 > .item { padding: 0; width: 7.24638%; }
  .large-item-grid-9 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .large-item-grid-9 > .item:nth-of-type(9n+1) { clear: both; }
  .large-item-grid-9 > .item:nth-of-type(9n) { margin-right: 0; }
  .large-item-grid-9 > .item:nth-of-type(-n+9) { margin-top: 0; }
  .large-item-grid-9.row-spacing-200 > .item { margin-top: 60px; }
  .large-item-grid-9.row-spacing-200 > .item:nth-of-type(-n+9) { margin-top: 0; }
  .large-item-grid-10 > .item { padding: 0; width: 6.08696%; }
  .large-item-grid-10 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .large-item-grid-10 > .item:nth-of-type(10n+1) { clear: both; }
  .large-item-grid-10 > .item:nth-of-type(10n) { margin-right: 0; }
  .large-item-grid-10 > .item:nth-of-type(-n+10) { margin-top: 0; }
  .large-item-grid-10.row-spacing-200 > .item { margin-top: 60px; }
  .large-item-grid-10.row-spacing-200 > .item:nth-of-type(-n+10) { margin-top: 0; }
  .large-item-grid-11 > .item { padding: 0; width: 5.13834%; }
  .large-item-grid-11 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .large-item-grid-11 > .item:nth-of-type(11n+1) { clear: both; }
  .large-item-grid-11 > .item:nth-of-type(11n) { margin-right: 0; }
  .large-item-grid-11 > .item:nth-of-type(-n+11) { margin-top: 0; }
  .large-item-grid-11.row-spacing-200 > .item { margin-top: 60px; }
  .large-item-grid-11.row-spacing-200 > .item:nth-of-type(-n+11) { margin-top: 0; }
  .large-item-grid-12 > .item { padding: 0; width: 4.34783%; }
  .large-item-grid-12 > .item:nth-of-type(n) { clear: none; margin-top: 30px; margin-right: 4.34783%; }
  .large-item-grid-12 > .item:nth-of-type(12n+1) { clear: both; }
  .large-item-grid-12 > .item:nth-of-type(12n) { margin-right: 0; }
  .large-item-grid-12 > .item:nth-of-type(-n+12) { margin-top: 0; }
  .large-item-grid-12.row-spacing-200 > .item { margin-top: 60px; }
  .large-item-grid-12.row-spacing-200 > .item:nth-of-type(-n+12) { margin-top: 0; } }

/* Lists */
/* -------------------------------------------------- */
ul, ol { margin-bottom: 1.875rem; padding-left: 30px; }
ul li, ol li { margin-bottom: 0.8125em; line-height: 1.4em; }
ul.inline-list, .nav-primary ul, .nav-side > ul, .nav-side > ul ul, ul.clean-list, ol.inline-list, ol.clean-list { margin: 0; padding: 0; list-style-type: none; }
ul.inline-list li, .nav-primary ul li, .nav-side > ul li, ul.clean-list li, ol.inline-list li, ol.clean-list li { margin-bottom: 0; }
ul.inline-list li, ol.inline-list li { display: inline-block; margin: 0 0.9375rem 0 0; }
ul.inline-list a:before, ol.inline-list a:before { top: 0; }
ul.inline-list a.current, ol.inline-list a.current { color: #434449; cursor: default; }
ul.inline-list a:first-of-type:before, ol.inline-list a:first-of-type:before { margin: 0; }
ul.inline-list a:not(:first-of-type):before, ol.inline-list a:not(:first-of-type):before { margin: 0 0.5em 0 0; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

dl { line-height: 1.625em; margin-bottom: 1.875rem; }
dl dt { font-size: 0.9375rem; line-height: 1.625em; color: #25292C; font-weight: 500; margin-top: 1.25rem; }
dl dd { margin: 0.23438rem 0 0 0; }

/* Loading indicators */
/* -------------------------------------------------- */
.loading-indicator.default, #fancybox-loading div { -webkit-animation: rotate360 0.5s infinite linear; -moz-animation: rotate360 0.5s infinite linear; animation: rotate360 0.5s infinite linear; height: 1.75rem; width: 1.75rem; border-radius: 50%; display: inline-block; position: relative; }
.loading-indicator.default:before, #fancybox-loading div:before { height: 100%; width: 100%; border-radius: 50%; border: 0.1875rem solid #d9dddd; border-top: 0.1875rem solid #434449; content: ""; display: block; height: 100%; position: absolute; }
.loading-indicator.center { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; vertical-align: middle; }

/* Notify */
/* -------------------------------------------------- */
#notify-bar { display: none; overflow: hidden; padding: 1.875rem; position: fixed; text-align: center; width: 100%; z-index: 10; }
#notify-bar.inline { position: relative; }
#notify-bar a.close { font-size: 1.125rem; line-height: 1; border: none !important; display: block; line-height: 1em; opacity: 0.5; position: absolute; right: 0.625rem; text-align: center; top: 0.46875rem; }
#notify-bar a.close i { line-height: 1em; }
#notify-bar a.close:hover { border: none; opacity: 1; }
#notify-bar .actions { margin-top: 1.25rem; }
#notify-bar .button { margin: 0 0.5em; }
#notify-bar .timer { height: 6px; position: absolute; top: 0; left: 0; width: 0; z-index: 11; }
#notify-bar.slate { background-color: #434449; border-color: #434449; color: #fff; }
#notify-bar.slate a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
#notify-bar.slate a:not(.button):hover { border: none; }
#notify-bar.slate .timer { background-color: #6f7179; }
#notify-bar.silver { background-color: #C6C9CC; border-color: #C6C9CC; color: #fff; }
#notify-bar.silver a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
#notify-bar.silver a:not(.button):hover { border: none; }
#notify-bar.silver .timer { background-color: #d4d7d9; }
#notify-bar.mercury { background-color: #F4F5F5; border-color: #F4F5F5; color: #fff; }
#notify-bar.mercury a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
#notify-bar.mercury a:not(.button):hover { border: none; }
#notify-bar.mercury .timer { background-color: #f7f8f8; }
#notify-bar.red { background-color: #F05B6F; border-color: #F05B6F; color: #fff; }
#notify-bar.red a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
#notify-bar.red a:not(.button):hover { border: none; }
#notify-bar.red .timer { background-color: #f48493; }
#notify-bar.orange { background-color: #FA9969; border-color: #FA9969; color: #fff; }
#notify-bar.orange a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
#notify-bar.orange a:not(.button):hover { border: none; }
#notify-bar.orange .timer { background-color: #fbb38e; }
#notify-bar.yellow { background-color: #FAD173; border-color: #FAD173; color: #fff; }
#notify-bar.yellow a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
#notify-bar.yellow a:not(.button):hover { border: none; }
#notify-bar.yellow .timer { background-color: #fbdd96; }
#notify-bar.green { background-color: #212121; border-color: #212121; color: #fff; }
#notify-bar.green a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
#notify-bar.green a:not(.button):hover { border: none; }
#notify-bar.green .timer { background-color: #0c13eb; }
#notify-bar.blue { background-color: #469EEB; border-color: #469EEB; color: #fff; }
#notify-bar.blue a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
#notify-bar.blue a:not(.button):hover { border: none; }
#notify-bar.blue .timer { background-color: #74b6f0; }
#notify-bar.violet { background-color: #8073BA; border-color: #8073BA; color: #fff; }
#notify-bar.violet a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
#notify-bar.violet a:not(.button):hover { border: none; }
#notify-bar.violet .timer { background-color: #a096cb; }
#notify-bar.slate a:not(.button) { border-color: #212121; }
#notify-bar.slate a:not(.button):hover { border-color: #212121; color: #212121; }
#notify-bar.slate a:not(.button).close { color: #fff; }
#notify-bar.slate a:not(.button).close:hover { color: #fff; }
#notify-bar.mercury { background-color: #F4F5F5; border-color: #F4F5F5; color: #6f7179; }
#notify-bar.mercury a:not(.button) { border-bottom: 2px solid #6f7179; color: #6f7179; }
#notify-bar.mercury a:not(.button):hover { border: none; }
#notify-bar.mercury .timer { background-color: #f7f8f8; }
#notify-bar.mercury .timer { background-color: #C6C9CC; }






/* Nav primary */
/* -------------------------------------------------- */
.nav-wrap::after { clear: both; content: ""; display: table; }

.nav-primary { max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; width: auto; }

.nav-primary::after { clear: both; content: ""; display: table; }
.nav-primary::after { clear: both; content: ""; display: table; }
.nav-primary .np-toggle { font-size: 28px; line-height: 1em; -webkit-transition: color 0.1s; -moz-transition: color 0.1s; transition: color 0.1s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #434449; cursor: pointer; display: block; margin: 0 auto 0.9375rem auto; padding: 0; text-align: center; text-transform: uppercase; width: auto; }


.nav-primary .np-toggle:hover { color: #212121; }
/*.nav-primary .np-toggle:hover { color: #E90043; }*/


/*@media screen and (min-width: 640px) { .nav-primary .np-toggle { display: none !important; } }*/

@media screen and (min-width: 374px) { .nav-primary .np-toggle { display: none !important; } }
.nav-primary ul { overflow: hidden; }
@media screen and (min-width: 374px) { .nav-primary ul { overflow: visible; } }
.nav-primary li { position: relative; }
.nav-primary li > :first-child { display: block; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; }
@media screen and (min-width: 374px) { .nav-primary li:hover > ul { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; } }
.nav-primary > ul { font-size: 1rem; line-height: 1em; display: none; height: auto; margin:  0.7rem 0 0 0; padding: 0; width: 100%; text-align: center;}
@media screen and (min-width: 374px) { .nav-primary > ul { display: block; } }
.nav-primary > ul > li { line-height: 1.1875rem; }


@media screen and (min-width: 374px) { .nav-primary > ul > li { display: inline-block; } }
.nav-primary > ul > li > :first-child { background: none; border-radius: 0.1875rem; color: #434449; display: block; font-size: 0.9375rem; font-weight: normal; line-height: 1.1875rem; padding: 0.3125rem 0; }


/*@media screen and (min-width: 375px) { .nav-primary > ul > li > :first-child { padding: 0.3125rem 0.75rem; } }*/

@media screen and (min-width: 374px) { .nav-primary > ul > li > :first-child { padding: 0.3125rem 0.4rem; } }

.nav-primary > ul > li:hover > :first-child { background: none; color: #003bfc; }
.nav-primary > ul > li.np-active > :first-child { background: none; color: #000000; /*font-weight: 600;*/text-decoration: underline; }
.nav-primary > ul > li.np-active:hover > :first-child { background: none; color: #212121; }

@media screen and (min-width: 640px) { .nav-primary > ul > li > :first-child { padding: 0.3125rem 0.75rem; } }

@media screen and (min-width: 374px) { .nav-primary > ul > li.np-node > :first-child { padding-right: 1.75rem; } }
.nav-primary > ul > li.np-node > :first-child:after { -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; height: 0; width: 0; border-left: 0.3125rem solid transparent; border-right: 0.3125rem solid transparent; border-top: 0.3125rem solid #434449; border-radius: 2px; content: ""; margin-top: 0.4375rem; margin-left: 0.375rem; position: absolute; }
.nav-primary > ul > li.np-node:hover > :first-child:after { border-top-color: #212121; }
.nav-primary > ul > li > ul { -webkit-animation: fadeInDown 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; -moz-animation: fadeInDown 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; animation: fadeInDown 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; }
.nav-primary > ul ul { display: none; margin-left: 0.9375rem; width: auto; z-index: 5; }
.nav-primary > ul ul ul { -webkit-animation: fadeIn 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; -moz-animation: fadeIn 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; animation: fadeIn 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; }
@media screen and (min-width: 374px) { .nav-primary > ul ul ul { top: -0.75rem; left: 100%; } }
.nav-primary > ul ul li { line-height: 1.125rem; width: 100%; }
.nav-primary > ul ul li > :first-child { background: none; border-radius: 0.1875rem; color: #434449; display: block; font-size: 0.875rem; font-weight: normal; line-height: 1.125rem; padding: 0.3125rem 0; }
@media screen and (min-width: 374px) { .nav-primary > ul ul li > :first-child { padding: 0.3125rem 1.75rem; white-space: nowrap; } }
.nav-primary > ul ul li:hover > :first-child { background: none; color: #212121; }
.nav-primary > ul ul li.np-active > :first-child { background: none; color: #AAACAE; font-weight: normal; }
.nav-primary > ul ul li.np-active:hover > :first-child { background: none; color: #212121; }
@media screen and (min-width: 374px) { .nav-primary > ul ul li.np-node > :first-child { padding-right: 2.375rem; } }
.nav-primary > ul ul li.np-node > :first-child:after { -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; height: 0; width: 0; border-left: 0.3125rem solid transparent; border-right: 0.3125rem solid transparent; border-top: 0.3125rem solid #434449; border-radius: 2px; content: ""; margin-top: 0.40625rem; margin-left: 0.375rem; position: absolute; }
.nav-primary > ul ul li.np-node:hover > :first-child:after { border-top-color: #212121; }
@media screen and (min-width: 374px) { .nav-primary > ul ul { background: #F4F5F5; display: none; left: -1rem; margin: 0; padding: 0.75rem 0rem; position: absolute; } }
@media screen and (min-width: 374px) { .nav-primary { float: none; text-align: left; }
  .nav-primary.nav-center { float: none; text-align: center; }
  .nav-primary.nav-center ul ul { text-align: left; }
  .nav-primary.nav-right { float: right; text-align: right; }
  .nav-primary.nav-right ul ul { text-align: left; }
  .nav-primary.nav-right:not(.subnav-flyout-right) ul ul ul { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); left: 0; } }




@media screen and (min-width: 1024px) { .nav-primary.nav-left-large { float: none; text-align: left; }

  .nav-primary.nav-center-large { float: none; text-align: center; }
  .nav-primary.nav-center-large ul ul { text-align: left; }
  .nav-primary.nav-right-large { float: center; text-align: center; }
  .nav-primary.nav-right-large ul ul { text-align: left; }
  .nav-primary.nav-right-large:not(.subnav-flyout-right) ul ul ul { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); left: 0; } }
@media screen and (min-width: 375px) { .nav-primary.nav-align-edges { margin-left: -0.75rem; margin-right: 0; }
  .nav-primary.nav-align-edges.nav-center { margin-left: 0; margin-right: 0; }
  .nav-primary.nav-align-edges.nav-right { margin-left: 0; margin-right: -0.75rem; } }

@media screen and (min-width: 1024px) { .nav-primary.nav-align-edges.nav-left-large { margin-left: -0.75rem; margin-right: 0; }
  .nav-primary.nav-align-edges.nav-center-large { margin-left: 0; margin-right: 0; }
  .nav-primary.nav-align-edges.nav-right-large { margin-left: 0; margin-right: -0.75rem; } }

/* Nav side */
/* -------------------------------------------------- */
.nav-side > ul { font-size: 0.9375rem; line-height: 1.625em; overflow: hidden; }
.nav-side > ul a { color: #434449; }
.nav-side > ul a:hover { color: #212121; }
.nav-side > ul ul { display: none; height: 0; margin-left: 0.9375rem; overflow: hidden; }
.nav-side > ul li { line-height: 1.375rem; position: relative; }
.nav-side > ul li > :first-child { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; color: #434449; display: block; padding: 0.1875rem 0; }
.nav-side > ul li:hover > :first-child { color: #212121; }
.nav-side .ns-node > :first-child:after { content: "›"; margin-left: 0.5rem; }
.nav-side .ns-active > :first-child { color: #212121; font-weight: normal; }
.nav-side.triangle-indicators .ns-node > :first-child:after { -webkit-transition: border-top-color 0.1s, -webkit-transform 0.2s; -moz-transition: border-top-color 0.1s, -moz-transform 0.2s; transition: border-top-color 0.1s, transform 0.2s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); height: 0; width: 0; border-left: 0.3125rem solid transparent; border-right: 0.3125rem solid transparent; border-top: 0.3125rem solid #434449; border-radius: 2px; content: ""; margin-top: 0.53125rem; margin-left: 0.5rem; position: absolute; }
.nav-side.triangle-indicators .ns-node:hover > :first-child:after { border-top-color: #212121; }
.nav-side.triangle-indicators .ns-open > :first-child:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

/* Panels */
/* -------------------------------------------------- */
.panel { border-radius: 0.1875rem; border-style: solid; border-width: 2px; font-weight: normal; margin-bottom: 1.875rem; padding: 0.9375rem 30px; }
.panel.large { padding: 1.875rem 30px; }
.panel.slate { background-color: #434449; border-color: #434449; color: #fff; }
.panel.slate a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
.panel.slate a:not(.button):focus, .panel.slate a:not(.button):hover, .panel.slate a:not(.button):active { border: none; }
.panel.slate.outlined { background-color: transparent; color: #434449; }
.panel.slate.outlined a:not(.button) { border-color: #434449; color: #434449; }
.panel.slate.outlined a:not(.button):focus, .panel.slate.outlined a:not(.button):hover, .panel.slate.outlined a:not(.button):active { border: none; color: #434449; }
.panel.silver { background-color: #C6C9CC; border-color: #C6C9CC; color: #fff; }
.panel.silver a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
.panel.silver a:not(.button):focus, .panel.silver a:not(.button):hover, .panel.silver a:not(.button):active { border: none; }
.panel.silver.outlined { background-color: transparent; color: #434449; }
.panel.silver.outlined a:not(.button) { border-color: #C6C9CC; color: #C6C9CC; }
.panel.silver.outlined a:not(.button):focus, .panel.silver.outlined a:not(.button):hover, .panel.silver.outlined a:not(.button):active { border: none; color: #434449; }
.panel.mercury { background-color: #F4F5F5; border-color: #F4F5F5; color: #fff; }
.panel.mercury a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
.panel.mercury a:not(.button):focus, .panel.mercury a:not(.button):hover, .panel.mercury a:not(.button):active { border: none; }
.panel.mercury.outlined { background-color: transparent; color: #434449; }
.panel.mercury.outlined a:not(.button) { border-color: #F4F5F5; color: #F4F5F5; }
.panel.mercury.outlined a:not(.button):focus, .panel.mercury.outlined a:not(.button):hover, .panel.mercury.outlined a:not(.button):active { border: none; color: #434449; }
.panel.red { background-color: #F05B6F; border-color: #F05B6F; color: #fff; }
.panel.red a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
.panel.red a:not(.button):focus, .panel.red a:not(.button):hover, .panel.red a:not(.button):active { border: none; }
.panel.red.outlined { background-color: transparent; color: #434449; }
.panel.red.outlined a:not(.button) { border-color: #F05B6F; color: #F05B6F; }
.panel.red.outlined a:not(.button):focus, .panel.red.outlined a:not(.button):hover, .panel.red.outlined a:not(.button):active { border: none; color: #434449; }
.panel.orange { background-color: #FA9969; border-color: #FA9969; color: #fff; }
.panel.orange a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
.panel.orange a:not(.button):focus, .panel.orange a:not(.button):hover, .panel.orange a:not(.button):active { border: none; }
.panel.orange.outlined { background-color: transparent; color: #434449; }
.panel.orange.outlined a:not(.button) { border-color: #FA9969; color: #FA9969; }
.panel.orange.outlined a:not(.button):focus, .panel.orange.outlined a:not(.button):hover, .panel.orange.outlined a:not(.button):active { border: none; color: #434449; }
.panel.yellow { background-color: #FAD173; border-color: #FAD173; color: #fff; }
.panel.yellow a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
.panel.yellow a:not(.button):focus, .panel.yellow a:not(.button):hover, .panel.yellow a:not(.button):active { border: none; }
.panel.yellow.outlined { background-color: transparent; color: #434449; }
.panel.yellow.outlined a:not(.button) { border-color: #FAD173; color: #FAD173; }
.panel.yellow.outlined a:not(.button):focus, .panel.yellow.outlined a:not(.button):hover, .panel.yellow.outlined a:not(.button):active { border: none; color: #434449; }
.panel.green { background-color: #212121; border-color: #212121; color: #fff; }
.panel.green a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
.panel.green a:not(.button):focus, .panel.green a:not(.button):hover, .panel.green a:not(.button):active { border: none; }
.panel.green.outlined { background-color: transparent; color: #434449; }
.panel.green.outlined a:not(.button) { border-color: #212121; color: #212121; }
.panel.green.outlined a:not(.button):focus, .panel.green.outlined a:not(.button):hover, .panel.green.outlined a:not(.button):active { border: none; color: #434449; }
.panel.blue { background-color: #469EEB; border-color: #469EEB; color: #fff; }
.panel.blue a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
.panel.blue a:not(.button):focus, .panel.blue a:not(.button):hover, .panel.blue a:not(.button):active { border: none; }
.panel.blue.outlined { background-color: transparent; color: #434449; }
.panel.blue.outlined a:not(.button) { border-color: #469EEB; color: #469EEB; }
.panel.blue.outlined a:not(.button):focus, .panel.blue.outlined a:not(.button):hover, .panel.blue.outlined a:not(.button):active { border: none; color: #434449; }
.panel.violet { background-color: #8073BA; border-color: #8073BA; color: #fff; }
.panel.violet a:not(.button) { border-bottom: 2px solid #fff; color: #fff; }
.panel.violet a:not(.button):focus, .panel.violet a:not(.button):hover, .panel.violet a:not(.button):active { border: none; }
.panel.violet.outlined { background-color: transparent; color: #434449; }
.panel.violet.outlined a:not(.button) { border-color: #8073BA; color: #8073BA; }
.panel.violet.outlined a:not(.button):focus, .panel.violet.outlined a:not(.button):hover, .panel.violet.outlined a:not(.button):active { border: none; color: #434449; }
.panel.slate a:not(.button), .panel.slate.outlined a:not(.button) { border-color: #212121; }
.panel.slate a:not(.button):focus, .panel.slate a:not(.button):hover, .panel.slate a:not(.button):active, .panel.slate.outlined a:not(.button):focus, .panel.slate.outlined a:not(.button):hover, .panel.slate.outlined a:not(.button):active { border-color: #212121; color: #212121; }
.panel.silver.outlined a:not(.button) { border-color: #212121; color: #434449; }
.panel.silver.outlined a:not(.button):focus, .panel.silver.outlined a:not(.button):hover, .panel.silver.outlined a:not(.button):active { border-color: #212121; color: #212121; }
.panel.mercury { background-color: #F4F5F5; border-color: #F4F5F5; color: #6f7179; }
.panel.mercury a:not(.button) { border-bottom: 2px solid #6f7179; color: #6f7179; }
.panel.mercury a:not(.button):focus, .panel.mercury a:not(.button):hover, .panel.mercury a:not(.button):active { border: none; }
.panel.mercury.outlined { background-color: transparent; color: #434449; }
.panel.mercury.outlined a:not(.button) { border-color: #F4F5F5; color: #F4F5F5; }
.panel.mercury.outlined a:not(.button):focus, .panel.mercury.outlined a:not(.button):hover, .panel.mercury.outlined a:not(.button):active { border: none; color: #434449; }
.panel.mercury.outlined a:not(.button) { border-color: #212121; color: #434449; }
.panel.mercury.outlined a:not(.button):focus, .panel.mercury.outlined a:not(.button):hover, .panel.mercury.outlined a:not(.button):active { border-color: #212121; color: #212121; }

/* Pagination */
/* -------------------------------------------------- */
.pagination { color: #434449; display: table; width: 100%; }
.pagination::after { clear: both; content: ""; display: table; }
.pagination a { color: #434449; }
.pagination a:hover { color: #434449; }
.pagination .prev, .pagination .pages, .pagination .next { text-align: center; }
.pagination .pages { padding: 0.9375rem 0; }
.pagination .pages a { color: #AAACAE; margin: 0 0.1em; }
.pagination .pages a.current { border-bottom: 2px solid #212121; color: #25292C; font-weight: 700; }
@media screen and (min-width: 640px) { .pagination .prev { display: table-cell; vertical-align: middle; text-align: left; width: 33.33333%; }
  .pagination .pages { display: table-cell; vertical-align: middle; padding: 0 0.9375rem; text-align: center; width: 33.33333%; }
  .pagination .next { display: table-cell; vertical-align: middle; text-align: right; width: 33.33333%; } }

/* Switches */
/* -------------------------------------------------- */
.label-switch { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; align-self: center; border-radius: 2rem; cursor: pointer; display: inline-block; height: 2rem; position: relative; vertical-align: middle; width: 3.25rem; }
.label-switch input[type="checkbox"] { display: none; }
.label-switch input[type="checkbox"] + .checkbox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background: #434449; border: none; border-radius: 2rem; cursor: pointer; height: 2rem; margin: 0; padding: 0; position: relative; width: 3.25rem; z-index: 0; }
.label-switch input[type="checkbox"] + .checkbox:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 2px; right: 0; bottom: 0; left: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background: #434449; border-radius: 2rem; content: " "; height: 1.75rem; width: 3rem; z-index: 2; }
.label-switch input[type="checkbox"] + .checkbox:after { position: absolute; top: 2px; right: 0; bottom: 0; left: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background: #fff; border-radius: 1.75rem; content: " "; height: 1.75rem; width: 1.75rem; z-index: 3; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }
.label-switch input[type="checkbox"] + .checkbox:hover:after { background: #fff; }
.label-switch input[type="checkbox"]:checked + .checkbox { background: #212121; }
.label-switch input[type="checkbox"]:checked + .checkbox:before { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.label-switch input[type="checkbox"]:checked + .checkbox:after { left: 1.375rem; }

/* Tables */
/* -------------------------------------------------- */
table { border-collapse: collapse; margin: 0.9375rem 0; table-layout: fixed; width: 100%; }

th { border-bottom: 1px solid #EEEEEE; color: #25292C; font-weight: 500; padding: 0.9375rem 0; text-align: left; }

td { border-bottom: 1px solid #EEEEEE; padding: 0.9375rem 0; }

tr, td, th { vertical-align: middle; }

tr, td { font-size: 0.9375rem; line-height: 1.625em; }

/* Tabs */
/* -------------------------------------------------- */
.tabs { border: 1px solid #EEEEEE; border-radius: 0.1875rem; list-style-type: none; margin: 0 0 1.875rem 0; padding: 0; }
.tabs::after { clear: both; content: ""; display: table; }
@media screen and (min-width: 640px) { .tabs { border: none; } }
.tabs .tab { margin: 0; }
@media screen and (min-width: 640px) { .tabs .tab { display: inline; } }
.tabs .tab:first-child .tab-title { border-top-left-radius: 0.1875rem; border-top-right-radius: 0.1875rem; border-top: 0; }
.tabs .tab:last-child .tab-title { border-bottom-left-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; }
@media screen and (min-width: 640px) { .tabs .tab:last-child .tab-title { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } }
.tabs .tab .tab-title { background: #fff; }
.tabs .tab.open .tab-title { background: #fff; border-bottom: 0; font-weight: 500; padding-bottom: 0; }
.tabs .tab.open .tab-title:hover { color: #434449; }
@media screen and (min-width: 640px) { .tabs .tab.open .tab-title { border: 1px solid #EEEEEE; border-bottom: 1px solid #fff; margin-bottom: -1px; padding-bottom: 1.25rem; } }
.tabs .tab.open .tab-content { display: block; }
.tabs.filled .tab-title { background: #fff; }
.tabs.filled .open .tab-title { background: #F4F5F5; }
@media screen and (min-width: 640px) { .tabs.filled .open .tab-title { border: 0; } }
.tabs.filled .open .tab-content { background: #F4F5F5; }
@media screen and (min-width: 640px) { .tabs.filled .open .tab-content { border-top: 0; } }
.tabs .tab-title { font-size: 0.9375rem; line-height: 1.375em; border-top: 1px solid #EEEEEE; color: #434449; display: block; font-weight: 500; padding: 1.25rem 30px; }
@media screen and (min-width: 640px) { .tabs .tab-title { border-top: 0; border-top-right-radius: 0.1875rem; border-top-left-radius: 0.1875rem; display: inline-block; } }
.tabs .tab-title:hover { color: #212121; }
.tabs .tab-content { background: #fff; display: none; overflow: hidden; padding: 1.875rem 30px; width: 100%; }
.tabs .tab-content > :last-child { margin-bottom: 0; }
@media screen and (min-width: 640px) { .tabs .tab-content { border-top: 1px solid #EEEEEE; float: left; left: 0; padding: 1.875rem 30px; } }

/* Visibility */
/* -------------------------------------------------- */
.show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .hide-for-small { display: none !important; }

@media screen and (min-width: 640px) { .show-for-small, .hide-for-medium, .hide-for-medium-up { display: none !important; }
  .show-for-medium, .show-for-medium-up, .hide-for-small { display: inherit !important; } }
@media screen and (min-width: 1024px) { .show-for-medium, .hide-for-large, .hide-for-large-up { display: none !important; }
  .show-for-large, .show-for-large-up, .hide-for-medium { display: inherit !important; } }

/* bxSlider */
/* bxslider.com */
/* -------------------------------------------------- */
.bx-wrapper { height: 3.125rem; max-height: 3.125rem; min-height: 3.125rem; overflow: hidden; position: relative; }

.bx-loading { display: none; }

.bx-slider { list-style: none; margin: 0; opacity: 0; overflow: hidden; padding: 0; }
.bx-slider > * { margin: 0; padding: 0; }

.bx-viewport { line-height: 0; }

.bx-wrapper { overflow: hidden; position: relative; margin: 0 auto; padding: 0; *zoom: 1; }
.bx-wrapper:hover.bx-loaded .bx-pager, .bx-wrapper:hover.bx-loaded .bx-controls-direction a { opacity: 1; }
.bx-wrapper img { display: block; line-height: 0; margin: 0 auto; max-width: 100%; }
.bx-wrapper ul { list-style: none; margin: 0; padding: 0; }
.bx-wrapper .bx-loading { display: none; }
.bx-wrapper .bx-pager { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; display: none; line-height: 1em; opacity: 0; position: absolute; text-align: center; bottom: 1.25rem; width: 100%; z-index: 2; }
@media screen and (min-width: 640px) { .bx-wrapper .bx-pager { display: block; } }
.bx-wrapper .bx-pager-item { display: inline-block; *display: inline; *zoom: 1; }
.bx-wrapper .bx-default-pager a { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; background: #fff; border: 5px solid #fff; border-radius: 1000px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); display: inline-block; margin: 0 0.125rem; text-indent: -9999px; height: 1.25rem; width: 1.25rem; }
.bx-wrapper .bx-default-pager a:hover { background: #C6C9CC; }
.bx-wrapper .bx-default-pager a.active { background: #434449; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; height: 3.75rem; width: 3.75rem; -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; transition: opacity 0.1s ease; background-color: #fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); color: #434449; display: none; font-size: 1.75rem; line-height: 3.75rem; margin-top: -1.875rem; opacity: 0; outline: 0; position: absolute; text-align: center; z-index: 3; }
.bx-wrapper .bx-controls-direction a:hover { color: #212121; }
.bx-wrapper .bx-controls-direction a:active { box-shadow: none; margin-top: -1.8125rem; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
@media screen and (min-width: 640px) { .bx-wrapper .bx-controls-direction a { display: block; } }
.bx-wrapper .bx-prev { border-bottom-right-radius: 0.1875rem; border-top-right-radius: 0.1875rem; left: 0; text-indent: -1px; }
.bx-wrapper .bx-next { border-bottom-left-radius: 0.1875rem; border-top-left-radius: 0.1875rem; right: 0; text-indent: 1px; }

/* fancyBox */
/* fancyapps.com/fancybox */
/* -------------------------------------------------- */
.modal { display: none; }

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { border: 0; margin: 0; outline: none; padding: 0; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1001; }

.fancybox-skin { position: relative; text-shadow: none; }

.fancybox-opened { z-index: 1002; }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }
.fancybox-inner .button:active:not(.disabled) { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

.fancybox-error { margin-bottom: 0; text-align: center; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; display: none; overflow: hidden; z-index: 1000; }

.fancybox-overlay-fixed { position: fixed; right: 0; bottom: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

#fancybox-loading { position: fixed; top: 50%; left: 50%; z-index: 1005; }

.fancybox-title { z-index: 1004; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

#fancybox-loading { -webkit-animation: fadeInDown 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s forwards; -moz-animation: fadeInDown 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s forwards; animation: fadeInDown 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s forwards; height: 3.75rem; width: 3.75rem; background: #fff; background: rgba(255, 255, 255, 0.9); border-radius: 0.1875rem; margin-top: -1.875rem; margin-left: -1.875rem; opacity: 0; }
#fancybox-loading div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; vertical-align: middle; }

.fancybox-origin .fancybox-skin { background: #fff; padding: 0 !important; }
.fancybox-origin .fancybox-skin:hover .fancybox-nav span { opacity: 0.6; }
@media screen and (min-width: 640px) { .fancybox-origin .fancybox-skin { padding: 0.9375rem !important; } }
@media screen and (min-width: 1024px) { .fancybox-origin .fancybox-skin { padding: 1.875rem !important; } }
.fancybox-origin .fancybox-close-wrap, .fancybox-origin .fancybox-nav-prev-wrap, .fancybox-origin .fancybox-nav-next-wrap { position: fixed; top: 0.625rem; right: 0rem; height: 34px; width: 34px; margin: 0; padding: 0; z-index: 1006; }
.fancybox-origin .fancybox-close, .fancybox-origin .fancybox-nav-prev, .fancybox-origin .fancybox-nav-next { font-size: 22px; line-height: 22px; height: 34px; width: 34px; -webkit-transition: opacity 0.2s, border-color 0.2s; -moz-transition: opacity 0.2s, border-color 0.2s; transition: opacity 0.2s, border-color 0.2s; background-color: #fff; border: 2px solid #434449; border-radius: 100%; color: #434449; cursor: pointer; display: block; margin: 0; opacity: 0.3; padding: 0; text-align: center; text-decoration: none; }
.fancybox-origin .fancybox-close:hover, .fancybox-origin .fancybox-close:active, .fancybox-origin .fancybox-nav-prev:hover, .fancybox-origin .fancybox-nav-prev:active, .fancybox-origin .fancybox-nav-next:hover, .fancybox-origin .fancybox-nav-next:active { background-color: #fff; border-color: #212121; opacity: 1 !important; }
.fancybox-origin .fancybox-close:active, .fancybox-origin .fancybox-nav-prev:active, .fancybox-origin .fancybox-nav-next:active { margin-top: 1px; }
.fancybox-origin .fancybox-close i, .fancybox-origin .fancybox-nav-prev i, .fancybox-origin .fancybox-nav-next i { line-height: 1em; padding-top: 4px; }
.fancybox-origin .fancybox-nav-prev { text-indent: -1px; }
.fancybox-origin .fancybox-nav-next { text-indent: 1px; }
.fancybox-origin .fancybox-close { font-size: 15px; line-height: 15px; }
.fancybox-origin .fancybox-close i { padding-top: 7px; }
.fancybox-origin .fancybox-close-wrap { right: 1.5625rem; }
.fancybox-origin .fancybox-nav-prev-wrap { right: 6.4375rem; }
.fancybox-origin .fancybox-nav-prev { background-position-x: 0.625rem; }
.fancybox-origin .fancybox-nav-next-wrap { right: 4rem; }
.fancybox-origin .fancybox-nav-next { background-position-x: 0.75rem; }
.fancybox-origin .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; text-decoration: none; z-index: 1003; -webkit-tap-highlight-color: transparent; }
.fancybox-origin .fancybox-prev { left: 0; }
.fancybox-origin .fancybox-next { right: 0; }
.fancybox-origin .fancybox-nav span { display: none; }
.fancybox-origin .fancybox-prev { cursor: w-resize; }
.fancybox-origin .fancybox-next { cursor: e-resize; }
.fancybox-origin .fancybox-title { font-size: 0.875rem; line-height: 1.375em; }
.fancybox-origin .fancybox-title-inside-wrap { margin-top: 0.9375rem; }
.fancybox-origin .fancybox-title-outside-wrap { position: relative; margin-top: 0.9375rem; }
.fancybox-origin .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 0.9375rem; background: #434449; background: rgba(60, 61, 65, 0.9); }
.fancybox-origin .fancybox-title-float-wrap { position: absolute; right: 50%; bottom: 0; margin-bottom: -35px; text-align: center; z-index: 1004; }
.fancybox-origin .fancybox-title-float-wrap .child { background: #434449; color: #fff; display: inline-block; margin-right: -100%; padding: 0.46875rem 0.9375rem; white-space: nowrap; }
.fancybox-origin .fancybox-close-wrap, .fancybox-origin .fancybox-nav-prev-wrap, .fancybox-origin .fancybox-nav-next-wrap { -webkit-animation: fadeInDown 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s forwards; -moz-animation: fadeInDown 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s forwards; animation: fadeInDown 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s forwards; opacity: 0; }
.fancybox-origin .fancybox-nav-prev-wrap { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; }
.fancybox-origin .fancybox-nav-next-wrap { -webkit-animation-delay: 0.05s; -moz-animation-delay: 0.05s; animation-delay: 0.05s; }
.fancybox-origin.fancybox-closing .fancybox-close-wrap, .fancybox-origin.fancybox-closing .fancybox-nav-prev-wrap, .fancybox-origin.fancybox-closing .fancybox-nav-next-wrap { -webkit-animation: fadeOutUp 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0s forwards; -moz-animation: fadeOutUp 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0s forwards; animation: fadeOutUp 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0s forwards; opacity: 1; }
.fancybox-origin.fancybox-closing .fancybox-close-wrap { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; }
.fancybox-origin.fancybox-closing .fancybox-nav-next-wrap { -webkit-animation-delay: 0.05s; -moz-animation-delay: 0.05s; animation-delay: 0.05s; }

/* Layout */
/*-------------------------------------------------- */
html, body { background: #FbFbFb; }
/*html, body { background: #FFF; }*/


#app-header, #app-body, #app-footer { padding-right: 1.875rem; padding-left: 1.875rem; }
#app-body-portfolio { padding-right: 8.5rem; padding-left: 8.5rem; }
#app-header::after, #app-body::after, #app-body-portfolio:after, #app-footer::after { clear: both; content: ""; display: table; }


@media screen and (min-width: 640px) { 
  #app-header, #app-body, #app-footer {    } 
    /*#app-header, #app-body, #app-footer { padding-right: 3.75rem; padding-left: 3.75rem; } */

 #app-body-portfolio { padding-right: 8.5rem; padding-left: 8.5rem;} }


 @media screen and (min-width: 840px) { 
  #app-header, #app-body, #app-footer { padding-right: 6.875rem; padding-left: 6.875rem; } 
    /*#app-header, #app-body, #app-footer { padding-right: 3.75rem; padding-left: 3.75rem; } */

 #app-body-portfolio { padding-right: 8.5rem; padding-left: 8.5rem;} }


 @media screen and (min-width: 1024px) { 
  #app-header, #app-body, #app-footer { padding-right: 8.5rem; padding-left: 8.5rem; } 
    /*#app-header, #app-body, #app-footer { padding-right: 3.75rem; padding-left: 3.75rem; } */

 #app-body-portfolio { padding-right: 8.5rem; padding-left: 8.5rem;} }




#app-wrap { -webkit-transition: max-width 0.5s; -moz-transition: max-width 0.5s; transition: max-width 0.5s; margin: 0 auto; max-width: 100%; }
#app-wrap .column-narrow { margin: 0 auto; max-width: 52.1875rem; }

#primary-wrap { margin: 0 auto; padding-top: 3.875rem; max-width: 1200px; }
@media screen and (min-width: 1024px) { #primary-wrap { padding-top: 5.8125rem; } }
@media screen and (max-width: 640px)  {#primary-wrap { padding-top: 2.8125rem; } }



footer#app-footer { margin: 0 auto; max-width: 1200px; }

.page-narrow #app-body { margin: 0 auto; max-width: 900px; }

/* Typography */
/*-------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6 { font-family: "Avenir", "Nunito", Arial, sans-serif; }
/*body, h1, h2, h3, h4, h5, h6 { font-family: "Nunito", Helvetica, Arial, sans-serif; }
*/

h1 { font-size: 1.75rem; line-height: 1.625em; font-weight: 100; letter-spacing: 0em;  }


/*h1 { font-size: 1.75rem; line-height: 1.625em; font-weight: 100; letter-spacing: 0.5em;  }
*/

/*h1 { font-size: 1.75rem; line-height: 1.625em; font-weight: 700; }*/

h2 { font-size: 1.75rem; line-height: 1.625em; font-weight: 100; letter-spacing: 0.03em;   }

h3 { font-weight: bold; }

strong { font-weight: bold; }

/* Header */
/*-------------------------------------------------- */
header#app-header { margin-bottom: 4.34375rem;}
header#app-header .brand { font-size: 2.75rem; line-height: 1; font-family: "Avenir", "Nunito", Arial, sans-serif; font-weight: normal; margin: 0 0 1.875rem 0; text-align: center; }


/*header#app-header .brand { font-size: 2.75rem; line-height: 1; font-family: "Pacifico", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 0 1.875rem 0; text-align: center; }
*/


header#app-header .brand a { color: #434449; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; }
header#app-header .brand img { margin: 0 auto; }
header#app-header .accent-line { margin: 1.875rem 0 0 0; }
@media screen and (min-width: 1024px) { header#app-header .accent-line { margin: 0.9375rem 0 0; } }
/*@media screen and (min-width: 1024px) { header#app-header .inner { margin-bottom: 0.5em; display: table; width: 100%; table-layout: fixed; }
  header#app-header .brand { display: table-cell; width: 33.33333%; margin-bottom: 0; text-align: left; vertical-align: middle; }
  header#app-header .nav-wrap { display: table-cell; width: 66.66667%; vertical-align: middle; } }*/

/* Footer */
/*-------------------------------------------------- */
footer#app-footer { font-size: 0.8125rem; line-height: 1.625em; color: #434449; font-weight: normal; margin: 0 auto; padding-top: 3.75rem; padding-bottom: 3.75rem; text-align: center; }
footer#app-footer a { color: #434449; }
footer#app-footer a:hover { color: #AAACAE; }
footer#app-footer > .accent-line { margin: 0 0 0.575rem; }

/* Components */
/*-------------------------------------------------- */
/* Accent line */
/*-------------------------- */
.accent-line { border-bottom: 1px solid #e1e1e1; height: 1px; line-height: 1px; margin: 1.25rem 0; width: 20%; }
.accent-line_more_projects { border-bottom: 0.1rem solid #e1e1e1; height: 0.1rem; line-height: 0.05rem; margin-top: 2rem  ; width: 100%; }
.accent-line_overlay { border-bottom: 20px solid #e1e1e1; height: 3px; line-height: 3px; margin: 1rem 1rem 1rem 1rem; width: 98%; }

/* Accordions */
/*-------------------------- */
.accordion dt.open a { font-weight: bold; }

/* Coments */
/*-------------------------- */
.comments { border-top: 1px solid #EEEEEE; margin: 5.625rem 0; padding: 5.625rem 0 0 0; }

/* Gists */
/*-------------------------- */
.gist table { margin: 0; width: auto; table-layout: inherit; }
.gist td { border: none; }
.gist tr, .gist td, .gist .line-number { font-size: 0.8125rem; line-height: 1.4; }

/* Nav primary */
/*-------------------------- */
.nav-primary .np-toggle { margin-bottom: 0; }

/* Overlay  background: #CCD7D1; fdfdfd  */
/*-------------------------- */
.overlay_black { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; display: block; position: absolute; background: #f0f0f0; top: 0; left: 0; opacity: 0; height: 100%; width: 100%; z-index: 98;  }
.overlay_green {  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: block; position: absolute; background: #CCD7D1; top: 0%; left: 0; opacity: 0; height: 100.19%; width: 100% ; z-index: 98;  }
.overlay_green_frame {  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: block; position: absolute; background: #CCD7D1; top: 2px; left: 2px; opacity: 0; height: calc(100% - 4px); width: calc(100% - 4px); z-index: 98;  }



.overlay-content {  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; color: #fff; display: table; height: 100%; line-height: 1em; margin: auto; opacity: 0; position: absolute; text-align: center; top: 1.25rem; bottom: 0; vertical-align: middle; width: 100%; z-index: 99; }


.overlay_text_white { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; top: 50%; font-family: "Avenir", "Nunito", Arial, sans-serif; font-style: 50; text-align: center; color:#fff; line-height: 1.8em; text-rendering: optimizeLegibility;}

/* Shop */
.overlay_text_black_shop { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); position: relative; top: 40%; font-family: "Avenir", "Nunito", Arial, sans-serif; font-style: 300; text-align: center; color:#000; line-height: 1.8em; text-rendering: optimizeLegibility;}


.overlay_text_black { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); position: relative; top: 40%; font-family: "Avenir", "Nunito", Arial, sans-serif; font-style: 50; text-align: center; color:#000; line-height: 1.8em; text-rendering: optimizeLegibility;}
.overlay_client_second_line {-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; top: 55%; font-family: "Avenir", "Nunito", Arial, sans-serif; font-style: 100; text-align: center; color:#fff;}
.outline { outline: 2px; outline-style: solid; outline-color: #000000;}

/* Page intro */
/*-------------------------- */
/* Page intro */
/*-------------------------- */
.page-intro { border-bottom: 1px solid #EEEEEE; padding-bottom: 2.8125rem; margin-bottom: 3.75rem; font-family: "Avenir", "Nunito", Arial, sans-serif; }
.page-intro p:last-of-type { margin-bottom: 0; }
.page-intro.text-large p { font-size: 1.1875rem; line-height: 1.625em; line-height: 1.5em; }


/* Pagination */
/*-------------------------- */
.pagination { font-size: 0.85rem; line-height: 1.8em; border-top: 1px solid #EEEEEE; color: #AAACAE; font-weight: 100; margin-top: 3.75rem; padding-top: 2.8125rem; }
.pagination a { color: #434449; }
.pagination a:hover { color: #212121; }


.back_to_top {  border-top: 0px solid #EEEEEE; color: #434449; font-weight: 100; margin-top: 3.75rem; padding-top: 2.8125rem; text-align: center }
.back_to_top a { color: #434449; }
.back_to_top a:hover { color: #434449; }

.back_to_top_no_line {  border-top: 0px solid #EEEEEE; color: #434449; font-weight: 100; margin-top: 0.75rem; padding-top: 2.8125rem; text-align: center }
.back_to_top_no_line a { color: #434449; }
.back_to_top_no_line a:hover { color: #434449; }

/*.imprint {  border-top: 1px solid #EEEEEE; color: #434449; font-weight: 100; margin-top: 3.75rem; padding-top: 2.8125rem; text-align: right }
.imprint a { color: #434449; }
.imprint a:hover { color: #434449; }*/

.more_projects {  color: #434449; font-weight: 100; text-align: left; margin-top: 5rem 0; width: 100%; }
.more_projects a { color: #434449; }
.more_projects a:hover { color: #434449; }

/* Piece meta */
/*-------------------------- */
.piece-meta { font-size: 0.875rem; line-height: 1.375em; color: #AAACAE; margin-top: 3.75rem; }
.piece-meta a { color: #434449; }
.piece-meta a:hover { color: #434449; }
@media screen and (min-width: 1024px) { .piece-meta { margin-top: 0; } }
.piece-meta a { border: none; }
/*.piece-meta .item { border-bottom: none; margin-bottom: 0rem; padding-bottom: 0rem; }*/
.piece-meta .item { border-bottom: none; margin-bottom: 0.46875rem; padding-bottom: 0.46875rem; }

.piece-meta .item:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.piece-meta .label { color: #AAACAE; display: block; margin-bottom: 0.25em; }
.piece-meta .icons { margin-top: 0.9375rem; }
.piece-meta .icons a { color: #25292C; }
.piece-meta .icons a:hover { color: #434449; }
.piece-meta .icons a { border-right: none; margin-right: 0.3125rem; padding-right: 0.3125rem; }
.piece-meta .icons a:last-of-type { border-right: 0; margin-right: 0; padding-right: 0; }
.piece-meta .icons i { font-size: 18px; }
.piece-meta .tags a { border-right: none; margin-right: 0.25rem; padding-right: 0.25rem; }
.piece-meta .tags a:last-of-type { border-right: 0; margin-right: 0; padding-right: 0; }


/* milz - Piece meta 02 */
/*-------------------------- */
.piece-meta_02 { font-size: 0.875rem; line-height: 1.375em; color: #AAACAE; margin-top: 3.75rem; }
.piece-meta_02 a { color: #434449; }
.piece-meta_02 a:hover { color: #434449; }
@media screen and (min-width: 1024px) { .piece-meta_02 { margin-top: 0; } }
.piece-meta_02 a { border: none; }
.piece-meta_02 .item { border-bottom: none; margin-bottom: 0rem; padding-bottom: 0.46875rem; }

.piece-meta_side { font-size: inherit; line-height: inherit; color: #AAACAE; margin-top: 0rem; }
.piece-meta_side a { color: #434449; }
.piece-meta_side a:hover { color: #434449; }
@media screen and (min-width: 1024px) { .piece-meta_02 { margin-top: 0; } }
.piece-meta_side a { border: none; }
/*.piece-meta_side .item { border-bottom: none; margin-bottom: 0rem; padding-bottom: 0.46875rem; }*/
.piece-meta_side .item { border-bottom: none; margin-bottom: 0rem; padding-bottom: 0rem; }


/*.piece-meta_02 .item { border-bottom: none; margin-bottom: 0.46875rem; padding-bottom: 0.46875rem; }
*/
.piece-meta_02 .item:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.piece-meta_02 .label { color: #AAACAE; display: block; margin-bottom: 0.25em; }
.piece-meta_02 .icons { margin-top: 0.9375rem; }
.piece-meta_02 .icons a { color: #25292C; }
.piece-meta_02 .icons a:hover { color: #434449; }
.piece-meta_02 .icons a { border-right: none; margin-right: 0.3125rem; padding-right: 0.3125rem; }
.piece-meta_02 .icons a:last-of-type { border-right: 0; margin-right: 0; padding-right: 0; }
.piece-meta_02 .icons i { font-size: 18px; }
.piece-meta_02 .tags a { border-right: none; margin-right: 0.25rem; padding-right: 0.25rem; }
.piece-meta_02 .tags a:last-of-type { border-right: 0; margin-right: 0; padding-right: 0; }

.piece-meta_side .item:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
/*.piece-meta_side .label { color: #AAACAE; display: block; margin-bottom: 0.25em; }*/
.piece-meta_side .label { color: #AAACAE; display: block; margin-bottom: 0em; }
.piece-meta_side .icons { margin-top: 0.9375rem; }
.piece-meta_side .icons a { color: #25292C; }
.piece-meta_side .icons a:hover { color: #434449; }
.piece-meta_side .icons a { border-right: none; margin-right: 0.3125rem; padding-right: 0.3125rem; }
.piece-meta_side .icons a:last-of-type { border-right: 0; margin-right: 0; padding-right: 0; }
.piece-meta_side .icons i { font-size: 18px; }
.piece-meta_side .tags a { border-right: none; margin-right: 0.25rem; padding-right: 0.25rem; }
.piece-meta_side .tags a:last-of-type { border-right: 0; margin-right: 0; padding-right: 0; }


/* milz - Piece meta 03 */
/*-------------------------- */
.text23meta{ vertical-align: bottom; }




/* Post meta */
/*-------------------------- */
.post-meta { font-size: 0.875rem; line-height: 1.375em; }
.post-meta a { color: #434449; }
.post-meta a:hover { color: #212121; }
.post-meta .item { border-bottom: none; margin-bottom: 0.11719rem; padding-bottom: 0.11719rem; }
.post-meta .item:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.post-meta .avatar { margin-bottom: 0.46875rem; }
.post-meta .avatar img { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; height: 3.125rem; width: 3.125rem; border: 2px solid #EEEEEE; border-radius: 1000px; padding: 2px; }
.post-meta .avatar a:hover img { border-color: #212121; }
.post-meta .icons { margin-top: 0.46875rem; }
.post-meta .icons a { border-left: none; margin-left: 0.25rem; padding-left: 0.25rem; }
.post-meta .icons a:first-of-type { border-left: 0; margin-left: 0; padding-left: 0; }
.post-meta .icons i { font-size: 14px; line-height: 1.625em; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; }
.post-meta .tags a { border-right: none; margin-right: 0.25rem; padding-right: 0.25rem; }
.post-meta .tags a:last-of-type { border-right: 0; margin-right: 0; padding-right: 0; }

/* Primary header */
/*-------------------------- */
/*.primary-header { margin-top: 3.75rem; margin-bottom: 0.8125rem; }*/

.primary-header { margin-top: 0rem; margin-bottom: 0.8125rem; }
.primary-header h1 { font-size: 1.1rem; line-height: 1.2; margin-bottom: 0; letter-spacing: 0.05remem;}
.primary-header h2 { font-size: 1.1rem; line-height: 1.2; margin-bottom: 0; }
.primary-header h1 i { font-size: 14px; line-height: 14px; margin-left: 0.5em; }
.primary-header.filtered-posts { margin-top: 0; }
.primary-header.filtered-posts .reset a { color: #434449; }
.primary-header.filtered-posts .reset a:hover { color: #434449; }
.primary-header.filtered-posts .reset a { border: none; }
@media screen and (min-width: 640px) { .primary-header.filtered-posts .reset { text-align: right; } }

/* Prism code highlights */
/*-------------------------- */
pre[class*=language-] { font-size: 0.8125rem; line-height: 1.625em; background: #F4F4F4; border: 0.2px solid #000000;  box-shadow: none; padding: 0rem; }

code[class*=language-] ::selection, code[class*=language-]::selection, pre[class*=language-] ::selection, pre[class*=language-]::selection { background: #212121; }

/* Tabs */
/*-------------------------- */
.tabs .tab.open .tab-title { font-weight: bold; }

/* Templates */
/*-------------------------------------------------- */
/* Blog */
/*-------------------------- */
.post-short { border-bottom: 1px solid #EEEEEE; marticlegin-bottom: 3.75rem; padding-bottom: 3.75rem; }
.post-short:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.post-short .primary-header { margin-top: 0; margin-bottom: 1.25rem; }
.post-short .primary-header h1 { font-size: 1.5rem; line-height: 1.2; }
.post-short:last-of-type { margin-bottom: 0.9375rem; }
.post-short.post-audio .audioplayer { margin: 0 0 2.8125rem 0; }
.post-short.post-code pre, .post-short.post-code .gist { margin: 3rem 0 3.8125rem 0; }
.post-short.post-gallery .images { margin: 0 0 2.8125rem 0; }
.post-short.post-gallery .images figure { margin-bottom: 0; }
.post-short.post-gallery .images .item { position: relative; }
.post-short.post-gallery .images .item:hover .overlay { opacity: 0.2; }
.post-short.post-gallery .images .item:hover .overlay_black { opacity: 0.2; }
.post-short.post-gallery .images .item:hover .overlay_green { opacity: 0.2; }

.post-short.post-quote blockquote { margin-bottom: 1.875rem; }
.post-short.post-quote .primary-header { margin-bottom: 1.875rem; }
.post-short.post-quote .primary-header + blockquote { margin-top: 2.34375rem; }
.post-short.post-video .video { margin: 0 0 2.8125rem 0; }
.post-short .excerpt p { margin-bottom: 0; }
.post-short .post-meta { margin-top: 1.875rem; }
.post-short .post-meta a { color: #AAACAE; }
.post-short .post-meta a:hover { color: #212121; }
@media screen and (min-width: 1024px) { .post-short .post-meta { margin-top: 0; } }

/* Blog archives */
/*-------------------------- */
.blog-archives h2 { font-size: 0.875rem; line-height: 1.625em; }
.blog-archives section.archives-year { border-bottom: 1px solid #EEEEEE; margin-bottom: 3.75rem; padding-bottom: 3.75rem; }
.blog-archives section.archives-year:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.blog-archives .page-body { margin-bottom: 3.75rem; }
.blog-archives .nav-side > ul a { color: #212121; }
.blog-archives .nav-side > ul a:hover { color: #434449; }

/* Blog posts */
/*-------------------------- */
body[class^="post-"] .post-meta { margin-top: 3.75rem; }
body[class^="post-"] .post-meta .icons { margin-top: 0.9375rem; }
body[class^="post-"] .post-meta .icons a { border-left: none; margin-left: 0.3125rem; padding-left: 0.3125rem; }
body[class^="post-"] .post-meta .icons a:first-of-type { border-left: 0; margin-left: 0; padding-left: 0; }
body[class^="post-"] .post-meta .icons i { font-size: 18px; }
@media screen and (min-width: 640px) { body[class^="post-"] .post-meta .icons { margin: 0; text-align: right; } }

.post-audio audio, .post-audio .audioplayer { margin: 0 0 2.8125rem 0; }

.post-code pre, .post-code .gist { margin: 3rem 0 3.8125rem 0; }

.post-gallery .images { margin: 0 0 2.8125rem 0; }
.post-gallery .images figure { margin-bottom: 1.875rem; }
.post-gallery .images figcaption { font-size: 0.875rem; line-height: 1.625em; line-height: 1rem; margin: 0.625rem 0 0 0; }

.post-video .video { margin-bottom: 2.8125rem; }

/* Error */
/*-------------------------- */
body.error #app-body { text-align: center; }
body.error h1.error-name { font-size: 8.75rem; line-height: 1.4em; font-family: "Avenir", "Nunito", Arial, sans-serif; font-weight: 600; margin-bottom: 0.25em; margin-left: -0.1em; letter-spacing: -0.1em; }

/* Portfolio */
/*-------------------------- */
.piece-short { border-bottom: 1px solid #EEEEEE; margin-bottom: 2.8125rem; padding-bottom: 2.8125rem; }
.piece-short a { color: #434449; }
.piece-short a:hover { color: #434449; }
.piece-short:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.piece-short figure { line-height: 0; }
.piece-short header h1 { font-size: 1rem; line-height: 1.625em; letter-spacing: 0.1em; line-height: 1.1em; margin-bottom: 0; }
.piece-short header a { border: 0; }
.piece-short header p { margin: 0; }
.piece-short .item { position: relative; }
.piece-short .item:hover .overlay { opacity: 0.9; }

/* Shop */
.piece-short .item:hover .overlay_black { opacity: 0.6; }
.piece-short .item:hover .overlay_green { opacity: 1; }
.overlay_text_black { opacity: 1; }

.piece-short .client { font-size: 0.875rem; line-height: 1.625em; line-height: 1.375em; font-weight: 400; }
.piece-short .client a { color: #AAACAE; }
.piece-short .client a:hover { color: #434449; }
.piece-short .client a { border: 0; }
.piece-short .client p { margin-bottom: 1.25rem; }
.piece-short .overview { font-size: 0.9375rem; line-height: 1.375em; margin-bottom: 1.875rem; }
@media screen and (min-width: 640px) { .piece-short .overview { margin: 0; } }

.piece .images { margin: 0 0 0 0; }
.piece .images figure { margin-bottom: 1.875rem; }
.piece .images figcaption { font-size: 0.875rem; line-height: 1.625em; line-height: 1rem; margin: 0.625rem 0 0 0; }



/* milz */
/*-------------------------- */







.piece .videos { margin: 0 0 4.6875rem 0;}
.piece .videos-border-thin { padding: 0.0rem; margin: 0.05rem 0.05rem 4.6875rem 0.1rem; outline: 0.1rem; outline-style: solid; outline-color: #434449;}
.piece .videos figure { margin-bottom: 1.875rem; }
.piece .videos figcaption { font-size: 0.875rem; line-height: 1.625em; line-height: 1rem; margin: 0.625rem 0 0 0; }



/* Large screens (desktops) */
@media screen and (min-width: 1024px) {


#top, #bottom, #left, #right {
display: none;

  background: #ffffff;
  position: fixed;
  }
  #left, #right {
    top: 0; bottom: 0;
    width: 1rem; /*8px*/
    }
    #left { left: 0; }
    #right { right: 0; }
    
  #top, #bottom {
    left: 0; right: 0;
    height: 1rem; /*8px*/
    }
    #top { top: 0; }
    #bottom { bottom: 0; }


#top2, #bottom2, #left2, #right2 {
display: none;

  background: #333333;
  position: fixed;
  }

  #left2, #right2 {
    top: 0; bottom: 0;
    width: 3rem; /*10px*/
    }
    #left2 { left: 0; }
    #right2 { right: 0; }
    
  #top2, #bottom2 {
    left: 0; right: 0;
    height: 3rem; /*10px*/
    }
    #top2 { top: 0; }
    #bottom2 { bottom: 0; }
}


/* Medium screens (tablets) only */


@media screen and (min-width: 640px) and (max-width: 1024px) {

#top, #bottom, #left, #right {
display: none;

  background: #ffffff;
  position: fixed;
  }
  #left, #right {
    top: 0; bottom: 0;
    width: 4px;
    }
    #left { left: 0; }
    #right { right: 0; }
    
 #top, #bottom {
    left: 0; right: 0;
    height: 8px;
    }
    #top { top: 0; }
    #bottom { bottom: 0; }

#top2, #bottom2, #left2, #right2 {
display: none;

  background: #333333;
  position: fixed;
  }

  #left2, #right2 {
    top: 0; bottom: 0;
    width: 10px;
    }
    #left2 { left: 0; }
    #right2 { right: 0; }
    
  #top2, #bottom2 {
    left: 0; right: 0;
    height: 10px;
    }
    #top2 { top: 0; }
    #bottom2 { bottom: 0; }
}


@media screen and (max-width: 640px) {
#top, #bottom, #left, #right {
display: none;

  background: #ffffff;
  position: fixed;
  }
  #left, #right {
    top: 0; bottom: 0;
    width: 3px;
    }
    #left { left: 0; }
    #right { right: 0; }
    
 #top, #bottom {
    left: 0; right: 0;
    height: 3px;
    }
    #top { top: 0; }
    #bottom { bottom: 0; }

#top2, #bottom2, #left2, #right2 {
display: none;

  background: #333333;
  position: fixed;
  }

  #left2, #right2 {
    top: 0; bottom: 0;
    width: 4px;
    }
    #left2 { left: 0; }
    #right2 { right: 0; }
    
  #top2, #bottom2 {
    left: 0; right: 0;
    height: 4px;
    }
    #top2 { top: 0; }
    #bottom2 { bottom: 0; }
}


#app-wrap{
  min-height: 100% !important; 
}

#primary-wrap{
  min-height: 100% !important; 
}




@media screen and (min-width: 1024px) {

h5 { font-size: 4rem; line-height: 1.2em; font-weight: 700; letter-spacing: 0em;}
h4 { font-size: 1.0625rem; line-height: 1.375em; font-weight: 500; margin-top: 1.6em; letter-spacing: 0em;}
h6 { font-size: 3rem; line-height: 1.2em; font-weight: 500; letter-spacing: 0em;}


html{
  min-height: 100%;
  /*padding: 15px;*/
  padding: 1%;
}
body{
min-height: 100%;
/*padding: 10px;
*/
/*outline: 5px;*/
outline: 5%;
outline-style: solid;
outline-color: #434449;
}
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
  h1 { font-size: 1.1rem; line-height: 1.3em; font-weight: 500; letter-spacing: 0em;} 
  h5 { font-size: 2.8rem; line-height: 1.2em; font-weight: 700; letter-spacing: 0em;}
  h4 { font-size: 0.9rem; line-height: 1.375em; font-weight: 500; margin-top: 1.2em; letter-spacing: 0em;}
  h6 { font-size: 2.2rem; line-height: 1.2em; font-weight: 500; letter-spacing: 0em;}
html{
  min-height: 100%;
  /*padding: 12px;*/
  padding: 1.5%;
}
body{
min-height: 100%;
/*padding: 10px;
padding: 1rem;
*/
/*outline: 3px;*/
outline: 0.8%;
outline-style: solid;
outline-color: #434449;
}
}


@media screen and (max-width: 640px) {
  h1 { font-size: 1.1rem; line-height: 1.3em; font-weight: 500; letter-spacing: 0em;} 
  h5 { font-size: 1.8rem; line-height: 1.2em; font-weight: 700; letter-spacing: 0em;}
  h4 { font-size: 0.8rem; line-height: 1.5em; font-weight: 500; margin: 0 0 0.8em 0; letter-spacing: 0em;}
  h6 { font-size: 1.4rem; line-height: 1.4em; font-weight: 500; letter-spacing: 0em;}

html{
  min-height: 100%;
  /*padding: 5px;*/
  padding: 2%;
}
body{
min-height: 100%;
/*padding: 10px;
*/
/*outline: 2px;*/
outline: 0.5%;
outline-style: solid;
outline-color: #434449;
}
}












.shopHeader {
  border-top: 0.8em solid black;  /* 5px  */
  padding-top: 0.5em;
}

.shopButton {
  background-color: #141414; /* dark grey */
  border: none;
  color: white;
  padding: 10px 22px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 5px; 
}
.shopButton:hover {
  background-color:#7e9689;
}
.shopButton:active {
  position:relative;
  top:1px;
}



.contactButton {
  background-color: #141414; /* dark grey */
  border: none;
  color: white;
  padding: 1em 1em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.7em;
  border-radius: 5px; 
}
.contactButton:hover {
  background-color:#7e9689;
}
.contactButton:active {
  position:relative;
  top:1px;
}

    

@media screen and (max-width: 640px) {

  .shopHeader .detailedCartInfo {
    display: none;
  }

}







#cookie_banner-wrapper1 {
  z-index: 9001;
  position: relative; 
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); 
  } 
}



@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); 
  } 
}



#cookie_banner-wrapper1 .cookie_container1 {position: fixed; bottom: 0;
    overflow: hidden;
    padding: 15px;
    background: #111;
    color: #FFF;
    box-sizing: border-box;
    font-size: 0.8em;
    /*
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight; 
    */
}

@media (max-width: 499px) {
  #cookie_banner-wrapper1 .cookie_container1 {
        width: 100%;
        left: 0;
        right: 0; 
  } 
}

@media (min-width: 500px) {
  #cookie_banner-wrapper1 .cookie_container1 {
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0; 
  } 
}
@media screen and (min-width: 768px) {
  #cookie_banner-wrapper1 .cookie_container1 {font-size: 0.9em; } 
}
        
#cookie_banner-wrapper1 .cookie_container1 .cookie_message1 {text-align: center; }
#cookie_banner-wrapper1 .cookie_container1 .cookie_message1 a {text-decoration: underline; color: #FFF; }
#cookie_banner-wrapper1 .cookie_container1 .cookie_message1 a:hover {text-decoration: underline; color: #d1e1ce; }
#cookie_banner-wrapper1 .cookie_container1 .cookie_message1 a:active { color: #C2D7BE; }
#cookie_banner-wrapper1 .cookie_container1 .cookie_btn1 {
      margin-left: auto;
      margin-right: auto;
      margin-top: 0.6em;
      display: block;
      background-color: #F7F7F7;
      color: #000;
      border-radius: 5px;
      border: 1px solid transparent;
      padding: 6px 12px;
      text-align: center;
      cursor: pointer;
      width: 12em; 
}


#cookie_banner-wrapper1 .cookie_container1 .cookie_btn1:hover {
        background-color: #C2D7BE; 
}

@media print {
  #cookie_banner-wrapper1 {
    display: none;
  } 
}


.newsletterWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.newsletterWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


figure{margin:0px}