/*

CAD EN

*/
:root {
    --col1: #ff800b;
    --col2: #01a4f8;
    --bglight: #e5e5e5;
    --borbis: #B0CB1F;
}

/* scroll */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background: var(--col1);
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* font */
html body #page *:not(iframe) *:not(i), html body .footer-container *:not(i) {
    font-family: 'Lato', sans-serif !important;
}

html body #page .sc-icon, html body #page .sc-icon * {
    font-family: 'scalia-user-icons' !important;
}

/* top area */
.top-area-search .searchform input {
    width: 300px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    padding-left: 0;
    outline: none !important;
}

.top-area-search .searchform input:focus {
    border-color: var(--col3);
}

.top-area-socials .socials-item a:after, .top-area-contacts .sc-contacts-address:before, .top-area-contacts .sc-contacts-phone:before, .top-area-contacts .sc-contacts-fax:before, .top-area-contacts .sc-contacts-email:before {
    display: none;
}

.top-area-contacts, .top-area-contacts a {
    color: rgb(0 0 0 / 70%);
    transition: .2s ease;
}

.top-area-contacts a:hover {
    color: var(--col1);
}

/* top area - ikonki */
.top-area-search, .top-area-icons {
    display: flex;
    align-items: center;
}

.top-area-icons {
    margin-left: 20px;
    margin-right: -4px;
}

.top-area-icons > * {
    padding: 0 4px;
    font-weight: 700;
    color: inherit;
    transition: .2s ease
}

.top-area-icons > *:not(:last-child) {
    font-size: 85%;
}

.top-area-icons > *:hover {
    color: var(--col1);
}

/* menu */
#primary-menu.no-responsive > li.menu-item-parent:hover > a:after {
    display: none;
}

#primary-navigation li {
    margin-top: 0 !important;
}

#primary-menu.no-responsive > li > a {
    font-weight: 400;
}

#primary-menu.no-responsive > li ul {
    padding: 10px;
    border-radius: 0 !important;
    box-shadow: 0 5px 10px -5px rgb(0 0 0 / 10%);
}

#primary-menu.no-responsive > li > ul > li a {
    padding: 3px 8px;
    border-radius: 0 !important;
    transition: .2s ease;
    font-weight: 400;
}

#primary-menu.no-responsive>li>ul>li:hover>a {
    background: var(--col1) !important;
}

#primary-menu.no-responsive > li li.menu-item-parent > a:after {
    display: none;
}

#primary-menu.no-responsive > li > ul > li> ul a {
    background: transparent;
}

html #site-header.fixed.shrink {
    background: #fff;
}

html #primary-menu.no-responsive > li > ul > li.menu-item-current > a {
    background: var(--col1);
    color: #fff;
}

#primary-menu.no-responsive>li>a[href="https://app.netdecor.cadprojekt.com.pl/"] {
    color: var(--col1);
    font-weight: 700;
}

html #primary-menu.no-responsive>li li>a {
    font-size: 15px;
    line-height: 1.75;
}

/* zmniejsz logo */
html #site-header .site-title a img {
    width: 259px !important;
}

html #site-header .site-title a img.small {
    margin-left: -259px !important;
}

/* glowna - intro */
html body .intro {
    height: 700px;
    color: #fff;
    line-height: 1.2;
z-index: 999;}

html body .intro h1 {
    color: #fff;
    font-weight: 700;
    font-size: 40px;;
    line-height: 1.2;
}

html body .intro p {
    font-size: 30px;
}

.intro-buttons {
    display: flex;
    margin: 0 -10px;
    justify-content: center;
}

.intro-buttons .button {
    margin: 0 10px;
    font-size: 20px;
    color: #fff;
    border: 2px solid;
    padding: 6px;
    width: 175px;
    text-align: center;
    transition: .3s ease;
}

.intro-buttons a br {
    display: none;
}

.intro-buttons .button:nth-child(n+2) {
    border-color: var(--col1);
    background: var(--col1);
}

.intro-buttons .button:hover {
    background: #000;
    border-color: #000;
}

.intro.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0;
}

/* intro - newsletter */
.wpb_layerslider_element {
    margin-bottom: 0 !important;
}

.intro .vc_col-sm-12:last-child {
    position: initial;
    margin-top: 0;
}

.side-newsletter {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: -100%;
    animation-name: newsletter;
    animation-delay: 5s;
    animation-duration: 2s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    transition: 2s;
    z-index: 1000;
}

@keyframes newsletter {
    0% {
        margin-right: -100%;
    }
    100% {
        margin-right: 0;
    }
}

.side-newsletter.close {
    transform: translateX(100%);
}

.side-close {
    position: absolute;
    left: 0;
    top: 0;
    background: #FFF;
    color: #000;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    cursor: pointer;
    transition: .3s ease;
    z-index: 10000000;
}

.side-close:hover {
    background: var(--col1);
    color: #fff;
}

.side-open {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0) translateX(-100%);
    opacity: 0;
    background: var(--col1);
    cursor: pointer;
    padding: 5px;
    border-radius: 5px 0 0 5px;
    overflow: hidden;
    transition: opacity .3s ease, transform 0s ease .3s;
}

.side-newsletter.close .side-open {
    opacity: 1;
    transition: transform 0s ease 2s, opacity .3s ease 2s, background .3s ease;
    transform: scale(1) translateX(-100%);
}

.side-open:hover {
    background: #000;
}

.side-open img {
    height: 20px;
    display: block;
}

/* tresc */
.home .block-content.no-bottom-margin {
    padding: 0;
}

html body {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    background: #fff;
}

code {
    font-family: inherit;
    font-size: inherit;
}

html h2, html h3, html h4 {
    line-height: 1.2;
    font-weight: 400;
}

html h2 {
    font-weight: 700;
    font-size: 30px;
}

html h3 {
    font-size: 25px;
}

html h4 {
    font-size: 20px;
}

.opaq-button, body.home .read-more-link a, .form-submit input[type=submit], .search-result span.plus a {
    display: inline-block;
    transition: .3s ease;
    color: #000;
    border: 2px solid #000;
    padding: 6px 50px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    border-radius: 0;
    text-transform: none;
    text-align: center;
    border-radius: 6px;
}

