/* Theme Name: WP Orkan Custom Theme */ 

/* Variables */

:root {
  --orange: #EC4410;
  --white: #ffffff;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?5uxa1b');
  src:  url('fonts/icomoon.eot?5uxa1b#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?5uxa1b') format('truetype'),
    url('fonts/icomoon.woff?5uxa1b') format('woff'),
    url('fonts/icomoon.svg?5uxa1b#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-play:before {
  content: "\e90f";
  color: #fff;
}
.icon-chevron-left:before {
  content: "\e90d";
  color: #ec4410;
}
.icon-chevron-right:before {
  content: "\e90e";
  color: #ec4410;
}
.icon-zoom:before {
  content: "\e90c";
  color: #f1f1f1;
}
.icon-location:before {
  content: "\e909";
  color: #ec4410;
}
.icon-phone-call:before {
  content: "\e90a";
  color: #ec4410;
}
.icon-at:before {
  content: "\e90b";
  color: #ec4410;
}
.icon-search:before {
  content: "\e900";
  color: #fff;
}
.icon-chevron-down:before {
  content: "\e901";
  color: #ec4410;
}
.icon-home1:before {
  content: "\e902";
  color: #707070;
}
.icon-home3:before {
  content: "\e903";
  color: #707070;
}
.icon-home2:before {
  content: "\e904";
  color: #707070;
}
.icon-arrow-top:before {
  content: "\e905";
  color: #ec4410;
}
.icon-arrow-small:before {
  content: "\e906";
  color: #ec4410;
}
.icon-plus:before {
  content: "\e907";
  color: #fff;
}
.icon-goto-next:before {
  content: "\e908";
  color: #fff;
}



/* Global Styles */

*,*:before,*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

strong,b {
    font-weight: 700
}

em,i {
    font-style: italic
}

input {
    outline: none;
    border: none;
    border-radius: 0
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Work Sans";
    font-weight: normal;
    font-size: 16px;
    /* line-height: 1.25; */
    color: #000;
}

.right {
    float: right
}

.left {
    float: left
}

.clear {
    clear: both
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.half {
    width: 48%
}

@media (max-width: 1000px) {
    .half {
        width:100%;
        float: none
    }
}

.none {
    display: none
}

a {
    color: #3D67EE;
    text-decoration: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

a:hover {
    color: #EC4410;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out
}

a img {
    outline: none;
    border: none;
}

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

iframe {
    max-width: 100%
}

h1,.h1 {
    font-family: "DM Sans";
    font-weight: 900;
    font-size: 50px;
    color: #1E1E1E;
    line-height: 1.3;
}

h2,.h2 {
    font-family: "DM Sans";
    font-weight: 900;
    font-size: 68px;
    color: #1E1E1E;
    line-height: 1.3;
    text-transform: uppercase;
}

h3,.h3 {
    font-family: "DM Sans";
    font-size: 29px;
    line-height: 29px;
    font-weight: 900;
    color: #1E1E1E;
}

h4,.h4 {
    font-family: "DM Sans";
    font-size: 22px;
    line-height: 27px;
    font-weight: 900;
    color: #000;
}

.alignleft {
    float: left;
    margin: 5px 50px 25px 0
}

.alignright {
    float: right;
    margin: 5px 0 25px 50px
}

.content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {
    margin: 0 0 20px;
    font-weight: 500;
}

.content p,.content form,.content iframe,.content blockquote,.content hr {
    margin: 0 0 20px;
}

.content ul,.content ol {
    margin: 0 0 30px 30px;
    line-height: 32px;
    line-height: 30px;
}

.gform_wrapper ul,.content form ul,form:not(.searchform) ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gform_wrapper ul li,.content form ul li,form:not(.searchform) ul li {
    width: 100%
}

.gform_wrapper ul li.third,.content form ul li.third,form:not(.searchform) ul li.third {
    width: 33%
}

@media (max-width: 1000px) {
    .gform_wrapper ul li.third,.content form ul li.third,form:not(.searchform) ul li.third {
        width:50%
    }
}

@media (max-width: 700px) {
    .gform_wrapper ul li.third,.content form ul li.third,form:not(.searchform) ul li.third {
        width:100%
    }
}

.gform_wrapper ul li.two-thirds input,.content form ul li.two-thirds input,form:not(.searchform) ul li.two-thirds input {
    width: 66% !important
}

@media (max-width: 1000px) {
    .gform_wrapper ul li.two-thirds input,.content form ul li.two-thirds input,form:not(.searchform) ul li.two-thirds input {
        width:50% !important
    }
}

@media (max-width: 700px) {
    .gform_wrapper ul li.two-thirds input,.content form ul li.two-thirds input,form:not(.searchform) ul li.two-thirds input {
        width:100% !important
    }
}

.gform_wrapper ul li.gsection,.content form ul li.gsection,form:not(.searchform) ul li.gsection {
    border: none;
    margin: 0;
    padding: 0
}

.gform_wrapper ul li.gsection h2,.content form ul li.gsection h2,form:not(.searchform) ul li.gsection h2 {
    font-size: 1rem
}

.gform_wrapper ul li .ginput_container_radio input[type="text"],.content form ul li .ginput_container_radio input[type="text"],form:not(.searchform) ul li .ginput_container_radio input[type="text"] {
    width: 90% !important;
    height: 35px;
    font-size: 1rem !important
}

.gform_wrapper label,.content form label,form:not(.searchform) label {
    font-size: .9375rem !important;
    font-weight: 400 !important
}

.gform_wrapper .ginput_complex label,.content form .ginput_complex label,form:not(.searchform) .ginput_complex label {
    font-size: .75rem !important
}

.gform_wrapper input[type="text"],.gform_wrapper input[type="email"],.gform_wrapper input[type="tel"],.gform_wrapper input[type="number"],.gform_wrapper input[type="password"],.gform_wrapper input[type="url"],.gform_wrapper textarea,.gform_wrapper select,.content form input[type="text"],.content form input[type="email"],.content form input[type="tel"],.content form input[type="number"],.content form input[type="password"],.content form input[type="url"],.content form textarea,.content form select,form:not(.searchform) input[type="text"],form:not(.searchform) input[type="email"],form:not(.searchform) input[type="tel"],form:not(.searchform) input[type="number"],form:not(.searchform) input[type="password"],form:not(.searchform) input[type="url"],form:not(.searchform) textarea,form:not(.searchform) select {
    background-color: #fff;
    width: 100% !important;
    height: 44px;
    outline: none;
    border: 0;
    border-bottom: 1px solid #8B9194;
    padding: 0 17px !important;
    font-size: 16px;
    border-radius: 5px;
    font-family: 'DM Sans';
    border-radius: 0;
}

.gform_wrapper textarea,.content form textarea,form:not(.searchform) textarea {
    padding: 20px !important;
    height: 200px
}

.gform_wrapper input[type="submit"],.content form input[type="submit"],form:not(.searchform) input[type="submit"] {
    cursor: pointer;
    padding: 0;
    min-width: 200px;
    height: 55px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out
}

.gform_wrapper input[type="submit"]:hover,.content form input[type="submit"]:hover,form:not(.searchform) input[type="submit"]:hover {
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out
}

.container{
    max-width: 1656px;
    width: calc(100% - 60px);
    margin: 0 auto;
}

/* Header */

header.site-header {
    background: #1E1E1E;
    padding: 0px 0;
    z-index: 9;
    position: relative;
}

.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-nav {
    display: flex;
    align-items: center;
}

.header-logo img.logo-light {
    display: none;
}

ul.main-menu {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: center;
}

ul.main-menu ul {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 100%;
    background: #fff;
    left: -32px;
    padding: 32px;
    min-width: 300px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

ul.main-menu > li {
    position: relative;
    margin: 0 20px;
    padding: 40px 0 36px;
}

ul.main-menu > li > a {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'DM Sans';
    position: relative;
}

ul.main-menu > li.current-menu-item > a, ul.main-menu > li > a:hover{
    color: var(--orange);
}

ul.main-menu > li > a:before {
    content: '';
    background: #EC4410;
    width: 50px;
    position: absolute;
    height: 1px;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 10px);
    opacity: 0;
    transition: .35s ease;
}

ul.main-menu > li.header-cta > a:before {
    display: none;
}

ul.main-menu > li > a:hover:before, ul.main-menu > li.current-menu-item > a:before {
    opacity: 1;
}

ul.main-menu > li:first-child {
    margin-left: 0;
}

ul.main-menu > li:last-child {
    margin-right: 0;
}

.language-switcher ul {
    list-style: none;
    display: flex;
    align-items: center;
}

nav.header-main-menu {
    margin-right: 40px;
}

.language-switcher ul li:before {
    content: '';
    height: 13px;
    width: 1px;
    background: #fff;
    position: absolute;
    left: 100%;
    top: 58%;
    transform: translateY(-50%);
    display: block;
}

.language-switcher ul li {
    position: relative;
    padding: 0 16px;
}

.language-switcher ul li:last-child:before {
    display: none;
}

.language-switcher ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    font-family: 'DM Sans';
}

.language-switcher ul li.active a {
    color: var(--orange);
}

ul.main-menu > li.menu-item-has-children > a:after {
    content: "\e901";
    color: #ec4410;
    font-family: 'icomoon';
    font-size: 8px;
    margin-left: 12px;
}

ul.main-menu > li.menu-item-has-children > a {
    display: flex;
    align-items: center;
}

ul.main-menu li.header-cta > a {
    border: 1px solid #EC4410;
    border-radius: 4px 22px 4px 4px;
    padding: 12px 32px;
}

ul.main-menu li.header-cta > a:hover {
    background: #EC4410;
    color: #fff;
}

ul.main-menu > li:hover >  ul {
    opacity: 1;
    visibility: visible;
    list-style: none;
}

ul.main-menu > li.two-column-menu ul {
    display: flex;
    padding: 32px 32px;
    flex-wrap: wrap;
    width: 595px;
    max-width: 100vw;
    flex-direction: row;
    row-gap: 32px;
}

ul.main-menu ul li a {
    font-size: 16px;
    font-weight: 900;
    font-family: 'DM Sans';
    text-transform: uppercase;
    color: #1E1E1E;
}

ul.main-menu ul li {
    margin: 0px 0;
}

ul.main-menu > li.two-column-menu ul li {
    width: 48%;
}

ul.main-menu ul li a:before {
    content: "\e906";
    font-family: 'icomoon';
    color: #B7B7B7;
    font-size: 14px;
    font-weight: normal;
    margin-right: 9px;
    transition: .35s ease;
}

ul.main-menu ul li a:hover {
    color: #EC4410;
}

ul.main-menu ul li a:hover:before {
    color: #EC4410;
}

.header-logo {
    max-width: 147px;
}

img {
    vertical-align: middle;
}

/* Site Footer */

footer.site-footer {
    background: #1E1E1E;
    padding: 75px 0 0 0;
    position: relative;
}

.footer-widgets {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 64px;
}

.footer-logo-col {
    border-right: 1px solid #3F484D;
    width: 406px;
    padding-right: 82px;
}

.footer-right {
    display: flex;
    padding-left: 96px;
    justify-content: space-between;
    width: calc(100% - 406px);
}

.footer-bottom {
    border-top: 1px solid #3F484D;
}

a.footer-logo {
    display: block;
    max-width: 223px;
    margin-bottom: 32px;
}

.footer-title h3 {
    color: #FFFFFF;
    font-family: 'DM Sans';
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
}

.footer-title h3 {
    margin-bottom: 16px;
}

.footer-address {
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    max-width: 200px;
    display: flex;
}

.footer-address i {
    font-size: 20px;
    margin-right: 12px;
    margin-top: 4px;
}

.design-by {
    padding: 24px 0;
    text-align: right;
}

.footer-right h6 {
    font-size: 16px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'DM Sans';
    margin-bottom: 10px;
}

.footer-col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    row-gap: 32px;
}

.footer-right a {
    color: #fff;
    font-family: 'DM Sans';
    font-weight: 400;
    line-height: 1.5;
    display: block;
    font-size: 16px;
}

.footer-contact-details h6 {
    margin-bottom: 15px;
}

.footer-right ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

a.back-to-top {
    color: var(--orange);
    text-transform: uppercase;
    font-weight: 900;
}

a.back-to-top i {
    margin-left: 6px;
}

.footer-right a:hover {
    color: var( --orange );
}

.contact-list a i {
    margin-right: 8px;
}

.contact-list > div {
    margin-bottom: 16px;
}

ul.footer-social-list {
    background: #1e1e1e;
    border: 1px solid #3F484D;
    border-radius: 8px;
    display: inline-flex;
    padding: 16px 24px;
    column-gap: 32px;
}

.footer-bg-left,
.footer-bg-right{
    position: absolute;
    width: 286px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    top: 0;
}

.footer-bg-left {
    background-image: url(images/footer-bg-left.png);
    background-position: center right;
}

.footer-bg-right{
    background-image: url(images/footer-bg-right.png);
    left: auto;
    right: 0;
    background-position: center left;
}

footer.site-footer .container {
    position: relative;
    z-index: 2;
}

/* Home Hero */

section.home-hero {
    background-size: cover;
    background-position: center center;
    position: relative;
}

.hero-container {
    position: relative;
    max-width: 1508px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.hero-scroll {
    position: absolute;
    bottom: 40px;
    left: 50%;
    font-size: 68px;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 1;
}

.hero-content {
    max-width: 513px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.hero-content h1 {
    font-size: 29px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

.hero-content h1 span {
    color: #EC4410;
}

section.home-hero:after {
    content: '';
    background: #252A2C;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .66;
}

.hero-text-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 120px;
    font-weight: bold;
    opacity: .22;
    width: 100%;
    display: none;
}

video.hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

section.home-hero .container {
    position: relative;
    padding: 40px 0 90px;
    z-index: 1;
}

section.home-hero span.icon-plus {
    position: absolute;
    bottom: 40px;
    font-size: 40px;
}

section.home-hero span.icon-plus.hero-plus-right {
    right: 0;
}

/* Categories Grid */

section.products-categories-grid {
    position: relative;
    background: #1E1E1E;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 102%;
    padding: 150px 0 252px;
    background-blend-mode: lighten;
}

.categories-grid-inner {
    display: flex;
}

.cg-image {
    width: 50%;
}

.categories-grid-container {
    width: 50%;
}

.categories-grid-header {
    text-align: right;
    margin-bottom: 136px;
}

a.arrow-btn {
    color: #EC4410;
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'DM Sans';
    font-size: 16px;
}

a.arrow-btn i {
    font-size: 12px;
    margin-left: 4px;
}

.categories-grid-header h2 {
    color: #fff;
    margin: 8px 0 0;
}

a.category-box {
    width: 50%;
    display: flex;
    position: relative;
    height: 410px;
    background-color: #1E1E1E;
    border-radius: 8px;
    position: relative;
}

.category-box-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    transition: .35s ease;
    overflow: hidden;
    height: 100%;
    width: 100%;
    border-radius: 8px;
}

.category-box-bg img {
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.category-box-inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1;
    padding: 48px 40px 40px;
    border: 1px solid #3F484D;
    border-radius: inherit;
}

a.category-box:hover .cb-content ul {
    opacity: 1;
    transform: translateY(0);
}

.grid-row-one {
    display: flex;
    justify-content: flex-end;
}

.cb-box-icons span {
    position: absolute;
    z-index: 2;
    font-size: 43px;
    transform: translate(-50%, -50%);
}

.cb-box-icons span:nth-child(1) {
    top: 0;
    left: 0;
}

.cb-box-icons span:nth-child(2) {
    right: 0;
    transform: translate(50%, -50%);
}

.cb-box-icons span:nth-child(3) {
    bottom: 0;
    transform: translate(-50%, 50%);
}

.cb-box-icons span:nth-child(4) {
    right: 0;
    bottom: 0;
    transform: translate(50%, 50%);
}

.cb-box-icons span:before {
    color: #EC4410;
}

.cg-image img {
    max-width: calc(100% + 120px);
    display: block;
}

.grid-row-three {
    display: flex;
}

a.category-box.category-box-3 {
    transform: translateX(-100%);
}

.cb-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cb-header span {
    font-size: 29px;
    font-weight: 900;
    color: #fff;
    font-family: 'DM Sans';
}

.cb-header i:before {
    color: #3F484D;
}

.cb-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
    opacity: 0;
    transition: .35s ease;
    transform: translateY(10px);
}

.cb-content ul li {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 8px;
}

.cb-content h3 {
    font-size: 29px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
}

a.category-box:hover .category-box-bg {
    opacity: 1;
    visibility: visible;
}

.category-box-bg:after {
    content: '';
    height: 100%;
    width: 100%;
    background: #EC4410;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .4;
}

a.category-box:hover .cb-header i:before {
    color: #fff;
}

/* Konfigurator Search */

.konfigurator-container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-right: 85px;
}

