/*
 Theme Name:   Westenergy vuosikertomus 2024 child
 Theme URI:    https://jj-net.fi/
 Description:  Westenergy vuosikertomus 2024 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
*/

@import url("https://p.typekit.net/p.css?s=1&k=nbz4hkv&ht=tk&f=28771.28775.28778.28779&a=83360848&app=typekit&e=css");

@font-face {
font-family:"univia-pro";
src:url("https://use.typekit.net/af/e38884/00000000000000007735b241/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/e38884/00000000000000007735b241/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/e38884/00000000000000007735b241/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"univia-pro";
src:url("https://use.typekit.net/af/c42be3/00000000000000007735b246/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/c42be3/00000000000000007735b246/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/c42be3/00000000000000007735b246/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"univia-pro";
src:url("https://use.typekit.net/af/618b20/00000000000000007735b249/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/618b20/00000000000000007735b249/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/618b20/00000000000000007735b249/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"univia-pro";
src:url("https://use.typekit.net/af/811661/00000000000000007735b24a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/811661/00000000000000007735b24a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/811661/00000000000000007735b24a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

html { scroll-behavior: smooth; }
body { font-family: "univia-pro",sans-serif; color: #534F4B; font-weight:400; font-size:20px; }
h1,h2,h3,h4,h5,h6 { font-family: "univia-pro",sans-serif;  font-weight:400; color: #3E95AA;}
h1, h2 {font-size: 3rem;}
h3, h4 {font-size: 2rem;}
blockquote {font-size: 2rem; color: #3E95AA; font-style: italic;}
blockquote > p { color: #3E95AA; font-style: italic; line-height:1.2; font-size: 2rem; }
/*p {line-height: 2.1;}*/
p {line-height: 1.5;}
img {max-width: 100%; height: auto;}
.content-white .col-text > h2, .content-12 .col-text > h2 {margin-bottom: 40px; font-size: 3rem; }

.green-text {text-transform: uppercase; color: #A7CD74;}

/*.btn-custom { display:inline-block; padding: 17px 37px; border:0; background-color:#fff; color:#514a49; border-radius:25px; }
.btn-custom:hover,.btn-custom:focus,.btn-custom:active { text-decoration:none; }*/

.header-wrap {position: absolute; top: 0; left: 0; width: 100%; z-index: 5000;}
body.admin-bar .header-wrap {top: 32px;}
.header-wrap-inner {position: relative; padding: 15px; text-align: center;}
.header-wrap .navigation-menu {top: 40px !important;}
.header-title {position: absolute; top: 90px; left: calc(50% + 45px); transform: translateX(-50%); font-size: 1.2rem; color: #fff; text-transform: uppercase;}

.header-wrap .navi-toggler .navi-button {width: 35px; height: 35px;}
.header-wrap .navi-toggler .navi-button > .button-segment.segment-topleft { border-top:5px solid #fff; top: 8px;}
.header-wrap .navi-toggler .navi-button > .button-segment.segment-topright { border-top:5px solid #fff; top: 8px;}
.header-wrap .navi-toggler .navi-button > .button-segment.segment-bottomright { border-top:5px solid #fff; border-bottom: 0; bottom: 5px;}
.header-wrap .navi-toggler .navi-button > .button-segment.segment-bottomleft {  border-top:5px solid #fff; border-bottom: 0; bottom: 5px;}

body.home .header-wrap .navi-toggler .navi-button > .button-segment.segment-topleft { border-color: #fff;}
body.home .header-wrap .navi-toggler .navi-button > .button-segment.segment-topright { border-color: #fff;}
body.home .header-wrap .navi-toggler .navi-button > .button-segment.segment-bottomright { border-color: #fff;}
body.home .header-wrap .navi-toggler .navi-button > .button-segment.segment-bottomleft { border-color: #fff;}
body.home .navigation-languages a {color: #A7CD74 !important;}
body.home .navigation-languages a:hover,
body.home .navigation-languages a:focus,
body.home .navigation-languages a:active {color: #fff !important;}

.header-wrap .navi-toggler .navi-button > .button-segment.segment-centerleft { background-color:#A7CD74; display: none;}
.header-wrap .navi-toggler .navi-button > .button-segment.segment-centerright { background-color:#A7CD74; display: none;}
.header-wrap .navi-toggler .navi-button > .button-segment {width: 18px; height: 10px; }
.navigation-menu-items > .navi-toggler {display: flex !important; position: fixed; top: 0; right: 0; background: none; border-radius:0; padding: 15px; height: 100px; width: 100px; background:#625c58; align-items: center; justify-content:center; flex-direction:column; }
.navigation-menu-items > .navi-toggler::after {content:"MENU"; font-size: 10px; color:#fff; display:inline-block; margin-top: 5px;}
.nav-visible .navi-toggler .navi-button {margin-top: 10px; }
.nav-visible .header-wrap .navi-toggler .navi-button {overflow: visible;}
.nav-visible .header-wrap .navi-toggler .navi-button > .button-segment.segment-topright {right: 3px; top: -9px;}
.nav-visible .header-wrap .navi-toggler .navi-button > .button-segment.segment-bottomleft {bottom: -4px; left: 4px;}
.nav-visible .header-wrap .navi-toggler .navi-button > .button-segment.segment-bottomright {bottom: -5px; right: 5px;}
.nav-visible .header-wrap .navi-toggler .navi-button > .button-segment.segment-topleft {top: -9px;}

body.admin-bar .navigation-menu-items > .navi-toggler {top: 32px;}
body .navigation-container .navigation {padding-top: 240px !important; max-width: 1600px; margin: 0 auto;}
.header-wrap .header-wrap-inner .navbar-brand {margin: 0; width: 620px;}
.header-wrap .header-wrap-inner:has(.header-title) .navbar-brand {margin: 0; width:500px;}
body.home .navbar-brand {display: inline-block;}
body.home .navbar-brand-mobile {display: none;}
body:not(.home) .navbar-brand {display: none;}
body:not(.home) .navbar-brand-mobile {display: inline-block;}
body:not(.home) .header-wrap .header-wrap-inner:has(.header-title) .navbar-brand {display: inline-block !important;}
body:not(.home) .header-wrap .header-wrap-inner:has(.header-title) .navbar-brand-mobile {display: none !important;}

.navigation-lang-wrap {position: fixed; right: 165px; top: 48px; display: none;}
.navigation-lang-mobile {display: none;}
.navigation-languages a {color: #fff !important; text-transform: uppercase; font-size: 1.4rem !important;}
.navigation-languages a:hover, .navigation-languages a:focus {color: #A7CD74 !important;}
.navigation-languages ul li {background: none; display: inline-block; margin-right: 10px;}

html.nav-visible .navigation-lang-wrap {display: block;}
html.nav-visible .admin-bar .navigation-lang-wrap {top:78px; }

.navigation-container {width: 100% !important; background: rgba(0,0,0,0.75) !important; position: fixed !important; opacity: 0; right: 0 !important;}
.navigation-container .navigation li > a {color: #fff !important; text-transform: none;}
.navigation-container .navigation ul { display: flex; padding: 0 15px !important; flex-direction:column; position:relative; }
.navigation-container .navigation ul::before {content:""; content: ""; width: 5px; position: absolute;height: 290px; top: -262px; left:125px; z-index: 1;background: #fff;}
.navigation-container .navigation ul::after {content:""; content: ""; width: 5px; position: absolute; height: 300px; bottom:-269px; left:125px; z-index: 1;background: #fff;}
.navigation-container .navigation ul li {padding: 15px 30px; position:relative;}
.navigation-container .navigation ul li:not(:last-child)::after {content:""; content: "";width: 5px;height: 57px;position: absolute;bottom: -26px;left: 110px;z-index: 1;background: #fff;}
.navigation-container .navigation ul li a {position: relative; margin-bottom: 0; display:inline-flex; align-items:center; font-size: 40px; line-height: 1; font-weight: 300; }
.navigation-container .navigation ul li a::before {content:""; position: static; top: 0; left: 0; height: 164px; width: 164px; min-width: 164px; display: inline-block; margin-right: 20px;}
.navigation-container .navigation ul li:nth-child(1) a::before {background: url('img/WE-2020-ikonit_Toimitusjohtajan_katsaus.svg') center center no-repeat; background-size: contain;}
.navigation-container .navigation ul li:nth-child(2) a::before {background: url('img/WE-ikonit_kiertotalous.svg') center center no-repeat; background-size: contain;}
.navigation-container .navigation ul li:nth-child(3) a::before {background: url('img/WE-2020-ikonit_Vastuullisuus.svg') center center no-repeat; background-size: contain;}
.navigation-container .navigation ul li:nth-child(4) a::before {background: url('img/WE-2020-ikonit_Talous.svg') center center no-repeat; background-size: contain;}
/*.navigation-container .navigation ul li:nth-child(5) a::after {background: url('img/menuicon5.png') center center no-repeat;} */

.navigation-cover { background: rgb(165,157,149); background: linear-gradient(0deg, rgba(165,157,149,1) 0%, rgba(83,79,75,0) 100%); }

.nav-pdf-link {padding: 30px 0; text-align: center;}
.nav-pdf-link a {color: #A7CD74; text-decoration: none; border: 2px solid #A7CD74; display: inline-block;}
.nav-pdf-link a:hover, .nav-pdf-link a:hover {background: #A7CD74; color: #fff; text-decoration: none;}
.nav-pdf-title {padding: 15px 30px; position: relative; text-transform: uppercase; font-size: 1.3rem; text-align: center; }
.nav-pdf-title::after {position: relative; content: "\f1c1"; font-family: "FontAwesome";margin-left: 10px; font-size: 30px;}

.banner-container .owl-carousel {height: calc(100vh - 110px) !important; padding: 0 !important;}
.banner-container .owl-carousel-item::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
/*.banner-container .owl-carousel-item::after {background: url('img/banner-after.png') left top no-repeat; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}*/
.banner-container .carousel-caption {position:absolute; right:0; left:50%; bottom:unset; top: 50%; transform: translateY(-50%) translateX(-50%); color: #fff; max-width:945px;}
.banner-container .carousel-caption h1, .banner-container .carousel-caption h2 {color: rgba(255,255,255,0.8); text-transform: uppercase; font-size: 24px; font-weight:400; line-height:1.2;}
.banner-container .carousel-caption .subtitle {font-size: 60px; line-height:1.2; margin: 35px 0 60px !important; }
.banner-container .carousel-caption .description > p {font-size: 40px; line-height:1.2; margin-bottom: 0; font-style: italic; }
.banner-container .description img {width: 200px !important; height: auto;}

p:has(.huge-text) {line-height: 1.2;}
.huge-text {font-size: 280px; display: inline-block; margin-top: 60px;}
.content-videobg .col-text {text-align:center;}
.content-videobg:not(.herobanner) h1 {display:inline-block; background: rgba(129, 158, 90, 0.9);color: #fff;padding: 30px 100px;font-size: 30px; margin-bottom:0; }

body:not(.home) .content-bg {padding: 20% 0; }
body:not(.home) .content-bg > .container {max-width: 1600px;}
body:not(.home) .content-bg .col-text {max-width: 970px; font-size: 50px; position: absolute;top: 50%;left: 15px;transform: translateY(-50%);}
body:not(.home) .content-bg .col-text > p {line-height: 1.2; }

.herobanner {position:relative; /*padding: 25% 0; */ height: 100vh; } 
.herobanner::after {content:""; background:#A59D95; opacity: 58%; position:absolute; top:0; left: 0; width: 100%; height: 100%; }
.herobanner h1 > a {display:inline-block; background: rgba(129, 158, 90, 0.9);color: #fff;padding: 30px 100px;font-size: 30px; margin-bottom:0; text-decoration:none;}
.herobanner h1 > a:hover,
.herobanner h1 > a:focus,
.herobanner h1 > a:active {background: rgba(129, 158, 90, 1);}

.content {padding: 70px 0; position: relative; }
.no-padding {padding: 0 !important;}
.no-padding-top {padding-top: 0; margin-top: -40px; }
.no-padding-center {padding: 0 !important;}
.no-padding-center .container > .row {align-items: center;}

.white-content::after {content:""; display:block; position: absolute; left:0; bottom:0; background: url('img/we-bg.png') left bottom no-repeat; width: 100vw; height:0; opacity:0.6; /*padding-top: 67.1875%;*/ padding-top:100%; z-index: 1; background-size: auto 80%; }
.white-content-right::after {content:""; display:block; position: absolute; right:0; bottom:0; background: url('img/we-bg-right.png') right bottom no-repeat; opacity:0.6; width: 100vw; height:0; /*padding-top: 67.1875%;*/ padding-top:100%; z-index: 1; background-size: auto 80%;}
.content-bg {padding: 100px 0; z-index: 200; }
.content-bg h1, .content-bg h2, .content-bg h3, .content-bg h4, .content-bg h5, .content-bg {color: #fff;}
.content-videobg {position:relative; padding: 25% 0;}
.content-videobg h1, .content-videobg h2, .content-videobg h3, .content-videobg h4, .content-videobg h5, .content-videobg {color: #fff;}
/*.content-videobg > .container, .content-videobg > .container-fluid {position: absolute !important; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 500;}*/
.content-videobg > .container, .content-videobg > .container-fluid {position: absolute !important; left: 50%; bottom:115px; transform: translateX(-50%); z-index: 500;}
.content-videobg.herobanner > .container, .herobanner.content-videobg > .container-fluid {position: absolute !important;left: 50%; bottom: 0; transform: translateX(-50%); z-index: 500; height: 100%; display: flex;align-items: center; justify-content: center;}
.content-videobg.herobanner h1 {margin-bottom: 0; }
.content-videobg:not(.herobanner) > .container, .content-videobg:not(.herobanner) > .container-fluid {position: absolute !important; top: 50%; bottom: unset; transform: translateX(-50%) translateY(-50%); z-index: 500;}
.content-videobg:not(.herobanner) > .container h2, .content-videobg:not(.herobanner) > .container-fluid h2 {margin-bottom: 0; }
.content-videobg.video-dark::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
.content-12-wide > .container {max-width: 1640px; }

.content.blue {position: relative;}
.content.blue::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(62, 149, 170, 0.1);}
.content.blue {padding: 175px 0; }
.content-12.blue .col-text, .content-12.blue .col-text > p, .content-12.blue .col-text > p {font-size:50px; text-align:center; line-height: 1.2; color: #3E95AA; margin-bottom:0;  }

.content.green {position:relative; padding: 175px 0; }
.content.green::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(129, 158, 90, 0.1);}
.content-12.green .col-text, .content-12.green .col-text > p, .content-12.green .col-text > h2 {font-size:50px; text-align:center; line-height: 1.2; color: #819E5A; margin-bottom: 0; }

.content.brown {position:relative; padding: 175px 0; }
.content.brown::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(165, 157, 149, 0.1); }
.content-12.brown .col-text > h2 {font-size:50px; text-align:center; line-height: 1.2; color: #3E95AA; margin-bottom: 0; }

.content.case {position: relative; padding: 100px 0; text-transform: uppercase;}
.content.case::before {content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: rgba(167,205,106,0.5);}
.content.case h2 {font-weight: 900; text-transform: uppercase; font-size: 2rem;}


.banner-buttons {padding: 0; margin-top: -110px; z-index: 2000; background: rgba(62, 149, 170, 0.9); position: relative;}
.banner-buttons > .container {max-width:1920px;}
.banner-buttons .button-group {display: flex; margin: 0 !important; height: 110px; align-items: stretch;}
.banner-buttons .button-group a {display: block; position: relative; color: #fff; flex-grow: 1;}
.banner-buttons .button-group a .button-text {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; text-transform: uppercase; font-size: 30px; padding: 20px; line-height: 120%; }
.banner-buttons .button-group a:hover, .banner-buttons .button-group a:focus {background: rgba(62, 149, 170, 0.8);}
.banner-buttons .col-button_group > .button-group > a {margin-left: 0;}

.content-6_6-wide {padding:80px 0; }
.content-6_6-wide .container {max-width: 1600px; }
.content-6_6-wide .container .row {align-items: center;}
.content-6_6-wide .col-text > p:last-child {margin-bottom: 0; }
.content-6_6-wide .col-md-6:first-child .col-text:has(p) {max-width: 540px; margin-left:auto; }
.content-6_6-wide .col-md-6:last-child .col-text:has(h2) {padding-left:40px; }
.content-6_6-wide .col-md-6:last-child .col-text:has(p) {max-width: 540px; margin-right:auto;}
.content-6_6-wide .col-md-6:first-child .col-text:has(h2) {padding-right:40px; }
.content-6_6-wide .col-text h2 {font-size: 3rem; line-height:1.2; font-style:italic; }

/*.page-id-412 .banner-buttons {background: rgba(62, 149, 170, 1);}
.page-id-412 .banner-buttons .button-group a:hover, .banner-buttons .button-group a:focus {background: rgba(62, 149, 170, 0.9);}*/

.col-content_highlights .row-highlights {padding: 0;}
.col-content_highlights .content-highlight {padding: 0!important;}
.col-content_highlights .content-highlight-container { box-shadow: none !important; position: relative; overflow: hidden;}
.col-content_highlights:not(.front-highlights) .content-highlight-container {background:#000; }
.col-content_highlights:not(.front-highlights) .content-highlight-container > img {opacity:0.8; }
/*.col-content_highlights .content-highlight-container::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}*/
.col-content_highlights .content-highlight-inner {background: none !important; padding: 15px !important; position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); color: #fff; z-index: 100;}
.col-content_highlights .content-highlight-inner h2, .col-content_highlights .content-highlight-inner h3 {color: #fff; font-size: 30px;}
/*.col-content_highlights .content-highlight-container:hover img {transform: scale(1.1); transition: transform .5s;} 
.col-content_highlights .content-highlight-container img { transition: transform .5s;}*/
.hl-img-mobi {display: none;}
.content-highlight {padding: 0;}
.col-content_highlights .content-highlight-container .icon {max-width: 250px; margin: 0 auto 40px; }

.col-content_highlights.front-highlights .row-highlights {row-gap: 50px; padding: 0; }
.col-content_highlights.front-highlights .content-highlight-wrap {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight {padding: 0 !important; }
.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container {display: flex; height:100%; flex-direction:row-reverse; }
.col-content_highlights.front-highlights .content-highlight-wrap:nth-child(2n+1) .content-highlight .content-highlight-container {flex-direction:row; }
.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container .hl-img-dt {width: 50%; }
.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container .hl-img-dt > img {height: 100%; object-fit: cover;}
.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container .content-highlight-inner {width: 50%; padding: 25px 5% !important;	position: static; background: rgba(62, 149, 170, 0.1) !important; transform:none; display: flex; flex-direction: column; justify-content: center;}
.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container .content-highlight-inner .hl-icon {display:none !important;}
.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container .content-highlight-inner h3 {margin-bottom: 0; color: rgba(83, 79, 75, 0.8);font-size: 24px;text-transform: uppercase; font-weight: 400; }
.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container .content-highlight-inner .ingress {color: rgba(83, 79, 75, 1);font-size: 38px; font-weight:300;  line-height:1.1; margin: 50px 0 55px;}
.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container .content-highlight-inner .content-highlight-link {font-size: 30px; color:#819E5A; text-transform:uppercase; }
.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container:hover .content-highlight-inner .content-highlight-link,
.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container:focus .content-highlight-inner .content-highlight-link,
.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container:active .content-highlight-inner .content-highlight-link {text-decoration:underline;}

/*.hl-icon {width: 100%; height: 140px;}
.hl-icon-1 {background: url('img/icon-katsaus.png') center center no-repeat; background-size: contain;}
.hl-icon-2 {background: url('img/icon-laitos.png') center center no-repeat; background-size: contain;}
.hl-icon-3 {background: url('img/icon-vastuullisuus.png') center center no-repeat; background-size: contain;}
.hl-icon-4 {background: url('img/icon-taloustiedot.png') center center no-repeat; background-size: contain;}*/

.col-filelist {padding: 30px 0;}
.col-filelist h2 {font-size: 50px; text-align: center; color: #3E95AA; margin-bottom: 30px; font-style:italic; }
.filelist-row {justify-content: center;}
.filelist-item {margin: 10px; max-width: 460px; }
.filelist-item a {color: rgba(129, 158, 90, 0.9); text-decoration: none; border: 1px solid rgba(129, 158, 90, 0.9); display: block; font-weight:400;}
.filelist-item a:hover, .filelist-item a:hover {background: rgba(129, 158, 90, 0.9); color: #fff; text-decoration: none;}
.filelist-item-title {padding: 15px 30px; position: relative; text-transform: uppercase; font-size: 1.3rem; text-align: center; }
/*.filelist-item-title::after {position: relative; content: "\f1c1"; font-family: "FontAwesome"; margin-left: 10px; font-size: 30px;} */

.col-number_counter h3 {text-align: center; margin-bottom: 30px;  text-transform: uppercase;}
.col-number_counter > ul {align-items: flex-start !important; justify-content: center; row-gap:60px; }
.col-number_counter > ul > li.number-container {margin: 10px !important; width: calc(14% - 16px); }
.number-container .icon img {width: 120px;}
.number-container .number {display: inline-block; font-size: 1.8rem;}
.number-container .unit {display: inline-block; margin-left: 5px; font-size: 1.8rem;}
.number-container .prefix {font-size: 20px; }
.content-bg.numbers {position: relative; padding: 5% 0 !important; }
.content-bg.numbers::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(62, 149, 170, 0.14); }
.content-bg.numbers > .container {max-width: 1920px;}

div.footer-container {background-color:#625c58; padding: 150px 20px !important; position: relative; font-size: 30px; font-weight: 400; }
/*.footer-container {background: url('img/footer-image.jpg') left bottom no-repeat; background-size: cover; padding: 150px 20px !important; position: relative; font-size: 30px; font-weight: 400; }
.footer-container::after {background: url('img/footer-after.png') left bottom no-repeat; background-size: contain; content: ""; position: absolute; left: 0; top: 0; width: 40%; height: 100%;}*/
.footer-container > .container {max-width: 1500px; }
.footer-container p {line-height: 1.2;}
.footer-logo {padding-bottom: 50px;}
.footer-logo > img {width: 500px;}
.footer-someicons { padding-top: 60px;}
.footer-someicons li {margin: 0 !important;}
.footer-container .footer-some-icons {display:flex; column-gap:28px; }
.footer-container .footer-someicons li a {display: flex;}
.footer-someicons li a span {display: none;}
.footer-image {text-align: right;}
.footer-image img {max-width: 80%;}
.footer-someicons li a > i.fa-facebook::before {content:""; background: url('img/fb.svg') center center no-repeat; background-size: contain; display: block; width:40px; height: 40px;}
.footer-someicons li a > i.fa-instagram::before {content:""; background: url('img/ig.svg') center center no-repeat; background-size: contain; display: block; width: 40px; height: 40px;}
.footer-someicons li a > i.fa-youtube::before {content:""; background: url('img/yt.svg') center center no-repeat; background-size: contain; display: block; width: 73px; height: 40px;}
.footer-someicons li a > i.fa-linkedin::before {content:""; background: url('img/li.svg') center center no-repeat; background-size: contain; display: block; width: 40px; height: 40px;}



@media (max-width: 1600px) {
	.huge-text {font-size: 250px;}
	.banner-container .carousel-caption .subtitle {font-size: 40px; }
}
@media (max-width: 1499px) {
	.banner-container .carousel-caption .subtitle {font-size: 2.5rem;}
	.banner-buttons .button-group a .button-text {font-size: 24px; }
}

@media (max-width: 1399px) {

	.huge-text {font-size: 200px;}
	.content-videobg h1 {padding: 20px 100px; font-size: 24px;}
	.content-videobg.herobanner > .container-fluid {bottom:70px; }
	.header-wrap .header-wrap-inner .navbar-brand {width: 500px;}
}

@media (max-width: 1299px) {
	/*.banner-container .carousel-caption {transform: none; bottom: auto; top: 30px;}*/
	.banner-container .carousel-caption .subtitle {font-size: 2.2rem;}
	.banner-container .description img {width: 100px !important;}

	.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container .content-highlight-inner .ingress {font-size: 32px; }
}

@media (max-width: 1199px) {
	h1, h2 {font-size: 2.5rem;}
	h3, h4, blockquote {font-size: 1.75rem;}
	blockquote > p {font-size: 1.75rem;}
	/*.banner-container .carousel-caption {top: 0;}*/
	.banner-container .carousel-caption .subtitle {font-size: 1.8rem;}
	.banner-container .carousel-caption .description > p {font-size: 1.6rem;}
	/*.navbar-brand {max-width: 300px;}*/
	.navbar-brand img {max-width: 100%;}
	/*.header-title {top: 25px;}*/
	.navigation-lang-wrap {top: 50px;}
	body.admin-bar .navigation-menu-items > .navi-toggler {top: 50px;}
	.huge-text {font-size: 180px;}
	.content-white .col-text > h2, .content-12 .col-text > h2 {font-size: 60px; }

	body:not(.home) .content-bg .col-text {max-width: 50%; font-size: 32px; }
}

@media (max-width: 1099px) {
	.banner-buttons {height: 140px; margin-top: -140px;}
	.banner-buttons .button-group {flex-wrap: wrap; height: 140px;}
	.banner-buttons .button-group a {margin: 0 !important; width: 50%;}
	.banner-buttons .button-group a .button-text {font-size: 1rem;}
}

@media (max-width:1024px) {
	.col-content_highlights .content-highlight-container .icon {max-width:150px;}
	.col-number_counter > ul > li.number-container {width: calc(19% - 11px);}

	.navigation-container .navigation ul li a {font-size: 24px; }
}

@media (max-width: 991px) {
	h1, h2 {font-size: 2rem;}
	h3, h4, blockquote {font-size: 1.5rem;}
	blockquote > p {font-size: 1.5rem;}
	.huge-text {font-size: 150px;}
	.content-videobg h1 {font-size: 20px; }
	/*.navbar-brand {display: none;}*/
	/*.navbar-brand-mobile {display: inline-block;}*/
	.navigation-container .navigation ul {flex-wrap: wrap;}
	.navigation-lang-wrap {display: none !important;}
	.navigation-lang-mobile {display: block;}
	.navigation-lang-mobile .navigation-languages {text-align: center;}
	.navigation-lang-mobile .navigation-languages ul {list-style: none; padding: 0; margin-bottom: 30px;}
	.navigation-lang-mobile .navigation-languages ul li {margin: 0 30px;}
	.navigation-container {padding-top: 160px;}
	.admin-bar .navigation-container .navigation {padding: 0 !important;}
	.navigation-container .navigation {padding: 0 !important;}
	.header-wrap .header-wrap-inner .navbar-brand {width: 400px;}
	.header-wrap .header-wrap-inner:has(.header-title) .navbar-brand {width: 400px;}
	.header-title {top: 75px;}
	.filelist-item-title {font-size: 1rem;}
	.content-white .col-text > h2, .content-12 .col-text > h2 {font-size: 40px; }

	.col-content_highlights.front-highlights .content-highlight-wrap:nth-child(2n+1) .content-highlight .content-highlight-container,
	.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container {flex-direction:column; }
	.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container .hl-img-dt {width: 100%; }
	.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container .content-highlight-inner {width: 100%; padding: 40px 5% !important;}

	body:not(.home) .content-bg .col-text {position:static; transform:none;}
}

@media (max-width: 767px) {
	h1, h2 {font-size: 1.75rem;}
	h3, h4, blockquote {font-size: 1.3rem;}
	blockquote > p {font-size: 1.3rem;}
	.huge-text {font-size: 150px;}
	.header-wrap .header-wrap-inner .navbar-brand {width: 300px;}
	.header-wrap .header-wrap-inner:has(.header-title) .navbar-brand {width: 300px;}
	.header-title {top: 60px; font-size: 0.8rem; left: calc(50% + 30px);}
	.small-hl {width: 50%; display: inline-block;}
	/*.hl-img-dt {display: none;}
	.hl-img-mobi {display: block;} */
	.banner-container .owl-carousel-item::after {display: none;}
	/*.banner-container .carousel-caption {top: 50%; transform: translateY(-60%);}*/
	.banner-container .description img {width: 150px !important;}
	.banner-container .carousel-caption .subtitle {font-size: 2rem;}
	.col-number_counter > ul > li.number-container {width: calc(25% - 20px);}
	.number-container .number, .number-container .unit {font-size: 1.4rem;}
	.number-container .icon img {width: 80px;}
	.footer-container::after {height: 120px; bottom: 0; top: auto;}
	.content-videobg .container img {max-width: 100px;}
	.content-videobg h1, .content-videobg h2 {font-size: 1.3rem;}
	.content.case::before {width: 100%;}
	.herobanner h1 > a {padding: 24px 40px;font-size: 20px;}

	.navigation-container .navigation ul li a::before { width: 150px; height: 150px; min-width: 150px; margin-right: 20px; }
	.navigation-container .navigation ul li:not(:last-child)::after { left: 103px;}
	.navigation-container .navigation ul::before {top: -264px; left:118px;}
	.navigation-container .navigation ul::after {left:118px; bottom: -258px; }

	.content-videobg.herobanner > .container-fluid {position:relative !important; left: unset; bottom:unset; transform:unset;}
	body:not(.home) .content-bg .col-text {font-size: 24px; }

	.footer-image {text-align:left; margin-top:40px; }

	.content-6_6-wide .container {max-width: 540px;}
	.content-6_6-wide .col-md-6:first-child .col-text:has(p) {margin-left: unset; max-width: 100%;}
	.content-6_6-wide .col-md-6:last-child .col-text:has(h2) {padding-left:0; padding-top: 40px;}
	.content-6_6-wide .col-md-6:last-child .col-text:has(p) {margin-right: unset; max-width: 100%;}
	.content-6_6-wide .col-md-6:first-child .col-text:has(h2) {padding-right:0; padding-bottom: 40px;  }

	.content.blue, .content.green, .content.brown {padding: 100px 0; }
	.content-12.blue .col-text, .content-12.blue .col-text > p {font-size: 40px;}
	.content-12.green .col-text, .content-12.green .col-text > p, .content-12.green .col-text > h2 {font-size:40px;  }
	.content-12.brown .col-text > h2 {font-size:40px;}
	.col-number_counter > ul {row-gap:30px;}
	div.footer-container {font-size: 24px; }
}

@media (max-width: 699px) {
	.col-number_counter > ul > li.number-container {width: calc(50% - 20px);}
	.number-container .number, .number-container .unit {font-size: 1.4rem;}
	.number-container .icon img {width: 80px;}
}

@media (max-width: 575px) {
	body {font-size: 18px; }
	h1, h2 {font-size: 1.4rem;}
	h3, h4, blockquote {font-size: 1.25rem;}
	blockquote > p {font-size: 1.25rem;}
	.huge-text {font-size: 70px;}
	.header-wrap .header-wrap-inner .navbar-brand {width: 200px;}
	.header-wrap .header-wrap-inner:has(.header-title) .navbar-brand {width: 200px;}
	.header-title {top: 50px; font-size: 0.8rem; left: calc(50% + 23px);}
	/*.banner-container .carousel-caption {top: 30px; transform: none;}*/
	.banner-container .description img {width: 120px !important;}
	.banner-container .carousel-caption h1, .banner-container .carousel-caption h2 {font-size: 1.1rem;}
	.banner-container .carousel-caption {max-width: 100%; width: 80%;}
	.banner-container .carousel-caption .subtitle {font-size: 1.4rem; margin: 20px 0 30px !important;}
	.banner-container .carousel-caption .description > p {font-size: 1.2rem;}
	.footer-container {padding: 90px 20px !important;}
	.footer-links-wrap {order: 12;}
	.footer-container {padding-top: 30px}
	.footer-image img {width: 200px;}
	.footer-logo img { max-width: 100%;}
	div.footer-container {font-size: 30px; }
	.footer-container::after {width: 50%; height: 200px;}
	.col-content_highlights .content-highlight-inner h2, .col-content_highlights .content-highlight-inner h3 {font-size: 1rem;}
	.content-videobg .container img {max-width: 50px;}
	.content-videobg h1, .content-videobg h2 {font-size: 1.1rem;}
	.content-videobg p {line-height: 1.5; font-size: 0.9rem;}
	.content-videobg h1 {padding:0; }
	.content-white .col-text > h2, .content-12 .col-text > h2 {font-size: 24px; }
	.herobanner h1 > a {padding: 24px 40px;font-size: 20px;}

	.navigation-container .navigation ul li a::before { width: 100px; height: 100px; min-width: 100px; margin-right: 20px; }
	.navigation-container .navigation ul li a {font-size: 20px; }
	.navigation-container .navigation ul li:not(:last-child)::after {left: 59px; width: 3px;height: 50px;bottom: -22px;}
	.navigation-container .navigation ul li {padding: 15px 0; }
	.navigation-container .navigation ul::before {width: 3px; top:-268px; left:64px;}
	.navigation-container .navigation ul::after {width: 3px; left: 64px; bottom: -262px; }

	body:not(.home) .content-bg .col-text {max-width: 60%; font-size: 20px;}

	.banner-buttons .button-group a .button-text {font-size: 0.875rem; }
	.banner-buttons .button-group a {width: 100%; }

	.content-6_6-wide .container {max-width: 100%;}
	.content-bg.numbers {padding: 40px 0; }

	.content.blue, .content.green, .content.brown {padding: 40px 0; }
	.content-12.blue .col-text, .content-12.blue .col-text > p {font-size: 24px;}
	.content-12.green .col-text, .content-12.green .col-text > p, .content-12.green .col-text > h2 {font-size:24px;  }
	.content-12.brown .col-text > h2 {font-size:24px;}
	.col-number_counter > ul {row-gap:10px;}

	.white-content::after, .white-content-right::after {background-size: auto 100%;}

	.col-content_highlights.front-highlights .row-highlights {row-gap: 30px;}
	.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container .content-highlight-inner .ingress {font-size: 28px; margin: 30px 0 35px; }
	.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container .content-highlight-inner .content-highlight-link {font-size: 18px; }
	.col-content_highlights.front-highlights .content-highlight-wrap .content-highlight .content-highlight-container .content-highlight-inner h3 {font-size: 20px; }

	.footer-someicons li a > i.fa-facebook::before {content:""; background: url('img/fb.svg') center center no-repeat; background-size: contain; display: block; width:43px; height: 43px;}
	.footer-someicons li a > i.fa-instagram::before {content:""; background: url('img/ig.svg') center center no-repeat; background-size: contain; display: block; width: 43px; height: 43px;}
	.footer-someicons li a > i.fa-youtube::before {content:""; background: url('img/yt.svg') center center no-repeat; background-size: contain; display: block; width: 43px; height: 43px;}
	.footer-someicons li a > i.fa-linkedin::before {content:""; background: url('img/li.svg') center center no-repeat; background-size: contain; display: block; width: 43px; height: 43px;}

	.navigation-menu-items > .navi-toggler::after {content:none; }
	.navigation-menu-items > .navi-toggler {width: 65px; height: 65px; }
	.nav-visible .navi-toggler .navi-button > .button-segment.segment-topleft {left: 5px; }
	.nav-visible .header-wrap .navi-toggler .navi-button > .button-segment.segment-topright {right: 3px; }
	.nav-visible .header-wrap .navi-toggler .navi-button > .button-segment.segment-bottomleft {left: 8px; }
	.nav-visible .header-wrap .navi-toggler .navi-button > .button-segment.segment-bottomright {right: 6px;}
	.nav-visible .navi-toggler .navi-button {height: 24px !important; }
}