.opaq-button:hover, body.home .read-more-link a:hover, .search-result span.plus a:hover {
    background: var(--col1);
    border-color: var(--col1);
    color: #fff;
}

.opaq-button.alt, .form-submit input[type=submit] {
    border-color: var(--col1);
    background: var(--col1);
    color: #fff;
}

.opaq-button.blue {
    text-transform: uppercase;
    padding: 12px 50px;
    color: #fff;
    border-color: var(--col2);
    background: var(--col2);
}

.opaq-button.alt:hover, .form-submit input[type=submit]:hover, .opaq-button.blue:hover {
    border-color: #000;
    background: #000;
    color: #fff;
}

.opaq-button.large {
    padding: 8px 65px;
    font-size: 22px;
}

/* glowna - kafelki */
.kaf_row {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.kaf {
    padding: 10px;
    width: 100%;
}

@media(min-width: 1001px) {
    .kaf_3 {
        width: 25%;
    }
    
    .kaf_6 {
        width: 50%;
    }
    
    .kaf_9 {
        width: 75%;
    }
}

.kaf > a {
    display: block;
    overflow: hidden;
    transition: .5s ease;
}

.kaf > a:hover {
    opacity: .8;
}

.kaf > a > img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.kaf > a + .kaf_row {
    margin-top: 10px;
}

/* programy - kafelki */
.kafelki {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding: 10px 0;
}

.kafelki > div {
    width: 25%;
    padding: 10px;
}

.kafelki > div > a {
    width: 100%;
    padding-top: 100%;
    display: block;
    position: relative;
    max-width: 400px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
}

.kafelki > div > a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: .3s ease;
}

.kafelki > div > a:hover:after {
    background: var(--col1);
    opacity: .75;
}

.kafelki > div h2 {
    margin: 0;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 20px;
    transform: translateY(-50%);
    font-weight: 400;
    z-index: 1;
}

/* glowna - aktualnosci */
body.home .blog {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    padding: 0;
}

body.home .blog.blog-style-default .type-post {
    background: #fff;
    width: 33.3333%;
    padding: 15px;
    border-radius: 0;
    margin-top: 0;
}

body.home .blog.blog-style-default .type-post, body.home .blog.blog-style-default .type-post * {
    float: none !important;
}

body.home .blog.blog-style-default .type-post .item-post-container, body.home .blog.blog-style-default .type-post .item-post {
    height: 100%;
}

body.home .blog.blog-style-default .type-post .item-post {
    transition: .3s ease;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    display: flex;
    flex-direction: column;
}

body.home .blog-style-default article .post-image {
    width: 100%;
    padding: 0;
}

body.home .blog-style-default article .post-text {
    margin-top: 0;
}

body.home .blog-style-default article .post-image a, body.home .blog-style-default article .post-image img {
    width: 100%;
    border-radius: 0;
}

body.home .blog-style-default article .post-text {
    width: 100%;
    padding: 20px 30px 0;
}

body.home .blog article .entry-title {
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
    font-weight: 700;
    margin: 0;
}

body.home .blog article .entry-title a {
    color: #000;
    transition: .2s ease;
}

body.home .blog article .entry-title a:hover {
    color: var(--col1);
}

body.home .blog-style-default .entry-info {
    width: 100%;
    position: initial;
    padding: 15px 30px 20px;
    margin-top: auto;
}

body.home .blog-style-default .entry-content, body.home .blog-style-default .entry-info .entry-date, body.home .read-more-link:before {
    display: none;
}

body.home .read-more-link, body.home .read-more-link a {
    width: 100%;
    text-align: center;
    text-transform: lowercase;
}

/* glowna - wspolpracuja z nami */
.sc-client-carousel-item-wrap {
    padding: 0;
}

.sc-client-carousel-navigation {
    display: none;
}

/* mapa strony */
.simple-sitemap-container ul {
    display: flex;
    flex-wrap: wrap;
}

.simple-sitemap-container ul li {
    width: 33.3333%;
}

.simple-sitemap-container ul ul {
    display: block;
    margin-left: 22px;
}

.simple-sitemap-container ul ul li {
    width: 100% !important;
}

.simple-sitemap-container ul li a {
    color: #000;
    display: block;
    transition: .2s ease;
    padding: 5px;
}

.simple-sitemap-container ul li a:hover {
    color: var(--col1);
}

/* footer menu */
html body #footer-nav {
    padding: 25px 0;
    background: var(--bglight);
}

#footer-menu {
    padding: 0;
    text-align: center;
}

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

html #footer-navigation li {
    text-indent: 0;
    padding: 0;
}

html #footer-navigation li a {
    transition: .2s ease;
    text-transform: uppercase;
    font-size: 85%;
    color: #000;
    font-weight: 700;
}

html #colophon div.grwf2-wrapper.wf2-embedded, html #colophon div.grwf2-wrapper.wf2-embedded iframe {
    max-width: 100%;
}

/* footer */
#page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.admin-bar #page {
    min-height: calc(100vh - 32px);
}

.footer-container {
    margin-top: auto;
}

html #colophon {
    margin-top: 25px;
    border-top: 1px solid #eee;
    padding: 25px 0 0 !important;
    background: #fff;
}

.row.inline-row.footer-widget-area {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

html #colophon .widget-title, html #colophon ul.menu > li > a {
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}

html #colophon .footer-site-info p {
    font-size: 75%;
    opacity: .5;
}

html #colophon .footer-site-info p a {
    color: inherit;
}

.scroll-top-button {
    display: none;
}

html #colophon ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

html #colophon ul.menu a {
    display: block;
    transition: .2s ease;
}

html #colophon ul.sub-menu a {
    color: #999;
}

html #colophon ul a:hover {
    color: var(--col1) !important;
}

html #colophon .widget:not(:first-child) .widget-title, html #colophon ul.menu>li:not(:first-child)>a {
    margin-top: 30px;
}

.footer-socials {
    display: flex;
    margin: 0 -10px;
}

.footer-socials a {
    padding: 0 10px;
    transition: .2s ease;
}

.footer-socials a:hover {
    color: var(--col1);
}