.konfigurator-image {
    width: 571px;
    margin-top: -76px;
}

.konfigurator-content {
    width: 890px;
    padding-bottom: 132px;
}

section.konfigurator-block {
    z-index: 2;
    position: relative;
}

.konfigurator-text {
    font-size: 16px;
    line-height: 1.5;
    margin: 10px 0 30px;
    max-width: 816px;
}

.konfigurator-form-col {
    display: flex;
    gap: 48px;
    margin-bottom: 40px;
}

form#konfigurator-form button {
    background: #EC4410;
    border: 0;
    box-shadow: none;
    padding: 12px 32px;
    border-radius: 4px 22px 4px 4px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    border: 1px solid #EC4410;
    transition: .35s ease;
}

form#konfigurator-form button i {
    margin-left: 16px;
}

form#konfigurator-form button:hover {
    background: transparent;
    color: #EC4410;
}

form#konfigurator-form button:hover i:before {
    color: #EC4410;
}

/* Katalogue */

section.katalog_produktowy-block {
    background-size: cover;
    background-position: bottom center;
    padding: 180px 0 120px;
    position: relative;
    z-index: 1;
}

.katalog_produktowy-grid {
    display: flex;
    justify-content: space-between;
    padding-left: 140px;
    color: #fff;
}

section.katalog_produktowy-block .container {
    max-width: 1600px;
}

