/*
 Theme Name:   Helaakoski.com child
 Theme URI:    https://jj-net.fi/
 Description:  Helaakoski.com sivuston child teema.
 Author:       JJ-Net Group Oy
 Author URI:   https://jj-net.fi/
 Template:     jj-net-theme
 Version:      1.0
 License:      All rights reserved.
 License URI:  https://jj-net.fi/
 Text Domain:  jjnet
*/

body { font-family: 'Work Sans', sans-serif; font-size: 1.25rem; }
h1,h2,h3,h4,h5,h6 { font-family: 'Space Grotesk', sans-serif; font-weight:600; margin-bottom: 1.5rem; }
h2 { font-size: 3.5rem; }
h3 { font-size: 2.6rem; }
strong { font-weight: 600; }
img { max-width: 100%; height: auto; }
ul li { line-height: 2; }

a { color: #1C1C1A; }
a:hover { color: #1C1C1A; text-decoration: none; }

p a { font-weight: 600; }

.btn-custom a { display: inline-block; transition: all 0.2s ease-in-out; border: 2px solid #1c1c1a; background-color: transparent; color: #1c1c1a; padding: 12px 30px; font-weight: 600; font-family: 'Space Grotesk', sans-serif;}
.btn-custom a:hover { background-color: #fedc01; text-decoration: none; }

.content-black .btn-custom a { border: 2px solid #fff; background-color: transparent; color: #fff; padding: 12px 30px; font-weight: 600; font-family: 'Space Grotesk', sans-serif;}
.content-black .btn-custom a:hover { background-color: #fedc01; text-decoration: none; }

.btn-arrow { position: relative; top: 15px; transition: all 0.2s ease-in-out; }
.btn-arrow:before { content: '';  transition: all 0.2s ease-in-out;border-radius: 10%; position: absolute; left: 12px; top: 5px; border: solid #1c1c1a; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.btn-arrow:after { content: ''; transition: all 0.2s ease-in-out; position: absolute; left: 0; top: 10px; height: 2px; width: 25px; background-color: #1c1c1a; }
.btn-arrow a { font-weight: 600; transition: all 0.2s ease-in-out; padding-left: 40px; position: relative; z-index: 2; text-decoration: none; }
.btn-arrow a:hover { padding-left: 60px; }
.btn-arrow:hover:before { left: 28px; }
.btn-arrow:hover:after { width: 40px; }

a .btn-arrow { padding-left: 40px; }
a:hover .btn-arrow { padding-left: 60px;}

.content-black a, .content-black-line a,
.content-green a, .content-green-line a { color: #fff; }
.content-black .btn-arrow:before, .content-black-line .btn-arrow:before,
.content-green .btn-arrow:before, .content-green-line .btn-arrow:before { border-color: #fff; }
.content-black .btn-arrow:after, .content-black-line .btn-arrow:after,
.content-green .btn-arrow:after, .content-green-line .btn-arrow:after { background-color: #fff; }
.content-black .btn-arrow a:hover, .content-black-line .btn-arrow a:hover,
.content-green .btn-arrow a:hover, .content-green-line .btn-arrow a:hover { color: #fedc01; }
.content-black .btn-arrow:hover:before, .content-black-line .btn-arrow:hover:before,
.content-green .btn-arrow:hover:before, .content-green-line .btn-arrow:hover:before { border-color: #fedc01; }
.content-black .btn-arrow:hover:after, .content-black-line .btn-arrow:hover:after,
.content-green .btn-arrow:hover:after, .content-green-line .btn-arrow:hover:after { background-color: #fedc01; }

.navigation-container { position: absolute; top: 0; left: 0; right: 0; z-index: 100; background-color: transparent !important; }
.navigation-container .container-fluid { display: flex; flex-direction: row; padding: 0 0 0 30px; }
#quadmenu { flex-grow: 1; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > a, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > form, .navigation-languages a { font-family: 'Space Grotesk', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; }
.searchform-1 > .search-toggle i { color: #fff; padding: 20px; }
#quadmenu.quadmenu-default_theme { background-color: transparent !important; }
.navigation-container .red-button {transition: all 0.2s ease-in-out; background-color: #d91119; align-self: stretch;  display: flex; height: 60px;}
.navigation-container .red-button a { transition: all 0.2s ease-in-out;color: #fff; margin: auto; display: block; padding: 0 15px; text-transform: uppercase; font-family: 'Space Grotesk', sans-serif; font-size: 14px;}
.navigation-container .red-button:hover { background-color: #faf4e8; }
.navigation-container .red-button:hover a { color: #1c1c1a; text-decoration: none; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open { background-color: transparent !important; }
#quadmenu.quadmenu-default_theme div .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link a:hover  .quadmenu-text { text-decoration: underline !important; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.quadmenu-has-link:hover, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.quadmenu-has-link.open { background-color: #fedc01 !important; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle .icon-bar,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle.collapsed .icon-bar { background-color: #fff !important; }
.nav-fixed #quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle .icon-bar,
.nav-fixed #quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle.collapsed .icon-bar { background-color: #000 !important; }
#quadmenu:not(.quadmenu-is-horizontal).quadmenu-mobile-shadow-show,
#quadmenu.quadmenu-default_theme:not(.quadmenu-is-horizontal) .quadmenu-navbar-collapse.collapsing, #quadmenu.quadmenu-default_theme:not(.quadmenu-is-horizontal) .quadmenu-navbar-collapse.in { box-shadow: 0 0 0 0 !important; }
.nav-fixed.navigation-container .container-fluid { align-items: flex-start; }
.navigation-languages { height: 60px; display: flex !important; align-items: center; margin-right: 0 !important; padding: 0 25px 0 15px; }
.navigation-languages a { display: block; padding: 7px 0; }
.navbar-brand > img { height: 20px !important; }
.navbar-brand { height: 60px;line-height: 60px; padding: 0 15px; margin: 0 !important; }

.search .navigation-container,
.single .navigation-container,
.post-type-archive-news .navigation-container,
.nav-fixed { position: fixed; background-color: #faf4e8 !important; box-shadow: 0 1px 10px 2px rgba(0,0,0,0.2); }
.search .navigation-container li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content,
.single .navigation-container li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content,
.post-type-archive-news .navigation-container li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content,
.nav-fixed li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content { color: #000 !important; }
.search .navigation-container .navbar-brand > img,
.single .navigation-container .navbar-brand > img,
.post-type-archive-news .navigation-container .navbar-brand > img,
.nav-fixed .navbar-brand > img { filter: invert(100%); }
.search .navigation-container .navigation-languages .language-toggler, .nav-fixed .navigation-languages a,
.single .navigation-container .navigation-languages .language-toggler, .nav-fixed .navigation-languages a,
.post-type-archive-news .navigation-container .navigation-languages .language-toggler, .nav-fixed .navigation-languages a,
.nav-fixed .navigation-languages .language-toggler, .nav-fixed .navigation-languages a,
.search .navigation-container .searchform-1 > .search-toggle i,
.single .navigation-container .searchform-1 > .search-toggle i,
.post-type-archive-news .navigation-container .searchform-1 > .search-toggle i,
.nav-fixed .searchform-1 > .search-toggle i { color: #000 !important; }
.navigation-languages a { color: #fff !important; }
.navigation-languages > .sub-menu { background-color: #faf4e8; }
.navigation-languages > .sub-menu > li > a {color: #000 !important; }

.search .navigation-languages a ,
.single .navigation-languages a ,
.post-type-archive-news .navigation-languages a ,
.nav-fixed .navigation-languages a { color: #000 !important; }

.search #quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle.collapsed .icon-bar,
.single #quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle.collapsed .icon-bar,
.post-type-archive-news #quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle.collapsed .icon-bar,
.nav-fixed #quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle.collapsed .icon-bar { background-color: #1c1c1a !important; }

.navigation-languages > .sub-menu { text-align: center; }

div#n2-ss-2 .n2-ss-item-imagebox-container { display: block !important;  }
div#n2-ss-2 .n2-ss-item-imagebox-container .n2-ss-item-imagebox-image { margin-bottom: 10px; }
.n2-section-smartslider { padding-bottom: 18px; }
.n2-section-smartslider:after { content:""; position: absolute; background-color: #fedc01; height: 18px; bottom: 0; left: 0;right: 0; border-top: 6px solid #d91119; border-bottom: 6px solid #000; }
ss3-fullpage[data-based-on=real] { margin: 0 -15px; }

.crumbtrail-container + .content,
.crumbtrail-container + script + script + .content { padding-top: 100px; }
.crumbtrail-container { position: absolute; left: 0; right: 0; padding-top: 55px; text-transform: uppercase; font-size: 1rem; z-index: 9;}
.crumbtrail-container a { color: rgba(28, 28, 26, 0.73); }
.crumbtrail-container .current-page { display: inline-block; font-weight: bold; }
.crumbtrail-container .crumbtrail-separator::after { content: '-' !important;color: rgba(28, 28, 26, 0.73);}

.content-white, .content-white-line { background-color: #fff; color: #1c1c1a; }
.content-black, .content-black-line { background-color: #1c1c1a; color: #fff; }
.content-green, .content-green-line { background-color: #0F6A48; color: #fff; }
.content-light, .content-light-line, .content-light-shadow { background-color: #faf4e8; }
.content-beige, .content-beige-line, .content-beige-skew { background-color: #fcebcc; }
.content { position: relative; z-index: 2; }
.content-5_7 { padding-top: 100px; padding-bottom: 100px; }

.content-beige-skew {position: relative; z-index: 1; padding: 160px 0 140px; margin-top: -140px; transform:  skew(0deg, -3deg); }
.content-beige-skew .container { transform:  skew(0deg, 3deg); }
.content-beige-skew + .content { margin-top: 110px; }

.content-light-shadow { padding: 70px 0; box-shadow: inset 0 -30px 20px -30px rgba(0,0,0,0.2);}
.content-6_6-img-text.content-light-shadow,
.content-6_6-text-img.content-light-shadow { padding: 0; }

.content-white-line, .content-black-line, .content-light-line, .content-beige-line { position: relative; padding-bottom: 18px; }
.content-white-line:before, .content-black-line:before, .content-light-line:before, .content-beige-line:before { content:""; position: absolute; background-color: #fedc01; height: 18px; bottom: 0; left: 0;right: 0; border-top: 6px solid #d91119; border-bottom: 6px solid #000; }

.col-number_counter { text-align: center; padding-top: 80px; padding-bottom: 80px; font-size: 1rem; }
.col-number_counter h2 { font-size: 3rem; }
.col-number_counter .icon img { max-width: 70%; max-height: 150px; }
.col-number_counter .icon { margin-bottom: 40px; }
.col-number_counter .number { color: #d91119; font-size: 4rem; line-height: 1; font-family: 'Space Grotesk', sans-serif; font-weight:600; }
.col-number_counter .unit { text-transform: uppercase; font-size: 2rem; font-family: 'Space Grotesk', sans-serif; font-weight:600; margin-bottom: 30px; }
.col-number_counter ul { margin-top: 60px; }
.col-number_counter > ul { align-items: flex-start !important; }
.col-number_counter > ul > li { flex-basis: 0; flex-grow: 1; max-width: 100%; padding: 0 20px; }
.col-number_counter > ul > li:not(:last-child) { margin-right: 0 !important; }

.content + .content .col-text { padding-top: 60px; padding-bottom: 60px;  }
.navigation-container + .content .col-text { padding: 0; }
.col-sm-6 .col-text { padding-top: 0; padding-bottom: 60px;  }

.content + .content-beige-skew .col-text { padding: 0; }
.content-12 + .content-6_6s .col-text { padding-top: 0 !important; }

.col-image { text-align: center; }

/*.content-6_6f { overflow: hidden; }
.content-6_6f .col-sm-6 { padding: 0; }
.content-6_6f .col-sm-6 { transform: skew(-20deg); overflow: hidden; }
.content-6_6f .col-sm-6 .col-image { transform: skew(20deg); }
.content-6_6f .col-sm-6 .col-text { transform: skew(20deg); }*/

/*.content-6_6-img-text { overflow: hidden; }
.content-6_6-img-text .col-sm-6:first-child { overflow: hidden; margin-left: -10%; flex: 0 0 60%; max-width: 60%;transform: skew(-20deg); }
.content-6_6-img-text .col-sm-6:first-child .col-image { transform: skew( 20deg); }
.content-6_6-img-text .col-sm-6:nth-child(2) { transform: skew(-20deg); }
.content-6_6-img-text .col-sm-6:nth-child(2) > .col-text { transform: skew(20deg); }
.content-6_6-img-text .col-image > .img-background > .img-background-content { width: 110%; }

.col-sm-5 { padding-left: 10%; }
.col-sm-5 .col-text { position: relative; z-index: 3;  }
.col-sm-7 { position: relative; }
.col-sm-7:before { content: ''; background-color: #1c1c1a; height: 100%; left: -20%; width: 50%; position: absolute;transform: skew(-20deg);z-index: 2; }

.content-6_6-text-img { overflow: hidden; }
.content-6_6-text-img .col-sm-6:nth-child(2) { overflow: hidden; margin-right: -10%; flex: 0 0 60%; max-width: 60%;transform: skew(-20deg); }
.content-6_6-text-img .col-sm-6:nth-child(2) .col-image { transform: skew( 20deg); }
.content-6_6-text-img .col-sm-6:first-child { transform: skew(-20deg); }
.content-6_6-text-img .col-sm-6:first-child > .col-text { transform: skew(20deg); }
.content-6_6-text-img .col-image > .img-background > .img-background-content { width: 110%; }*/

.banner-container .owl-carousel-item .container { display: flex; margin: auto;    justify-content: center; }
.banner-container .carousel-caption { position: static !important; }
.banner-container .carousel-caption h1 { color: #fff; font-size: 4.5rem; }
.banner-container1 .owl-item:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.25); z-index: 100;}
.banner-container1 .owl-item .carousel-caption { z-index: 1001; }
.banner-container { position: relative; padding-bottom: 18px; }
.banner-container:after { content:""; position: absolute; background-color: #fedc01; height: 18px; bottom: 0; left: 0;right: 0; border-top: 6px solid #d91119; border-bottom: 6px solid #000; }

.col-news_highlights { padding-bottom: 80px; }
.home .col-news_highlights h2 { text-align: center; }
.archive-inner-container .archive-inner,
.col-references_highlights .reference-highlight-inner,
.col-news_highlights .news-highlight-inner { padding: 27px 20px 10px 20px; display: flex; flex-direction: column; height: 100%; margin-bottom: 30px; border: 0 !important;  flex-grow: 1; display: flex; flex-direction: column;}
.col-news_highlights a { color: #000; }
.archive-inner-container,
.col-references_highlights .reference-highlight-container,
.col-news_highlights .news-highlight-container { display: flex; flex-direction: column; height: 100%; margin-bottom: 30px; }
.col-references_highlights .reference-highlight-link,
.col-news_highlights .content-highlight-link { position: relative; font-family: 'Space Grotesk', sans-serif; display: block; margin-top: auto; font-weight: 600; font-size: 1.2rem; }
.archive-inner-container,
.col-references_highlights a,
.col-news_highlights a { overflow: hidden; color: #000;transition: all 0.2s ease-in-out; font-weight: 600; }
.archive-inner-container:hover { text-decoration: none;  color: #000;}
.col-references_highlights a:hover,
.col-news_highlights a:hover { text-decoration: none; }
.archive-inner-container .arrow,
.col-references_highlights a .arrow,
.col-news_highlights a .arrow { height: 2px; width: 25px; position: relative; display: inline-block; cursor: pointer; margin-right: 15px;margin-bottom: 6px;transition: all .2s ease;background: #1c1c1a; }
.archive-inner-container:hover .arrow,
.col-references_highlights a:hover .arrow,
.col-news_highlights a:hover .arrow { width: 50px;; padding-left: 20px; margin-right: 15px; background: #1c1c1a; }
.archive-inner-container:hover .arrow:before, .archive-inner-container:hover .arrow:after,
.col-references_highlights a:hover .arrow:before, .col-references_highlights a:hover .arrow:after,
.col-news_highlights a:hover .arrow:before, .col-news_highlights a:hover .arrow:after { background: #1c1c1a; }
.archive-inner-container .arrow:before, .archive-inner-container .arrow:after,
.col-references_highlights .arrow:before, .col-references_highlights .arrow:after,
.col-news_highlights a .arrow:before, .col-news_highlights a .arrow:after { transition: all .2s ease; content: ""; background: #1c1c1a; position: absolute; height: 2px; width: 10px; border-radius: 30%; }
.archive-inner-container .arrow:before,
.col-references_highlights a .arrow:before,
.col-news_highlights a .arrow:before { right: -2px; bottom: -3px; transform: rotate(-45deg); }
.col-references_highlights a .arrow:after,
.archive-inner-container .arrow:after,
.col-news_highlights a .arrow:after { right: -2px; top: -3px; transform: rotate(45deg); }
.col-news_highlights .news-highlight-newest .news-highlight-container { position: relative; }
.col-news_highlights .news-highlight-newest .news-highlight-inner { height: auto; transform:  skew(0deg, -5deg); position: absolute; top: -30px; left: 0; right: 0; transition: all 0.2s ease-in-out; background-color: rgba(0, 0, 0, 0.77); color: #fff; padding: 60px 50px !important; }
.col-news_highlights .news-highlight-newest a:hover .news-highlight-inner { background-color: rgba(217, 17, 25, 0.77); }
.col-news_highlights .news-highlight-newest a .arrow { background: #fff; }
.col-news_highlights .news-highlight-newest a:hover .arrow { background: #fff; }
.col-news_highlights .news-highlight-newest a:hover .arrow:before, .col-news_highlights .news-highlight-newest a:hover .arrow:after { background: #fff; }
.col-news_highlights .news-highlight-newest a .arrow:before, .col-news_highlights .news-highlight-newest a .arrow:after {  background: #fff; }
.col-news_highlights .news-highlight-newest h4 { font-size: 2.25rem;}
.col-news_highlights .news-highlight-newest .news-highlight-title, .col-news_highlights .news-highlight-newest .news-highlight-date, .col-news_highlights .news-highlight-newest .news-highlight-readmore {display: inline-block; transform:  skew(0deg, 5deg);}
.col-news_highlights .news-highlight-newest .news-highlight-date { color: #fff !important; }
.col-news_highlights .news-highlight-others { padding-left: 5%; }
.col-news_highlights .news-highlight-others h4 { font-size: 1.5rem; }
.col-news_highlights .news-highlight-others .news-highlight-container { border-bottom: 2px solid #1c1c1a; height: auto; margin-bottom: 0; }
.col-news_highlights .news-highlight-others .news-highlight-inner { padding: 30px 0 !important; display: block; }
.col-news_highlights .news-highlight-others .news-highlight-archive-link { padding: 0 15px; }
.news-highlight-readmore { margin-top: auto; }
.archive-inner-container .archive-date,
.col-references_highlights .reference-highlight-date,
.col-news_highlights .news-highlight-date { margin-top: 0 !important; margin-bottom: 10px; font-size: 1.2rem; font-weight: 400; color: #000 !important; }
.archive-inner-container h2 { padding-top: 0 !important; font-size: 1.5rem; padding: 0.3rem 0; margin-bottom: 0; }
.news-highlight-archive-link a { margin-top: 30px; display: inline-block; transition: all 0.2s ease-in-out; border: 2px solid #1c1c1a; background-color: transparent; color: #1c1c1a; padding: 12px 15px; font-weight: 600; font-family: 'Space Grotesk', sans-serif;}
.news-highlight-archive-link a:hover { background-color: #fedc01; text-decoration: none; }
.news-description {overflow: hidden; padding:50px 0; font-weight: 600; font-size: 1.4rem; margin: 0 auto; white-space: nowrap; overflow: hidden; }
.news-description div { display: inline-block; }
.news-description #loop { white-space: nowrap; animation: loop-anim 25s linear infinite; }
.news-description div p { padding: 0 40px 0 120px; display: inline-block; position: relative; }
.news-description p:before { content: ''; position: absolute; height: 18px; background-color: #fedc01; width: 80px; left: 0; top: 50%; transform: translateY(-50%); border-top: 6px solid #d91119; border-bottom: 6px solid #000; }
@keyframes loop-anim { 0% { margin-left: 0; } 100% { margin-left: -50% }}
body:not(.home) .col-news_highlights h2 { font-size: 2rem; margin-bottom: 1.5em; }

.col-references_highlights { padding-top: 100px; padding-bottom: 100px; }
.col-references_highlights h2 { font-size: 2rem; margin-bottom: 1.5em; }
.col-references_highlights .title-wrap { display: flex; justify-content: space-between; }
.col-references_highlights .title-wrap a { align-self: flex-start; padding: 10px 0; font-weight: 400; }

.archive-news-showmore { padding: 0 15px; }
.archive-news-showmore .btn {transition: all 0.2s ease-in-out;  background-color: transparent; border: 2px solid #000 !important; color: #000; border-radius: 0; padding: 10px 30px; font-weight: 600; }
.archive-news-showmore .btn:hover { background-color: #fedc01; text-decoration: none; }
.archive-references .archive-read-more,
.archive-news .archive-read-more { margin-top: auto; }

.col-relational_navigation h2 { font-size: 2.4rem; color: #fff; }
.col-relational_navigation { background-color: #1c1c1a; padding: 50px 40px; }
.col-relational_navigation a { color: #fff; font-size: 1rem; }
.col-relational_navigation .current-menu-item a { color: #f3dc01;  }

.col-table .table-cat { padding-top: 50px; padding-bottom: 50px; }
.col-table h2 {  font-size: 2.3rem; padding-top: 50px; }
.col-table b {  display: block; }
.table-information { position: relative; z-index: 1; padding: 30px; background-color: #95989A; border: 1px solid #95989A; border-left: 0; border-bottom: 0; clip-path: polygon(0 0, 35% 0, 50% 100%, 0% 100%); }
.table-information p { max-width: 35%; }
.table-responsive-lg { position: relative; padding: 0 0 0 12px; }
.table-information:before, .table-responsive-lg:before { content:""; position: absolute; background-color: #fedc01; width: 13px; bottom: 0; left: 0;top: 0; border-left: 6px solid #d91119; border-right: 1px solid #95989A; }
.table-information:after { content:""; position: absolute; z-index: -1; bottom: 0; left: 0; right: 0; top: 0; background-color: #fff; clip-path: polygon(0 0, 35% 0, 50% 100%, 0% 100%);  }
.table { margin-bottom: 0; }
.table thead tr {  background-color: #fedc01; font-size: 1.6rem; white-space: nowrap;border-right: 1px solid #95989A; }
.table tbody tr {  background-color: #fff; border-right: 1px solid #95989A; }
.table tbody tr:last-child { border-bottom: 1px solid #95989A; }
.table tbody tr a { white-space: nowrap; text-transform: uppercase; text-decoration: underline; }
.table td, .table th { padding: 20px; }
.table td:first-child { font-weight: 600; white-space: nowrap;}
.table td:last-child { vertical-align: middle; }
.table td span { display: block; color: #d91119; }
.table thead th { border-top: 1px solid #95989A; border-bottom: 0; }
.table td { border-top: 1px solid #95989A; font-size: 0.9rem; }

.col-content_highlights { padding-top: 80px; padding-bottom: 50px;  text-align: center;  }
.col-content_highlights h2 { margin-bottom: 40px; }
.col-content_highlights h3 { font-size: 1.75rem; }
.col-content_highlights .content-highlight-container {overflow: hidden;  box-shadow: 0 0 0 0 !important; display: flex !important; flex-direction: column; height: 100%; }
.col-content_highlights .content-highlight-inner { background: transparent !important; display: flex; flex-direction: column; height: 100%; }
.col-content_highlights a { color: #000;transition: all 0.2s ease-in-out; font-size: 1rem; }
.col-content_highlights a:hover { color: #fff; background-color: #000; box-shadow: 0px 2px 10px #a1a1a1 !important; }
.col-content_highlights a img { transition: all 0.2s ease-in-out; }
.col-content_highlights a:hover img { transform: scale(1.02); }
.col-content_highlights .ingress { margin-bottom: 30px; }
.col-content_highlights .content-highlight-link { position: relative; font-family: 'Space Grotesk', sans-serif; display: block; margin-top: auto; font-weight: 600; font-size: 1.2rem; }
.col-content_highlights a .arrow { height: 2px; width: 25px; margin-left: -40px; position: relative; display: inline-block; cursor: pointer; margin-right: 15px;margin-bottom: 6px;transition: all .2s ease;background: #1c1c1a; }
.col-content_highlights a:hover .arrow { width: 50px;; padding-left: 20px; margin-right: 15px; margin-left: -15px; background: #fff; }
.col-content_highlights a:hover .arrow:before, .col-content_highlights a:hover .arrow:after { background: #fff; }
.col-content_highlights a .arrow:before, .col-content_highlights a .arrow:after { transition: all .2s ease; content: ""; background: #1c1c1a; position: absolute; height: 2px; width: 10px; border-radius: 30%; }
.col-content_highlights a .arrow:before { right: -2px; bottom: -3px; transform: rotate(-45deg); }
.col-content_highlights a .arrow:after { right: -2px; top: -3px; transform: rotate(45deg); }
.col-content_highlights .text { display: inline-block;transition: all .2s ease; }
.col-content_highlights .content-highlight { margin-bottom: 30px; }

.col-instagram_smashballoon { padding-top: 100px; padding-bottom: 80px; text-align: center; }
.col-instagram_smashballoon h2 { font-size: 2.5rem; }

.content-6_6-text-img { position: relative;overflow: hidden; }
.col-content_highlights.col-half .content-highlight-container { overflow: visible; margin: auto; max-width: 70%; }
.col-content_highlights.col-half .row-highlights { position: relative; z-index: 3;  }
.col-content_highlights.col-half .content-highlight-inner { margin-top: 40px; }
.content-6_6-text-img { position: static;  }
.content-6_6-text-img .col-content_highlights.col-half:after { content: ''; transform: skew(-20deg); background-color: #fcebcc; position: absolute; top: 0; bottom: 0; left: 25%; width: 100%; z-index: 1; }
.col-content_highlights.col-half a:hover { color: #d91119; background-color: transparent; box-shadow: 0 0 0 !important;  }
.col-content_highlights.col-half a:hover img { transform: scale(1.1); }
.col-content_highlights.col-half a:hover .arrow { color: #d91119; }
.col-content_highlights.col-half a:hover .arrow, .col-content_highlights.col-half a:hover .arrow:before, .col-content_highlights.col-half a:hover .arrow:after { background: #d91119; }

.col-content_highlights.col-lines .content-highlight-container { background-color: #fcebcc; position: relative; padding: 30px 20px; }
.col-content_highlights.col-lines .content-highlight-container:before { content:""; position: absolute; background-color: #fedc01; width: 18px; bottom: 0; left: 0;top: 0; border-right: 6px solid #d91119; border-left: 6px solid #000; }
.col-content_highlights.col-lines .content-highlight-container img { padding: 20px 50px; }
.col-content_highlights.col-lines a:hover { background-color: #000; box-shadow: 0 0 0 0 !important; }
.col-content_highlights.col-lines h3 { font-size: 2rem; }

.col-content_highlights.col-images-up { padding-top: 100px; }
.col-content_highlights.col-images-up .content-highlight-container { background-color: #fcebcc; position: relative; padding: 0 30px 20px; overflow: visible; }
.col-content_highlights.col-images-up .content-highlight-container img { margin-top: -100px; padding: 0 20px 20px; }
.col-content_highlights.col-images-up a:hover { color: #000; box-shadow: 0 0 0 !important;  }
.col-content_highlights.col-images-up a:hover img { transform: none; }
.col-content_highlights.col-images-up a:hover .arrow{ color: #d91119; }
.col-content_highlights.col-images-up a:hover .arrow, .col-content_highlights.col-images-up a:hover .arrow:before, .col-content_highlights.col-images-up a:hover .arrow:after { background: #d91119; }
.col-content_highlights.col-images-up a:hover .content-highlight-link .text { color: #d91119 !important; }

.content-12f .container-fluid .col-image { margin: 0 -15px; }

.content-6_6-text-img-narrow { padding: 80px 0; }
.content-6_6-text-img-narrow .row > div { padding: 0; }
.content-6_6-text-img-narrow .row { background-color: #fcebcc; box-shadow: 2px 2px 40px #a1a1a1; }
.content-6_6-text-img-narrow .col-image-bg.col-image { clip-path: polygon(25% 0, 100% 0%, 100% 100%, 5% 100%); }
.content-6_6-text-img-narrow .col-md-5 .col-text { max-width: calc(0.41666667 * 1370px); float: right; margin-right: calc(calc(0.05 * 1370px) * -1); padding: 80px 0; }

.col-content_carousel { padding: 0 !important; }
.content-12f .container-fluid .col-content_carousel  { margin: 0 -15px; }
.owl-carousel-item { background-position: 50%; background-size: cover; display: flex; }
.owl-carousel-item .carousel-item-content {  max-width: 30%; background-color: rgba(252, 235, 204, 0.85); display: flex; padding-bottom: 100px; }
.owl-carousel-item .carousel-item-content h3 { font-size: 2rem; }
.carousel-item-wrap { padding: 30px 50px 30px 100px; margin: auto 0; }
.carousel-item-title { font-size: 2.5rem; margin-bottom: 1rem; color: #d91119; font-weight: 600; }
.col-content_carousel .owl-carousel-item { padding: 0 !important; min-height: 75vh; width: 100%; }
.owl-dots { position: absolute; bottom: 40px; left: 50%; z-index: 999; }
.owl-dots button { background-color: #fff !important; border-radius: 50%; width: 15px; height: 15px; margin: 0 5px; }
.owl-dots button.active { background-color: #000 !important;}
.col-content_carousel .content-carousel-container > .owl-carousel-arrow-left { left: 20px !important;}
.col-content_carousel .content-carousel-container > .owl-carousel-arrow-right { right: 20px !important; }
.col-content_carousel .content-carousel-container > .owl-carousel-arrow { color: #000 !important; }
.col-content_carousel .content-carousel-container > .owl-carousel-arrow .fa { background: #fff; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; }
.col-content_carousel .owl-carousel .owl-stage { display: flex; }
.col-content_carousel .owl-carousel .owl-item { display: flex; flex: 1 0 auto;}

.single .navigation-container + .content { padding-top: 180px; }
.post-type-archive-news .crumbtrail-container + .content{ padding-top: 240px; }
.post-type-archive-news .crumbtrail-container { padding-top: 150px; }
.post-type-archive-news .crumbtrail-container .container { padding-left: calc(8.333333% - 30px); }
.col-post_title { margin: auto; max-width: 80%; text-align: center; }
.col-post_title h1 { font-size: 3.5rem; margin-bottom: 1.5em; }
.col-post_title .title { text-transform: uppercase; margin-bottom: 0; font-weight: 600; }
.single .col-post_title .ingress { font-weight: 600; }
.single .ingress-wrap { margin-bottom: 80px; }
.single .col-news_highlights { padding-top: 60px; }

.search-results-container { padding-top: 100px; }
.search-results-container h1 { margin-bottom: 1rem !important; }
.form-control { background-color: #fff !important;border: 2px solid #A3A29C !important; }
.search-results-container .search-button { top: 0 !important; }
.search-results-container .search-button > button { background-color: #d91119 !important; height: 50px !important; border: 2px solid #A3A29C !important; text-transform: uppercase; color: #fff; padding: 0 20px !important; font-size: 0.9rem; }

.archive-news { padding-top: 0 !important; background-color: #faf4e8;  }

/*.content-4_4_4-lines { padding-bottom: 100px; }
.content-4_4_4-lines .row { background-color: #fcebcc; position: relative; padding: 30px 20px; }
.content-4_4_4-lines .row:before { content:""; position: absolute; background-color: #fedc01; width: 18px; bottom: 0; left: 0;top: 0; border-right: 6px solid #d91119; border-left: 6px solid #000; }
.content-4_4_4-lines h3 { font-size: 2rem; }
.content-4_4_4-lines .col-sm-4:first-child { padding: 0 5vw; }*/

.content-beige-border { background-color: #faf4e8; padding-bottom: 100px; }
.content-beige-border .row { background-color: #fcebcc; position: relative; padding: 30px 20px; }
.content-beige-border.content-6_6 .row {  padding: 0; }
.content-beige-border .row:before { content:""; position: absolute; background-color: #fedc01; width: 18px; bottom: 0; left: 0;top: 0; border-right: 6px solid #d91119; border-left: 6px solid #000; }
.content-beige-border h3 { font-size: 2rem; }
.content-beige-border .col-sm-4:first-child { padding: 0 4vw; }
.content-beige-border.content-6_6 .col-sm-6 { padding: 0; }
.content-beige-border.content-6_6 .col-sm-6 .col-text { padding: 50px 100px; }

.archive-categories { border-top: 1px solid #1c1c1a;border-bottom: 1px solid #1c1c1a; padding: 20px 0; margin-bottom: 0; display: flex;justify-content: space-between; }
.archive-categories li a.selected-category { text-decoration: line-through; color: #1c1c1a !important; }
.archive-categories li a:hover { color: #1c1c1a !important;text-decoration: line-through !important; }
#category-references { margin-left: 8.333333%; margin-right: 8.333333%; padding-top: 30px; }
.archive .content-bg.static-content { height: 0;padding-bottom: calc(33.333333333333% + 18px); }
.archive .content-bg.static-content:after { content:""; position: absolute; background-color: #fedc01; height: 18px; bottom: 0; left: 0;right: 0; border-top: 6px solid #d91119; border-bottom: 6px solid #000; }
.archive .content-bg.static-content h1 {  color: #fff; font-size: 4.5rem; margin-bottom: 0; top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%);}
.archive .content-bg.static-content .container-fluid { position: absolute; top: -18px; left: 0; width: 100%; height: 100%; }
.archive .content-bg.static-content .container-fluid .row { position: relative; height: 100%; z-index: 101; }
.archive .content-bg.static-content + .static-content { padding-top: 100px; }
.archive .content-bg.static-content .container-fluid:after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.25); z-index: 100;}
.archive-references {  background-color: #faf4e8; padding-bottom: 100px; }
.categories-descriptions .categories-container { padding: 100px 80px; background-color: #fcebcc; position: relative; }
.categories-descriptions .categories-container:before { content:""; position: absolute; background-color: #fedc01; width: 18px; bottom: 0; left: 0;top: 0; border-right: 6px solid #d91119; border-left: 6px solid #000; }
.categories-descriptions h3 { font-size: 2rem; }
.categories-descriptions .categories-container { display: none; }
.categories-descriptions .categories-container.selected-category { display: block; }
#category-title { margin-top: 50px; padding: 0 15px; }
#category-title h2 { font-size: 2rem; padding: 0 15px; }

.pagination .page-numbers { font-weight: 600; margin-right: 15px; }
.pagination .page-numbers.current { display: inline-block; border: 2px solid #000; border-radius: 50%; width: 35px; height: 35px; text-align: center; }

.col-faq { padding: 100px 0; }
.col-text + .col-faq { padding: 20px 0; }
.col-faq h2 { font-size: 2.5rem; text-align: center; }
.col-faq .questions { padding-top: 40px; }
.col-faq .questions .panel .panel-heading a.collapsed { transition: all 0.2s ease-in-out; background-color: transparent; color: #1C1C1A; }
.col-faq .questions .panel .panel-heading a { position: relative; background-color: #1C1C1A; color: #fff; font-size: 1.5rem;  font-weight: 600; display: block;border-bottom: 2px solid #1C1C1A;  padding: 10px 45px 10px 5px; }
.col-faq .questions .panel .panel-heading a:hover { text-decoration: none; }
.col-faq .questions .panel .panel-heading a:after { content: '\f068'; font-family: fontawesome; font-size: 1.2rem; line-height: 1; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.col-faq .questions .panel .panel-heading a.collapsed:after { content: '\f067'; }
.col-faq .questions .panel .panel-body { background-color: #fcebcc; padding: 40px 100px; }

.contact-search { margin-top: 40px; }
.contact-search input { background-color: #fff !important; border: 2px solid #A3A29C !important; border-right: 0 !important; width: 315px; }
.contact-search .search button { height: 50px; width: 50px; background-color: #fedc01; border: 2px solid #A3A29C !important; border-radius: 0 !important; vertical-align: top; }
.contact-search button i { font-size: 20px; }
.contact-search .locate-closest button { line-height: 1; font-family: 'Space Grotesk', sans-serif; padding: 10px 20px; margin-top: 20px; background-color: transparent;border: 2px solid #1C1C1A !important;  }
.contact-search .locate-closest button:after { content: '\f041'; font-family: fontawesome; color: #D91119; margin-left: 15px; font-size: 2rem; vertical-align: sub; }
.contact-list {  padding-bottom: 50px; }
.contact-list .panel .panel-heading h3 { font-size: 1rem; text-transform: uppercase; margin-bottom: 0; }
.contact-list .panel .panel-heading a.collapsed { transition: all 0.2s ease-in-out; background-color: transparent; color: #1C1C1A; }
.contact-list .panel .panel-heading a { position: relative; background-color: #1C1C1A; color: #fff; font-size: 1.5rem;  font-weight: 600; display: block;border-bottom: 2px solid #1C1C1A;  padding: 20px 15px; }
.contact-list .panel .panel-heading a:hover { text-decoration: none; }
.contact-list .panel .panel-heading a:after { content: '\f068'; font-family: fontawesome; font-size: 1.2rem; line-height: 1; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.contact-list .panel .panel-heading a.collapsed:after { content: '\f067'; }
.contact-list .panel .panel-body { padding: 30px 15px; display: flex; flex-wrap: wrap; }
.contact-list .panel .panel-body .person { flex-basis: 50%; margin-bottom: 40px; font-size: 1.125rem; }
.contact-list .panel .panel-body .person h4 { font-size: 1.25rem; margin-bottom: 10px; }
.contact-list .panel .panel-body .person .locations { text-transform: uppercase; margin-bottom: 10px; }
.contact-list .panel .panel-body .person .personlanguage { margin-right: 5px;}
.contact-list .panel .panel-body .person p a { font-weight: 400; }

.contact-search .location-list { margin: 30px 0; }

.contact-search-results { padding: 30px 15px 0; display: flex; flex-wrap: wrap; }
.contact-search-results .person { flex-basis: 50%; margin-bottom: 40px; font-size: 1.125rem; }
.contact-search-results .person h4 { font-size: 1.25rem; margin-bottom: 10px; }
.contact-search-results .person .locations { text-transform: uppercase; margin-bottom: 10px; }
.contact-search-results .person .personlanguage { margin-right: 5px;}
.contact-search-results .person p a { font-weight: 400; }

label { font-size: 1.1rem !important; font-weight: 600 !important;color: #1C1C1A !important; margin-bottom: 10px  !important; }
input { background-color: #FAF4E8 !important; border-radius: 0 !important; border: 2px solid #E5D5B7 !important; padding: 20px; height: 50px !important; }
.frm_style_formidable-style textarea { background-color: #FAF4E8 !important; border-radius: 0 !important; border: 2px solid #E5D5B7 !important; padding: 20px; height: 250px !important; }
.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3 { border-top: 0 !important; }
.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing, .menu-edit #post-body-content .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing { margin-bottom: 0 !important; }
.frm_dropzone.frm_single_upload { border: 2px solid #1C1C1A !important;border-radius: 0 !important; }
.frm_dropzone .dz-message { border: 0 !important; background-color: transparent !important;}
.with_frm_style .frm_dropzone { background-color: transparent !important; }
.frm_button_submit.frm_final_submit {transition: background-color 0.2s ease-in-out; background-color: transparent !important; border: 2px solid #1C1C1A !important; color: #1C1C1A !important; border-radius: 0 !important; font-weight: 600 !important; font-size: 1.1rem !important; }
.frm_button_submit.frm_final_submit:hover { background-color: #fedc01 !important; }
.frm_style_formidable-style input[type=radio] { height: auto !important; border-radius: 50% !important; border: 2px solid #1C1C1A !important; }
.frm_style_formidable-style p, .frm_style_formidable-style h4 { color: #1C1C1A !important; }
.frm_radio label { font-size: 1rem !important; font-weight: 400 !important; }
.frm_primary_label {font-size: 1.1rem !important; font-weight: 600 !important; color: #1C1C1A !important;}
input[type=checkbox] { height: auto !important; }

.searchform-1 { z-index: 99999; display: flex !important; align-items: center; height: 60px; }
.searchform-1 > form { height: 50px !important; }
.searchform-1 > form > input[type=text] { width: 227px !important; background-color: #fff !important;border: 1px solid #A3A29C !important; font-size: 0.7rem !important; font-style: normal !important; color: #A3A29C !important; }
.searchform-1 > form > button[type=submit] { height: 50px !important;padding: 0 15px !important; background-color: #d91119;border: 1px solid #A3A29C !important; color: #fff; text-transform: uppercase;font-size: 0.8rem; font-weight: 600; }
.searchform-1 > .search-toggle i { padding: 15px; }
.searchform-1.search-visible > form { width: 310px !important; }

.col-button_group .button-group { display: flex; flex-wrap: wrap; }
.col-button_group .button-group div { flex-basis: 33%; margin: 0 0 25px !important; display: flex; align-items: baseline; }
.col-button_group .button-group input:hover, .col-button_group .button-group label:hover { cursor: pointer; }
.col-button_group .button-group input { height: auto !important;flex-basis: 30px; }
.col-button_group .button-group label { font-size: 0.9rem !important; font-weight: 400 !important; flex-basis: calc(100% - 30px); }
.col-button_group .button-group div a.selected-button { font-weight: 600 !important; }

.col-gallery { padding-top: 50px; padding-bottom: 80px; }
.col-gallery .gallery-container { max-width: 90%; margin: auto; position: relative; margin-top: 50px; }
.col-gallery .owl-nav button span { font-size: 0; }
.col-gallery .owl-nav .owl-prev:before { content: "\f060";font-family: fontawesome;  }
.col-gallery .owl-nav .owl-next:before { content: "\f061";font-family: fontawesome;  }
.col-gallery .owl-prev { position: absolute; left: -5%; top: 50%; transform: translateY(-50%); }
.col-gallery .owl-next { position: absolute; right: -5%; top: 50%; transform: translateY(-50%);}
.col-gallery .owl-carousel-item { padding: 5px; }
.col-gallery .content-carousel-contents .content-carousel-content { display: none; margin-bottom: 50px; position: relative; text-align: center; }
.col-gallery .content-carousel-contents .content-carousel-content .image-title { background-color: rgba(0, 0, 0, 0.6);  position: absolute; bottom: 0; left: 0; right: 0; }
.col-gallery .content-carousel-contents .content-carousel-content .image-title p { color: #fff; padding: 10px 5% 20px; margin-bottom: 0; font-weight: 600; }
.col-gallery .content-carousel-contents { height: 65vh; min-height: 65vh;overflow: hidden; }
.col-gallery .content-carousel-contents img { max-height: 65vh; }

.col-persons_highlights { padding-bottom: 50px; }
.col-persons_highlights h2 { font-size: 2.3rem; margin-bottom: 3rem;}
.col-persons_highlights h3 { font-size: 1.2rem; font-weight: 600; font-family: "Open Sans", sans-serif; margin-bottom: 1rem; }
.col-persons_highlights .locations { text-transform: uppercase; }
.col-persons_highlights ul { list-style: none; padding: 0; margin-bottom: 0; }
.col-persons_highlights ul li { line-height: 1.5; }
.col-persons_highlights .person-info { margin-bottom: 40px; font-size: 1.1rem; }
.col-persons_highlights .person-languages { margin-top: 1rem; }
.col-persons_highlights .person-languages .personlanguage { margin-right: 10px; }

.single-references .col-persons_highlights .person-info { background-color: #fff; padding: 20px; display: inline-block; }

.content-newsletter { background-color: #1c1c1a; font-size: 14px; line-height: 1.8; padding-top: 60px; padding-bottom: 60px; }
.content-newsletter:after { content:""; position: absolute; background-color: #fedc01; height: 18px; top: 0; left: 0;right: 0; border-top: 6px solid #d91119; border-bottom: 6px solid #000; }
.content-newsletter .container {max-width: 90%;}
.content-newsletter .col-sm-4:first-child { flex: 0 0 25%; max-width: 25%;}
.content-newsletter .col-text { padding: 0 !important; }
.content-newsletter input { background-color: transparent !important; border: 2px solid #fff !important; }
.content-newsletter label { color: #fff !important; font-size: 0.9rem !important; font-weight: 400 !important; padding-left: 30px !important; text-indent: -28px !important;}
.content-newsletter .frm_fields_container { display: flex; flex-wrap: wrap; width: 100%; grid-gap: 0 }
.content-newsletter #frm_field_24_container, .content-newsletter #frm_field_65_container { flex-basis: calc(100% - 90px); order: 1; }
.content-newsletter #frm_field_159_container { flex-basis: calc(100% - 105px); order: 1; }
.content-newsletter #frm_field_145_container { flex-basis: calc(100% - 130px); order: 1; }
.content-newsletter #frm_form_4_container .frm_submit { order: 2; flex-basis: 90px; }
.content-newsletter #frm_form_9_container .frm_submit { order: 2; flex-basis: 105px; }
.content-newsletter #frm_form_8_container .frm_submit { order: 2; flex-basis: 130px; }
.content-newsletter #frm_field_25_container, .content-newsletter #frm_field_66_container, .content-newsletter #frm_field_146_container, .content-newsletter #frm_field_160_container { order: 3; }
.content-newsletter .frm_submit button { height: 50px !important; background: #fff !important; border: 2px solid #fff !important; width: 90px; margin-top: 13px !important; box-shadow: 0 0 0 0 !important;font-size: 1.06rem !important;}
.content-newsletter #field_nxhgo_label, .content-newsletter #field_nxhgo2_label, .content-newsletter #field_nxhgo3_label {display: none;}

.footer-container4 { position: relative; background-color: #1c1c1a !important; font-size: 14px; line-height: 1.8; padding-bottom: 60px !important; }
.footer-container4:before { content: ''; background-color: #fff; height: 1px; width: calc(90% - 30px); margin: auto; position: absolute; top: 0; left: 0; right: 0;}
.footer-container4 .container { max-width: 90%; }
.footer-container4 h3 { font-size: 1.2rem; font-family: "Open Sans", sans-serif; }
.wpml-ls-statics-footer { display: none; }

div.bottombar-container {background-color: #1c1c1a; color:#fff; padding-bottom: 80px; font-size: 14px;}


#fixed-content { font-family: 'Space Grotesk', sans-serif; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; background-color: #050505; text-align: center; display: flex; padding: 20px; justify-content: center; }
#fixed-content .footer-content { position: relative; color: #FCEBCC; font-weight: 600; margin: 0 30px; padding-left: 30px; }
#fixed-content .footer-content:before { content: ""; position: absolute; left: 0; top:  0; background-image: url("images/icon-finland.png"); background-position: 50%; background-size: cover; width: 18px; height: 30px; }
#fixed-content .footer-links p a { color: #fff; margin: 0 30px; }
#fixed-content .footer-links p a:after { content: "\f105";font-family: fontawesome; color: #fff; margin-left: 10px; }
#fixed-content .footer-links p a:hover { text-decoration: none; }
#fixed-content p { margin-bottom: 0; }

.footer-container4 .copy { text-align: center; margin-top: 30px; }

.error404 .content-1-10-1.content-light {padding: 150px 0 100px; }

@media (max-width: 1200px) {
    .archive-categories { flex-wrap: wrap; }
    .archive-categories > li { flex-basis: 30%; }
    .navigation-container .navbar-brand { position: absolute; left: 0; top: 0; z-index: 10000;}
	
	#fixed-content {padding: 12px 20px; }
	#fixed-content .footer-content {display: none !important; }
}

@media (max-width: 1199px) {
    .footer-content { margin-bottom: 30px; }
    ul.footer-links li { line-height: 2.5; }
    ul.footer-links a { padding: 10px 0; }
    .footer-some-icons > li { margin: 0 25px; }
    .footer-some-icons > li > a > .fa { font-size: 35px !important; }
    .footer-logos { display: flex;align-items: flex-end; }
    .footer-logos a:nth-child(2) { margin: 0 25px; }
    .footer-someicons { order: 4; text-align: center; margin-top: 50px; }
    .owl-carousel-item .carousel-item-content { max-width: 50%; }
	
	.contact-search .location-list { font-size:1rem; }
}

@media (max-width: 992px) {
    .footer-logo { margin-bottom: 30px; }
    h2 { font-size: 2.5rem; }
    h3 { font-size: 1.6rem; }

}
@media (max-width: 991px) {
    .archive-categories > li { flex-basis: auto; }
    .contact-search input { width: 280px; }
    .col-news_highlights .news-highlight-newest h4 { font-size: 1.8rem;}
    .content-6_6-text-img-narrow .col-md-5 .col-text { float: none; padding: 80px 30px; margin-right: calc(calc(0.05 * 750px) * -1);}

    .col-content_highlights.col-images-up .content-highlight-container { padding: 0 0 20px; }
    .col-content_highlights .content-highlight-inner { padding: 22px 15px !important; }
    .col-content_highlights .content-highlight-link { font-size: 1rem; }
    .col-content_highlights .content-highlight { padding-left: 10px; padding-right: 10px; }
    .col-gallery .content-carousel-contents { height: 450px; min-height: 450px;overflow: hidden; }
    .col-gallery .content-carousel-contents img { max-height: 450px; }
	
	.table tbody tr {margin-bottom: 10px;display: flex;	flex-direction: column;}
	.table tbody tr:last-child {margin-bottom: 0; }
	.table td {display: flex;}
	.table td b {margin-left: auto; }
	.table td:last-child {border-bottom: 1px solid #95989A;}
	
}
@media (max-width: 768px) {
    h2 { font-size: 2.5rem; }
    h3 { font-size: 1.6rem; }

    .navigation-container .container-fluid { flex-wrap: wrap; padding: 0; }
    #quadmenu:not(.quadmenu-is-horizontal).quadmenu-mobile-shadow-show { box-shadow: 0 0 0 0 !important; }
    .searchform-1 { position: absolute !important; top: 0; right: 230px; z-index: 99999; }
    .navigation-languages { position: absolute !important; top: 0;right: 170px; z-index: 99999; height: 60px;}
    .navigation-languages a { padding: 20px 10px;}
    .navigation-languages .sub-menu a { padding: 10px;}

    .content-6_6-text-img .col-content_highlights.col-half:after { left: 35%; }
    .number-container { margin-bottom: 40px; }

    .col-faq .questions .panel .panel-body { background-color: #fcebcc; padding: 40px 100px; }

    .col-image-bg.col-image { min-height: 250px;margin: 0 -15px; }
}


@media (max-width: 767px) {
    .contact-list .panel .panel-body .person { flex-basis: 100%; }
    .contact-search-results .person { flex-basis: 100%; }
    .col-news_highlights .news-highlight-newest h4 { font-size: 1.7rem;}
    .col-news_highlights .news-highlight-newest .news-highlight-inner { padding: 50px 30px !important; }

    .content + .content .col-text { padding-top: 40px; padding-bottom: 40px;  }
    .archive .content-bg.static-content h1,
    .banner-container .carousel-caption h1 { font-size: 3rem; }
    .archive .content-bg.static-content + .static-content { padding-top: 0; }
    .archive-references {  padding-bottom: 30px; }
    .archive .content-bg.static-content { height: 0;padding-bottom: calc(66.666666666667% + 18px); }
    .col-faq .questions .panel .panel-body { padding: 30px 20px; }
    .col-table h2 {  font-size: 2rem; padding-top: 30px; }
    .col-persons_highlights h2 {  font-size: 2rem; }
    .col-relational_navigation { padding: 40px 20px; }

    .search-results-container { padding-top: 50px; }

    .footer-logo { display: none; }
    .footer-content { margin-bottom: 30px; }
    ul.footer-links li { line-height: 2.5; }
    ul.footer-links a { padding: 10px 0; }
    
    .footer-some-icons > li { margin: 0 25px; }
    .footer-some-icons > li > a > .fa { font-size: 35px !important; }

    .col-post_title h1 { font-size: 2rem; margin-bottom: 1.5em; }
    .col-post_title { max-width: 100%;}
    .post-type-archive-news .crumbtrail-container { display: none; }
    .post-type-archive-news .crumbtrail-container + .content { padding-top: 120px; }
    .col-references_highlights .reference-highlight-inner, .archive-inner-container .archive-inner, .col-news_highlights .news-highlight-inner { background: #fff; padding-bottom: 30px; }
    .archive-inner-container, .col-references_highlights a, .col-news_highlights a, .col-news_highlights a { margin: 0 20px !important; }
    #category-references { margin-right: -15px; margin-left: -15px; }

    .crumbtrail-container { padding-top: 25px; font-size: 0.8rem; }

    .categories-descriptions .categories-container { padding: 40px 20px 40px 40px; }
    .single .navigation-container + .content { padding-top: 120px; }
    .col-gallery .content-carousel-contents .content-carousel-content .image-title p { font-size: 0.9rem; padding: 10px; }

    body { padding-top: 60px; }
    .navigation-container { position: fixed; background-color: #faf4e8 !important; box-shadow: 0 1px 10px 2px rgba(0,0,0,0.2); }
    .navigation-container li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content { color: #000 !important; }
    .navigation-container .navbar-brand > img { filter: invert(100%); }
    .navigation-container .navigation-languages a,
    .navigation-container .searchform-1 > .search-toggle i,
    .navigation-languages .language-toggler { color: #000 !important; }
    .navigation-languages a { color: #fff !important; }
    .navigation-languages > .sub-menu { background-color: #faf4e8; }
    #quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle .icon-bar, #quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle.collapsed .icon-bar { background-color: #000 !important; }
    #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a { border-color: transparent; }
    #quadmenu.quadmenu-default_theme:not(.quadmenu-is-horizontal) .quadmenu-navbar-nav li.quadmenu-item.open > a > .quadmenu-item-content > .quadmenu-caret,
    #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu { background-color: #faf4e8 !important; }

    .owl-carousel-item .carousel-item-content {  max-width: 100%;  padding-bottom: 60px; }
    .carousel-item-wrap { padding: 30px 70px 30px 70px; }

    .col-button_group .button-group div { flex-basis: 50%; }

    .content-newsletter .container .row { background-color: #464643; margin: 0; padding: 40px 10px 10px; }
    .content-newsletter #frm_field_24_container, .content-newsletter #frm_field_65_container, .content-newsletter #frm_field_145_container, .content-newsletter #frm_field_159_container { flex-basis: 100%; order: 1; margin-bottom: 10px; }
    .content-newsletter .frm_submit { order: 2; flex-basis: 100%; width: 100%; }
    .content-newsletter #frm_field_25_container, .content-newsletter #frm_field_66_container, .content-newsletter #frm_field_146_container, .content-newsletter #frm_field_160_container  { order: 3; margin-top: 20px !important; }
    .content-newsletter .frm_submit button {  width: 100% !important;}

    .col-content_highlights .content-highlight { margin-bottom: 50px; }
    .col-content_highlights.col-images-up .content-highlight-container img { margin-top: -30px; }

    .content-6_6-img-text .col-md-5 { order: 1; }
    .content-6_6-img-text .col-md-7 {  order: 2; }
    body:not(.home) .col-news_highlights h2 {  margin-left: 20px; }

    .col-gallery .content-carousel-contents { height: 220px; min-height: 220px;overflow: hidden; }
    .col-gallery .content-carousel-contents img { max-height: 220px; }

    .pagination { padding: 0 20px; }

}


@media (max-width: 575px) {
    h2 { font-size: 2.3rem; }
    h3 { font-size: 1.6rem; }

    #fixed-content { position: relative; background: #1c1c1a; text-align: left; flex-wrap: wrap; }
    #fixed-content .footer-content { display:block !important; flex-basis: 100%; margin: 0 20px 20px; }
    #fixed-content .footer-links { flex-basis: 100%; margin: 0 20px; }
    #fixed-content .footer-links p a { display: block; margin: 0 0 15px; font-size: 1rem; }
    .footer-container4 { padding: 30px 0 30px !important; }
    .footer-container4:before { display: none; }

    .col-content_highlights .content-highlight-link {font-size: 1rem; }
    .col-number_counter h2 { font-size: 2rem; }
    .archive-categories > li { font-size: 1rem; }

    .archive .content-bg.static-content h1,
    .banner-container .carousel-caption h1 { font-size: 2.3rem; }

    .col-button_group .button-group div { flex-basis: 100%; }
    .col-table h2 {  font-size: 1.8rem; }
    .col-persons_highlights h2 {  font-size: 1.8rem; }
    .locate-closest { margin-bottom: 20px; }
    .content-6_6-text-img-narrow .col-image-bg.col-image { clip-path: none; margin: 0; }
    .content-6_6-text-img-narrow .col-md-5 .col-text { margin-right: 0; }
    .single-references .col-persons_highlights .person-info { display: block; }

    .navigation-container { background-color: #1c1c1a !important; padding-top: 40px; }
    .navigation-container .container-fluid { background-color: #faf4e8 !important; }
    .navigation-container .red-button { position: absolute; right: 0; top: 0; height: 40px; }
    .navigation-container .navbar-brand { top: 40px; }
    .navigation-languages { height: 40px; }
    .searchform-1 { height: 40px; right: 180px; z-index: 100; }
    .navigation-languages { right: 125px; padding: 0 15px; }
    .search .navigation-container .navigation-languages .language-toggler, .nav-fixed .navigation-languages a, .single .navigation-container .navigation-languages .language-toggler, .nav-fixed .navigation-languages a, .post-type-archive-news .navigation-container .navigation-languages .language-toggler, .nav-fixed .navigation-languages a, .nav-fixed .navigation-languages .language-toggler, .nav-fixed .navigation-languages a, .search .navigation-container .searchform-1 > .search-toggle i, .single .navigation-container .searchform-1 > .search-toggle i, .post-type-archive-news .navigation-container .searchform-1 > .search-toggle i, .nav-fixed .searchform-1 > .search-toggle i,
    .navigation-container .navigation-languages a, .navigation-container .searchform-1 > .search-toggle i, .navigation-languages .language-toggler { color: #fff !important; }
    .searchform-1 > form { top: 40px !important; left: 50%; transform: translateX(-50%) !important; height: 0 !important; }
    .searchform-1.search-visible > form { height: 50px !important; }
}

@media (min-width: 575px) and (max-width: 991px) {
    .content-newsletter .col-sm-4:first-child { flex: 0;  max-width: 0; padding: 0; }
    .content-newsletter .col-sm-4 { flex: 0 0 50%;  max-width: 50%; }
    .col-news_highlights .news-highlight-inner { padding: 10px !important; }
    .col-news_highlights .news-highlight-inner h4 { font-size: 1.2rem; margin-bottom: 0; }
    .news-highlight-readmore .text { font-size: 1rem; }
	
	.col-content_highlights .content-highlight {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%; }
}

@media (min-width: 768px) {
    .content-6_6-img-text .row .col-md-5 { display: flex; margin: auto;min-height: 60vh; max-width: calc(0.41666667 * 750px); }
    .content-6_6-text-img .row .col-md-5 { display: flex; margin: auto;min-height: 60vh; max-width: calc(0.41666667 * 750px); }
    .content-6_6-img-text .row .col-md-7,
    .content-6_6-text-img .row .col-md-7 { padding: 0; }
    .content-6_6-img-text h2,
    .content-6_6-text-img h2 { font-size: 2rem; }
    .content-6_6-img-text .col-image-bg.col-image { clip-path: polygon(0 0, 95% 0%, 75% 100%, 0% 100%);}
    .content-6_6-text-img .col-image-bg.col-image { clip-path: polygon(25% 0, 100% 0%, 100% 100%, 5% 100%); }
    .content-6_6-text-img .col-md-5 .col-text {  padding: 40px 0; margin-top: auto; margin-bottom: auto; }
    .content-6_6-img-text .col-md-5 .col-text {  padding: 40px 0; margin-top: auto; margin-bottom: auto; }

}

@media (min-width: 991px) {
    .content-6_6-img-text h2,
    .content-6_6-text-img h2 { font-size: 3.375rem; }
    .content-6_6-img-text .row .col-md-5 { margin-left: calc(calc(0.05 * 1021px) * -1);}
    .content-6_6-text-img .row .col-md-5 { margin-right: calc(calc(0.05 * 1021px) * -1);}
    .content-6_6-text-img .col-md-5 .col-text {  padding: 80px 0;  }
    .content-6_6-img-text .col-md-5 .col-text {  padding: 80px 0; }
    :lang(de-DE) .col-content_highlights .content-highlight-inner { padding: 25px 10px !important; }
    :lang(de-DE) .col-content_highlights .content-highlight-inner h3 { font-size: 1.5rem !important; }
}

@media (min-width: 1200px) {
    .footer-logos { display: grid;  grid-auto-flow: column dense;  grid-template-columns: 1fr 1fr;  grid-template-rows: 1fr 1fr; gap: 0px 0px;  }
    .footer-logos a:first-child { grid-area: 1 / 1 / 2 / 2; text-align: right; }
    .footer-logos a:nth-child(2) { grid-area: 2 / 1 / 3 / 2;  text-align: right; display: flex; align-items: flex-end; justify-content: end; }
    .footer-logos a:nth-child(3) { grid-area: 1 / 2 / 3 / 3; }
    .footer-logos a img { max-width: 160px; max-height: 150px;  }
    .footer-logos a:first-child img { max-width: 60%; }
    .footer-logos a:nth-child(3) img { margin: 0 0 0 40px; }

}

@media (min-width: 1201px) {
    .navigation-container .container-fluid { align-items: center;}
}

@media (min-width: 1400px) {
    .container { max-width: 1340px; }
    .content-6_6-img-text .row .col-md-5 { display: flex; margin: auto;min-height: 60vh; max-width: calc(0.41666667 * 1370px); margin-left: calc(calc(0.05 * 1370px) * -1);}
    .content-6_6-text-img .row .col-md-5 { display: flex; margin: auto;min-height: 60vh; max-width: calc(0.41666667 * 1370px); margin-right: calc(calc(0.05 * 1370px) * -1);}
    #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > a, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > form, .navigation-languages a { font-size: 14px !important; }

    #quadmenu.quadmenu-default_theme.quadmenu-is-horizontal.js .quadmenu-navbar-nav > li.quadmenu-item { height: 80px !important; }
    .navbar-brand { height: 80px !important; line-height: 80px !important; }
    .navbar-brand > img { height: 30px !important; }
    .searchform-1, .navigation-languages, .navigation-container .red-button { height: 80px; }
    .navigation-container .red-button a { padding: 0 25px; }
    :lang(de-DE) .col-content_highlights .content-highlight-inner { padding: 25px 22px !important; }
    :lang(de-DE) .col-content_highlights .content-highlight-inner h3 { font-size: 1.75rem !important; }
}

@media (min-width: 1600px) {
    .navigation-container .red-button a,
    #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > a, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > form, .navigation-languages a { font-size: 20px !important; }

}