/* page title */
#page-title {
    background: #fff !important;
    padding: 30px 0 0 !important;
    text-align: left;
}

html .page-title-style-1 .page-title-title {
    margin: 0;
}

.page-title-title h1 {
    color: #000 !important;
    font-weight: 700;
}

.page-title-breadcrumb {
    margin-bottom: 15px;
    color: #999;
    font-size: 85%;
    line-height: 1.5;
}

.page-title-breadcrumb a {
    color: #999;
    transition: .2s ease;
}

.page-title-breadcrumb a:hover {
    color: var(--col1);
}

/* content */
.block-content, .block-content:last-child {
    padding: 40px 0;
}

/* menu boczne */
html .widget_nav_menu ul.menu {
    border-radius: 0;
    box-shadow: none;
}

html .widget_nav_menu ul.menu li > a, html .widget_submenu > div > ul li > a {
    font-weight: 400;
    padding: 12px 24px;
}

.vc_wp_custommenu.wpb_content_element {
    margin-bottom: 0;
}

/* produkt - ikonki */
.iconbox .vc_column-inner {
    position: relative;
    cursor: pointer;
}

.iconbox-tooltip {
    position: absolute;
    top: 10px;
    left: calc(100% - 80px);
    width: 500px;
    background: #fff;
    z-index: 10;
    transform: scale(0);
    opacity: 0;
    transition: opacity .2s ease, transform 0s ease 4s;
    pointer-events: none;
}

.iconbox:nth-child(n+3) .iconbox-tooltip {
    right: calc(100% - 80px);
    left: initial;
}

.iconbox .vc_column-inner:hover .iconbox-tooltip {
    transform: scale(1);
    opacity: 1;
    transition: opacity .4s ease;
}

.tooltip-name, .tooltip-content {
    border: 2px solid #c9c9c9;
    padding: 5px 30px;
    position: relative;
}

.tooltip-name:before {
    left: 3px;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-right-color: var(--col1);
    border-width: 8px;
    margin-top: -8px;
}

.iconbox:nth-child(n+3) .tooltip-name:before {
    left: initial;
    right: 3px;
    border-color: transparent;
    border-left-color: var(--col1);
}

.tooltip-content {
    border-top: 0;
    text-align: justify;
    font-size: 80%;
    line-height: 1.3;
    padding-bottom: 10px;
}

/* produkt - galeria */
.produkt-galeria .wpb_image_grid .wpb_image_grid_ul .isotope-item {
    margin: 0;
    padding: 0 !important;
    width: 16.6666%;
}

div.ppt {
    display: none !important;
}

/* produkt - porownaj */
.porownaj {
    display: flex;
    flex-wrap: wrap;
    border-left: 2px solid #eee;
}

.porownaj3 .por {
    width: 33.3333%;
}

.porownaj4 .por {
    width: 25%;
}

.por {
    flex: 1;
    border: 2px solid #eee;
    border-left: 0;
}

.por .col1 {
    color: var(--col1);
}

.por h3 {
    margin: 0;
    padding: 25px 10px;
    text-align: center;
}

.por-content {
    border-top: 2px solid #eee;
    padding: 10px 30px;
}

.por strong {
    display: block;
    margin-bottom: 10px;
}

.por ul {
    margin: 0;
    padding-left: 20px;
}

.por ul li:not(:last-child) {
    margin-bottom: 10px;
}

/* produkt - przydatne */
.download {
    color: #000;
    transition: .2s ease;
    display: flex;
    align-items: center;
}

.download:hover {
    color: var(--col1);
}

.download i {
    border: 2px solid;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    font-size: 120%;
    transition: .2s ease;
}

.download:hover i {
    color: #fff;
    background: var(--col1);
    border-color: var(--col1);
}

.download span {
    flex-shrink: 999;
}

/* szkolenia */
.vc_row.wysrodkuj {
    display: flex;
    justify-content: center;
    clear: both;
}

/* szkolenia - forma */
.forma-box > *, .forma-box > * > *, .forma-box > * > * > *, .forma-box > * > * > * > * {
    height: 100%;
}

.forma-box .wpb_text_column .wpb_wrapper {
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}

.forma-box .wpb_text_column .wpb_wrapper > h3 {
    text-align: center;
    background: #000;
    color: #fff;
    padding: 10px;
    margin: 0;
}

.forma-box .wpb_text_column .wpb_wrapper > :last-child {
    margin: auto 40px 30px;
    text-align: center;
}

.forma-box .wpb_text_column .wpb_wrapper > ul {
    margin: 20px;
    padding-left: 30px;
}

.forma-box .wpb_text_column .wpb_wrapper .opaq-button {
    width: 100%;
}

/* szkolenia - trenerzy */
.trenerzy.vc_row, .szkolenia.vc_row, .oferty.vc_row, .producenci.vc_row, .handlowy.vc_row {
    margin: -10px;
}

.trenerzy .vc_column-inner, .szkolenia .vc_column-inner, .oferty .vc_column-inner, .producenci .vc_column-inner, .handlowy .vc_column-inner {
    padding: 10px;
}

.trenerzy .vc_column-inner > .wpb_wrapper {
    border: 3px solid #efefef;
    padding: 25px;
}

.trenerzy .wpb_single_image {
    margin-bottom: 25px;
}

.trenerzy .wpb_single_image img {
    max-width: 150px;
    border-radius: 100%;
}

html .trenerzy h3 {
    font-weight: 700;
}

/* szkolenia - szkolenia */
.szkolenia .vc_column-inner > .wpb_wrapper, .oferty .vc_column-inner > .wpb_wrapper {
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    position: relative;
}

.szkolenia .online {
    position: absolute;
    right: 0;
    top: 20px;
    color: #fff;
    font-weight: 700;
    background: var(--col1);
    padding: 0 25px;
    font-size: 95%;
    line-height: 25px;
}

.szkolenia .vc_column-inner > .wpb_wrapper .wpb_text_column {
    text-align: center;
    padding: 15px 20px;
}

.szkolenia .vc_column-inner > .wpb_wrapper .wpb_text_column strong {
    font-size: 110%;
}

