@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('../fonts/roboto-v48-latin-100.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 100; src: url('../fonts/roboto-v48-latin-100italic.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 200; src: url('../fonts/roboto-v48-latin-200.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 200; src: url('../fonts/roboto-v48-latin-200italic.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../fonts/roboto-v48-latin-300.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('../fonts/roboto-v48-latin-300italic.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-v48-latin-regular.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('../fonts/roboto-v48-latin-italic.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../fonts/roboto-v48-latin-500.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('../fonts/roboto-v48-latin-500italic.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 600; src: url('../fonts/roboto-v48-latin-600.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 600; src: url('../fonts/roboto-v48-latin-600italic.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../fonts/roboto-v48-latin-700.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('../fonts/roboto-v48-latin-700italic.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('../fonts/roboto-v48-latin-800.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 900; src: url('../fonts/roboto-v48-latin-800italic.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('../fonts/roboto-v48-latin-900.woff2') format('woff2') }
@font-face { font-display: swap; font-family: 'Roboto'; font-style: italic; font-weight: 900; src: url('../fonts/roboto-v48-latin-900italic.woff2') format('woff2') }
html, body { height: 100% }
body { background: rgba(255, 255, 255, 1) }
body, a, p, h1, h2, h3, h4, h5, h6, label { font-family: 'Roboto', sans-serif }
body, a, p, label { color: rgba(50, 53, 55, 1) }
body, a, p { font-size: 1rem; font-weight: 400; line-height: 1.3 }
a, a:link { outline: none }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: rgba(50, 53, 55, 1); text-transform: uppercase; letter-spacing: 0; line-height: 1.2 }
h1 { font-weight: 900 }
h2 { font-weight: 500 }
h2, h3 { font-size: 1.35rem }
h3, h4 { font-weight: 400 }
h4 { font-size: 1.15rem }
b, strong { font-weight: 700 }
small { font-size: .875rem }
p:last-of-type { margin: 0 }
ul { list-style-type: square }
.grid-container { max-width: 80rem }
.grid-container.sm { max-width: 64rem }
.grid-padding-x>.cell { padding-right: .9375rem; padding-left: .9375rem }
.fixed { position: fixed!important }
.b-fixed { position: fixed!important }
.absolute { position: absolute!important }
.relative { position: relative!important }
.pd_rst { padding: 0!important }
.pd_t_rst { padding-top: 0!important }
.pd_b_rst { padding-bottom: 0!important }
.pd_l_rst { padding-left: 0!important }
.pd_r_rst { padding-right: 0!important }
.flex_top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start }
.flex_centered { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.flex_middle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.flex_bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end }
.flex_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end }
.flex_left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start }
.white_bg { background-color: rgba(255, 255, 255, 1)!important }
.black_bg { background-color: rgba(50, 53, 55, 1)!important }
.orange_txt { color: rgba(240, 125, 5, 1)!important }
.orange_bg { background-color: rgba(240, 125, 5, 1)!important }
hr { max-width: none; margin: 1.25rem auto; border-bottom: 3px solid rgba(50, 53, 55, 1) }
.btn_container { margin: 0 auto; text-align: center }
.button { background: rgba(50, 53, 55, 1)!important; color: rgba(255, 255, 255, 1)!important; font-weight: 700!important; text-transform: uppercase!important; margin: 0!important; padding: 0 1.875rem!important; font-size: .875rem!important; height: 40px!important; line-height: 40px!important; -webkit-border-radius: 20px!important; -moz-border-radius: 20px!important; border-radius: 20px!important; box-shadow: none!important; -moz-transition: background .4s ease!important; -ms-transition: background .4s ease!important; -o-transition: background .4s ease!important; transition: background .4s ease!important; border: none!important }
.button:hover, .button:focus { background: rgba(50, 53, 55, .8)!important; border: none!important }
.button.white { background: rgba(255, 255, 255, 1)!important; color: rgba(50, 53, 55, 1)!important }
.button.white:hover, .button.white:focus { background: rgba(255, 255, 255, .8)!important; border: none!important }
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea { border: 1px solid rgba(246, 246, 246, 1)!important; background-color: rgba(246, 246, 246, 1)!important; box-shadow: none!important }
textarea[rows] { min-width: 100%; width: 100%; min-height: 205px; max-height: 205px; height: 205px }
::-webkit-input-placeholder {
font-size: .875rem!important;
color: rgba(30, 30, 29, .7)!important
}
::-moz-placeholder {
font-size: .875rem!important;
color: rgba(30, 30, 29, .7)!important
}
:-ms-input-placeholder {
font-size: .875rem!important;
color: rgba(30, 30, 29, .7)!important
}
:-moz-placeholder {
font-size: .875rem!important;
color: rgba(30, 30, 29, .7)!important
}
::selection { background: rgba(50, 53, 55, 1); text-shadow: none; color: rgba(255, 255, 255, 1) }
.overlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, .6); z-index: 1 }
.site-content, .front-hero, .content-block, .front-feature, .sub-feature, .site-footer { position: relative }
.site-header { position: fixed; background: rgba(255, 255, 255, 1); width: 100%; padding: 0; -webkit-box-shadow: 0 5px 20px 0 rgba(102, 102, 102, .3); -moz-box-shadow: 0 5px 20px 0 rgba(102, 102, 102, .3); box-shadow: 0 5px 20px 0 rgba(102, 102, 102, .3); caret-color: transparent; z-index: 99991!important }
.site-header, .site-header .grid-x { height: 80px }
.custom-logo, .logo-container { width: 150px }
.custom-logo { display: block }
.site-content { padding: 80px 0 0 0; opacity: 0; overflow: hidden }
.front-hero, .front-hero .grid-x { position: relative; width: 100%; height: 450px }
.front-hero .overlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 450px; background: rgba(34, 34, 34, .6); z-index: 1 }
.front-hero .caption { margin: 0 auto; text-align: center; z-index: 9999!important }
.front-hero .caption h1 { color: rgba(255, 255, 255, 1); font-weight: 400; text-align: center; white-space: nowrap }
.front-hero .caption span { display: block }
.front-hero .caption .hl_pt2 { display: inline-block; font-weight: 900; color: rgba(240, 125, 5, 1) }
.front-hero .caption .fh_txt { font-size: .8rem; text-transform: uppercase; color: rgba(255, 255, 255, 1); text-align: center; margin: 0 }
.front-hero .caption .cta-btn { margin: 2rem auto 0 auto; text-align: center }
.sub-hero { position: relative; width: 100% }
.sub-hero, .sub-hero .grid-x { height: 450px }
.sub-hero .overlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 450px; background: rgba(34, 34, 34, .6); z-index: 1 }
.sub-hero .caption { margin: 0 auto; text-align: center; z-index: 9999!important }
.sub-hero .caption h1 { color: rgba(255, 255, 255, 1); font-weight: 400; ; text-align: center; white-space: nowrap }
.sub-hero .caption span { display: block }
.sub-hero .caption .hl_pt2 { display: inline-block; font-weight: 900; color: rgba(240, 125, 5, 1) }
.sub-hero .caption .fh_txt { font-size: .875rem; text-transform: uppercase; color: rgba(255, 255, 255, 1); text-align: center }
.sub-hero .caption .cta-btn { margin: 2rem auto 0 auto; text-align: center }
.form-badges { position: absolute; right: .9375rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 99 }
.form-badges li, .form-badges ul { list-style: none; margin: 0; padding: 0 }
.form-badges li { padding-bottom: .46875rem }
.form-badges li:last-child { padding-bottom: 0 }
.form-badges i { font-style: normal; display: inline-block }
.form-badges .na-phone { background: transparent url(../img/icons/icon_phone-min.png) center center no-repeat; background-size: cover }
.form-badges .na-mail { background: transparent url(../img/icons/icon_mail-min.png) center center no-repeat; background-size: cover }
.content-block { padding: 1.875rem 0 }
.front-news { padding-bottom: 0!important; width: 100%; overflow: hidden }
.front-news .grid-container.main { max-width: 75vw }
.front-slider-news.swiper-container { opacity: 0 }
.front-slider-news .swiper-wrapper { box-sizing: border-box!important }
.front-slider-news .swiper-slide, .front-slider-news, .front-slider-news figure { position: relative }
.front-slider-news h3 { margin: .9375rem 0 }
.front-slider-news .callout { background: rgba(192, 192, 192, 1); border: none; margin: 0; padding: 1.25rem 1.875rem }
.front-slider-news .callout span { display: block }
.front-slider-news .callout, .front-slider-news .callout span, .front-slider-news .callout h3, .front-slider-news .callout a { color: rgba(255, 255, 255, 1) }
.front-slider-news .swiper-slide img { width: 100%!important; height: 250px!important; object-fit: cover; object-position: center center }
.front-slider-news .swiper-slide { padding: 0 }
.front-slider-news .swiper-slide .cell { padding: 0 .9375rem!important }
.swiper-nav { padding: 1.875rem 0 }
.swiper-nav .slide-captions { padding: 0 3.75rem }
.swiper-nav .slide-captions h3 { font-size: 1rem; color: rgba(255, 255, 255, 1); text-align: center; margin: 0; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; min-height: 44px }
.swiper-nav .swiper-button-next, .swiper-nav .swiper-button-prev { position: absolute; top: 0; margin: 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; color: transparent; opacity: 1!important; width: 20px!important; height: 20px!important; z-index: 999 }
.swiper-nav .swiper-button-prev { background-image: url(../img/icons/sk_front_ar_l.png); left: 1.875rem }
.swiper-nav .swiper-button-next { background-image: url(../img/icons/sk_front_ar_r.png); right: 1.875rem }
.swiper-nav .swiper-button-next:after, .swiper-nav .swiper-button-prev:after { font-size: 20px!important }
.swiper-nav .swiper-button-next:hover, .swiper-nav .swiper-button-prev:hover { opacity: 1!important }
.swiper-nav .swiper-pagination { position: relative; bottom: inherit!important; padding: .9375rem 0 0 0 }
.swiper-nav .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 1); opacity: 1; border-radius: 0; width: 5px; height: 10px; margin: 0 .75rem!important }
.swiper-nav .swiper-pagination-bullet-active { background-color: rgba(255, 255, 255, .6); opacity: 1 }
.ff01 h2 { margin-bottom: .9375rem }
.ff01 p { text-align: center }
.ff01 span { display: inline-block; font-size: 70% }
.ff01 .btn_container { margin-top: 1.875rem }
.ff02 ul { list-style-type: none; margin-bottom: 0; padding: 0 }
.ff02 .img_container { z-index: 1 }
.ff02 img { width: 100%; object-fit: cover; object-position: center center }
.ff02 .caption { bottom: 0; left: 0; width: 100%; background: rgba(50, 53, 55, .8); z-index: 2 }
.ff02 .caption span { display: block; font-weight: 500; color: rgba(255, 255, 255, 1); text-align: center; padding: .9375rem }
.ff03 img { object-fit: cover; object-position: center center; width: 100%; height: 100% }
.ff03 .button { margin-top: 1.875rem!important }
.ff04 .content-block { padding-bottom: .9375rem!important }
.ff04 .grid-container:not(.full)>.grid-padding-x { margin-right: -.46875rem; margin-left: -.46875rem }
.ff04 .grid-padding-x>.cell { padding-right: .46875rem; padding-left: .46875rem }
.ff04 ul { list-style-type: none; margin: 0; padding: 0 }
.ff04 li { position: relative }
.ff04 .frst { padding-bottom: .46875rem }
.ff04 img { width: 100%; object-fit: cover; object-position: center center; filter: brightness(0.6) }
.ff04 .first img { height: 450px }
.ff04 .caption { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.ff04 .caption span { display: block; font-size: 2rem; text-transform: uppercase; text-align: center; font-weight: 900; color: rgba(240, 125, 5, 1) }
.ff05 { padding-bottom: 1.875rem; overflow: hidden }
.ff05 h2, .ff05 p { color: rgba(255, 255, 255, 1) }
.ff05 h2 { margin: 0 0 .9375rem 0 }
.ff05 .callout { border: none; margin: 0; padding: 1.875rem; background: transparent }
.ff05 img { width: 100% }
.ff05 .button { margin-top: 1.875rem!important }
.sfs ul { list-style-type: none; margin-bottom: 0 }
.sfs ul ul { list-style-type: square }
.sfs li:last-child { padding-bottom: 0 }
.sfs li li { padding: 0 }
.sfs img { width: 100% }
.sfs .button { margin-top: 1.875rem!important }
.sfs .video-container { position: relative; padding-bottom: 56.25%; overflow: hidden }
.sfs video { position: absolute; top: 0; left: 0; width: 100%; height: auto; max-width: 100%; display: block }
.cta01 img { width: 100% }
.cta01 .hl-container { top: 1.875rem; left: 1.875rem; background: rgba(255, 255, 255, 1); padding: .7rem .9375rem }
.cta01 .cta-container { bottom: 1.875rem; right: 1.875rem }
.cta01 h3 { color: rgba(50, 53, 55, 1) }
.cta01 .maps iframe { width: 100%!important; margin: 0; padding: 0; display: block; overflow: hidden }
.marquee { position: relative; margin: 0 auto; width: 100vw }
.marquee span { font-family: 'Open Sans'; font-size: 3rem; text-transform: uppercase; color: rgba(255, 255, 255, 1); -webkit-text-fill-color: rgba(255, 255, 255, 1); -webkit-text-stroke: 3px rgba(50, 53, 55, 1); font-weight: 700 }
.impressum-sf h1, .datenschutz-sf h1 { margin: 0 0 1.875rem 0 }
.impressum-sf h4, .datenschutz-sf h4 { color: rgba(50, 53, 55, 1); font-weight: 700; font-size: 1.25rem; margin: 1.875rem 0 .9375rem 0 }
.impressum-sf h4:first-of-type, .datenschutz-sf h4:first-of-type { margin-top: 0 }
.archive .post-list, .archive .post-list li { list-style-type: none; margin: 0 }
.archive .post-list { padding: 0 0 1.875rem 0 }
.archive .post-list li { padding-bottom: 1.875rem }
.archive .post-list li:last-child { padding-bottom: 0 }
.archive .box { background: rgba(255, 255, 255, 1); border: 1px solid rgba(237, 237, 237, 1) }
.archive .archive-aktuelles .box img { width: 100%!important; height: 250px!important; object-fit: cover; object-position: center center }
.archive .box .default-featured-img { object-position: center center }
.archive .box .read-more { color: rgba(77, 77, 77, 1); font-weight: 700; font-size: .8rem }
.archive .box .archive-caption { padding: .9375rem 1.15rem }
.archive .box .archive-caption a { color: rgba(50, 53, 55, 1); font-size: .875rem; font-weight: 700; display: inline-block; margin: .9375rem 0 0 0; -webkit-transition: color .25s; -moz-transition: color .25s; -o-transition: color .25s; -ms-transition: color .25s; transition: color .25s }
.archive .box .txt-box i { display: block; font-style: normal; color: rgba(187, 187, 187, 1); font-size: .75rem; padding: 0 0 .46875rem }
.archive .box .txt-box h3 { padding: 0 0 .46875rem 0 }
.archive .box .txt-box { padding: 0 }
.archive .box .txt-box .excerpt { font-size: 1rem; margin: 0; overflow: hidden }
.archive .black_bg { margin: 0; padding: .5rem 0; border-left: 1px solid rgba(237, 237, 237, 1); border-right: 1px solid rgba(237, 237, 237, 1) }
.archive .post-date { display: block; color: #999; margin: 0 0 .9375rem 0; padding: 0; font-size: .75rem; vertical-align: middle; line-height: 13px }
.archive .pd-icon { display: inline-block; margin-right: .15rem; background: url(../img/icons/access_time.png) left center no-repeat; width: 13px; height: 13px; vertical-align: text-top }
.archive-zubehoer { min-height: 100vh; caret-color: transparent }
.archive-zubehoer #filters, .archive-zubehoer #filters ul { list-style-type: none }
.archive-zubehoer #filters ul { margin-left: .5rem }
.archive-zubehoer #filters { list-style-type: none; margin: 0 }
.archive-zubehoer #filters li a { font-size: .875rem; text-transform: uppercase; color: rgba(66, 59, 62, 1); font-weight: 700 }
.archive-zubehoer #filters li a.mixitup-control-active { color: rgba(50, 53, 55, 1) }
.archive-zubehoer #filters li li a { font-size: .75rem; font-weight: 400 }
.archive .archive-zubehoer .box { border: 2px solid rgba(50, 53, 55, 1); padding: .9375rem }
.archive .archive-zubehoer .post-list { position: relative; padding-top: 0; overflow: hidden }
.archive .archive-zubehoer .post-list li:last-child { padding-bottom: 1.875rem }
.archive .archive-zubehoer picture { margin: 0 auto; text-align: center }
.archive .archive-zubehoer img { width: 100%; height: 200px; object-fit: contain; object-position: center center }
.archive .archive-zubehoer .txt-box { background: rgba(50, 53, 55, 1); padding: .75rem .9375rem .9375rem .9375rem }
.archive .archive-zubehoer .txt-box h3 { text-transform: none; color: rgba(255, 255, 255, 1); font-size: .85rem; margin: 0; padding: 0; font-weight: 700; line-height: 1.3 }
.single-zubehoer .content-block h1, .page-template-page-full-width-contact-zubehoer .content-block h1 { margin: 0 }
.single-zubehoer .btn-container { padding: 1.875rem 0 0 0 }
.single-zubehoer .button { color: rgba(255, 255, 255, 1)!important }
.single .date-box { background: rgba(50, 53, 55, 1); padding: .46875rem }
.single .date_day, .single .date_month { text-align: center; line-height: 1; margin: 0; padding: 0 }
.single .date_day { font-size: 3.15rem; color: rgba(255, 255, 255, 1); font-weight: 700 }
.single .date_day, .single .date_month { text-align: center; line-height: 1; margin: 0; padding: 0 }
.single .date_month { font-size: .75rem; color: rgba(255, 255, 255, 1); text-transform: uppercase; font-weight: 700; margin: 0; white-space: nowrap }
.single .featured-image { padding: 1.875rem 0 }
.single .content-block a, .page-template-page-full-width-contact-zubehoer .content-block a { color: rgba(66, 59, 62, 1) }
.single .news_gallery { list-style-type: none; margin: 0; padding-bottom: 1.875rem!important }
.single .news_gallery li { padding: .25rem!important }
.single .news_gallery li img { width: 100%; height: 135px; object-fit: cover; object-position: center center }
.wpcf7 { width: 100%; margin: 0 auto; padding: 0 0 .9375rem 0 }
.wpcf7 .grid-padding-x>.cell { padding-right: .9375rem; padding-left: .9375rem }
.wpcf7 label { color: rgba(50, 53, 55, 1) }
.wpcf7-list-item { margin: 0 }
.wpcf7-list-item-label a, .site-footer span { font-size: .875rem }
.wpcf7-not-valid-tip { display: none!important; visibility: hidden!important }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: rgba(162, 154, 136, 1) }
.wpcf7 form .wpcf7-response-output, .wpcf7-list-item-label, .wpcf7-list-item-label a { font-size: .875rem; line-height: 1.2; color: rgba(50, 53, 55, 1)!important }
.wpcf7 [type=checkbox] { margin: 0; margin-right: .35rem }
.wpcf7 .button { margin-top: .9375rem!important }
.site-footer .inner-footer { padding: 1.875rem .46875rem }
.site-footer img { display: block; width: 150px }
.site-footer ul, .site-footer li { list-style-type: none; margin: 0 }
.site-footer h4 { display: inline-block; font-size: 1rem; color: rgba(255, 255, 255, 1); margin: 0 0 .75rem 0; padding: 0 0 .75rem 0; border-bottom: 1px solid rgba(255, 255, 255, 1) }
.site-footer a, .site-footer p { font-size: .875rem!important; color: rgba(255, 255, 255, 1) }
.site-footer .footer-menu { margin: 0 }
.site-footer .footer-menu, .site-footer .footer-menu>li { display: block; line-height: 1.2 }
.site-footer .footer-menu>li { padding: 0 }
.site-footer .footer-menu>li>a { padding: 0; display: inline-block; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; -ms-transition: color .2s linear; transition: color .2s linear }
.site-footer .footer-menu>li.is-active>a, .site-footer .footer-menu>li>a:focus, .site-footer .footer-menu>li>a:hover { background: transparent; color: rgba(255, 255, 255, .6)!important }
.site-footer .desktop-menu { margin: 0 }
.site-footer .desktop-menu, .site-footer .desktop-menu>li { display: block; line-height: 1.2 }
.site-footer .desktop-menu>li { padding: 0!important }
.site-footer .desktop-menu>li>a { padding: 0; display: inline-block; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; -ms-transition: color .2s linear; transition: color .2s linear; color: rgba(255, 255, 255, 1); font-weight: 400 }
.site-footer .desktop-menu>li.is-active>a, .site-footer .desktop-menu>li>a:focus, .site-footer .desktop-menu>li>a:hover { background: transparent; color: rgba(255, 255, 255, .6)!important }
.site-footer .social { margin: .35rem 0 0 0 }
.site-footer .social a { width: 30px; height: 30px; line-height: 30px; background-size: 30px 30px }
.site-footer .social-menu>li { padding: 0 .35rem!important }
.site-footer .social-menu>li:first-child { padding-left: 0!important }
.site-footer .social-menu>li:last-child { padding-right: 0!important }
.site-footer .social-menu>li>a::before, .site-footer .footer-menu>li>a::before { display: none!important; visibility: hidden!important }
.site-footer .social a { color: transparent!important; font-size: 0!important; background-position: center center; background-repeat: no-repeat; background-color: transparent; vertical-align: middle }
.site-footer .fb a { background-image: url(../img/icons/na_fb.png) }
.site-footer .insta a { background-image: url(../img/icons/na_ig.png) }
.site-footer .copyright span { display: block; color: rgba(255, 255, 255, 1); margin: 0 auto; text-align: center; font-size: .8rem; padding: 0 0 .75rem 0 }

@media screen and (max-width: 39.9375em) {
h1 { font-size: 2.5rem; word-wrap: break-word!important; overflow-wrap: break-word!important; -webkit-hyphens: auto!important; -moz-hyphens: auto; hyphens: auto!important }
.front-hero .caption .fh_txt, .sub-hero .caption .fh_txt { font-size: .7rem!important; white-space: nowrap!important }
}

@media screen and (max-width:40em) {
.ff01 h2 br:nth-of-type(2) { display: none!important; visibility: hidden!important }
}

@media screen and (min-width:40em) {
.front-hero .caption .fh_txt, .sub-hero .caption .fh_txt { font-size: .875rem }
.ff01 h2 br:first-of-type, .ff01 h2 br:nth-of-type(3) { display: none!important; visibility: hidden!important }
}

@media screen and (max-width:63.9888em) {
.mo_flex_centered { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.na-nav-container { position: relative; height: 80px; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.na-nav-container .na-nav-section { position: fixed; top: 0; right: 0; bottom: 0 }
.na-nav-container .na-nav { opacity: 0; background: #fff; transition: opacity .1s; width: 0; height: 0 }
.na-nav-container input[type="checkbox"] { display: none; max-width: none; margin: 0 }
.na-nav-container input[type="checkbox"]:checked ~ .na-nav { opacity: 1; width: 100vw; height: 100vh }
.na-nav-container input[type="checkbox"]:checked ~ label .bar { background: rgba(50, 53, 55, 1) }
.na-nav-container input[type="checkbox"]:checked ~ label .top { -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg) }
.na-nav-container input[type="checkbox"]:checked ~ label .middle { width: 0 }
.na-nav-container input[type="checkbox"]:checked ~ label .bottom { -webkit-transform: translateY(-6px) rotate(-45deg); -moz-transform: translateY(-6px) rotate(-45deg); -o-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg) }
.na-nav-container .middle { margin: 0 auto }
.na-nav-container label { position: relative; width: 30px; display: inline-block; margin: 0; padding: 0; background: transparent; cursor: pointer; z-index: 3 }
.na-nav-container .bar { position: relative; display: block; background: rgba(50, 53, 55, 1); width: 30px; height: 3px; border-radius: 5px; margin: 5px auto; transition: background-color .4s ease-in, transform .4s ease-in, width .4s ease-in }
.na-nav-container input[type="checkbox"]:checked ~ .na-nav .desktop-menu { background: transparent!important; display: block!important }
.desktop-menu { display: none!important }
.mobile-menu.dropdown.menu { position: absolute; left: 50%; top: calc(50% - 80px); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.mobile-menu.dropdown.menu>li { margin: 0; padding: .5rem 0; display: block; width: 100%; text-align: center }
.mobile-menu.dropdown.menu>li>a { font-size: 1.75rem; text-align: center; padding: 0; color: rgba(50, 53, 55, 1); -webkit-transition: color .25s; -moz-transition: color .25s; -o-transition: color .25s; -ms-transition: color .25s; transition: color .25s; font-weight: 700 }
.mobile-menu.dropdown.menu>li>a:hover, .mobile-menu.dropdown.menu>li.current-menu-item>a { color: rgba(50, 53, 55, 1)!important }
.front-hero, .sub-hero { background-repeat: no-repeat; background-size: cover; background-position: left center }
.hero-video { display: none; visibility: hidden }
.front-hero .caption .fh_txt { font-size: .8rem }
.form-badges { top: 27.5% }
.form-badges i { width: 40px; height: 40px }
.form-badges li span { display: none!important; visibility: hidden!important }
.front-slider-news { padding: .9375rem 0 }
.front-slider-news .cell { padding: 0 .275rem!important }
.front-slider-news h3 { font-size: 1rem }
.ff02 li { padding-bottom: 1.875rem }
.ff02 li:last-child { padding-bottom: 0 }
.ff03 .last { padding-top: 1.875rem }
.ff04 img { margin-bottom: .9375rem; height: 350px!important }
.ff04 li:last-child img { margin-bottom: 0 }
.ff05 img { height: inherit!important }
.sfs li { padding-bottom: 1.875rem }
.sfs img { height: auto }
.sfs h2 { margin-top: 1.875rem }
.cta01 .maps iframe { height: 350px!important; min-height: 350px!important; max-height: 350px!important }
.single video { padding-top: .9375rem }
.single article img:nth-of-type(1) { padding-top: .4rem }
.video-wrapper { margin: 3.75rem 0 1.875rem 0 }
.single .content-block { padding: 1.875rem 0 0 0 }
.single .content-block.title { padding: 3.75rem 0 1.875rem 0 }
.single .news_gallery.ic { padding: 0 1.6rem }
.ic-img { padding: 0 0 0 1.875rem }
.ic-img img { height: 500px!important }
.site-footer .inner-footer { padding-top: 3.75rem }
.site-footer .large-shrink { padding-bottom: 1.875rem }
.site-footer .last { padding-bottom: 0 }
.site-footer img { margin-bottom: .5rem }
}

@media screen and (min-width:64em) {
body, a, p { font-size: 1.15rem }
h1 { font-size: 6rem }
h2, h3 { font-size: 2.25rem }
h4 { font-size: 1.5rem }
.dsktp_flex_top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start }
.dsktp_flex_centered { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.dsktp_flex_middle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.dsktp_flex_bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end }
.dsktp_flex_right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end }
.dsktp_flex_left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start }
.dsktp_pd_rst { padding: 0!important }
.dsktp_pd_t_rst { padding-top: 0!important }
.dsktp_pd_b_rst { padding-bottom: 0!important }
.dsktp_pd_l_rst { padding-left: 0!important }
.dsktp_pd_r_rst { padding-right: 0!important }
.site-header, .site-header .grid-x { height: 100px }
.custom-logo, .logo-container { width: 195px }
.desktop-menu { display: flex; list-style: none; padding: 0; margin: 0 }
.desktop-menu li { padding: 0 .9375rem!important; display: inline-flex; align-items: center }
.desktop-menu li:last-child { padding-right: 0 }
.desktop-menu a { padding: 0!important; font-size: 1.1rem; text-decoration: none; color: rgba(50, 53, 55, 1); font-weight: 700; display: inline-block; text-align: center; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; -ms-transition: color .2s linear; transition: color .2s linear }
.desktop-menu a:hover, .desktop-menu .is-active > a { background: transparent; color: rgba(50, 53, 55, 1)!important }
.site-content { padding: 100px 0 0 0 }
.hero-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center }
.front-hero, .sub-hero { overflow: hidden; background-size: cover; background-position: left center; background-repeat: no-repeat }
.front-hero, .front-hero .grid-x, .front-hero .overlay { height: calc(100vh - 100px) }
.front-hero .caption .fh_txt { font-size: 1.57rem }
.sub-hero, .sub-hero .grid-x, .sub-hero .overlay { height: calc(70vh - 100px) }
.sub-hero .caption .fh_txt { font-size: 1.57rem }
.form-badges { top: calc(50% - 100px) }
.form-badges i { width: 70px; height: 70px }
.content-block { padding: 3.75rem 0 }
.front-slider-news { padding: 3.75rem 0 7.5rem 0 }
.front-slider-news .swiper-slide-active .callout { padding: 3.75rem 2.5rem }
.front-slider-news .swiper-slide .cell.first { padding-right: 0!important }
.front-slider-news .swiper-slide .cell.second { padding-left: 0!important }
.front-slider-news .callout { position: absolute; min-height: 350px!important; height: inherit!important; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; padding: 1.875rem 2.5rem }
.front-slider-news .swiper-slide img { height: 350px!important }
.front-slider-news h3 { font-size: 1.5rem }
.front-slider-news .fsn_caption { min-height: 150px }
.swiper-nav { padding: 3.75rem 0 }
.swiper-nav .swiper-pagination { padding: 1.875rem 0 0 0 }
.swiper-nav .swiper-button-next, .swiper-nav .swiper-button-prev { width: 32px!important; height: 32px!important }
.swiper-nav .swiper-button-next:after, .swiper-nav .swiper-button-prev:after { font-size: 32px!important }
.ff02 li:nth-child(1), .ff02 li:nth-child(2), .ff02 li:nth-child(3) { padding-bottom: 1.875rem }
.ff03 .last { padding-left: 1.875rem!important }
.ff04 ul { margin-left: -.46875rem; margin-right: -.46875rem }
.ff04 .first { margin-bottom: .9375rem }
.ff05 { padding-bottom: 3.75rem }
.ff05 .callout { padding: 3.75rem }
.ff05 img { object-fit: cover; object-position: center top }
.marquee span { font-size: 5rem }
.ff04 .large-5 img, .ff04 .large-2 img { object-fit: cover; object-position: center center }
.sfs li { padding-bottom: 3.75rem }
.sfs img { height: 400px; object-fit: cover; object-position: center center }
.sfs .last { padding-left: 1.875rem!important }
.scroll-to-top { position: fixed; bottom: 1.875rem; right: 1.875rem; width: 60px; height: 60px; border: none; border-radius: 50%; background: transparent; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease, visibility .3s ease; -moz-transition: opacity .3s ease, visibility .3s ease; -o-transition: opacity .3s ease, visibility .3s ease; -ms-transition: opacity .3s ease, visibility .3s ease; transition: opacity .3s ease, visibility .3s ease; display: flex; align-items: center; justify-content: center; z-index: 999 }
.scroll-to-top.visible { opacity: 1; visibility: visible }
.scroll-to-top .progress-ring { position: absolute; top: 0; left: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: translaterotate(-90deg); transform: rotate(-90deg) }
.scroll-to-top .progress-ring__bg { fill: #eee; stroke: #eee; stroke-width: 4 }
.scroll-to-top .progress-ring__progress { fill: none; stroke: rgba(50, 53, 55, 1); stroke-width: 4; stroke-linecap: round; transition: stroke-dashoffset 0.2s linear }
.scroll-to-top .arrow { fill: rgba(39, 44, 47, 1); z-index: 2 }
.cta01 .maps iframe { height: 450px!important; min-height: 450px!important; max-height: 450px!important }
.site-footer .inner-footer { padding: 3.75rem 0 }
}

@media screen and (max-width: 74.9375em) {
}

@media screen and (min-width:75em) {
.front-slider-news .swiper-slide-active .callout { padding: 7.5rem 2.5rem }
.site-footer img { width: 200px }
}

@media screen and (min-width:80em) {
.ic-img img { height: 600px!important }
.site-footer .grid-padding-x>.cell { padding-right: 3.75rem; padding-left: 3.75rem }
}

@media screen and (min-width:90em) {
.site-header .grid-padding-x>.cell { padding-right: 3.75rem; padding-left: 3.75rem }
}

@media screen and (min-width:110em) {
.ic-img img { height: 650px!important }
.ff05 .callout { padding: 7.5rem 9.375rem }
}