/* ================== FONTS ================= */
@import url('font2/fonts.css');
/* ================== FONTS ================= */

/* ================== GENERAL ================= */

html,
body {
    font-weight: 400;
    overflow-x: hidden;
}

a, 
input, 
button, 
select {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#main-content a {
    text-decoration: underline;
    color: #FAA54B;
}

#main-content a:hover {
    text-decoration: none;
}

::marker {
  color: #014985;
}

.cleaner {
    float: none;
    clear: both;
}

.hidden {
    display: none;
}

body #et-main-area .et_pb_button {
    padding: 10px 30px !important;
    font-weight: 500;
    line-height: 26px!important;
    font-weight: 500;
    min-width: 200px;
    text-align: center;
}


/* ================== GENERAL ================= */

/* ================== TITLE SECTION ================= */
.et_pb_row.title-wrapper {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

.title-wrapper .et_pb_text_inner {
    text-align: center;
}

/*.title-wrapper .et_pb_text_inner:before {
    content: '';
    display: block;
    width: 1000%;
    border-bottom: solid 1px #5b86a0;
    position: absolute;
    left: 0;
    top: 50%;
}*/

.title-wrapper h2 {
    display: inline-block;
    padding: 0 30px;
/*    background: #FFF;*/
    position: relative;
    color: #4b9bd2;
    max-width: 800px;
}

.title-wrapper h2:after,
.title-wrapper h2:before {
    content: '';
    display: block;
    width: 1000%;
    border-bottom: solid 1px #5b86a0;
    position: absolute;
    right: 100%;
    top: 50%;
}

.title-wrapper h2:before {
    left: 100%;
    top: 50%;
    right: auto;
}

.bg-molecule {
    background-size: initial;
    background-image: url(../images/Background_elem.svg);
    background-repeat: no-repeat;
}
/* ================== TITLE SECTION ================= */

/* ================== BREADCRUMBS ================= */
.breadcrumbs-section.et_pb_section {
    padding: 0;
}

.breadcrumbs-section.et_pb_section .et_pb_row {
    padding: 10px 0;
    font-size: 14px;
}

#main-content .breadcrumbs-section .et_pb_row a {
    text-decoration: underline;
    font-size: 14px;
    color: #00466e;
}

#main-content .breadcrumbs-section .et_pb_row a:hover {
    text-decoration: none;
}
/* ================== BREADCRUMBS ================= */

/* ================== GDPR ================= */

.tooltips.info {
    background: #ffe14b;
    color: #FFF;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    margin-left: 5px;
}

.Zebra_Tooltip {
    z-index: 19999999999;
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
    border-color: transparent transparent #a0d2f0!important;
}

.Zebra_Tooltip_Message {
    padding: 10px!important;
    font-size: 12px!important;
    line-height: 1.2!important;
}

.Zebra_Tooltip .Zebra_Tooltip_Message {
    background-color: #a0d2f0!important;
    color: #12214a!important;
    font-size: 11px!important;
    font-weight: 500;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 93, 153, 0.6)!important;
    -moz-box-shadow: 2px 2px 6px rgba(0, 93, 153, 0.6)!important;
    box-shadow: 2px 2px 6px rgba(0, 93, 153, 0.6)!important;
}

.Zebra_Tooltip .btn {
    font-size: 12px;
}

.Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div {
    border-color: #a0d2f0 transparent transparent!important;
}

.display-ib {
    display: inline-block;
}

.relative {
    position: relative;
    width: 100%;
}

#main-content a.cta-more {
    text-decoration: underline;
    color: #00466e;
}

#main-content a.cta-more:hover {
    text-decoration: none;
}

#main-content a.cta-button {
    padding: 10px 30px;
    font-weight: 500;
    line-height: 26px;
    font-weight: 500;
    min-width: 200px;
    text-align: center;
    font-size: 18px;
    border-radius: 26px;
    color: #00466e;
    border: 2px solid #00466e;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none!important;
}

#main-content a.cta-button:hover {
    color: #ffffff!important;
    text-decoration: none!important;
    background-color: #00466e;
}

#main-content .gdpr-list {
    list-style-type: lower-alpha;
}

.cookies-text li,
.gdpr-list li {
    margin: 10px 0 10px 20px;
}

.cookies-text h2 {
    color: #a0d2f0;
}

.cookies-text .uc-embed-subelement {
    margin-bottom: 20px;
}
/* ================== GDPR ================= */



/* ================== HEADER ================= */
.container.et_menu_container {
    max-width: 1800px;
    width: 90%;
}

#logo {
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.logo-color {
    fill: #FFF;
}


#top-menu {
    position: relative;
}

#top-menu,
#top-menu-nav {
    width: 100%;
}

#et-top-navigation {
    width: 100%;
    text-align: center;
    padding-left: 0 !important;
    position: relative;
}

#main-header {
    background-color: #00466E;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.home #main-header {
    background-color: #A0D2F0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


#main-header.et-fixed-header {
    background-color: #FFF;
}