.szkolenia .vc_column-inner > .wpb_wrapper .wpb_text_column .opaq-button {
    font-size: 95%;
    margin-top: 10px;
    width: 100%;
}

/* szkolenia - klienci */
.klienci .vc_column-inner > .wpb_wrapper {
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    background: #fff;
    padding: 40px;
}

/* faq */
.vc_toggle_title > h4 {
    color: var(--text);
    font-weight: 400;
    transition: .3s ease;
}

.vc_toggle_active .vc_toggle_title > h4, .vc_toggle_title:hover > h4 {
    color: var(--col1);
}

/* testuj */
p.large {
    font-size: 110%;
}

.formularz {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 675px;
}

.formularz > * {
    padding: 10px 15px;
}

.form-field {
    width: 50%;
    position: relative;
}

.form-text, .form-full {
    width: 100%;
}

.form-field input, .form-text textarea, div.upme-wrap input:not([type=submit]):not([type=button]):not([type=checkbox]), .form-field select {
    background: #ededed;
    border: 2px solid #ededed;
    border-radius: 0;
    transition: .3s ease;
    width: 100%;
    display: block;
    line-height: inherit;
    height: auto;
    padding: 4px 10px;
    box-shadow: none;
    outline: none;
    max-width: none !important;
    color: #000;
}

.form-text textarea {
    height: 150px;
    resize: none;
}

.form-field input:focus, .form-text textarea:focus, div.upme-wrap input:not([type=submit]):focus, .form-field select:focus {
    border-radius: 0;
    border-color: var(--col1);
    background: #fff;
}

.req {
    color: red;
}

.form-field .req {
    position: absolute;
    right: 2px;
    top: 4px;
}

.formularz > .info {
    font-size: 85%;
    width: 100%;
}

.formularz > .zgoda + .zgoda, .formularz > .info {
    padding-top: 0;
    margin-top: -5px;
}

.formularz .wpcf7-list-item, .wpcf7-form-control-wrap .wpcf7-acceptance {
    margin: 0;
    display: block;
}

.formularz .zgoda label {
    display: flex;
    align-items: baseline;
}

.formularz .zgoda label input {
    margin-right: 10px;
}

.formularz .cad__rodo--testuj {
    line-height: 1.65;
    font-size: 13px;
    color: #666;
}

.formularz .cad__rodo--more, .formularz .cad__rodo--less {
    font-weight: inherit;
    color: inherit;
    transition: .3s ease;
}

.formularz .cad__rodo--more:hover, .formularz .cad__rodo--less:hover {
    color: var(--col1);
}

.form-submit {
    text-align: center;
    width: 100%;
}

.form-submit input[type=submit] {
    margin: 0;
}

.form-info {
    border: 2px solid #898989;
    padding: 15px 40px;
}

/* aktualnosci */
.panel-sidebar-position-right.with-sidebar {
    margin: 0 -20px;
}

.panel-sidebar-position-right.with-sidebar > * {
    padding: 0 20px;
}

.blog-style-default .type-post {
    padding: 0;
    background: top;
    overflow: visible;
}

body .blog article a.default img {
    width: 100%;
    border-radius: 0;
}

body .blog article a.default {
    border-radius: 0;
}

.blog article .entry-title a {
    color: #000;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    transition: .2s ease;
}

.blog article .entry-title a:hover {
    color: var(--col1);
}

.blog article .entry-title {
    margin-bottom: 10px;
}

.blog-style-default article .post-text {
    margin-top: -5px;
}

.read-more-link:before {
    display: none;
}

.read-more-link {
    margin-right: 20px;
}

.read-more-link a {
    transition: .2s ease;
}

/* blog - sidebar */
.widget-area .widget + .widget {
    margin-top: 40px;
}

.widget-title {
    line-height: 1.2;
    font-weight: 400;
    margin: 0 0 10px;
}

.widget ul {
    margin: 0;
    padding: 0;
}

.widget_wp-category-archive li {
    padding: 10px 0;
    border-color: #000;
    font-weight: 400;
}

.widget_wp-category-archive li:before {
    display: none;
}

.widget a {
    color: #000;
    transition: .2s ease;
}

/* blog - paginacja */
body .blog {
    margin: 0;
    padding: 0;
}

.sc-pagination a, .sc-pagination .current {
    border-radius: 0;
    box-shadow: none;
    font-weight: 400;
    font-size: 18px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    transition: .3s ease;
}

.sc-pagination .prev:after, .sc-pagination .next:after {
    font-size: 20px;
    width: auto;
}

/* blog - karuzela */
.vc_images_carousel .vc_carousel-indicators li {
    transition: .3s ease;
}

.vc_images_carousel .vc_carousel-indicators li:hover, .vc_images_carousel .vc_carousel-indicators .vc_active {
    background: var(--col1);
}

/* kariera - oferty pracy */
.oferty .vc_column-inner, .oferty .vc_column-inner > .wpb_wrapper {
    height: 100%;
}

.oferty .vc_column-inner > .wpb_wrapper {
    padding: 45px;
}

.oferty .vc_column-inner > .wpb_wrapper .oferta, .oferty .vc_column-inner > .wpb_wrapper .oferta > * {
    margin: 0;
    height: 100%;
}

.oferty .vc_column-inner > .wpb_wrapper .oferta > * {
    display: flex;
    flex-direction: column;
}

.oferty .vc_column-inner > .wpb_wrapper .oferta > * .opaq-button {
    margin-top: auto;
}

/* zamow baze - producenci */
.producenci.vc_row + .producenci.vc_row {
    margin-top: 10px;
    margin-bottom: 40px;
}

.producenci.vc_row > * > *, .producenci.vc_row > * > * > * {
    height: 100%;
}

.producenci.vc_row > * > * > * {
    padding: 45px;
    border: 2px solid #000;
}