.katalog_produktowy-content {
    width: 553px;
}

.katalog_produktowy-content h2 {
    color: #fff;
    font-weight: bold;
    line-height: 1.15;
}

.katalog_produktowy-content .content {
    margin: 24px 0 32px;
    font-size: 16px;
    line-height: 1.5;
}

.katalog_produktowy-content a.pdf-button, .button {
    background: #EC4410;
    border: 1px solid #EC4410;
    border-radius: 4px 22px 4px 4px;
    padding: 12px 39px 12px 35px;
    display: inline-flex;
    margin-bottom: 16px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'DM Sans';
    align-items: center;
    font-size: 16px;
}

.katalog_produktowy-content .pdf-info {
    color: #ADADAD;
    font-size: 16px;
}

.katalog_produktowy-content .pdf-info span.pdf-name:after {
    content: '';
    width: 1px;
    height: 13px;
    background: #ADADAD;
    display: inline-flex;
    margin: 0 8px 0 12px;
    position: relative;
    top: 1px;
}

.katalog_produktowy-content a.pdf-button i:before {
    color: #fff;
}

.katalog_produktowy-content a.pdf-button i {
    position: relative;
    top: -2px;
    transform: rotate(90deg);
    display: inline-block;
    margin-left: 14px;
}

.katalog_produktowy-content a.pdf-button:hover, .button:hover {
    background: #fff;
    color: #EC4410;
}