#main-header.et-fixed-header .logo-color,
.home #main-header .logo-color {
    fill: #00466e;
}

.et_header_style_left #et-top-navigation {
    padding-bottom: 27px;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-bottom: 14px;
}

#top-menu li a {
    color: #FFF;
    font-weight: normal;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.home #top-menu li a {
    color: #00466e;
}

#top-menu>li>a {
    font-weight: normal;
    border-bottom: solid 1px transparent;
}

#top-menu li ul {
    margin-top: -1px;
    padding: 0;
}

#top-menu li li {
    padding: 0;
    width: 100%;
}

#top-menu li li a {
    color: #00466e;
    padding: 6px 20px;
    width: 100%;
    font-weight: normal;
}

.et-fixed-header #top-menu li li a:hover,
#top-menu li li a:hover {
    color: #FAA54B!important;
    opacity: 1;
}


.nav li li ul {
    top: 4px;
    border-color: #ffe14b;
    left: 236px;
}

.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a ,
.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding-bottom: 6px;
}

#top-menu>li.current-page-ancestor>a,
#top-menu>li.current-menu-ancestor>a,
#top-menu>.current_page_item>a,
#top-menu-nav>ul>li>a:hover,
#top-menu>a:hover {
    color: #FFF!important;
    border-color: #FFF;
    opacity: 1;
}

#top-menu li.current-menu-ancestor>a {
    font-weight: bold;}

.et-fixed-header #top-menu li.current-page-ancestor>a, 
.et-fixed-header #top-menu li.current-menu-ancestor>a, 
.et-fixed-header #top-menu li.current-menu-item>a, 
.et-fixed-header #top-menu li.current_page_item>a {
    color: #00466e !important;
    font-weight: bold;
    border-color: #00466e;
}

.home #top-menu #menu-item-1328.current_page_item>a,
.et-fixed-header #top-menu #menu-item-1328.current-menu-item>a {
    font-weight: normal!important;
    border-color: transparent!important;
}

.home #top-menu #menu-item-1328.current_page_item>a:hover,
.et-fixed-header #top-menu #menu-item-1328.current-menu-item>a:hover,
.home #top-menu .current_page_item>a,
.home #top-menu-nav>ul>li>a:hover,
.et-fixed-header #top-menu-nav>ul>li>a:hover,
.home #top-menu>a:hover {
    color: #00466e!important;
    border-color: #00466e!important;
    opacity: 1;
}

.et_mobile_menu li li {
    padding-left: 10px;
}

#top-menu .current_page_item>a {
    font-weight: bold;
}

.et-fixed-header #top-menu .sub-menu .current_page_item>a,
#top-menu .sub-menu .current_page_item>a {
    color: #FAA54B!important;
    font-weight: 600;
}

#mobile_menu .current-menu-item>a {
    color: #FAA54B;
}

#mobile_menu #menu-item-1328.current-menu-item>a {
    color: #00466e;
}

#mobile_menu .current-page-ancestor>a,
#mobile_menu .current_page_ancestor>a {
    color: #A0D2F0;
}



#top-menu li.lang {
    position: absolute;
    right: 0;
    padding: 0;
    top: -13px;
}

#top-menu li.lang.active {
    right: 50px;
}

#top-menu li.lang a {
    border: solid 2px #FFF;
    border-radius: 50%;
    padding: 0!important;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-weight: 500;
}

#top-menu li.lang a:hover,
#top-menu li.lang.active a {
    border-color: #A0D2F0;
    color: #00466E;
    background-color: #A0D2F0;
}

#top-menu .hide-on-desktop {
    display: none;
}

.home #top-menu li.lang a {
    border-color: #00466E;
}

.home #top-menu li.lang.active a {
    border-color: #00466E;
    background-color: #00466E;
    color: #FFF;
}

.home #top-menu li.lang a:hover {
    border-color: #FFF;
    background-color: transparent;
    color: #FFF!important;
}

.et-fixed-header #top-menu li.lang a {
/*    border: solid 2px #A0D2F0;
    background-color: #A0D2F0;    */
    border: solid 2px #00466e;
    background-color: #00466e;
    color: #FFF!important;
}

.et-fixed-header #top-menu li.lang.active a {
/*    border: solid 2px #00466e;
    color: #FFF!important;
    background-color: #00466e;*/

    border: solid 2px #A0D2F0;
    background-color: #A0D2F0;
    color: #FFF!important;
}

.home .et-fixed-header #top-menu li.lang a {
/*    border: solid 2px #A0D2F0;
    background-color: #A0D2F0;
    color: #FFF!important;*/

    border: solid 2px #00466e;
    color: #FFF!important;
    background-color: #00466e;
}

.home .et-fixed-header #top-menu li.lang.active a {
    border: solid 2px #A0D2F0;
    background-color: #A0D2F0;
}

.et-fixed-header #top-menu li.lang a:hover {
    border: solid 2px #00466e;
    background-color: #A0D2F0;
    color: #00466e!important;
}