/* pobierz bazy */
.bazy {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.baza {
    width: 25%;
    padding: 10px;
}

.baza-content, .akt-content > * > .wpb_wrapper {
    height: 100%;
    border: 2px solid #000;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.baza-img {
    text-align: center;
    margin-bottom: 15px;
}

.baza-info {
    word-break: break-word;
    margin-bottom: 15px;
}

.baza-info a {
    color: #000;
    transition: .2s ease;
}

.baza-info a:hover {
    color: var(--col1);
}

.baza-button {
    margin-top: auto;
}

.baza-button a {
    display: block;
    text-align: center;
    background: #000;
    color: #fff;
    transition: .3s ease;
    padding: 6px 0;
    font-size: 20px;
    line-height: 1.2;
    border: 2px solid #000;
    border-radius: 6px;
}

.baza-button a:hover {
    border-color: var(--col1);
    background: var(--col1);
    color: #fff;
}

/* dealerzy */
html .dealer h4 {
    margin: 0 0 5px;
    font-weight: 700;
}

html .dealer a {
    color: inherit;
    transition: .2s ease;
}

html .dealer a:hover {
    color: var(--col1);
}

/* kontakt */
.handlowy .vc_column-inner > .wpb_wrapper {
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    padding: 30px 15px;
}

.handlowy .vc_column-inner > .wpb_wrapper a {
    transition: .2s ease;
}

.kontakt-trzy > * > *, .kontakt-trzy > * > * > *, .kontakt-trzy > * > * > * > *, .kontakt-trzy > * > * > * > * > * {
    height: 100%;
}

.kontakt-trzy.vc_row {
    margin-left: -40px;
    margin-right: -40px;
}

.kontakt-trzy > .vc_column_container>.vc_column-inner {
    padding-left: 40px;
    padding-right: 40px;
}

.kontakt-trzy h2 {
    margin-bottom: 25px;
}

.kontakt-trzy > * > * > * > * > * {
    display: flex;
    flex-direction: column;
}

.kontakt-trzy > * > * > * > * > * > *:last-child {
    margin-top: auto;
}

.kontakt-trzy > *:not(:last-child) > * > * {
    position: relative;
}

.kontakt-trzy > *:not(:last-child) > * > *:after {
    content: "";
    position: absolute;
    top: 0;
    right: -40px;
    width: 1px;
    height: 100%;
    background: #000;
}

.opaq-button.block {
    padding-left: 0;
    padding-right: 0;
    display: block;
}

/* o nas - intro */
.onas-intro .wpb_text_column.wpb_content_element {
    position: absolute;
    left: 45px;
    bottom: 45px;
}

.onas-intro h2 {
    color: #fff;
}

.onas-intro h2:first-child {
    font-size: 35px;
    margin-bottom: 0;
}

.onas-intro h2 + h2 {
    font-weight: 400;
}

/* o nas - w liczbach */
.liczby {
    display: table;
    width: 100%;
    text-align: center;
    line-height: 1.2;
}

.liczby-rzad {
    display: table-row;
}

.liczby-single {
    display: table-cell;
    width: 20%;
    padding: 0 30px;
}

.liczby-rzad:not(:last-child) .liczby-single {
    padding-bottom: 5px;
}

.liczby-rzad:nth-child(2) .liczby-single {
    color: var(--col1);
    font-size: 55px;
    border-bottom: 2px solid #aaa;
}

.liczby-rzad:last-child .liczby-single {
    padding-top: 10px;
    font-size: 22px;
}

/* o nas - historia firmy */
.historia-lata {
    max-width: 1000px;
    margin: 0 auto;
}

.historia-rok {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 30px;
    position: relative;
}

.historia-rok:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: 3px;
    background: #bbb;
}

.historia-rok:nth-child(odd) {
    flex-direction: row-reverse;
}

.historia-rok:nth-child(odd) .tresc {
    text-align: right;
}

.historia-rok:nth-child(even) .rok {
    text-align: right;
}


.historia-rok .rok, .historia-rok .tresc {
    width: calc(50% - 35px);
}

.historia-rok .rok {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}

.kolko {
    width: 30px;
    height: 30px;
    margin: 0 20px;
    border-radius: 100%;
    border: 4px solid var(--col1);
    background: #fff;
    position: relative;
    z-index: 10;
}

.historia-rok .tresc {
    line-height: 1.35;
}

/* bank modeli - intro */
.bank-intro .vc_column_container>.vc_column-inner {
    padding: 0;
}

.bank-intro.vc_row {
    margin: 0;
}

@media(min-width: 768px) {
    .bank-intro .vc_col-sm-4, .cztery-szesc .vc_col-sm-4 {
        width: 40%;
    }

    .bank-intro .vc_col-sm-8, .cztery-szesc .vc_col-sm-8 {
        width: 60%;
    }
}

/* bank - okregi */
.bank-circle {
    background: #2b2a29;
    color: #fff;
    width: 145px;
    height: 145px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    margin: 0 auto 20px;
}

a.link {
    color: inherit;
    transition: .2s ease;
}

a.link:hover {
    color: var(--col1);
}

/* wsparcie techniczne - faq */
.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a {
    color: #000;
    border-bottom: 1px solid;
}

.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a, .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title:hover>a {
    color: var(--col1);
}

.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background: transparent !important;
}

.vc_tta-color-white.vc_tta-style-flat .vc_tta-controls-icon::before {
    border-color: #000;
}

.vc_tta-color-white.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before, .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel-heading:hover .vc_tta-controls-icon::before {
    border-color: var(--col1);
}

/* wsparcie - box */
.wsparcie-box > * > * > .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    border: 2px solid #000;
}

.wsparcie-box > * > * > .wpb_wrapper > * {
    padding: 0 30px 30px;
    width: 50%;
}

.wsparcie-box > * > * > .wpb_wrapper > *:first-child {
    width: 100%;
    padding: 30px 30px 0;
}

.wsparcie-box > * > * > .wpb_wrapper > *:first-child:last-child {
    padding: 30px;
}

.wsparcie-box > * > * > .wpb_wrapper > *:first-child p:last-child {
    display: block;
}

/* wymagania - tabela zestawienie kart */
.zestawienie {
    overflow: auto;
}

.zestawienie th, .zestawienie td {
    border-width: 3px !important;
}

.zestawienie th {
    padding: 30px 15px !important;
    text-transform: uppercase;
    font-size: 22px;
}

.zestawienie td {
    padding: 20px 15px !important;
}