.katalog_produktowy-content a.pdf-button:hover i:before {
    color: #EC4410;
}

.katalog-image {
    width: 830px;
}

.about-company-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

section.about-company-block {
    position: relative;
    padding: 180px 0 300px;
    background: #ffffff;
}

.ac-content {
    width: 648px;
}

.ac-top-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 900px;
    transform: translateY(-60%);
    background-size: cover;
    background-position: bottom center;
}

.ac-top-image img {
    opacity: 0;
}

.ac-bottom-image {
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: cover;
    width: 100%;
    background-position: center center;
    height: 608px;
    background-blend-mode: luminosity;
    opacity: 1;
}

.ac-bottom-image img {
    opacity: 0;
}

.ac-content h2 {
    line-height: 1.2;
    font-weight: bold;
}

.ac-content .content {
    margin: 8px 0 32px;
}

.ac-feature-row {
    border-top: 1px solid #E7E7E7;
    padding-top: 32px;
    display: flex;
    justify-content: space-between;
}

.content {
    font-size: 16px;
    line-height: 1.5;
}

.ac-feature-content {
    line-height: 1.5;
    width: calc(100% - 66px);
}

.ac-feature-image {
    width: 42px;
}

.ac-feature-content h3 {
    font-size: 22px;
    text-transform: uppercase;
    line-height: 29px;
    margin-bottom: 10px;
}