.et-fixed-header #top-menu li.lang.active a:hover {
    background-color: #A0D2F0;
    color: #00466e!important;
}

.home .et-fixed-header #top-menu li.lang a:hover {
    border: solid 2px #00466e;
    color: #00466e!important;
    background-color: #A0D2F0;
}

.home .et-fixed-header #top-menu li.lang.active a:hover {
    border: solid 2px #00466e;
    color: #00466e!important;
    background-color: #A0D2F0;
}

.et_mobile_menu .menu-item-has-children>a,
.et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
    font-weight: 600;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: transparent;
    opacity: 1;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\4c';
    top: 11px;
    right: 13px;
    color: #014985;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}

.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}

.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}



/* ================== HEADER ================= */


/* ================== HOMEPAGE ================= */
.home-banner {
    background-color: #A0D2F0;
}

.home-banner.et_pb_section {
    padding-bottom: 200px;
    padding-top: 20px;
}

.home-banner .et_pb_row {
    max-width: 1400px;
}

.home-banner .banner-text {
    padding-top: 70px;
}

/*.home-banner .banner-text:before {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    display: block;
    width: 160px;
    height: 160px;
    background-image: url('../images/Stamp_25R_c.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
*/
.home-banner .banner-text em {
    text-transform: uppercase;
    color: #FFF;
    font-style: normal;
    max-width: 260px;
    display: inline-block;
}

.home-banner .banner-text h1 {
    font-family: 'MarselisPro';
    line-height: 1.2;
    color: #FFF;
    font-size: 90px;
}

.home-banner .banner-img .et_pb_image_wrap {
    position: absolute;
    top: 50px;
}

/*.home-banner .banner-img .et_pb_image_wrap img {
    max-width: 120%;
}*/

.home-banner .banner-buttons {
    padding-top: 60px;
    padding-bottom: 0;
}

.home-banner .banner-buttons:before {
    content: '';
    background: transparent linear-gradient(180deg, #4B9BD2 0%, #A0D2F0 100%) 0% 0% no-repeat padding-box;
    display: block;
    width: 1000%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
}

.home-banner .banner-buttons .et_pb_button_module_wrapper {
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

#main-content .home-banner .banner-buttons .et_pb_button_module_wrapper .et_pb_button {
    color: #ffffff;
    border-color: #00466e;
    background-color: #00466e;
    text-decoration: none;
}

#main-content .home-banner .banner-buttons .et_pb_button_module_wrapper:nth-of-type(2) .et_pb_button {
    color: #00466e;
    border-color: #00466e;
    background-color: #FFE14B;
}

#main-content .home-banner .banner-buttons .et_pb_button_module_wrapper .et_pb_button:hover {
    color: #00466e!important;
    background-color: transparent;
}

.cta-boxes.et_pb_section {
    background-color: #e4f1fa;
    padding: 0;
    height: 300px;
}
.cta-boxes .et_pb_row {
    top: -170px;
}

.cta-boxes .custom-box {
    padding: 40px;
    border-radius: 20px;
    height: 100%;
    background-color: #FFF;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path id="Path_111" data-name="Path 111" d="M25.6,0V25.6H0V38.4H25.6V64H38.4V38.4H64V25.6H38.4V0Z" transform="translate(0)" fill="%23a0d2f0" opacity="0.35"/> </svg>');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top right;
/*    box-shadow: 0px 2px 20px #4B9BD2;*/
    -webkit-box-shadow: 0px 2px 20px 0px rgba(75,155,210,1);
    -moz-box-shadow: 0px 2px 20px 0px rgba(75,155,210,1);
    box-shadow: 0px 2px 20px 0px rgba(75,155,210,1);
}

.cta-boxes .custom-box .et_pb_blurb_content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.cta-boxes .custom-box .et_pb_blurb_container h2 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 500;
}

#main-content .cta-boxes .custom-box .et_pb_blurb_container a {
    color: #00466e;
    text-decoration: none;
}

.dostupnost .et_pb_main_blurb_image {
    vertical-align: middle;
    width: 48px;
}

.dostupnost .et_pb_blurb_container h4 {
    font-size: 16px;
    text-decoration: underline;
    padding-bottom: 0;
}

#main-content .dostupnost .et_pb_blurb_container h4 a {
    color: #00466e;
}

#main-content .dostupnost .et_pb_blurb_container h4 a {
    text-decoration: none;
}

#produkty {
    background-position-y: 80%;
}

body #et-main-area #produkty .et_pb_image {
    margin-bottom: 0;
}

body #et-main-area #produkty .et_pb_button {
    background-color: #FFF;
    color: #00466e;
    text-decoration: none;
}

body #et-main-area #produkty .et_pb_button:hover {
    background-color: #00466e;
    color: #FFF;
}

.colored-boxes-section {
    background-size: initial;
    background-image: url(../images/Background_elem.svg);
}

.page-id-862 .colored-boxes-section,
.home .colored-boxes-section {
    background-size: initial;
    background-image: none;
}