.zestawienie td:first-child {
    padding: 30px 25px 30px 30px !important;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: var(--col1);
    letter-spacing: 5px;
}

/* marketing - zasiegi */
.zasiegi.vc_row {
    margin: -30px -30px 10px;
}

.zasiegi .vc_column-inner {
    padding: 30px;
    height: 100%;
}

@media (min-width: 768px) {
    .zasiegi.vc_row .vc_col-sm-3 {
        width: 27.5%;
    }
}

.zasiegi.vc_row > * > * > * {
    padding: 35px 10px 25px;
    border: 2px solid #000;
    height: 100%;
}

/* cennik */
.cenniki.vc_row {
    margin-left: -30px;
    margin-right: -30px;
}

.cenniki .vc_column-inner {
    padding-left: 30px;
    padding-right: 30px;
}

.cennik {
    display: table;
    width: 100%;
}

.cennik-row {
    display: table-row;
}

.cennik-cell {
    display: table-cell;
    padding: 20px 0;
    border-bottom: 1px solid #000;
    vertical-align: middle;
}

.cell-span {
    white-space: nowrap;
    max-width: 1px;
}

.cennik:not(.skroty) .cennik-cell:not(:first-child) {
    text-align: center;
    min-width: 120px;
}

.cennik.skroty .cennik-cell:not(:first-child) {
    padding-left: 10px;
}

.cennik-cell strong {
    display: block;
}

.cennik-cell a, .pobrania a {
    color: #000;
    transition: .2s ease;
}

.cennik-cell a:hover, .pobrania a:hover {
    color: var(--col1);
}

.cennik-cell strong:first-child:last-child {
    padding: 10px 0;
}

.cennik-cell ul {
    margin: 0;
    padding-left: 20px;
}

.cennik-row:first-child .cennik-cell {
    padding-top: 0;
    color: var(--col1);
    font-size: 20px;
}

.cennik-info {
    font-size: 16px;
}

.cennik + .cennik-info {
    margin-top: 25px;
}

.cenniki .wpb_raw_code:not(.informacje) {
    display: none;
}

.cennik-cell.wide {
    min-width: 450px;
}

/* galeria */
.galeria-boxes {
    display: flex;
    flex-wrap: wrap;
}

.galeria-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin: -10px -40px !important;
}

.galeria-box {
    margin: 10px 40px;
    width: 400px;
    padding: 25px 20px 20px;
    border: 2px solid #000;
}

.galeria-box h3 {
    margin: 0;
    font-weight: 700;
}

.galeria-box .opaq-button {
    padding: 6px 0;
    width: 200px;
    font-size: 18px;
}

.galeriaContainer iframe, .bazaContainer iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* filmy */
.filmy-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -5px;
}

.film-menu-single {
    width: 16.6666%;
    padding: 5px;
}

.fm-cztery .film-menu-single {
    width: 25%;
}

.film-menu-single a {
    display: flex;
    text-align: center;
    color: #000;
    font-size: 20px;
    line-height: 1.25;
    padding: 15px 20px;
    height: 100%;
    justify-content: center;
    align-items: center;
    transition: .3s ease;
    font-weight: 700;
    background: #e5e5e5;
}

.film-menu-single a:hover, .film-menu-single.active a {
    color: var(--col1);
}

.filmy-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -5px;
}

.film-menu-single {
    width: 16.6666%;
    padding: 5px;
}

.film-menu-single a {
    display: flex;
    text-align: center;
    color: #000;
    font-size: 20px;
    line-height: 1.25;
    padding: 15px 20px;
    height: 100%;
    justify-content: center;
    align-items: center;
    transition: .3s ease;
    font-weight: 700;
    background: #e5e5e5;
}

.film-menu-single a:hover, .film-menu-single.active a {
    color: var(--col1);
}

/* filmy - taby */
.vc_tta-tabs.vc_tta-style-scalia-style-2.vc_tta-tabs-position-left .vc_tta-tab.vc_active .vc_tta-title-text:before {
    display: none;
}

.vc_tta.vc_general.vc_tta-style-scalia-style-2.vc_tta-tabs-position-left .vc_tta-tab > a {
    padding-left: 0;
    transition: .2s ease;
}

.vc_tta-tabs .vc_tta-title-text {
    font-weight: 400;
}

.vc_tta-style-scalia-style-2.vc_tta-tabs-position-left .vc_tta-tabs-container li + li {
    border-color: #000;
}

.vc_tta.vc_general.vc_tta-style-scalia-style-2.vc_tta-tabs-position-left .vc_tta-tab > a:hover {
    color: var(--col1);
}

.vc_tta-style-scalia-style-2.vc_tta-tabs-position-left .vc_tta-panels-container {
    border-color: #000;
    border-right: 0;
}

.vc_tta.vc_general .vc_tta-panel-body {
    padding-right: 0 !important;
}

/* aktualizator */
.akt-content > * > .wpb_wrapper {
    padding: 30px;
}

.bignum {
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 15px;
    border-radius: 100%;
    background: var(--col1);
    color: #fff;
    font-size: 90px;
    font-weight: 300;
}

/* logowanie / rejestracja */
div.upme-wrap {
    font-family: inherit;
}

div.upme-wrap div.upme-inner {
    border: 2px solid #000;
    border-radius: 0;
    box-shadow: none;
}

div.upme-head {
    display: none;
}

div.upme-field-name, div.upme-wrap div.upme-field-name a, .upme-field-type {
    color: #000;
}

.upme-main {
    padding: 30px 30px 5px;
    font-size: 16px;
}

.upme-field {
    display: flex;
    align-items: center;
}

.upme-field-type i, .upme-post-field-type i, .upme-field-type i:hover, .upme-post-field-type i:hover {
    background: #000;
}

.upme-rememberme {
    font-family: inherit;
    font-size: 12px;
    line-height: 18px;
    margin-top: -3px;
    color: #000;
    text-align: left;
}

a.upme-login-forgot-link, a.upme-login-register-link {
    color: #000;
    transition: .2s ease;
}

a.upme-login-forgot-link:hover, a.upme-login-register-link:hover {
    color: var(--col1);
}

