@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700');
@import url("https://p.typekit.net/p.css?s=1&k=cga5rmq&ht=tk&f=39494.39495.39500.39501.39504.39505.39506.39507.39508.39509&a=4213096&app=typekit&e=css");

@font-face {
    font-family:"Neue Grotesk";
    src:url("https://use.typekit.net/af/1285d2/00000000000000003b9b2050/27/l?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/1285d2/00000000000000003b9b2050/27/d?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/1285d2/00000000000000003b9b2050/27/a?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
    font-family:"Neue Grotesk";
    src:url("https://use.typekit.net/af/032bac/00000000000000003b9b2051/27/l?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/032bac/00000000000000003b9b2051/27/d?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/032bac/00000000000000003b9b2051/27/a?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=i4&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:400;
}

@font-face {
    font-family:"Neue Grotesk";
    src:url("https://use.typekit.net/af/550c82/00000000000000003b9b2052/27/l?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/550c82/00000000000000003b9b2052/27/d?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/550c82/00000000000000003b9b2052/27/a?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=n5&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:500;
}

@font-face {
    font-family:"Neue Grotesk";
    src:url("https://use.typekit.net/af/e94a74/00000000000000003b9b2053/27/l?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/e94a74/00000000000000003b9b2053/27/d?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=i5&v=3") format("woff"),url("https://use.typekit.net/af/e94a74/00000000000000003b9b2053/27/a?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=i5&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:500;
}

@font-face {
    font-family:"Neue Grotesk";
    src:url("https://use.typekit.net/af/abbb5b/00000000000000003b9b2054/27/l?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/abbb5b/00000000000000003b9b2054/27/d?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/abbb5b/00000000000000003b9b2054/27/a?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=n7&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
    font-family:"Neue Grotesk";
    src:url("https://use.typekit.net/af/73eec9/00000000000000003b9b2055/27/l?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/73eec9/00000000000000003b9b2055/27/d?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/73eec9/00000000000000003b9b2055/27/a?primer=2a64b7354accbfccf091944358d6cba32f300a9a753ae564cfcf2ef3ec0bce66&fvd=i7&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:700;
}

html,
body { width: 100%; height: 100%; font-family: "Open Sans", sans-serif; }
body { overflow-x: hidden; }
body > footer { box-shadow: 0px -4px 38px rgb(0 0 0 / 5%); position: relative; z-index: 102; background: #fff; }
main > .content { padding-top: 20px; }

.contrast-menu { display: inline; margin: -3px 15px 14px 0; color: #918F8F; }
.contrast-switch { font-size: 12px; cursor: pointer; }
.contrast-switch:before { content: '|'; padding: 0 15px 0 0; }

body.contrast { background-color: #000; }
.contrast .header { background-color: #000; }
.contrast .main-menu a { color: #ffd800; }
.contrast .information-menu { color: #fff; }
.contrast .news .content .text { color: #fff; }
.contrast .news .content .read-more { color: #fff; }
.contrast .news .content .title { color: #ffd800; }
.contrast .news .content .date { color: #ffd800; }
.contrast .information-menu li a.lang-menu.pl { color: #fff; }
.contrast .size-menu { color: #fff; }
.contrast .footer-information { background-color: #000; }
.contrast #block-views-block-footer-contact-block-1-2 { color: #fff; }
.contrast #block-imgw-main-menu-footer a { color: #fff; }
.contrast .socials .header { color: #fff; }
.contrast .contrast-menu { color: #fff; }
.contrast .main-menu li ul { background-color: #000; }
.contrast #block-views-block-newsletter-block-1 { background-color: #000; }
.contrast .views-page .filters { background-color: #000; }
.contrast .article h1 { color: #ffd800; }
.contrast .article h2 { color: #ffd800; }
.contrast .page h2 { color: #ffd800; }
.contrast .page .subheader { color: #ffd800; }
.contrast .page .files { color: #ffd800; }
.contrast .page .files-title { color: #ffd800; }
.contrast .views-page .filters .active { color: #ffd800; }
.contrast .views-page .col-box .content .title { color: #ffd800; }
.contrast .page .container { color: #fff }
.contrast .views-page .filters span { color: #fff }
.contrast .article .date { color: #ffd800; }
.contrast #block-breadcrumby li { color: #ffd800; }

/*START: GLOBAL CLASSES*/

.ciemny { color: #1f2a44; }
.niebieski { color: #004f71; }
.turkus { color: #008578; }
.aqua { color: #2cd5c4; }

.img-fluid { width: 100%; height: auto; }
iframe { max-width: 100%; }
.video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; margin: 50px 0; }
.video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; border: none; }

@media (min-width: 1200px) {
    .container { max-width: 920px; }
}

@media (min-width: 992px) {
    .container { max-width: 920px; }
}

/*END: GLOBAL CLASSES*/

/*START: INFO + HEADER*/

header li,
footer li { display: inline-block; }
header .top { display: flex; width: 100%; }
.main-menu .fe { border-bottom: 1px solid rgba(0,0,0,.1) }
.main-menu .fe__ue { max-width:150px; margin: 0 10px 20px; }

@media (max-width: 768px) {
    header .top { border-bottom: 1px solid #e5e5e5; }
}

a:hover { text-decoration: none; }

.info { height: 50px; align-items: center; }
.info .content { margin: 13px 0 0 auto; border-bottom: 1px solid #e5e5e5; display: flex; padding-right: 50px; flex-wrap: wrap; align-items: center; }
.info.scroll { margin-bottom: 100px; }

.information-menu { font-size: 12px; color: #918F8F; }
.information-menu ul { padding: 0; margin-bottom: 10px; }
.information-menu li a { color: inherit; transition: .3s; }
.information-menu li a:hover { color: #43BAB8; transition: .3s; }
.information-menu li:first-child a:before { content: ''; display: inline-block; background: url('../images/bip.svg') no-repeat center /cover; width: 23px; height: 22px; margin: 0 10px -7px 0; }
.information-menu li a:after { content: '|'; padding: 0 15px; }
.information-menu li a.is-active { color: #43BAB8; }
.information-menu li a.lang-menu.pl { color: #c4c4c4; }
.information-menu li a.lang-menu.pl:after { color: #918F8F; }
.information-menu li a.lang-menu.en:after { content: ''; padding: 0 5px 0 0; }
.information-menu li a.font-size:after { content: ''; padding: 0; }
.size-menu { color: #918F8F; margin: -3px 15px 14px 0; cursor: pointer; }
.size-menu .font-size-x1 { font-size: 8px; }
.size-menu .font-size-x2 { font-size: 10px; }
.size-menu .font-size-x3 { font-size: 12px; }
.social-menu { margin: -3px 0 14px 0; }
.social-menu img { width: 19px; height: auto; margin: 0 2px; }

@media (max-width: 640px) {
    .info { height: initial; }
    .info .content { padding: 0 50px; justify-content: center; }
    .information-menu ul { text-align: center; }
    .information-menu li { margin-bottom: 10px; }
}

@media (max-width: 550px) {
    .info .content { padding: 0 30px; }
}

.header { height: 102px; align-items: center; justify-content: space-between; padding: 0 25px 0 50px; background-color: #fff; }
.header.scroll { position: fixed; top: 0; left: 0; z-index: 2; transition: .3s; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.35); }
.header div { height: 70%; transition: .3s; }
.header div a { display: block; height: 100%; }
.header img { height: 100%; width: auto; }
.header.scroll div { display: flex; align-items: center; height: 60%; transition: .3s; }
.header.scroll div a { display: block; }

/* .main-menu ul,
.main-menu li { margin: 0; padding: 0; }
.main-menu ul { font-size: 16px; font-weight: 700; }
.main-menu a { color: #202945; padding: 10px 25px; display: block; }
.main-menu a:hover { color: #43BAB8; }
.main-menu a.is-active { color: #43BAB8; }
.main-menu > ul > li { border-bottom: 5px solid transparent; transition: .3s; }
.main-menu > ul > li:hover { border-bottom: 5px solid #43BAB8; transition: .3s; }
.main-menu li { position: relative; list-style: none; }
.main-menu li.active-trail > a { color: #43BAB8; }
.main-menu li ul { display: none; top: 49px; border: 1px solid #e5e5e5; font-size: 14px; font-weight: 400; background-color: #fff; position: absolute; z-index: 10; left: 50%; transform: translateX(-50%); padding: 15px 0; }
.main-menu li:hover ul { display: block;}
.main-menu li ul li { display: block; width: 190px; color: #918F8F; }
.main-menu li ul a { padding: 3px 25px; color: inherit; }
#block-imgw-main-menu.main-menu > ul > li > ul > li > ul { display: none; }
.main-menu li:first-child ul li:nth-child(-n+4) { border-right: 1px solid #e5e5e5; }
.main-menu li:nth-child(2) ul li:nth-child(-n+10) { border-right: 1px solid #e5e5e5; }
.main-menu li:nth-child(3) ul li:nth-child(-n+5) { border-right: 1px solid #e5e5e5; }
.main-menu li:nth-child(3) ul li:nth-child(n+6) { border-right: 1px solid #e5e5e5; }
.main-menu li:nth-child(4) ul li:nth-child(-n+6) { border-right: 1px solid #e5e5e5; } */

/* service menu */
.service-menu-opened {
    position: relative;
    padding-left: 240px;
    transition: padding 0.05s ease;
}
#service_menu202203 {
    width: 240px;
    background: #fff;
    padding: 15px;
    box-shadow: 10px 38px 38px rgba(0, 0, 0, 0.1);    
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-height: 100%;
    position: absolute;
    overflow-y: auto;
    z-index: 101;
    left: 0;
    transition: width 0.05s ease;
}
@media(max-width: 768px) {
    .service-menu-opened {
        padding-left: 0;
    }
}
#service_menu202203.is-hidden {
    width: 75px;
    padding: 10px;
    min-height: auto;
    border-bottom-right-radius: 8px;
}
#service_menu202203.is-hidden > *:not(.menuArrow) {
    display: none;
}
#service_menu202203 .menuArrow {
    background: #1FB9D4;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    align-self: end;
    cursor: pointer;
}
#service_menu202203 .menuArrow .widgetIcon {
    display: none;
}
#service_menu202203.is-hidden .menuArrow .widgetIcon {
    vertical-align: top;
    display: inline-block;
    color: #1FB9D4;
    margin: 0 0 0 -30px;
    width: 25px;
}
#service_menu202203 .menuArrow__icon {
    position: relative;
    width: 5px;
    display: inline-block;
    margin: 12px 7px;
}
#service_menu202203.is-hidden .menuArrow__icon {
    margin: 12px 0 12px 19px;
}
#service_menu202203 .menuArrow__icon:before {
    content: '';
    width: 2px;
    background: #fff;
    height: 8px;
    position: absolute;
    top: -1px;
    transform: rotate(50deg);
    left: -1px;
}
#service_menu202203 .menuArrow__icon:after {
    content: '';
    width: 2px;
    background: #fff;
    height: 8px;
    position: absolute;
    top: -1px;
    transform: rotate(-50deg);
    right: -1px;
}
#service_menu202203 .menuArrow__icon--left {
    transform: rotate(-90deg);
}
#service_menu202203.is-hidden .menuArrow__icon--left  {
    transform: rotate(90deg);
}
#service_menu202203 ul{
    padding: 5px;
    margin: 0;
}
#service_menu202203 ul.service_menu {
    position: absolute;
    top: 50px;
    width: calc(100% - 40px);
}
#service_menu202203 ul.service_menu > li.is-opened > ul {
    display: block;
}
#service_menu202203 ul.service_menu > li > ul {
    display: none;
    padding: 0;
}
#service_menu202203 ul.service_menu > li > ul li a {
    font-size: 15px;
    font-weight: 400;
}
#service_menu202203 li {
    list-style: none;
    display: block !important;
}
#service_menu202203 li a,
#service_menu202203 li span {
    color: #000;
    font-family: Inter, Arial, sans-serif;
    font-weight: 500;
    font-size: 17px;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.4;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s;
}

#service_menu202203 li a.current,
#service_menu202203 li span.current,
#service_menu202203 li a:hover,
#service_menu202203 li span:hover {
    color: #1FB9D4;
}
#service_menu202203 li a:not(:only-child):after,
#service_menu202203 li span:not(:only-child):after  {
    content: '+';
    display: inline-block;
    margin-left: 15px;
    font-size: 20px;
}
#service_menu202203 li.is-opened a:not(:only-child):after,
#service_menu202203 li.is-opened span:not(:only-child):after {
    content: '-';
}
#service_menu202203.is-hidden ul.service_menu {
    display: none;
}

/* service menu: contrast */
.contrast #service_menu202203,
.contrast #service_menu202203 .menuArrow__icon:before,
.contrast #service_menu202203 .menuArrow__icon:after {
    background: #000;
}
.contrast #service_menu202203 .menuArrow {
    background: rgb(255, 255, 0);
}
.contrast #service_menu202203.is-hidden .menuArrow .widgetIcon,
.contrast #service_menu202203 li a,
.contrast #service_menu202203 li span {
    color: rgb(255, 255, 0);
}
.contrast #service_menu202203 img{
    filter: invert(1);
}

/* service menu: font size */
.font-size-x2 #service_menu202203 ul.service_menu > li > ul li a {
    font-size: 17px;
}
.font-size-x2 #service_menu202203 li a,
.font-size-x2 #service_menu202203 li span {
    font-size: 19px;
}
.font-size-x2 #service_menu202203 li a:not(:only-child):after,
.font-size-x2 #service_menu202203 li span:not(:only-child):after {
    font-size: 22px;
}

.font-size-x3 #service_menu202203 ul.service_menu > li > ul li a {
    font-size: 19px;
}
.font-size-x3 #service_menu202203 li a,
.font-size-x3 #service_menu202203 li span {
    font-size: 21px;
}
.font-size-x3 #service_menu202203 li a:not(:only-child):after,
.font-size-x3 #service_menu202203 li span:not(:only-child):after {
    font-size: 24px;
}
/* !service menu */

.en .main-menu > ul > li:nth-child(2),
.en .main-menu > ul > li:nth-child(4),
.en .main-menu > ul > li:nth-child(5) { display: none; }
#block-imgw-main-menu-footer .mcpa,
.en .mcpa { display: none; }
.en li:hover .wheater-service + ul { display: none;}

.en .content.front .en-banner img { width: 100%; height: auto; }

#nav-icon { width: 35px; height: 27px; position: relative; cursor: pointer; display: none;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
#nav-icon span { display: block; position: absolute; height: 5px; width: 100%; background: #fff; opacity: 1; left: 0;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
header:not(.front) #nav-icon span { background: #000; }
header.scroll #nav-icon span { background: #fff; }
#nav-icon span:nth-child(1) { top: 0; }
#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) { top: 10px; }
#nav-icon span:nth-child(4) { top: 20px; }
#nav-icon.open span:nth-child(1) { top: 18px; width: 0; left: 50%; }
#nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon.open span:nth-child(4) { top: 18px; width: 0; left: 50%; }

#block-imgw-main-menu li ul { columns: 2; }
#block-imgw-main-menu li:nth-child(3) ul { columns: 3; }

#block-menuinformacyjne .synoptic-data { display: none; }

@media (max-width: 1260px) {
    .main-menu a { padding: 10px 15px; }
    .header div { height: 60%; }
    .header.scroll div { height: 50%; }
}

@media (max-width: 1030px) {
    .main-menu a { padding: 10px 12px; }
}

@media (max-width: 991px) {
    #block-imgw-main-menu-footer #nav-icon { display: none; }

    #nav-icon { display: block; z-index: 2; margin-right: 25px; }
    #nav-icon.open span { background-color: #000; }
    #block-imgw-main-menu > ul { font-size: 18px; display: none; background: #fff; padding: 150px 40px 0 120px; position: fixed; right: 0; top: 0; height: 100vh; z-index: 1; }
    #block-imgw-main-menu ul li { display: block; text-align: right; width: 220px; }
    #block-imgw-main-menu li ul { font-size: 16px; columns: 1; position: static; background: none; border: none; transform: none; padding: 0; }
    #block-imgw-main-menu > ul > li { border: none; }
    #block-imgw-main-menu li:hover ul { display: none; }
    #block-imgw-main-menu li:nth-child(2) ul { columns: 1; }
    #block-imgw-main-menu li:first-child ul li:nth-child(-n+4),
    #block-imgw-main-menu li:nth-child(2) ul li:nth-child(-n+10),
    #block-imgw-main-menu li:nth-child(3) ul li:nth-child(-n+4),
    #block-imgw-main-menu li:nth-child(4) ul li:nth-child(-n+6) { border: none; }
}

@media (max-width: 768px) {
    header .top.info { display: none; }
    .header { height: 70px; padding: 0 0 0 20px; }
    .header div { height: 70%; flex-basis: 80%; }
    .header.scroll div { height: 70%; }
    /* .main-menu { height: 100%; padding: 20px; border-left: 1px solid #e5e5e5; background: #f1f1f1; order: 3; margin-left: 15px; } */
    #nav-icon { margin-right: 0; }
    .main-menu .lang-en { display: block; margin-top: 50px; }
    #block-imgw-main-menu > ul { padding: 100px 25px 0 120px; }
}

@media (max-width: 550px) {
    .header { padding: 0 0 0 10px; }

    /*#block-imgw-main-menu > ul { padding: 180px 25px 0 120px; }*/
}

@media (max-width: 459px) {
    /*#block-imgw-main-menu > ul { padding: 200px 25px 0 120px; }*/
    .header div { height: 50%; }
    .header.scroll div { height: 50%; }
}

@media (max-width: 360px) {
    .header div { height: 40%; }
    .header.scroll div { height: 40%; }
}

.footer-information { background: rgba(229, 229, 229, .6); display: flex; padding: 50px 50px 50px; justify-content: space-between; }
.footer-information img { width: 100px; height: auto; margin-left: -10px; }
.footer-information .info { height: initial; }
footer .information-menu { text-align: right; /*display: flex; justify-content: end; flex-wrap: wrap;*/ }

.footer-information .size-menu { display: none; }
.footer-information .social-menu { margin: 0; }
.footer-information .social-menu img { width: 19px; height: auto; margin: 0 2px; }
/*.footer-information .media:after { content: ''; }*/
.footer-information .lang-menu { display: none; }

.footer-information > #block-menuinformacyjne-3 { display: none; }
.footer-information .footer-menu { /*display: inline-block; float: right;*/ }
.footer-information .size-menu { display: none; }

.footer-partners { background: rgba(229, 229, 229, .6); display: flex; padding: 0 50px 50px; justify-content: space-between; flex-wrap: wrap; }
.footer-partners .partner { display: inline; }
.footer-partners img { height: 60px; width: auto; margin: 0 25px; }
.footer-partners .geoportal img { height: 40px; }
.footer-partners .inspection span { font-size: 11px; color: #918F8F; }
.footer-partners .inspection img { width: 128px; height: auto; display: block; margin: 10px 0 0 0; }

.footer-fe { display: flex; justify-content: space-around; margin: 0 auto; align-items: center; flex-direction: column; max-width: 1150px; }
.footer-fe img { height: 55px; display: block; margin: 15px; }
.footer-fe img:last-child { height: 37px; }

@media (min-width: 660px) {
    .footer-fe { flex-direction: row; }
    .footer-fe img { display: inline-block; }
}

#block-menuinformacyjne-3 { margin-bottom: 10px; }
#block-menuinformacyjne-3 ul,
#block-menuinformacyjne-3 .social-menu { display: inline; }

#block-imgw-main-menu-footer ul,
#block-imgw-main-menu-footer li { margin: 0; padding: 0; }
#block-imgw-main-menu-footer ul { font-size: 15px; font-weight: 700; }
#block-imgw-main-menu-footer a { color: #202945; padding: 10px 25px; display: block; }
#block-imgw-main-menu-footer a:hover { color: #43BAB8; }
#block-imgw-main-menu-footer a.is-active { color: #43BAB8; }
#block-imgw-main-menu-footer li { position: relative; list-style: none; vertical-align: top; min-width: 80px; }
#block-imgw-main-menu-footer li:last-child { min-width: initial; }
#block-imgw-main-menu-footer > ul > li { border: none;}
#block-imgw-main-menu-footer li.active-trail > a { color: #43BAB8; }
#block-imgw-main-menu-footer li ul { display: block; font-size: 11px; font-weight: 400; color: #918F8F; background: none; position: static; border: none; transform: none; }
#block-imgw-main-menu-footer li ul li { display: block; width: 200px; }
#block-imgw-main-menu-footer li:first-child ul li:nth-child(-n+4),
#block-imgw-main-menu-footer li:nth-child(2) ul li:nth-child(-n+10),
#block-imgw-main-menu-footer li:nth-child(3) ul li:nth-child(-n+4),
#block-imgw-main-menu-footer li:nth-child(4) ul li:nth-child(-n+6) { border: none; }
#block-imgw-main-menu-footer li ul a { padding: 0 25px; color: inherit; }
#block-imgw-main-menu-footer .lang-en { display: none; }

#block-views-block-footer-contact-block-1 { font-size: 13px; color: #918F8F; }
#block-views-block-footer-contact-block-1 a { color: inherit; transition: .3s; }
#block-views-block-footer-contact-block-1 a:hover { color: #43BAB8; transition: .3s; }

#block-views-block-footer-contact-block-1-2 { font-size: 13px; color: #918F8F; display: inline-block; }
#block-views-block-footer-contact-block-1-2 a { color: inherit; transition: .3s; }
#block-views-block-footer-contact-block-1-2 a:hover { color: #43BAB8; transition: .3s; }
#block-views-block-footer-contact-block-1-2 img { width: 100px; height: auto; margin-left: -10px; }

@media (max-width: 1365px) {
    #block-imgw-main-menu-footer li ul li { width: 160px; }
}

@media (max-width: 1230px) {
    /*#block-imgw-main-menu-footer li ul li { width: 160px; }*/

    /*.footer-contact { display: flex; flex-direction: column; }*/
    /*.footer-information img { height: 105.5px; }*/
    /*.footer-contact .inspection { order: 1; margin: 0; }*/

    #block-imgw-main-menu-footer a { padding: 10px 0; }
    #block-imgw-main-menu-footer li ul a { padding: 0; }
    .footer-information .inspection { margin: 0 30px; }

    #block-views-block-footer-contact-block-1-2 { margin-right: 20px; }
}

@media (max-width: 865px) {
    .footer-information { flex-direction: column; flex-wrap: wrap; }
    .footer-information > #block-menuinformacyjne-3 { display: block; order: 0; }
    .footer-information .footer-menu #block-menuinformacyjne-3 { display: none; }
    #block-views-block-footer-contact-block-1-2 { order: 1; text-align: center; margin-bottom: 30px; }
    .footer-information .inspection { order: 2; text-align: center; margin-bottom: 40px; }
    .footer-information .inspection img { margin: 0 auto; }
    .footer-information .footer-menu { order: 3; }

    .footer-information #block-menuinformacyjne-3 { text-align: center; margin-bottom: 40px; }
    .footer-information .information-menu ul { text-align: center; display: inline; }
    .footer-information .information-menu .social-menu { display: inline; }
    #block-imgw-main-menu-footer ul { text-align: center; }
}

@media (max-width: 768px) {
    .footer-information .size-menu { display: block; margin-top: 20px; }
    .footer-information .size-menu .font-size-x1 { font-size: 16px; }
    .footer-information .size-menu .font-size-x2 { font-size: 18px; }
    .footer-information .size-menu .font-size-x3 { font-size: 20px; }
}

@media (max-width: 700px) {
    footer .information-menu { justify-content: center; }
}

@media (max-width: 680px) {
    .footer-partners .inspection a { display: inline-block; }
    .footer-partners .inspection span { display: inherit; }
    .footer-partners .element { flex: 0 0 100%; }
    .footer-partners .element div { display: block; margin: 20px auto; text-align: center; }
}

@media (max-width: 550px) {
    .footer-information { padding: 50px 30px 100px; }
}


@media (max-width: 535px) {
    .footer-information .information-menu .social-menu { display: block; }
}

@media (max-width: 430px) {
    #block-menuinformacyjne-3 ul { display: block; margin-bottom: 20px; }
    #block-menuinformacyjne-3 li { display: block; }
    #block-menuinformacyjne-3 li a { padding: 10px 0; }
    #block-menuinformacyjne-3 li a:after { content: ''; padding: 0; }
}

@media (max-width: 400px) {
    #block-imgw-main-menu-footer li { width: 160px; }
}



/*END: INFO + HEADER*/

/*START: FRONT*/

#block-views-block-newsletter-block-1 { background-color: #43BAB8; padding: 100px 0; color: #fff; }
#block-views-block-newsletter-block-1 .content { width: 790px; margin: 0 auto; text-align: center; }
#block-views-block-newsletter-block-1 .title { font-size: 24px; text-transform: uppercase; font-weight: 700; }
#block-views-block-newsletter-block-1 .short-text { /*text-align: center;*/ font-size: 12px; padding: 0 10px; }
#block-views-block-newsletter-block-1 .form { font-size: 13px; margin-bottom: 30px; }
#block-views-block-newsletter-block-1 .form-element { border-radius: 20px; border: 0; }
#block-views-block-newsletter-block-1 .form input { display: inline-block; width: calc(100% - 160px); border-radius: 20px; border: 0; color: #918F8F; padding: 10px 15px; background-color: #fff; margin: 0 5px 0 0; }
#block-views-block-newsletter-block-1 .form .send-button { transition: .3s; width: initial; color: #fff; padding: 10px 29px; background-color: #EA8005; text-transform: uppercase; font-weight: 600; margin: 0 0 0 5px; }
#block-views-block-newsletter-block-1 .form .send-button:hover { transition: .3s; opacity: .8; }
#block-views-block-newsletter-block-1 a { transition: .3s; }
#block-views-block-newsletter-block-1 a:hover { opacity: .8; transition: .3s; }
#block-views-block-newsletter-block-1 .form-item-email { display: inline-block; width: calc(100% - 160px); }
#block-views-block-newsletter-block-1 .form-item-email label { display: none; }
#block-views-block-newsletter-block-1 .form-actions { display: inline-block; }
#block-views-block-newsletter-block-1 .button-newsletter { display: inline-block; font-size: 14px; transition: .3s; width: initial; color: #fff; padding: 13px 50px; background-color: #EA8005; text-transform: uppercase; font-weight: 600; margin: 20px 0 0 5px; border-radius: 20px; }
#block-views-block-newsletter-block-1 .button-newsletter:hover { transition: .3s; opacity: .8; }
.front #block-views-block-newsletter-block-1 { margin-top: 50px; }
@media (max-width: 800px) {
    #block-views-block-newsletter-block-1 .content { width: 100%; margin: 0 auto; padding: 0 50px; }
}

@media (max-width: 550px) {
    #block-views-block-newsletter-block-1 .content { padding: 0 30px; }
}

@media (max-width: 450px) {
    #block-views-block-newsletter-block-1 .form-element { display: block; }
    #block-views-block-newsletter-block-1 .form-item-email { width: 100%; margin-bottom: 15px; }
    #block-views-block-newsletter-block-1 .form .send-button { margin: 0 auto; }

}

/*START: NEWSLETTER PAGE*/

.newsletter-page { margin-top: -30px; border-top: 4px solid #43BAB8; }
.newsletter-page .title { color: #43BAB8 }
.newsletter-page .form input { display: block; width: 260px; border: 1px solid #43BAB8; box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .25); border-radius: 3px; margin-bottom: 15px; padding: 5px 15px; }
.newsletter-page .form button { display: block; width: 260px; border: 1px solid #BDBDBD; background: #EA8005; border-radius: 3px; color: #fff; padding: 5px 0; text-transform: uppercase; margin-bottom: 20px; }
.newsletter-page .text .check { display: flex; }
.newsletter-page .text input { align-self: baseline; border: 1px solid #43BAB8; box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .25); border-radius: 3px; margin: 5px 25px 5px 0; }
.newsletter-page .text input.required { box-shadow: 0 0 5px rgba(255, 0, 0, .5); }
.newsletter-page .rodo { font-size: 13px; }

@media (max-width: 300px) {
    .newsletter-page .form input,
    .newsletter-page .form button { width: 100%; }
}

/*END: NEWSLETTER PAGE*/

.widgets .col-box { padding: 0; }

.widgets .title_bar { padding: 12px 10px 14px; color: #fff; font-weight: 600; }
.widgets .map .title_bar { background-color: #202945; }
/*.widgets .map img { height: calc(100% - 50px); }*/
.widgets .warnings .title_bar { background-color: #EA8005 }
.widgets .news .title_bar { background-color: #43BAB8; display: flex; justify-content: space-between; }
.widgets .news .title_bar a { color: #fff; display: inline-block; }
.widgets .news .title_bar .archive { opacity: .5; font-size: 13px; font-weight: 400; margin-right: 40px; }

.widgets .warnings .box { height: calc(100% - 50px); overflow: hidden; }
.widgets .warnings .half { /*height: 50%;*/ position: relative; transition: .3s; }
.widgets .warnings .half:hover { opacity: .8; transition: .3s; }
.widgets .warnings .half a { display: block; height: 100%; position: relative; }
.widgets .warnings .half a > img { width: 100%; height: auto; }
.widgets .warnings .meteo { /*background-color: rgba(234, 128, 5, .75);*/ /*background: url('../images/war-meteo-bg.png') no-repeat center /cover;*/ }
.widgets .warnings .hydro {/* background-color: #4B8C8B;*/ /*background: url('../images/war-hydro-bg.png') no-repeat center /cover;*/ }
.widgets .warnings .half .content { position: absolute; width: 100%; height: 100%; top: 0; }
.widgets .warnings .half .content img { position: absolute; top: 30px; right: 50px; }
.widgets .warnings .text { position: absolute; color: #fff; font-weight: 600; bottom: 30px; right: 50px; font-size: 18px; }

.widgets .front-newses { padding: 0 20px; }
.widgets .front-newses .content { margin: 0; }

.widgets .news .front-newses .title { margin-bottom: 0; }
.widgets .news .front-newses .read-more { margin: 0; transition: .3s; }

.widgets .news a:hover .read-more { color: #43BAB8; transition: .3s; }

.widgets .front-news { padding: 20px 0; }
.widgets .front-news:nth-child(2) { border: solid #43BAB8; border-width: 1px 0; }

/*NEW VERSION WIDGET*/

.widgets .map .warnings { display: flex; }
.widgets .map .warnings .half { max-height: 200px; width: 50%; }
.widgets .map .warnings .half a { height: 100%; width: 100%; overflow: hidden; }
.widgets .map .warnings .warn_active a:after { animation: warn-ico-pulse 3s infinite; color: white; content: ' !'; display: block; font-size: 50px; font-weight: 700; position: absolute; right: 70px; top: 10px; }
.widgets .map .warnings .half img { height: 100%; width: auto; }
.widgets .map .warnings .meteo { padding: 0 5px 10px 20px; }
.widgets .map .warnings .hydro { padding: 0 10px 10px 5px; }
.widgets .map .warnings .content img { width: 65px; height: auto; right: initial; left: 20px; top: 15px; }
.widgets .map .warnings .text { text-align: right; bottom: 15px; right: 20px; width: 160px; }
.widgets .map .widg-map-bott { height: 70px; width: 100%; color: #fff; display: flex; align-items: center; }
.widgets .map .widg-map-bott .widg-text { text-align: center; background-color: #212a44; width: calc(100% - 70px); font-weight: 700; font-size: 18px; height: 70px; display: flex; align-items: center; justify-content: center; padding: 10px; }
.widgets .map .widg-map-bott .widg-text span { display: inline-block; line-height: normal; }

.widgets .map .widg-map-bott .widg-arrow { background-color: #43BAB8; color: #212a44; width: 70px; text-align: center; line-height: 70px; }
.widgets .map .widg-map-bott .widg-arrow img { width: 14px; }
.widgets .map .maps-service { padding: 0 10px 0 20px; }

.widgets .services { padding: 0 10px; text-align: center; }
.widgets .services img { width: 100%; height: auto; max-width: 496px; }
.widgets .services .thunder { margin: 0 0 20px 0; height: calc(50% - 10px); }
.widgets .services .meteo-service { height: calc(50% - 10px); }

.widgets .services .thunder a,
.widgets .services .meteo-service a { background: no-repeat center /cover; display: block; width: 100%; height: 100%; }

.widgets .news-service { padding: 0 20px 0 10px; }

.services { margin-top: 50px; }
.services .col-box { overflow: hidden; padding: 0; }
.services .img {/* min-height: 400px;*/ overflow: hidden; }
.services .img img { transition: .3s all; width: 100%; height: 100%; }
.services .middle-service { display: flex; justify-content: center; align-items: center; }
.services .middle-service a { display: block; /*padding: 0 20px;*/ }
.services .middle-service .img { display: flex; justify-content: center; align-items: center; min-height: initial; }
.services .middle-service img { transform: initial; object-fit: initial; position: static; width: 100%; }
.services .img:hover img { transform: scale(1.1); transition: .3s all; }

.widgets .map-widget { border: 1px solid #dee2e6; padding: 10px 10px; }
.map-widget .map-title { font-size: 18px; font-weight: 700; color: #202945; }
#map-widget .im-map { display: flex; justify-content: center; align-items: center; position: relative; max-width: 500px;
    max-height: 500px; width: 100%; height: 100%; margin: 0 auto; }
#map-widget .im-map #pl-pow { width: 100%; height: 100%; }
#map-widget .im-map .map-bg { width: 100%; height: 100%; }

@media (max-width: 1600px) {
    #map-widget .map-city { height: 50px; width: 95px; font-size: .6rem; }
    .widgets .warnings .text {font-size: 15px;}
}

@media (max-width: 1250px) {
    #map-widget .map-city { height: 40px; width: 75px; font-size: .5rem; }
}

@media (max-width: 1150px) {
    #map-widget .map-city-name { display: none; }
    #map-widget .map-city-temp { display: inline; float: none; }
}

@media (max-width: 991px) {
    #map-widget .map-city { height: 60px; width: 100px; font-size: .7rem; }
    #map-widget .map-city-name { display: block; }
    #map-widget .map-city-temp { display: inline-block; float: left; }
}

@media (max-width: 500px) {
    #map-widget .map-city { height: 50px; width: 95px; font-size: .6rem; }
}

@media (max-width: 450px) {
    #map-widget .map-city { height: 40px; width: 75px; font-size: .5rem; }
    #map-widget .map-city-name { display: none; }
    #map-widget .map-city-temp { display: inline; float: none; }
}

@media (max-width: 400px) {
    #map-widget .map-city { height: 35px; width: 65px; }
}

@media (max-width: 350px) {
    #map-widget .map-city { height: 30px; width: 55px; }
}

/*NEW VERSION WIDGET*/

@media (max-width: 1455px) {
    .widgets .front-news { padding: 25px 0; }

}

@media (max-width: 1400px) {
    .widgets .front-news { padding: 20px 0; }
    .widgets .map .warnings .warn_active a:after { right: 50px; }
}

@media (max-width: 1370px) {
    .widgets .front-news { padding: 15px 0; }
}

@media (max-width: 1300px) {
    .widgets .front-news .text { display: none; }
    .widgets .news .content .title { line-height: 20px; }
}

@media (max-width: 1250px) {
    .widgets .map .warnings .half { max-height: 180px; }
    .widgets .map .warnings .text { font-size: 14px; }

    .widgets .services { padding: 0 15px; }
    .widgets .map .widg-map-bott { height: 60px; }
    .widgets .map .widg-map-bott .widg-text { font-size: 16px; width: calc(100% - 60px); height: 60px; }
    .widgets .map .widg-map-bott .widg-arrow { width: 60px; line-height: 60px; }
}

@media (max-width: 1100px) {
    .widgets .map .warnings .warn_active a:after { right: 30px; }
}


@media (max-width: 991px) {
    .widgets { padding: 0 50px; }
    .widgets .map img { width: 520px; height: auto; display: block; margin: 0 auto; }
    .widgets .front-newses { padding: 0; }


    .widgets .map .maps-service { padding: 0; }
    .widgets .map .maps-service img { width: 100%; }
    .widgets .map .warnings .meteo { padding: 0 5px 10px 0; }
    .widgets .map .warnings .hydro { padding: 0 0 10px 5px; }

    .widgets .map .warnings .text { font-size: 18px; }
    .widgets .map .warnings .half img { height: auto; width: 100%; }
    .widgets .map .warnings .content img { width: 65px; height: auto; }

    .widgets .map .widg-map-bott { height: 70px; width: 100%; margin: 0 auto 10px; }
    .widgets .map .widg-map-bott .widg-text { font-size: 18px; width: calc(100% - 70px); height: 70px; }
    .widgets .map .widg-map-bott .widg-arrow { width: 70px; }
    .widgets .map .widg-map-bott .widg-arrow img { height: 70px; }

    .widgets .services { padding: 0; }
    .widgets .services img { max-width: 100%; }
    .widgets .services .thunder { margin: 0 0 10px 0; height: 450px; }
    .widgets .services .meteo-service { margin: 0 0 10px 0; height: 480px; }

    .widgets .news-service { padding: 0; }

    .services .img img { transition: .3s all; width: 101%; height: 100%; position: static; transform: initial;
        object-fit: initial; }
    .services .img:hover img { transform: scale(1.1); transition: .3s all; }
    .services .middle-service a { padding: 15px 0; }

}

@media (min-width: 992px) and (max-width: 1200px) {
    .service-menu-opened .widgets .map .warnings .half { width: 100%; }

    .service-menu-opened .widgets .map .warnings { display: block; }
    .service-menu-opened .widgets .map .warnings .hydro,
    .service-menu-opened .widgets .map .warnings .meteo { padding: 0 10px 0 20px; }
    .service-menu-opened .widgets .map .warnings .half { min-height: initial; margin-bottom: 10px; }
    .service-menu-opened .widgets .map .warnings .half img { height: auto; width: 100%; }
    .service-menu-opened .widgets .map .warnings .content img { width: 65px; height: auto; }
}

@media (max-width: 880px) {
    .widgets .services .thunder { height: 400px; }
    .widgets .services .meteo-service { height: 420px; }
}

@media (max-width: 670px) {
    .widgets .services .thunder { height: 350px; }
    .widgets .services .meteo-service { height: 380px; }
}

@media (max-width: 621px) {
    .widgets .map img { width: 100%; }

    .widgets .map .warnings .text { font-size: 14px; }
    .widgets .map .warnings .half { min-height: 180px; }
    .widgets .map .warnings .half img { height: 100%; width: auto; }
    .widgets .map .warnings .content img { width: 65px; height: auto; }

    .widgets .services .thunder { height: 300px; }
    .widgets .services .meteo-service { height: 330px; }
}

@media (max-width: 550px) {
    .widgets { padding: 0 30px; }

    .widgets .map .widg-map-bott { height: 60px; }
    .widgets .map .widg-map-bott .widg-text { font-size: 16px; width: calc(100% - 60px); height: 60px; }
    .widgets .map .widg-map-bott .widg-arrow { width: 60px; line-height: 60px; }
    .widgets .map .widg-map-bott .widg-arrow img { height: 60px; }
}

@media (max-width: 510px) {
    .widgets .services .thunder { height: 250px; }
    .widgets .services .meteo-service { height: 280px; }
}

@media (max-width: 440px) {
    .widgets .services .thunder { height: 200px; }
    .widgets .services .meteo-service { height: 230px; }
}

@media (max-width: 420px) {
    .widgets .warnings .half .content img { width: 60px; }
}

@media (max-width: 380px) {
    .widgets .services .thunder { height: 150px; }
    .widgets .services .meteo-service { height: 180px; }
}

@media (max-width: 360px) {
    .widgets .map .warnings .half { width: 100%; }

    .widgets .map .warnings { display: block; }
    .widgets .map .warnings .hydro,
    .widgets .map .warnings .meteo { padding: 0; }
    .widgets .map .warnings .half { min-height: initial; margin-bottom: 10px; }
    .widgets .map .warnings .half img { height: auto; width: 100%; }
    .widgets .map .warnings .content img { width: 65px; height: auto; }
}

@media (max-width: 340px) {
    .widgets .warnings .half .content img { width: 40px; }
}

.socials { margin: 100px 0 0; padding-bottom: 100px; }
.socials .header { font-size: 18px; color: #918F8F; text-transform: uppercase; text-align: center; font-weight: 600; padding: 0; }
.socials .links { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.socials .link { background-color: #202945; width: 100px; text-align: center; margin: 10px; }
.socials .link a { display: block; padding: 29px 0; transition: .3s; }
.socials .link a:hover { transition: .3s; opacity: .7; }
.socials .link img { height: 42px; width: auto; }

@media (max-width: 1440px) {
    .links .subtitle { min-height: 42px; }
}

.links .img { /*min-height: 400px;*/ overflow: hidden; }
.links .img img { transition: .3s all; width: 100%; height: 100%; /*position: absolute; left: 50%; transform: translateX(-50%); object-fit: cover;*/ }
.links .text { width: 100%; padding: 20px 30px 10px 30px; position: absolute; color: #fff; bottom: 0; left: 0; background: rgba(32, 41, 69, .5); }
.links .title { font-size: 24px; font-weight: 700; margin-bottom: -7px; }
.links .subtitle { font-size: 14px; }
.links .read-more { font-size: 14px; color: #fff; opacity: .8; }
.links .col-box { overflow: hidden; padding: 0; }
.links .col-box:hover .img img { transform: scale(1.1); transition: .3s all; }
.links .in img { fill: #fff; }

@media (max-width: 1440px) {
    .links .subtitle { min-height: 42px; }
}

.video { padding-left: 50px; padding-right: 50px; }
.video .cover { position: relative; cursor: pointer; display: block; }
.video .cover img { width: 100%; height: auto; filter: brightness(.7); }
.video .start-arrow { width: 0; height: 0; transition: .3s; border-top: 25px solid transparent; border-left: 35px solid #fff; border-bottom: 25px solid transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.video .start-arrow:after { content: ''; transition: .3s; display: block; width: 75px; height: 75px; border-radius: 50px; border: 3px solid #fff; transform: translate(-81%, -50%); }
.video .cover:hover .start-arrow { border-left-color: #43BAB8; transition: .3s; }
.video .cover:hover .start-arrow:after { border-color: #43BAB8; transition: .3s; }
.front .video iframe { padding: 0 50px; }

@media (max-width: 550px) {
    .video { padding-left: 30px; padding-right: 30px; }
}

/*END: FRONT */

/*START: PAGE CLASSES*/

.page { position: relative; padding-bottom: 50px; }
.page .top { position: relative; }
.page .banner { height: 400px; overflow: hidden; position: relative; }
.page .top img { width: 100%; height: auto; position: absolute; top: 50%; transform: translateY(-50%); }
.page .top .box { width: 500px; height: 200px; background-color: #43BAB8; color: #fff; position: absolute; left: 50px; bottom: -50px; }
.page .top .box.dark { background-color: #202945; }
.page .top .box .content { position: absolute; bottom: 20px; left: 20px; }
.page .top .title { font-size: 40px; line-height: 48px; margin-bottom: 0; }
.page .top .subtitle { font-size: 12px; color: #202945; font-weight: 700; }
.page .top .dark .subtitle { color: #43BAB8; }
.page .container { font-size: 17px; color: #474646; padding-top: 100px; }
.article.page .container { padding-top: 60px; }
.publication.page .container { padding-top: 60px; }
.page h2 { font-size: 32px; color: #202945; line-height: 38px; margin-bottom: 30px; }
.page .subheader { color: #43BAB8; font-weight: 700; margin-bottom: 20px; }
.page .text { margin-bottom: 30px; }
.page .text hr { border: none; background-color: #c4c4c4; height: 1px; }
.page .highlighted-text { background-color: rgba(67, 186, 184, 0.23); padding: 30px; margin-bottom: 30px; }
.page .contact-info { text-align: center; width: 340px; margin: 100px auto; }
.page .contact-info .contact-button { background-color: #43BAB8; color: #fff; padding: 20px 60px; margin: 30px 0; display: inline-block; }
.page .contact-info .contact-phone { color: #43BAB8; }
.page .contact-info .contact-phone a { color: #43BAB8; }
.page .gallery img { width: 100%; height: auto; }
.page .map { margin: 50px 0; }
.page .files { font-weight: 700; color: #202945; margin: 50px 0; }
.page .files-title { color: #43BAB8; margin-bottom: 40px; font-size: 18px; }
.page .file { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #c4c4c4; }
.page .file:last-child { border-bottom: none; }
.page .file a { color: inherit; margin-left: 15px; }
.page .file img { vertical-align: text-top; }

.page .gallery { display: flex; flex-wrap: wrap; /*justify-content: space-between; */margin-bottom: 50px; }
.page .gallery a { flex: 0 0 25%; padding: 15px; max-height: 130px; overflow: hidden; }

.font-size-x2 .page .top .title { font-size: 42px; }
.font-size-x2 .page .top .subtitle { font-size: 14px; }
.font-size-x2 .page .container { font-size: 20px; }
.font-size-x2 .page h2 { font-size: 36px; line-height: 40px; }
.font-size-x2 .page h3 { font-size: 22px; }

.font-size-x3 .page .top .title { font-size: 44px; }
.font-size-x3 .page .top .subtitle { font-size: 16px; }
.font-size-x3 .page .container { font-size: 24px; }
.font-size-x3 .page h2 { font-size: 40px; line-height: 48px; }
.font-size-x3 .page h3 { font-size: 24px; }

@media (max-width: 1150px) {
    /*.page .container { padding: 0 75px; }*/
    .page .banner { height: 300px; }
    .page .top .box { height: 170px; }
}

@media (max-width: 840px) {
    .page .banner { height: initial; }
    .page .top img { position: static; transform: none; }
}

@media (max-width: 610px) {
    .page .top .box { left: 20px; }
}

@media (max-width: 575px) {
    .page .container { padding: 40px 20px 0; }
}

@media (max-width: 550px) {
    .page .top .box { position: static; width: 100%; height: initial; }
    .page .top .box .content { position: static; padding: 0 20px; }
    .page .top .subtitle { padding: 20px 0 0; }
    .page .top .title { padding: 0 0 30px; }

    .page .gallery a { flex: 0 0 100%; }
}

@media (max-width: 400px) {
    .page .contact-info { width: 260px; }
    .page .contact-info .contact-phone a { display: block; }
}


.publications-page .publications.intro { padding: 30px 50px 0; color: #202945; font-size: 18px; margin: 30px auto 20px; width: 100%; }


@media (min-width: 576px) {
    .publications-page .publications.intro { max-width: 540px; }
}

@media (min-width: 768px) {
    .publications-page .publications.intro { max-width: 720px; }
}

@media (min-width: 992px) {
    .publications-page .publications.intro { max-width: 920px; }
}

/*.page ul { margin-left: 17px; }*/

/*END: PAGE CLASSES*/

/*START: LIST-NEWS PAGE*/

.views-page .container-fluid { padding: 0 50px; }
.views-page .container-fluid.news-container { margin-top: 75px; }
.views-page .row { margin: 0 -5px; }
.views-page .news { padding: 0 5px; }

.views-page .filters { font-size: 14px; height: 60px; background-color: #fff; display: flex; align-items: center; padding: 0 50px; width: 100%; margin-top: 75px; margin-bottom: 15px; }
.views-page .filters span { line-height: 1; color: #918F8F; font-weight: 700; cursor: pointer; transition: .3s; }
.views-page .filters span:hover { color: #202945; transition: .3s; }
.views-page .filters.scroll { position: fixed; top: 0; left: 0; z-index: 1; }
.views-page .filters .active { color: #202945; }
.views-page .filters a { color: inherit; }

.views-page .date-filters { font-size: 17px; visibility: hidden; }
.views-page .date-filters span:first-child { margin-right: 10px; }
.views-page .date-filters span:last-child { margin-left: 10px; }

.views-page .category-filters { width: 100%; margin-left: -171px; text-align: center; }
.views-page .category-filters span { margin: 0 10px; }

.news a { display: block; }

.news-page .news .img { height: 340px; overflow: hidden; position: relative; }
.news-page .news .img:after { transition: .3s all; border-bottom: 10px solid transparent; content: ''; width: 100%; display: block; position: absolute; bottom: 0; }
.news-page .news .img img { transition: .3s all; width: 100%; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); object-fit: cover; }

.news .press { padding: 0 50px; }
.press .press-news .img { height: 340px; overflow: hidden; position: relative; }
.press .press-news .img:after { transition: .3s all; border-bottom: 10px solid transparent; content: ''; width: 100%; display: block; position: absolute; bottom: 0; }
.press .press-news .img img { transition: .3s all; width: 100%; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); object-fit: cover; }
.press .press-news .press-title { font-size: 40px; color: #43BAB8; font-weight: 700; }

.news .content { margin-top: 30px; }
.news .content p { margin: 0; }
.news .content .date { color: #43BAB8; }
.news .content .title { color: #202945; font-size: 18px; font-weight: 700; margin-bottom: 10px; transition: .3s; }
.news a:hover .content .title { color: #43BAB8; transition: .3s; }
.news .content .text { color: #918F8F; font-size: 14px; margin-bottom: 10px; padding-right: 10px; }
.news .content .read-more { color: #c4c4c4; font-size: 14px; margin-bottom: 50px; }

.views-page .col-box:hover .img:after { transition: .3s all; border-bottom-color: #43BAB8; }
.views-page .col-box:hover .img img { transform: scale(1.1) translateX(-45%); transition: .3s all; border-bottom-color: #43BAB8; }

.font-size-x2 .news .content .title { font-size: 22px; }
.font-size-x2 .news .content .text { font-size: 16px; }
.font-size-x2 .news .content .read-more { font-size: 16px; }
.font-size-x2 .views-page .filters { font-size: 16px; }
.font-size-x2 .views-page .date-filters { font-size: 20px; }
.font-size-x2 .views-page .category-filters { margin-left: -198px; }

.font-size-x3 .news .content .title { font-size: 26px; }
.font-size-x3 .news .content .text { font-size: 18px; }
.font-size-x3 .news .content .read-more { font-size: 18px; }
.font-size-x3 .views-page .filters { font-size: 18px; }
.font-size-x3 .views-page .date-filters { font-size: 24px; }
.font-size-x3 .views-page .category-filters { margin-left: -233px; }

@media (max-width: 991px) {
    .views-page .filters { display: block; height: initial; padding: 20px 50px; }
    .views-page .date-filters { margin-bottom: 20px; }
    .views-page .category-filters { width: 100%; text-align: left; margin: 0; }
    .views-page .category-filters span:first-child { margin-left: 0; }

    .views-page .filters.scroll { position: static; }
}

@media (max-width: 570px) {
    .views-page .category-filters span { display: block; margin: 10px 0; }
}

@media (max-width: 550px) {
    .views-page .container-fluid { padding: 0 30px; }
    .views-page .filters { padding: 20px 30px; }
    .views-page .top { margin-bottom: 20px; }
}

/*END: NEWS PAGE*/

/*START: ARTICLE PAGE*/

.article .date { font-size: 32px; color: #43BAB8; font-weight: 300; margin-bottom: 30px; display: block; }
.article h1 { font-size: 32px; color: #202945; }
.article h2 { font-size: 18px; color: #43BAB8; line-height: 1.5; }
.article .back { text-align: center; margin: 30px 0 50px; }
.article .back .button { display: inline-block; text-transform: capitalize; padding: 15px 50px; border: 1px solid #c4c4c4; color: #918F8F; }

.font-size-x2 .article .date { font-size: 36px; }
.font-size-x2 .article h1 { font-size: 36px; }
.font-size-x2 .article h2 { font-size: 22px; }

.font-size-x3 .article .date { font-size: 40px; }
.font-size-x3 .article h1 { font-size: 40px; }
.font-size-x3 .article h2 { font-size: 26px; }

.separation-bar { display:none; border: none; height: 5px; margin:0; background-color: #43BAB8; }

img.align-center { max-width: 100%; height: auto; }

/*END: ARTICLE PAGE*/

/*START: PRODUCTS FRONT*/

.products { padding: 50px 0; }
.products .container-fluid { padding: 0 50px; }
.products .row { margin: 0 -5px; }
.products .col-box { padding: 5px; transition: .3s; }

.products .col-box:first-child .text { color: #43BAB8; position: relative; text-transform: none; bottom: initial; left: initial; }
.products .col-box:first-child .title { font-size: 40px; margin-bottom: -15px; }
.products .col-box:first-child .subtitle { font-size: 24px; }

.products .content { position: relative; display: block; }
.products .content:after { transition: .3s all; border-bottom: 10px solid transparent; content: ''; width: 100%; display: block; position: absolute; bottom: 0; }
.products .img { filter: brightness(.6); transition: .3s all; position: relative; height: 340px; overflow: hidden; }
.products .img img { transition: .3s all; width: auto; height: 100%; position: absolute; left: 50%; transform: scale(1) translateX(-50%); }
.products .text { transition: .3s; position: absolute; bottom: 20px; left: 30px; font-size: 24px; text-transform: uppercase; color: #fff; font-weight: 600; }

.products .col-box:hover .text { color: #43BAB8; transition: .3s; }
.products .col-box:hover .content:after { transition: .3s all; border-bottom-color: #43BAB8; }
.products .col-box:hover .img img { transform: scale(1.1) translateX(-45%); transition: .3s all; border-bottom-color: #43BAB8; }


@media (max-width: 550px) {
    .products .container-fluid { padding: 0 30px; }
}

@media (max-width: 380px) {
    .products .text { font-size: 20px; }
}

/*END: PRODUCTS FRONT*/

/*START: LOCALIZATIONS PAGE*/

.localization-page #map { height: 500px; width: 100%; margin-bottom: 50px; }
.localization-page .places { display: flex; flex-wrap: wrap; margin-bottom: 50px; }
.localization-page .places p { flex: 0 0 25%; padding: 10px; }

@media (max-width: 991px) {
    .localization-page .places p { flex: 0 0 33.33%; }
}

@media (max-width: 550px) {
    .localization-page .places p { flex: 0 0 50%; }
}

@media (max-width: 430px) {
    .localization-page .places p { flex: 0 0 100%; }
}

/*END: LOCALIZATIONS FRONT*/

/*START: PRODUCTS PAGE*/


/*END: PRODUCTS PAGE*/

/*START: PUBLICATION PAGE*/

.publication h1 { font-size: 32px; color: #202945; }
.font-size-x2 .publication h1 { font-size: 36px; }
.font-size-x3 .publication h1 { font-size: 40px; }
.publication .thumb { text-align: center; margin: 30px 0; }
.publication .thumb img { max-width: 100%; height: auto; display: inline-block; margin: 0 auto; }

.views-page .img { height: 450px; overflow: hidden; position: relative; }
.views-page .img:after { transition: .3s all; border-bottom: 10px solid transparent; content: ''; width: 100%; display: block; position: absolute; bottom: 0; }
.views-page .img img { transition: .3s all; width: 100%; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); object-fit: cover; }

.views-page .col-box .content { margin-top: 30px; }
.views-page .col-box .content p { margin: 0; }
.views-page .col-box .content .title { color: #202945; font-size: 18px; font-weight: 700; margin-bottom: 10px; transition: .3s; }
.views-page .col-box a:hover .content .title { color: #43BAB8; transition: .3s; }
.views-page .col-box .content .read-more { color: #c4c4c4; font-size: 14px; margin-bottom: 50px; }

/*END: PUBLICATION PAGE*/

/*START: PROJECTS PAGE*/

.project h1 { font-size: 32px; color: #202945; }
.font-size-x2 .project h1 { font-size: 36px; }
.font-size-x3 .project h1 { font-size: 40px; }
.project .thumb { text-align: center; margin: 30px 0; }
.project .thumb img { max-width: 100%; height: auto; display: inline-block; margin: 0 auto; }

/*END: PROJECTS PAGE*/

/*START: PARTNERS PAGE*/

.partners-page #map { height: 500px; width: 100%; margin-bottom: 50px; }
.partners-page .partners { display: flex; flex-wrap: wrap; margin-bottom: 50px; }
.partners-page .partner { flex: 0 0 33.33%; padding: 0 20px; }
.partners-page .partner .title { font-weight: 700; }
.partners-page .partner a { margin-bottom: 40px; display: block; }

@media (max-width: 768px) {
    .partners-page .partner { flex: 0 0 50%; }
}

@media (max-width: 550px) {
    .partners-page .partner { flex: 0 0 100%; }
}

/*END: PARTNERS PAGE*/

/*START: SOCIAL SHARING & BREADCRUMBS*/

.simple-page #block-addtoanybuttons { top: 500px; }
.product #block-addtoanybuttons { top: 500px; }
.article.page #block-addtoanybuttons,
.publication.page #block-addtoanybuttons { top: 100px; }
#block-addtoanybuttons { position: absolute; right: 50px; top: 50px; }
#block-addtoanybuttons .addtoany_list > a { display: block; }
#block-addtoanybuttons .addtoany_list.a2a_kit_size_32 a { margin: 5px 0; }
#block-addtoanybuttons .addtoany_list.a2a_kit_size_32 a > span { width: 40px; height: 40px; border-radius: 40px; }

#block-breadcrumby ol { list-style: none; display: flex; float: right; flex-wrap: wrap; justify-content: end; margin: 0 50px -33px 0; padding: 15px 0 0; }
.article #block-breadcrumby ol { margin: 0 50px 0 0; padding: 15px 0 0;}
#block-breadcrumby li { display: inline; color: #202945; font-size: 12px; }
#block-breadcrumby li:after { content: ' / '; margin: 0 2px; }
#block-breadcrumby li:last-child { color: #43BAB8; }
#block-breadcrumby li:last-child:after { content: ''; }
#block-breadcrumby li a { color: inherit; }

@media (max-width: 1150px) {
    #block-addtoanybuttons { position: static; text-align: center; margin-bottom: 50px; }
    #block-addtoanybuttons .addtoany_list > a { display: inline-block; }
}

@media (max-width: 950px) {
    #block-breadcrumby ol { justify-content: initial; float: none; margin: 0 0 -33px 50px; padding: 60px 0 0;}
    .article #block-breadcrumby ol { float: right; justify-content: end; margin: 0 50px 30px 0; padding: 15px 0 0 80px;}
}

@media (max-width: 610px) {
    #block-breadcrumby ol { margin: 0 0 -33px 20px; padding: 60px 0 0;}
}

@media (max-width: 575px) {
    .article #block-breadcrumby ol { margin: 0 20px 30px 0; padding: 15px 0 0 80px; }
}

@media (max-width: 550px) {
    #block-breadcrumby ol { margin: 0 0 -33px 20px; padding: 20px 0 0;}
}

/*END: SOCIAL SHARING & BREADCRUMBS*/

/* START: REKLAMACJE PAGE */

.reklamacje-page .webform-submission-form { width: 80%; }
.reklamacje-page .text { font-size: 14px; }
.reklamacje-page .text p { margin-bottom: 0; }

@media (max-width: 990px) {
    .reklamacje-page .webform-submission-form { width: 100%; }
}
/* END: REKLAMACJE PAGE */

/*START: WEBFORM */

.webform-submission-form .form-item:not(.form-item-captcha-response) { display: flex; flex: 0 0 auto; align-items: center; margin-bottom: 15px; }
.webform-submission-form .form-item.js-form-type-checkbox { display: block; width: 70%; margin-left: 30%; font-size: 12px; }
.webform-submission-form .form-item label { display: block; width: 30%; text-align: left; }
.webform-submission-form .js-form-type-checkbox label { display: inline; width: 100%; }
.webform-submission-form .js-form-type-checkbox input { margin-right: 5px; vertical-align: -10%; }
.webform-submission-form .js-form-type-checkbox input.error + label { color: #721c24; background-color: #f8d7da; }
.webform-submission-form .form-item label.form-required:after { content: '*'; font-size: 0.8em; padding-left: 3px; }
.webform-submission-form .form-item input, .webform-submission-form .form-item textarea { padding: 5px; font-size: inherit; background-clip: padding-box; border-radius: 5px; border: 1px solid #ced4da; }
.webform-submission-form .form-item input:focus, .webform-submission-form .form-item textarea:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%); }
.webform-submission-form .form-item:not(.form-item-captcha-response) input:not([type="checkbox"]), .webform-submission-form .form-item textarea { display: flex; width: 70%; }
.webform-submission-form .form-item textarea { display: block; width: 100%; }
.webform-submission-form .form-item input.error:not([type="checkbox"]), .webform-submission-form .form-item textarea.error { border-color: #dc3545; }
.webform-submission-form .form-item input.error:focus, .webform-submission-form .form-item textarea.error:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%); }
.webform-submission-form .form-item > div { display: flex; width: 70%; }
.webform-submission-form .js-form-type-checkbox div:not(.webform-element-more--content) { display: inline; width: auto; }
html.js .webform-submission-form .webform-element-more--link { display: inline; }
.webform-submission-form .btn { background: #2cd5c4; transition: .3s; padding: 15px 35px; font-size: 15px; font-weight: 600; display: block; border: 0; margin-left: 50%; transform: translateX(50%); color: #fff; text-align: center; }
.webform-submission-form .btn:hover { background-color: #1f2a44; }
.webform-submission-form .captcha { margin-left: 30%; margin-bottom: 20px; font-size: 14px; border: 3px solid #ccc; border-radius: 5px; padding: 10px; }
.webform-submission-form .captcha label, .webform-submission-form .captcha .description{ width: 100%; }

@media (max-width: 768px) {
    
    .webform-submission-form .form-item:not(.form-item-captcha-response) { display: block; }
    .webform-submission-form .form-item.js-form-type-checkbox { width: 100%; margin-left: 0; }
    .webform-submission-form .form-item:not(.form-item-captcha-response) input:not([type="checkbox"]), .webform-submission-form .form-item textarea { display: block; width: 100%; }
    .webform-submission-form .form-item { display: block; }
    .webform-submission-form .form-item label, .webform-submission-form .form-item input:not([type="checkbox"]), .webform-submission-form .form-item > div { width: 100%; }
    .webform-submission-form .js-form-type-checkbox, .webform-submission-form .captcha { width: 100%; margin-left: 0; }
    .webform-submission-form .btn { margin: 0 auto; transform: none; }
}

/*END: WEBFORM */

/* START: ALERTS */

div[data-drupal-messages] div[role="contentinfo"] > div { color: #004085; background-color: #cce5ff; border-color: #b8daff; position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; font-size: 14px; }
div[data-drupal-messages] div[role="contentinfo"] > div[role="alert"] { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
div[data-drupal-messages] ul { list-style: none; padding: 0; margin: 0; }

/* END: ALERTS */

/*LOGIN FORM*/

#user-login-form .login-form { margin-top: 50px; padding: 0 30px; }
#user-login-form .logo { text-align: center; }
#user-login-form .logo img { width: 320px; height: auto; margin-bottom: 50px; }
#user-login-form .logo h2 { color: #666666; font-family: 'Montserrat', sans-serif; font-size: 16px; margin-bottom: 50px; }

#user-login-form #edit-name--description,
#user-login-form #edit-pass--description { display: none; }

#user-login-form .login-fields label { display: none; }
#user-login-form .login-fields .form-text { width: 500px; margin-bottom: 30px; height: 25px; border-radius: 5px; border: 2px solid #6666; background-color: #F3F4EE; padding-left: 5px; font-size: 14px; }
#user-login-form .login-fields .form-text:focus { border: 2px solid #0085D0; }
#user-login-form .login-fields .field { display: flex; margin: 0 auto; }
#user-login-form .login-fields { max-width: max-content; margin: 0 auto; }
#user-login-form .login-fields p { line-height: 20px; width: 150px; color: #666666; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: normal; }
#user-login-form .login-submit { max-width: max-content; margin: 0 0 0 auto; }
#user-login-form #edit-submit { padding: 10px 50px; border-radius: 5px; border: 0; background-color: #0085D0; color: white; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: normal; }
#user-login-form #edit-submit:hover { opacity: 0.85; }


@media (max-width: 700px) {
    #user-login-form .login-fields .form-text { width: 100%; }
}

@media (max-width: 450px) {
    #user-login-form .login-fields .field { display: block; }
    #user-login-form .login-fields p { margin: 0; }
    #user-login-form .login-submit { margin: 0 auto; }

    #user-login-form .logo img { width: 100%; }
}

#backtotop { background-color: #2cd5c4; background-image: none; border-radius: 100%; transition: .3s; bottom: 60px; }
#backtotop:after { transition: .3s; width: 0; content: ''; border-width: 0 1px 1px 0; display: block; padding: 10px; border-style: solid; border-color: #333; transform: rotate(-135deg); position: absolute; top: 45%; left: 35%; }
#backtotop:hover { background-color: #1f2a44; transition: .3s; opacity: 1; }
#backtotop:hover:after { border-color: #fff; transition: .3s; }


.home-popup { position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, .8); z-index: 503; width: 100%; height: 100vh; display: none; align-items: center; justify-content: center; }
.home-popup .close { cursor: pointer; position: absolute; z-index: 503; top: 20px; right: 20px; background: url("/themes/custom/imgw/images/close.png") no-repeat center /cover; width: 40px; height: 40px; display: block; }
.home-popup .popup-video { width: 85%; height: 80%; display: block; border: none;  }

@media (max-width: 880px) {
    .home-popup img { width: 95%; height: auto; margin: 0 auto; display: block; }
}

@keyframes warn-ico-pulse
{
    0% {
        color:white;
    }
    50% {
        color:transparent;

    }
    100% {
        color:white;
    }
}

@media (min-width: 1920px) {
    html { width: 1920px; margin: 0 auto; }
}