.colored-boxes .custom-box {
    padding: 20px 20px 30px 20px;
    border-radius: 20px;
    height: 100%;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path id="Path_111" data-name="Path 111" d="M25.6,0V25.6H0V38.4H25.6V64H38.4V38.4H64V25.6H38.4V0Z" transform="translate(0)" fill="%23ffffff" opacity="0.35"/> </svg>');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom right;
}

.colored-boxes .custom-box,
#main-content .colored-boxes .custom-box a,
.colored-boxes .custom-box h3 {
    color: #12214A;
}

.colored-boxes .custom-box h3 {
    font-size: 24px;
}

.colored-boxes .box-lightblue {
    background-color: #A0D2F0;
}

.colored-boxes .box-yellow {
    background-color: #FFE14B;
}

.colored-boxes .box-orange {
    background-color: #FAA54B;
}

.homepage-info h2 {
    color: #4b9bd2;
}

.homepage-info em {
    text-transform: uppercase;
    font-size: 18px;
    font-style: normal;
}

.homepage-info .woerwag-logo-box .et_pb_text_inner {
    display: inline-block;
}

.homepage-info .woerwag-logo-box:before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 60px;
    margin-right: 30px;
/*    background-image: url('data:image/svg+xml;utf8,<svg height="512px" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="_x31_22-facebook-f"><g><path d="M331.289,102.369h43.305V29.235c-7.459-0.988-33.154-3.234-63.07-3.234    c-62.441,0-105.207,38.094-105.207,108.081v64.419h-68.91v81.758h68.91v205.74h84.453v-205.74h66.125l10.512-81.758H290.77    v-56.334C290.77,118.54,297.328,102.369,331.289,102.369z" style="fill:%2300305f;"/></g></g><g id="Layer_1"/></svg>');*/
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Logo" x="0px" y="0px" viewBox="0 0 524.4 396.9" style="enable-background: new 0 0 524.4 396.9" xml:space="preserve"> <g> <path fill="%233c3737" d="M408.2,75.1c-4.5,22-13.8,42.3-26.8,59.6c-27.2,36.2-70.5,59.6-119.2,59.6s-92-23.4-119.2-59.6 c-13-17.3-22.4-37.6-26.8-59.6h74.5c0,24.9,12.7,46.8,32,59.6c11.3,7.5,24.9,11.9,39.5,11.9s28.2-4.4,39.6-11.9 c19.3-12.8,32-34.7,32-59.6L408.2,75.1L408.2,75.1z"></path> <path fill="%23e6052d" d="M321.8,75.1c0,32.9-26.7,59.6-59.6,59.6s-59.6-26.7-59.6-59.6s26.7-59.6,59.6-59.6S321.8,42.2,321.8,75.1"></path> <path fill="%233c3737" d="M386.4,363.6l6.6-17.2l7.4,17.2H386.4z M372.5,381.4h7.2l4.4-11.5h19l5,11.5h7.1l-18.9-43.6h-6.9L372.5,381.4z M352.4,337.8h6.7v43.6h-6.5v-32l-13,19.8h-4.7l-13.1-19.8v32h-6.5v-43.6h6.7l15.3,23.6L352.4,337.8z M264.1,337.8h20.2 c7.4,0,13.8,5.5,13.8,13.4c0,5.7-3.5,10.7-8.7,12.8l9.9,17.4h-7.4l-9.3-16.8h-11.8v16.8H264L264.1,337.8L264.1,337.8z M291.3,351.3 c0-4.2-3.1-7.2-7-7.2h-13.4v14.4h13.4C288,358.4,291.3,355.5,291.3,351.3 M222.9,363.6l6.6-17.2l7.4,17.2H222.9z M209,381.4h7.2 l4.4-11.5h19l5,11.5h7.1l-18.9-43.6h-6.9L209,381.4z M195.6,381.4h-6.8v-19h-23.3v19h-6.8v-43.6h6.8v18.4h23.3v-18.4h6.8V381.4z M129.3,337.8c8,0,14.6,5.9,14.6,14.1c0,8-6.7,14-14.6,14h-13.2v15.5h-6.8v-43.6H129.3z M116.1,344v15.6h13.2 c4.4,0,7.8-3.4,7.8-7.7s-3.4-7.8-7.8-7.8h-13.2V344z"></path> <path fill="%233c3737" d="M437.1,267.5c0,18.3,14.8,31.8,32.2,31.8c9.1,0,16.4-3.7,21-10.2v8.4c0,13.8-7.2,19.8-19.6,19.8 c-9.5,0-17.1-2.9-21.5-13.8l-10.9,7.5c5.8,12.5,16.6,18.4,32.4,18.4c21.1,0,32.4-11.6,32.4-31.9l-0.1-60h-12.7v8.7 c-4.6-6.6-12-10-21-10C451.7,236.1,437.1,249.1,437.1,267.5 M470.6,287.6c-11.8,0-20.9-7.5-20.9-20.1c0-12.2,8.8-19.8,20.9-19.8 c11.3,0,20.4,7.9,20.4,19.8C491,279.4,482,287.6,470.6,287.6 M409.2,237.5v10c-3.9-5.9-10.9-11.2-22.5-11.2 c-18.4,0-32.6,14.4-32.6,34.2c0,19.6,13.9,34.3,32.6,34.3c11.6,0,18.5-5.4,22.5-11.3v9.7H422v-65.7L409.2,237.5L409.2,237.5z M409.8,270.4c0,12.7-9.5,22.5-21.5,22.5c-12.5,0-21.5-8.9-21.5-22.5c0-13,8.9-22.5,21.5-22.5C400.1,248,409.8,257.3,409.8,270.4 M334.3,237.5l-15.6,46l-16.2-46h-8.7l-16.2,46l-15.6-46h-12.6l22.2,65.7H283l15.2-43.9l15,43.9h11.4l22.2-65.7L334.3,237.5 L334.3,237.5z M238.9,249.8v-13h-3.8c-12.9,0-19.7,3.8-25.7,14.4v-13.8h-12.7v65.7h12.7v-25.7c0-15.5,6.7-27.6,25.7-27.6 L238.9,249.8L238.9,249.8z M182.2,270.3c0-19.8-15-33.9-34.3-33.9c-19,0-34.4,13.8-34.4,33.9c0,19.4,15.4,34,34.4,34 C166.7,304.3,182.2,290.1,182.2,270.3 M147.9,292.6c-11.8,0-21.7-9.2-21.7-22.3c0-12.9,9.3-22.2,21.7-22.2 c12.1,0,21.5,8.9,21.5,22.2C169.4,283,160.1,292.6,147.9,292.6 M160.8,227.2c4.6,0,8.3-3.5,8.3-8s-3.7-8-8.3-8s-8.3,3.5-8.3,8 S156.2,227.2,160.8,227.2 M134.5,227.2c4.6,0,8.3-3.5,8.3-8s-3.7-8-8.3-8s-8.3,3.5-8.3,8S129.9,227.2,134.5,227.2 M93.6,237.5 l-15.6,46l-16.2-46h-8.7l-16.2,46l-15.6-46H8.8L31,303.1h11.4l15.2-43.9l15,43.9H84l22.2-65.7L93.6,237.5L93.6,237.5z"></path></g></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}
/* ================== HOMEPAGE ================= */