input[type=submit].upme-button, button.upme-button, input[type=button].upme-button {
    float: none;
    display: block;
    margin: 5px auto;
    transition: .3s ease;
    padding: 8px 50px !important;
    font-size: 20px !important;
    line-height: 1.2;
    font-weight: 400;
    border-radius: 0;
    text-transform: none;
    text-align: center;
}

input[type=submit].upme-button:hover, button.upme-button:hover, input[type=button].upme-button:hover {
    background: #000 !important;
}

.upme-field.upme-edit.upme-edit-show {
    text-align: center;
}

input[type=submit].upme-button + br {
    display: none;
}

.upme-help {
    color: #000;
    font-family: inherit;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    margin-top: 5px;
}

.upme-separator {
    color: #000;
    font-size: 20px;
    padding-bottom: 0;
    border: 0;
    margin-bottom: 5px;
    text-transform: none;
}

.upme-separator:not(:first-child) {
    margin-top: 20px;
}

.upme-separator-collapse-icon {
    display: none;
}

div.upme-wrap div.upme-pic {
    display: none;
}

div.upme-field-name.upme-field-name-wide {
    padding-top: 0;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
}

label.upme-checkbox, label.upme-radio, .upme-field-value {
    text-align: left;
    color: #000;
}

.upme-field-value .upme-field-value {
    width: 100%;
}

.upme-field-value input[type=checkbox] {
    margin-right: 5px;
}

.upme-back-to-login {
    float: none;
    text-align: center;
}

/* mobilne menu */
.primary-navigation.responsive .dl-menu {
    left: -15px;
    width: calc(100% + 30px);
    background: #fff !important;
}

.primary-navigation.responsive li a {
    padding: 10px 15px;
    font-weight: 400;
}

.primary-navigation.responsive li.menu-item-parent > a:after {
    display: none;
}

.primary-navigation.responsive li a:hover, .primary-navigation.responsive li.dl-back a:hover, .primary-navigation.responsive li a:focus, .primary-navigation.responsive li.dl-back a:focus, .primary-navigation.responsive li a:active, .primary-navigation.responsive li.dl-back a:active, .primary-navigation.responsive li.menu-item-active > a, .primary-navigation.responsive li.menu-item-current > a {
    background: #fff;
    color: var(--col1);
}

/* karuzela */
.vc_carousel-inner {
    text-align: center;
}

.vc_images_carousel ol.vc_carousel-indicators {
    bottom: -35px !important;
}

.vc_images_carousel .vc_carousel-indicators .vc_active {
    background: var(--col1) !important;
}

/* wyniki wyszukiwania */
.cadTabsHeaderContainer {
    display: flex;
    justify-content: center;
}

.cadTabsHeader {
    border-radius: 0;
    margin: 0;
    background: transparent;
    color: #000;
    transition: .2s ease;
}

.cadTabsHeader:not(:last-child) {
    border-right: 1px solid #000;
}

.cadTabsHeader:hover, .cadTabsHeaderActive {
    color: var(--col1);
    background: transparent;
}

.cadTabsTab {
    border-color: #000;
    border-radius: 0;
    padding: 40px;
}

.blog-style-default .search-result {
    margin-bottom: 0;
    padding: 0;
}

.blog-style-default .wp-post-image {
    border-radius: 0;
}

.blog-style-default article+.search-result {
    margin-top: 40px;
}

.search-result h3>a {
    color: #000 !important;
    transition: .2s ease;
    font-weight: 700;
}

.search-result h3>a:hover {
    color: var(--col1) !important;
}

/* moduly */
.moduly-container, .liczby-container {
    overflow: auto;
}

.moduly {
    display: table;
    width: 100%;
    font-size: 120%;
    border-collapse: collapse;
}

.moduly-row {
    display: table-row;
}

.moduly-cell {
    display: table-cell;
    border: 2px solid #eee;
    padding: 20px;
    font-weight: 700;
    min-width: 170px;
    vertical-align: middle;
}

.moduly-cell:not(:first-child) {
    text-align: center;
}

.moduly-infos {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    font-size: 120%;
}

.modul-info {
    display: flex;
    align-items: center;
}

.modul-info img {
    margin-right: 20px;
}

.modul-info:not(:last-child) {
    margin-right: 50px;
}

.moduly-cell.col1 {
    color: var(--col1);
}

/* szafki */
.forma-box.edytor p {
    margin: 30px 40px 0 !important;
    text-align: left !important;
}

.forma-box.edytor p:last-child {
    margin-bottom: 30px !important;
}

/* cad rozkroj */
.producenci.jak.vc_row>*>*>* {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 220px;
}

/* rwd */
@media(max-width: 1199px) {
    html body .intro {
        height: 600px;
    }

    .wpb_row, .wpb_row > * {
        margin-top: 0;
    }

    .liczby-rzad:nth-child(2) .liczby-single {
        font-size: 45px;
    }

    .liczby-rzad:last-child .liczby-single {
        font-size: 18px;
    }

    .liczby-single {
        padding: 0 25px;
    }
}

@media(max-width: 1000px) {
    html body .intro h1 {
        font-size: 35px !important;
        line-height: 1.2 !important;
    }

    html body .intro p {
        font-size: 26px;
        margin-bottom: 25px;
    }

    html body .intro {
        height: 500px;
    }

    html body, html #colophon .widget-title, html body #colophon p {
        font-size: 17px;
    }

    html h2 {
        font-size: 28px;
    }

    html h3 {
        font-size: 24px;
    }

    .kafelki > div {
        width: 33.333%;
    }

    .iconbox-tooltip {
        width: 400px;
    }

    .baza {
        width: 33.3333%;
    }

    .liczby-rzad:nth-child(2) .liczby-single {
        font-size: 40px;
    }

    .liczby-single {
        padding: 0 15px;
    }

    .onas-intro .wpb_text_column.wpb_content_element {
        bottom: 30px;
    }

    .onas-intro h2:first-child {
        font-size: 32px;
    }

    .simple-sitemap-container ul li {
        width: 50%;
    }

    .primary-navigation.responsive li.dl-back:after {
        left: 10px;
    }
}