section.services-block {
    background-color: #1E1E1E;
    padding: 120px 0 310px;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.services-block-header {
    text-align: center;
}

.services-block-header h2 {
    color: #fff;
    margin-bottom: 87px;
}

a.service-grid-item {
    position: relative;
    background-blend-mode: darken;
    backdrop-filter: blur(6px);
    --webkit-backdrop-filter: blur(6px);
    background-color: rgba(0, 0, 0, 0.03);
}

.service-item-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 90px;
    width: 100%;
    color: #fff;
}

.services-grid {
    display: flex;
    border-radius: 12px;
    border: 1px solid #3F484D;
    position: relative;
    overflow: hidden;
}

.service-item-bg {
    background-size: cover;
    background-position: center center;
    opacity: 0;
    visibility: hidden;
    transition: .35s ease;
    position: relative;
}

.service-item-bg img {
    opacity: 0;
    width: 100%;
}

a.service-grid-item:first-child {
    border-right: 1px solid #3F484D;
}

.service-item-content h3 {
    font-size: 38px;
    line-height: 50px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 24px;
}

p {
    font-size: 16px;
    line-height: 24px;
}

.service-item-content p {
    max-width: 480px;
}

a.service-grid-item:hover .service-item-bg {
    opacity: 1;
    visibility: visible;
}

.service-item-bg:after {
    content: '';
    height: 100%;
    width: 100%;
    background: #EC4410;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .55;
}

.service-item-content h3 i {
    font-size: 30px;
    margin-left: 16px;
}

.services-grid-wrap span.icon-plus {
    font-size: 43px;
    position: absolute;
    left: 50%;
}

.services-grid-wrap span.icon-plus.sep-top {
    transform: translate(-50%, -50%);
}

.services-grid-wrap span.icon-plus:before {
    color: #EC4410;
}

.services-grid-wrap span.icon-plus.sep-bottom {
    transform: translate(-50%, 50%);
    bottom: 0;
}

.services-grid-wrap {
    position: relative;
}

/* Contact Page */

section.blog-section {
  background-color: #1E1E1E;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 350px;
}

.blog-section-grid {
    display: flex;
    justify-content: space-between;
}

section.blog-section .container {
    max-width: 1792px;
}

.blog-heading-box {
    width: 33%;
    border: 1px solid #EC4410;
    border-radius: 0 8px 8px 0;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 48px 50px;
    color: #fff;
}

.blog-grid-posts {
    width: 64%;
}

.blog-grid-posts {
    display: flex;
    justify-content: space-between;
}

.blog-grid-posts .post-item {
    background: #1E1E1E;
    border: 1px solid #3F484D;
    border-radius: 8px;
    overflow: hidden;
}

.blog-grid-posts > div {
    width: calc(50% - 24px);
    row-gap: 24px;
}

.blog-grid-posts > div.left-col .post-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-grid-posts > div.left-col .post-item {
    display: flex;
}

.blog-grid-posts > div.left-col .post-thumbnail {
    width: 40%;
}

.blog-grid-posts > div.left-col .post-content {
    width: 60%;
    padding: 36px 28px;
    color: #fff;
}

.blog-grid-posts > div.left-col .post-thumbnail a {
    display: flex;
    height: 100%;
}

.blog-grid-posts > div.left-col .post-thumbnail img {
    object-fit: cover;
    object-position: center center;
    border-radius: 8px;
}

.post-date {
    color: #AEAEAE;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    text-transform: uppercase;
}

.post-content h3 {
    margin: 14px 0 16px;
    color: #fff;
}

.post-content h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 26px;
    font-weight: 900;
}

.blog-grid-posts > div.left-col {
    display: flex;
    flex-direction: column;
}