/* ================== SUBPAGE ================= */
.subpage-banner h1 {
    font-family: 'MarselisPro';
    color: #FFF;
    font-size: 70px;
}
.subpage-banner:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(2 88 137 / 80%);
}


table {
    width: 100%;
    overflow-x: auto;
    display: block;
    border: none!important;
}

.entry-content thead th, 
.entry-content tr th,
table tr th {
    background-color: #00466E;
    color: #FFF;
    border: none;
    border-top: solid 5px #FFF;
    border-bottom: solid 5px #FFF;
}

.entry-content tr td,
table tr td {
    background-color: #A0D2F0;
    border: none;
    border-top: solid 5px #FFF;
    border-bottom: solid 5px #FFF;
}

#main-content table a {
    color: #e10231;
}

/* ================== SUBPAGE ================= */


/* ================== EDUKACENE MATERIALY ================= */
#edukacne-materialy {
    padding-top: 0;
    background-size: initial;
    background-image: url(../images/Background_elem.svg);
    background-position-y: top;
    background-repeat: repeat-y;
}

#edukacne-materialy .et_pb_row:nth-of-type(1) {
    border-top: solid 1px #00466e;
}

#edukacne-materialy .et_pb_row {
    border-bottom: solid 1px #00466e;
}

#edukacne-materialy .et_pb_button_module_wrapper {
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

#edukacne-materialy .et_pb_button_module_wrapper .et_pb_button {
    color: #ffffff;
    border-color: #00466e;
    background-color: #00466e;
    text-decoration: none;
}

#edukacne-materialy .et_pb_button_module_wrapper:nth-of-type(odd) .et_pb_button {
    color: #00466E;
    border-color: #A0D2F0;
    background-color: #A0D2F0;
}

#edukacne-materialy .et_pb_button_module_wrapper .et_pb_button:hover {
    color: #00466e!important;
    background-color: #FFF;
    border-color: #00466e;
}

.pum-content .et_pb_section {
    padding: 0;
}

.pum-content .et_pb_row {
    width: 100%;
}

.pum-content .letak-wrapper {
    margin: 15px;
    display: block;
}

.pum-content .letak-wrapper label {
    display: inline-block;
    padding: 0;
    clear: both;
}

.pum-content .letak-wrapper label .wpcf7-list-item-label {
    float: left;
    width: auto;
    top: auto;
    padding: 6px;
}

.pum-content .wpcf7-form input[type=checkbox]::before {
    width: 9px;
    height: 18px;
}

/* ================== EDUKACENE MATERIALY ================= */