@media(max-width: 767px) {
    .wpb_column + .wpb_column {
        padding-top: 15px;
    }

    body.home .blog.blog-style-default .type-post {
        width: 100%;
        flex: inherit;
    }

    html body .intro {
        height: 400px;
    }

    html body .intro h1 {
        font-size: 30px !important;
    }

    html body .intro p {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .intro-buttons .button, .opaq-button, body.home .read-more-link a, .form-submit input[type=submit], .search-result span.plus a {
        font-size: 18px;
    }

    html body, html #colophon .widget-title, html body #colophon p {
        font-size: 16px;
        text-align: center !important;
    }

    p {
        text-align: center !important;
    }

    html .widget_nav_menu ul.menu {
        display: none;
    }

    ul li, ol li {
        text-align: left !important;
    }

    .download {
        justify-content: center;
    }

    html h2 {
        font-size: 26px;
    }

    html h3 {
        font-size: 22px;
    }

    .kafelki > div {
        width: 50%;
    }

    .iconbox-tooltip {
        position: initial;
        opacity: 1;
        transform: none;
        width: auto;
        margin-top: -17px !important;
    }

    .tooltip-name {
        display: none;
    }

    .tooltip-content {
        border: 0;
        padding: 0;
        text-align: center;
    }

    .porownaj4 .por {
        width: 50%;
        flex: initial;
    }

    .porownaj4 .por:nth-child(1), .porownaj4 .por:nth-child(2) {
        border-bottom: 0;
    }

    .vc_row.wysrodkuj {
        display: block;
        margin: 0 0 15px;
    }

    .zasiegi .vc_column-inner {
        padding: 0 0 15px;
    }

    .blog-style-default article .post-text {
        margin-top: 10px;
    }

    .blog-style-default .entry-info {
        width: 100%;
        padding: 0;
    }

    .read-more-link {
        margin-right: 0;
    }

    .baza {
        width: 50%;
    }

    .film-menu-single {
        width: 33.333%;
    }

    .bignum {
        width: 60px;
        height: 60px;
        font-size: 45px;
    }

    .blog-style-default article .post-image, .blog-style-default article.sticky .post-image, .blog-style-default article .post-text, .blog-style-default article.sticky .post-text{
        float:none;
        width:100%;
        padding:0;
    }

    .liczby-rzad:last-child .liczby-single {
        font-size: 16px;
    }

    .liczby-rzad:nth-child(2) .liczby-single {
        font-size: 32px;
    }

    .liczby-single {
        padding: 0 10px;
    }

    .onas-intro .wpb_text_column.wpb_content_element {
        position: initial;
    }

    .onas-intro h2 {
        color: inherit;
    }

    .onas-intro h2:first-child {
        font-size: 30px;
    }

    .producenci.jak.vc_row>*>*>* {
        height: 170px;
    }
}

@media(max-width: 600px) {
    #footer-nav .container, #colophon .container {
        padding: 0 15px;
    }

    #colophon .inline-column {
        width: 100%;
    }

    #colophon .inline-column:nth-child(n+4) .widget-title {
        display: none;
    }

    .footer-socials {
        justify-content: center;
    }

    .liczby-rzad:last-child .liczby-single {
        font-size: 14px;
    }

    .liczby-rzad:nth-child(2) .liczby-single {
        font-size: 27px;
    }

    .simple-sitemap-container ul li {
        width: 100%;
    }
}

@media(max-width: 480px) {
    html body .intro {
        height: 320px;
    }

    html body .intro h1 {
        font-size: 26px !important;
    }

    html body .intro p {
        font-size: 20px;
    }

    .intro-buttons .button, .opaq-button, body.home .read-more-link a, .form-submit input[type=submit], .search-result span.plus a {
        font-size: 17px;
    }

    html body, html #colophon .widget-title, html body #colophon p {
        font-size: 15px;
    }

    html h2 {
        font-size: 24px;
    }

    html h3 {
        font-size: 20px;
    }

    .baza, .wsparcie-box > * > * > .wpb_wrapper > * {
        width: 100%;
    }

    .film-menu-single {
        width: 50%;
    }
}

.vc_custom_1652351534602{width: 1915px !important;}
.vc_custom_1654151706619{width: 1915px !important;}

/* rozwijane listy */
.list-with-toggle {
    max-height: 300px;
    overflow: hidden;
    margin-bottom: 0;
}

.list-with-toggle.active {
    max-height: initial;
}

.toggle-for-list {
    cursor: pointer;
    text-align: center;
    padding: 5px;
    transition: .3s ease;
}

.toggle-for-list:hover {
    color: var(--col1);
}

.toggle-for-list span {
    display: block;
}

.toggle-for-list br, .toggle-for-list span:last-child {
    display: none;
}

/* tel contact */
.tel-container {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 999;
}

.tel-ico {
    width: 75px;
    height: 75px;
    background: var(--col1);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 30px;
    border: 4px solid #fff;
    box-shadow: 0 0 10px var(--col1);
    transition: .3s ease;
    cursor: pointer;
    margin-left: auto;
    position: relative;
}

.tel-ico:hover {
    background: #000;
    box-shadow: 0 0 10px #000;
}

.tel-content {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    padding: 20px;
    border-radius: 12px 12px 40px;
    margin-bottom: -75px;
    transition: .5s ease;
    transform-origin: bottom right;
    transform: scale(0);
    opacity: 0;
}

.tel-content.open {
    transform: scale(1);
    opacity: 1;
}

.tel-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.th1, .th2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
}

.th2 {
    color: var(--col1);
    font-size: 18px;
}

.tel-person {
    display: none;
    padding-right: 80px;
}

.tel-person.show {
    display: flex;
    align-items: center;
}

.tp-img img {
    height: 65px;
}

.tp-img {
    padding-right: 15px;
}

.tp-data {
    line-height: 1.3;
    color: #333;
}

.tpd1 {
    font-size: 16px;
}

.tpd2 {
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: 300;
}

.tpda {
    font-size: 18px;
    font-weight: 700;
    transition: .2s ease;
}

.tel-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    color: #888;
    font-size: 20px;
    line-height: 1;
    padding: 5px;
    transition: .3s ease;
}

.tel-close:hover {
    color: var(--col1);
}