.blog-heading-box-inner {
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.blog-heading-box h2 {
    color: #fff;
}

.blog-grid-posts .post-thumbnail img {
    filter: grayscale(1);
    transition: .35s ease;
}

.post-date i:before {
    color: #AEAEAE;
    transition: .35s ease;
}

a.post-item:hover .post-thumbnail img {
    filter: none;
}

a.post-item:hover .post-date i:before{
    color: #EC4410;
}

a.border-button {
    border: 1px solid #EC4410;
    border-radius: 4px 22px 4px 4px;
    padding: 12px 32px;
    display: inline-flex;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'DM Sans';
}

a.border-button:hover {
    background: #EC4410;
}

.blog-heading-box-inner .content {
    margin: 16px 0 40px;
}

.blog-grid-posts > div.right-col .post-thumbnail img {
    height: 322px;
    object-fit: cover;
}

.blog-grid-posts > div.right-col .post-item {
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.blog-grid-posts > div.right-col .post-thumbnail {
    border-radius: 8px;
    overflow: hidden;
}

.blog-grid-posts > div.right-col .post-item .post-content {
    padding: 48px;
    color: #fff;
}

.blog-grid-posts > div.right-col .post-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-heading-box-inner > div {
    max-width: 398px;
    margin-left: auto;
}

.blog-grid-posts > div.left-col .post-thumbnail img {
    height: 100%;
    object-fit: cover;
}

.cf-form-wrap {
    max-width: 888px;
    border: 1px solid #E7E7E7;
    border-radius: 30px 0 30px 0;
    margin: 0px auto;
    padding: 77px;
    background: #fff;
    position: relative;
    z-index: 2;
}

.cf-form-inner {
    max-width: 647px;
    margin: 0 auto;
}

.cf-form-inner h2 {
    text-align: center;
}

.cf-form-header {
    text-align: center;
}

.cf-description {
    text-align: center;
    line-height: 1.5;
    margin: 20px 0;
}

.cf-image-top {
    margin-bottom: -290px;
    margin-top: -135px;
}

.cf-image-bottom {
    text-align: right;
    margin-top: -290px;
}

section.contact-us {
    padding-bottom: 160px;
}

.cf-form-wrap:before {
    color: #EC4410;
    content: "\e907";
    font-family: 'icomoon';
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    font-size: 42px;
    transform: translate(50%, -50%);
}

.cf-form-wrap:after {
    color: #EC4410;
    content: "\e907";
    font-family: 'icomoon';
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 20px;
    font-size: 42px;
    transform: translate(-50%, 50%);
}

/* Services Page */

.parts-service-block {
    background: #1E1E1E;
    background-image: url('images/service-hero-bg.png');
    background-repeat: no-repeat;
}

.parts-service-grid .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.parts-service-content {
    width: 40%;
    color: #fff;
}

.parts-service-right {
    width: 53%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.parts-service-grid {
    padding: 170px 0 180px;
}

.parts-service-content h1 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 32px;
}

.parts-service-content h1 strong {
    color: #EC4410;
}

.czesci-content p {
    margin-bottom: 20px;
}

.czesci-content p:last-child {
    margin-bottom: 0;
}

.service-contact-distributor-block {
    width: 312px;
}

.czesci-image-main.hidden-mobile {
    width: calc(100% - 336px);
}

.sdb-content {
    background: #1D1D1D;
    border: 1px solid #3F484D;
    border-radius: 20px;
    padding: 112px 30px 40px 40px;
    color: #fff;
    background: #1D1D1D;
    backdrop-filter: blur(23px);
    --webkit-backdrop-filter: blur(23px);
    background-color: rgba(0, 0, 0, 0.3);
}

.sdb-content h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 29px;
}

.sdb-content > div {
    margin: 16px 0 24px;
    line-height: 1.5;
}

.sdb-content .border-button {
    padding: 12px 22px;
}

.sdb-image {
    margin-bottom: -90px;
    position: relative;
    z-index: 2;
}

/* Services */

.support-service-wrap {
    padding: 130px 0 150px;
    background-image: url(images/support-service-bg.png);
    background-color: #F9F9F9;
    background-size: auto;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.support-service-wrap h2 {
    text-align: center;
    font-size: 50px;
    margin-bottom: 10px;
}

.support-service-wrap .sub-heading {
    text-align: center;
}

.support-services-grid {
    margin: 50px -2.5px 90px;
    display: flex;
    align-items: flex-start;
}

.support-service-item {
    border-radius: 5px;
    background-color: rgb(255 255 255 / 100%);
    position: relative;
    width: calc(100% / 6 - 5px);
    margin: 0 2.5px;
    padding: 38px 32px;
}

.support-service-item:nth-child(even) {
    margin-top: 100px;
}

.support-service-item h3 {
    font-size: 22px;
    line-height: 28px;
    font-family: 'DM Sans';
    text-transform: uppercase;
}

.support-service-image {
    margin: 70px 0;
    text-align: center;
}

span.service-count {
    color: #707070;
    font-size: 22px;
    line-height: 29px;
    font-weight: 900;
    font-family: 'DM Sans';
}

.centered-button .button {
    margin: 0;
}

.centered-button {
    text-align: center;
}

.support-service-item h3 span {
    color: #707070;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Work Sans';
    font-weight: 400;
    text-transform: math-auto;
}

.kontakt-page-right-cols > div {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.kontakt-page-left-col, .kontakt-page-right-col {
    width: 50%;
}

.kontakt-page-note {
    max-width: 255px;
}

.kontakt-page-social-title {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'DM Sans', sans-serif;
    font-weight: 900;
    margin-bottom: 16px;
}

ul.contact-social-list {
    display: flex;
    list-style: none;
    gap: 32px;
}

.plus-icons-about span.icon-plus:before {
    color: #EC4410;
}

.plus-icons-about .icon-plus {
    position: absolute;
    font-size: 43px;
}

.about-page-box-outer {
    max-width: 1320px;
    margin: 0 auto;
    border: 1px solid #E7E7E7;
    padding: 18px 24px 36px;
    position: relative;
    z-index: 1;
    border-radius: 0 70px 0 0;
}

section.about-page {
    position: relative;
    padding: 150px 0 120px;
    background: #F9F9F9;
}

.about-page-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-size: cover;
    background-position: center bottom;
}

.about-page-bg img {
    opacity: 0;
}

.about-box-inner {
    background: #FFFFFF;
    border-radius: 0 70px 0 0;
}

.plus-icons-about .icon-plus:first-child {
    left: 0;
    top: 0;
    transform: translate(-50%, -50%);
}

.plus-icons-about .icon-plus:nth-child(2) {
    bottom: 0;
    left: 0;
    transform: translate(-50%, 50%);
}

.plus-icons-about .icon-plus:nth-child(3) {
    right: 0;
    bottom: 0;
    transform: translate(50%, 50%);
}

.about-page-grid {
    display: flex;
    padding: 120px 66px 90px;
    align-items: center;
    position: relative;
}

.about-page-grid h1 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 24px 0 16px;
    line-height: 1;
}

.about-content {
    margin-bottom: 32px;
}

.about-sidebar-image {
    max-width: 657px;
    z-index: 1;
}

.about-page-content {
    padding-left: 92px;
    z-index: 1;
}

.about-inner__bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-size: cover;
    background-position: left center;
    width: 588px;
}