/* ================== PRACOVISKA ================= */
#pracoviska ul {
    padding-left: 0;
}

#pracoviska ul li {
    border-bottom: solid 1px #00466e;
    padding: 20px 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#pracoviska ul li:first-of-type {
    border-top: solid 1px #00466e;
}

#pracoviska ul li div{
    margin-right: 15px;
}

#pracoviska ul li a.cta-button {
    color: #00466E;
    border-color: #A0D2F0;
    background-color: #A0D2F0;
}

#pracoviska ul li a.cta-button:hover {
    color: #00466e!important;
    background-color: #FFF;
    border-color: #00466e;
}

/* ================== PRACOVISKA ================= */

/* ================== BOX LINKS ================= */
.box-links .et_pb_blurb {
    padding: 40px;
    border-radius: 20px;
    height: 100%;
    min-height: 240px;
    background-color: #00466e;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"> <path id="Path_111" data-name="Path 111" d="M25.6,0V25.6H0V38.4H25.6V64H38.4V38.4H64V25.6H38.4V0Z" transform="translate(0)" fill="%23ffffff" opacity="0.35"/> </svg>');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom right;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.box-links .et_pb_blurb:hover {
    background-color: #005485;
}

#main-content .box-links .et_pb_blurb .et_pb_blurb_container a {
    color: #FFF;
}

#main-content .box-links .et_pb_blurb .et_pb_blurb_container h3 {
    padding-bottom: 30px;
    font-size: 24px;
    color: #FFF;
}

#main-content .box-links .et_pb_blurb .et_pb_blurb_container h3 a {
    color: #FFF;
    text-decoration: none;
}
/* ================== BOX LINKS ================= */


/* ================== PRODUCTS CTA SECTION ================= */
.products-cta-section {
    background-color: #E2F1FB;
}

#main-content .products-cta-section a {
    color: #00466e;
}

.products-cta-section .title-wrapper h2 {
    background-color: #E2F1FB;
    color: #00466E;
}

#main-content .products-cta-section .title-wrapper h2 a {
    text-decoration: none;
}

.products-cta-section .products .et_pb_blurb_content {
    max-width: 100%;
    background-color: #FFF;
    border-radius: 20px;
    padding: 30px;
}

.products-cta-section .products .et_pb_blurb_content .et_pb_main_blurb_image {
    width: 140px;
}

.products-cta-section .products .et_pb_blurb_content h4 {
    font-size: 18px;
}

#main-content .products-cta-section .products .et_pb_blurb_content h4 a {
    text-decoration: none;
}
/* ================== PRODUCTS CTA SECTION ================= */


/* ================== FORMS ================= */
.contact-form-wrapper {
    background-color: #FFF;
    padding: 40px;
    border-radius: 20px;
}

.contact-form-wrapper.contact-form-content {
    background-color: #e2f1fb;
}

label {
    color: #014985;
    font-size: 14px;
    font-weight: normal;
    padding-left: 15px;
}

.display-ib label {
    padding-left: 0;
}

input.text, 
input.title, 
input[type=email], 
input[type=password], 
input[type=tel], 
input[type=text], 
select, 
textarea {
    width: 100%;
    border: none;
    border: solid 1px #4b9bd2;
    border-radius: 20px;
    padding: 8px 20px;
    color: #B5B5B5;
    font-size: 16px;
    font-weight: 500;
}

select {
    background-color: #FFF;
    height: 47px;
}

input.wpcf7-not-valid, 
select.wpcf7-not-valid, 
textarea.wpcf7-not-valid {
    border: solid 1px #bf1328;
}

input.text:focus, 
input.title:focus, 
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus, 
input[type=text]:focus, 
select:focus, 
textarea:focus {
    border: none;
    border: solid 1px #014985;
    color: #050A1D;
}


.wpcf7-form input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    float: left;
    height: 25px;
    width: 25px;
    transition: all 0.15s ease-out 0s;
    background: #dddddd;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    border-radius: 0;
    margin-right: 8px;
    outline: none;
    position: relative;
    z-index: 1000;
}

.contact-form-wrapper.contact-form-content .wpcf7-form input[type=checkbox] {
    background: #a1cde6;
}


.wpcf7-form input[type=checkbox] {
margin-left: 0;
}
.wpcf7-form input[type=checkbox]:hover {
background: #82aed0;
}

.wpcf7-form input[type=checkbox]:checked {
    background: #4b9bd2;
}

.wpcf7-form input[type=checkbox]::before {
    transform: translate3d(75%, 0, 0) rotate(45deg) scale(0);
    color: #FFF;
    content: "";
    position: absolute;
    display: inline-flex;
    margin: auto;
    left: 1px;
    top: -4px;
    bottom: 0;
    transition-property: transform, background, border;
    transition-duration: 0.35s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 6px;
    height: 16px;
    background-color: transparent;
    border-bottom: 3px solid white;
    border-right: 3px solid white;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.wpcf7-form input[type=checkbox]:checked::before {
    transform: translate3d(75%, 0, 0) rotate(45deg) scale(1);
}

.wpcf7-form input[type=checkbox]:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #4b9bd2;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}

@keyframes click-wave {
    0% {
        height: 25px;
        width: 25px;
        opacity: 0.35;
        position: relative;
    }
    100% {
        height: 61px;
        width: 61px;
        margin-left: -18px;
        margin-top: -18px;
        opacity: 0;
    }
}





.wpcf7-captchac {
    float: none;
    clear: both;
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}

.wpcf7-list-item {
    margin: 0;
    display: block;
}

.wpcf7-list-item .wpcf7-list-item-label {
    cursor: pointer;
    color: #373B4A;
    font-weight: 500;
    position: relative;
    top: 3px;
    text-align: left;
    display: inline-block;
    padding-right: 30px;
    width: calc(100% - 35px);
    line-height: 1.4;
}

.wpcf7-form .tooltips.info {
    position: absolute;
    top: 5px;
    /*right: -25px;*/
    right: 0;
    margin-left: 0;
}

input[type=submit] {
    display: block;
    margin: 20px auto 0 auto;
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
    min-width: 200px;
    padding: 11px 25px;
    border: solid 2px #014985;
    border-radius: 40px;
    color: #014985;
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    background-color: transparent;
}

input[type=submit]:hover {
    background-color: #014985;
    color: #FFF;
}

.wpcf7 .ajax-loader {
    display: block;
    margin: 20px auto 0 auto;   
}

.wpcf7-not-valid-tip {
    color: #bf1328;
    font-size: 12px;
    font-weight: bold;
    padding-left: 15px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0 0;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #faa54b;
    background: #faa54b;
    color: #FFF;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #3faf53;
    background: #3faf53;
    color: #FFF;
}

/* ================== FORMS ================= */


/* ================== FOOTER ================= */
#custom-footer {
    font-size: 22px;
    font-weight: 300;
/*    background-image: url('../images/footer-bg_b6ebcd7098.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;*/

    background-color: #003661;
/*    opacity: 0.8;*/
}

#custom-footer:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url('../images/footer-bg_b6ebcd7098.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    opacity: 0.15;
}

#custom-footer h2 {
    color: #A0D2F0!important;
}

#custom-footer a {
    color: #FFF;
    text-decoration: none;
}

#custom-footer .smaller-text {
    font-size: 14px;
}

#custom-footer .smaller-text a,
#custom-footer a:hover {
    color: #FFF;
    text-decoration: underline;
}

#main-footer #footer-widgets {
    padding: 40px 0;
    font-size: 14px;
}

#main-footer .footer-widget {
    margin-bottom: 0;
}

#menu-footer-menu {
    list-style-type: none;
}

#menu-footer-menu li {
    display: inline-block;
    float: left;
    padding-left: 0;
    margin-right: 10px;
    margin-bottom: 0;
}

#menu-footer-menu li:before {
    display: none
}

#main-footer #text-2 {
    width: 100%;
    text-align: right;
}

/* ================== FOOTER ================= */


/* ================== MEDIA QUERY ================= */
@media (max-width: 1400px) {

    .home-banner .banner-text {
        padding-top: 100px;
    }

    .home-banner .banner-text h1 {
        font-size: 60px;
    }

}


@media (max-width: 1300px) {

    #et_mobile_nav_menu {
        display: block;
    }

    #top-menu {
        display: none;
    }

    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        padding-bottom: 0;
    }