.about-inner__bg img {
    opacity: 0;
    visibility: hidden;
}

.about-inner__bg:after {
    content: '';
    height: 100%;
    width: 100%;
    background: linear-gradient(to left,#fff 0%, rgba(255, 255, 255, 0.33) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

.gallery-page-header {
    text-align: center;
    background-image: url(images/gallery-bg.jpg);
    background-size: cover;
    background-position: top center;
    padding: 135px 0 60px;
}

.gallery-page-header h1, h1.page-heading {
    color: #fff;
    text-transform: uppercase;
    font-size: 68px;
    font-weight: bold;
}

.gallery-filter__type {
    margin-top: 90px;
    display: inline-flex;
    justify-content: center;
    backdrop-filter: blur(6px);
    --webkit-backdrop-filter: blur(6px);
    background-color: #000;
    width: 100%;
    max-width: 1320px;
    border-radius: 12px;
    overflow: hidden;
}

.gallery-filter__type a {
/*    border: 1px solid #1D1D1D;*/
    padding: 37px;
    text-transform: uppercase;
    color: #fff;
    font-size: 38px;
    font-weight: 900;
    font-family: 'DM Sans';
    width: 100%;
    position: relative;
}

.gallery-filter__type a i {
    font-size: 27px;
    margin-left: 6px;
}

.gallery-filter__type a.active {
    background: #fff;
    color: #EC4410;
    border-color: #fff;
}

.gallery-filter__type a.active i:before {
    color: #D9D9D9;
}

.gallery-page-content {
    padding: 48px 0 80px;
    background: #F9F9F9;
}

.gallery-page-tab__actions {
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 48px;
    margin-bottom: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gallery-categories-filter {
    display: flex;
    flex-wrap: wrap;
}

.gallery-categories-filter button {
    border: 2px solid #D9D9D9;
    border-radius: 8px 0;
    background: transparent;
    padding: 11px 22px;
    margin-right: 12px;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'DM Sans';
    cursor: pointer;
    transition: .35s ease;
}

.gallery-categories-filter button.active, .gallery-categories-filter button:hover {
    background: #fff;
    border-color: #fff;
    box-shadow: 0px 2px 12px rgba(140, 140, 140, 0.12);
}

.photo-gallery-grid {
    display: flex;
    flex-wrap: wrap;
}

.photo-gallery-grid .gallery-item {
    width: calc(100%/4 - 26px);
    margin: 0 13px 26px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.gallery-img-bg {
    background-size: cover;
    background-position: center center;
    transition: .35s ease;
}

.gallery-item span.icon-zoom {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    background: rgb(0 0 0 / 70%);
    padding: 10px;
    font-size: 28px;
    border-radius: 10px;
}

.photo-gallery-grid .gallery-item:hover .gallery-img-bg {
    transform: scale(1.1);
}

.gallery-img-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #151515;
    opacity: .3;
    transition: .35s ease;
}

.photo-gallery-grid .gallery-item:hover .gallery-img-bg:after{
    opacity: 0;
}

.wp-pagenavi span.pages {
    display: none;
}

.gallery-filter__type a.zdjecia:hover {
    background-image: url(images/bg-tab-photos.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border: 0;
}

.gallery-filter__type a.filmy:hover {
    background-image: url(images/bg-tab-photos.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border: 0;
}

.gallery-filter__type a:after {
    content: '';
    height: 100%;
    width: 100%;
    background: #EC4410;
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
    transition: .35s ease;
    opacity: 0;
}

.gallery-filter__type a:hover:after {
  opacity: .7;
}

.gallery-filter__type a span{
  z-index: 2;
  position: relative;
}

.gallery-categories-filter button i {
    margin-right: 8px;
    font-size: 12px;
}

.gallery-filter__type a:hover span {
    color: #fff;
}

.gallery-filter__type a:hover i:before {
    color: #fff;
}

.wp-pagenavi {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wp-pagenavi a.nextpostslink {
    border-radius: 0 20px 0 0;
    margin-left: 20px;
}

a.previouspostslink {
    margin-right: 20px;
}

.wp-pagenavi a, .wp-pagenavi span {
    border: 0;
    padding: 2px 2px;
    margin: 0 8px;
    color: #000000;
    font-size: 22px;
    font-weight: 500;
}

.wp-pagenavi span.current {
    color: #EC4410;
    border-bottom: 1px solid;
}


.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    border: 1px solid #E0E0E0;
    font-size: 12px;
}


.wp-pagenavi a:hover {
    color: #EC4410;
}

.wp-pagenavi  a.previouspostslink {
    border-radius: 20px 0 0;
}

.wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.nextpostslink:hover {
    border-color: #EC4410;
    background: #EC4410;
}

.wp-pagenavi a.previouspostslink:hover i:before, .wp-pagenavi a.nextpostslink:hover i:before {
    color: #fff;
}

.photo-gallery-grid-wrap .gallery-pagination {
    margin-top: 56px;
}

.wp-pagenavi a.first
.wp-pagenavi a.last {
    display: none;
}

.ajaxing .photo-gallery-grid-wrap {
    opacity: .5;
}

.video-gallery-grid {
    display: flex;
    flex-wrap: wrap;
}

a.gallery-video-item {
    width: calc(100%/3 - 40px);
    margin: 0 20px 40px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

a.gallery-video-item span.icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 89px;
}

a.gallery-video-item:hover .gallery-img-bg:before {
    opacity: 0;
}

a.gallery-video-item:hover .gallery-img-bg:after {
    opacity: 0;
}

.gallery-page-tab {
    display: none;
}

.gallery-page-tab.active {
    display: block;
}

/* Blog Pages */

.container-inner {
    max-width: 1320px;
    margin: 0 auto;
    width: calc(100% - 60px);
}

.blog-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
}

.blog-grid > .post {
    background: #1E1E1E;
    width: calc(100%/3 - 50px);
    margin: 0 25px 50px;
    border: 1px solid #3F484D;
    border-radius: 8px;
}

article.post .post-content {
    padding: 24px 30px;
    color: #AEAEAE;
    transition: .35s ease;
}

article.post .post-date {
    color: #EC4410;
}

.post-date i:before {
    color: #EC4410;
}

.blog-grid > .post a {
    background: #3F484D;
}

article.post a:hover .post-content {
    background: #3F484D;
    color: #AEAEAE;
}

.blog-hero.general-page-header-bg {
    padding: 132px 0 140px;
    text-align: center;
}

.blog-description {
    max-width: 700px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 16px;
}

.blog-posts-wrapper {
    background-color: #1E1E1E;
    position: relative;
    margin-bottom: -235px;
    background-image: url(images/gallery-bg.jpg);
    background-repeat: no-repeat;
    background-position: center -10px;
}

.blog-grid {
    position: relative;
    top: -70px;
    z-index: 2;
}

.blog-posts-wrapper .container {
    position: relative;
}

.blog-pagination-top {
    position: absolute;
    right: 0;
    top: -160px;
}

section.blog-page section.global-gallery-cta-wrapper {
    position: relative;
    z-index: 1;
    padding-top: 256px;
}

.blog-pagination-bottom {
    position: absolute;
    bottom: 30px;
    right: 0;
    z-index: 2;
}

.blog-grid > .post .post-thumbnail {
    margin: -1px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.blog-page-footer-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 630px;
    width: 100%;
    background-image: url(images/bg-blog-footer.png);
    background-position: center top;
    background-repeat: no-repeat;
}

.content h2 {
    font-size: 30px;
    text-transform: none;
}

.page-container {
    padding: 80px 0;
}

.page-container h1 {
    margin-bottom: 32px;
}

.content h3 {
    font-size: 24px;
}

.content h3 {
    font-size: 20px;
}