/*    .et_fixed_nav #main-header {
        position: fixed;
    }*/

    #main-header.et-fixed-header {
        -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
        box-shadow: 0 0 7px rgba(0,0,0,0.1);
    }

    .et_header_style_left .et-fixed-header #et-top-navigation {
        padding-top: 20px;
        padding-bottom: 20px;
    }

   .et-fixed-header .et_mobile_menu {
        margin-top: 18px;
    }

    .home .mobile_menu_bar:before,
    .mobile_menu_bar:before {
        background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 43 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;"> <g transform="matrix(1,0,0,-1,5.15388,5.15388)"> <path d="M0,0L32,0" style="fill:none;fill-rule:nonzero;stroke:rgb(255 255 255);stroke-width:2.5px;"/> </g> <g transform="matrix(1,0,0,-1,5.15388,17.1539)"> <path d="M0,0L32,0" style="fill:none;fill-rule:nonzero;stroke:rgb(255 255 255);stroke-width:2.5px;"/> </g> <g transform="matrix(1,0,0,-1,5.15388,29.1539)"> <path d="M0,0L32,0" style="fill:none;fill-rule:nonzero;stroke:rgb(255 255 255);stroke-width:2.5px;"/> </g> </svg>');
        background-repeat: no-repeat;
        height: 40px;
        width: 40px;
        background-position: center;    
        font-size: 0;
        display: block;
    }

    .et-fixed-header .mobile_menu_bar:before,
    .home .mobile_menu_bar:before {
        background-image: url('data:image/svg+xml;utf8,<svg width="100%" height="100%" viewBox="0 0 43 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;"> <g transform="matrix(1,0,0,-1,5.15388,5.15388)"> <path d="M0,0L32,0" style="fill:none;fill-rule:nonzero;stroke:rgb(8,74,131);stroke-width:2.5px;"/> </g> <g transform="matrix(1,0,0,-1,5.15388,17.1539)"> <path d="M0,0L32,0" style="fill:none;fill-rule:nonzero;stroke:rgb(8,74,131);stroke-width:2.5px;"/> </g> <g transform="matrix(1,0,0,-1,5.15388,29.1539)"> <path d="M0,0L32,0" style="fill:none;fill-rule:nonzero;stroke:rgb(8,74,131);stroke-width:2.5px;"/> </g> </svg>');
    }

    .et_header_style_left #et-top-navigation {
        padding-top: 27px;
    }

    .et_mobile_menu {
        margin-top: 24px;
    }

    #mobile_menu {
        text-align: left;
    }

    .et_mobile_menu li a {
        padding: 10px;
    }

    .et_mobile_menu li.lang {
        width: 50%;
        text-align: center;
        float: left;
    }

    .et_mobile_menu li.lang a {
        border-bottom: none;
        border-radius: 50%;
        padding: 0;
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-weight: 500;
        background-color: #00466e;
        color: #FFF;
        display: inline-block;
        margin-top: 20px;
    }

    .et_mobile_menu li.lang.active a {  
        background-color: #A0D2F0;
    }


    #footer-widgets .footer-widget:nth-child(n), 
    #footer-widgets .footer-widget .fwidget,
    .footer-widget:nth-child(n),
    #main-footer .footer-widget {
        width: 100%!important;
        margin: 0!important;
    }

    #nav_menu-2 {
        width: 100%;
    }

    #main-footer #text-2 {
        text-align: center;
        padding-top: 40px;
    }

    #menu-footer-menu {
        width: 100%;
        display: block;
        overflow: auto;
        text-align: center;
    }


    #menu-footer-menu li {
        float: initial;
        padding: 0!important;
        margin: 0 10px;
    }


}



@media (max-width: 980px) {

    .et_header_style_left .et-fixed-header #et-top-navigation {
        padding-top: 27px;
        padding-bottom: 27px;
    }

    .home-banner .banner-text {
        padding-top: 70px;
    }


    .home-banner .banner-img {
        margin-top: -250px;
    }

    .home-banner .banner-img .et_pb_image_wrap {
        position: relative;
        top: auto;
        bottom: -300px;
    }

    .home-banner .banner-buttons {
        padding-top: 220px;
    }

    .subpage-banner h1 {
        font-size: 50px;
    }

    body #et-main-area #produkty .produkty-wrapper .et_pb_column {
        margin-bottom: 90px;
    }

    body #et-main-area #produkty .produkty-wrapper .et_pb_column:last-child {
        margin-bottom: 0;
    }


}


@media (max-width: 768px) {

    .title-wrapper h2 {
        font-size: 30px;
    }

    #pracoviska ul li {
        align-items: flex-start;
        flex-direction: column;
    }

    #pracoviska ul li div {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .home-banner .banner-img {
        margin-top: -230px;
    }

    .home-banner .banner-img .et_pb_image_wrap {
        bottom: -220px;
    }

    .home-banner .banner-buttons {
        padding-top: 160px;
    }

    .products-cta-section .products .et_pb_blurb_content {
        display: block;
        text-align: center;
    }

    .products-cta-section .products .et_pb_blurb_content .et_pb_main_blurb_image {
        width: 140px;
        display: block;
        margin: auto;
    }

    .products-cta-section .products .et_pb_blurb_content .et_pb_blurb_container {
        padding-left: 0;
        text-align: center;
        display: block;
    }


    #custom-footer {
        font-size: 18px;
    }

}


@media (max-width: 480px) {


    .home-banner .banner-text {
        padding-top: 0;
    }

    .home-banner .banner-text:before {
        position: relative;
        float: right;
    }

    .home-banner .banner-img {
        margin-top: -185px;
    }

    .home-banner .banner-img .et_pb_image_wrap {
        bottom: -180px;
    }

    .home-banner .banner-buttons {
        padding-top: 140px;
    }

    #pracoviska ul li a.cta-button,
    #edukacne-materialy .et_pb_button_module_wrapper,
    #edukacne-materialy .et_pb_button_module_wrapper a,
    .home-banner .banner-buttons .et_pb_button_module_wrapper,
    .home-banner .banner-buttons .et_pb_button_module_wrapper a {
        margin-right: 0;
        width: 100%;
    }

    #pracoviska ul li {
        display: block;
    }

    #menu-footer-menu li {
        width: 100%;
        margin: 0;
    }

    #footer-widgets .footer-widget li a {
        padding: 5px;
        width: 100%;
        display: inline-block;
    }

    .contact-form-wrapper {
        padding: 20px;
    }


}
/* ================== MEDIA QUERY ================= */