/** M&W Constrution Group CSS BETA */

/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 
/****** mw-colors ******/
:root {
--mw-white: #FFFFFF;
--mw-black: #000000;
--mw-orange-1: #C05730;
--mw-orange-2: #E46725;
--mw-orange-3: #EB8D34;
--mw-orange-3: rgb(235, 141, 52);
--mw-orange-4: #e5a569;
--mw-gray-1: #373D40;
--mw-gray-2: #575D61;
--mw-gray-3: rgb(110, 118, 121, 0.4);
--mw-gray-4: #2A2A2A;
--mw-gray-4: rgb(42, 42, 42);
--mw-gray-5: #777777;
--mw-gray-5: rgb(119, 119, 119);
--mw-gray-6: #3c3c3c;
--mw-gray-6: rgb(60, 60, 60);
--mw-gray-7: #8e8e8e;    
--mw-gray-text: #eaeaea;
--mw-color-1: #00C3FF;
--mw-color-2: #e558b4;
--mw-color-3: #ff6060;
--mw-color-3: rgb(255, 96, 96); 
--mw-color-4: #e5b9d6; 
--mw-color-5: #007aff;
--mw-blue: #4c8abf;
--mw-yellow: #FFE755; 
    
--mw-color-perfo1: rgb(255, 231, 85);    
--mw-color-perfo2: rgb(0, 195, 255);
}


html {
  scroll-behavior: smooth;
  word-wrap: break-word;
}

/* Call to action preload */
#block-calltoaction {
    z-index: 9;
    left: 0 !important;
    top: 40% !important;
    width: 70px;
    position: fixed;
}

/* inline images height to avoid sqeezing of images */

p img {
    height: auto;
}

/************** Experimental (google translate icons) **************/
#gtx-trans {display: none;}

/************** zadzwonic? **************/
.ui-datepicker-trigger {display: none}

/************** Global styles **************/
@media only screen and (min-width: 980px) {
.main-container {margin-top: 30px;}
}

li {list-style: square;}

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

/* Temporary disabled language switcher 
.language-switcher-language-url {} */


/* Test - typy obiektow modulowych */
@media only screen and (min-width: 992px) {
#typy-obiektow-modulowych .icon-box {min-height: 435px;}
}


#typy-obiektow-modulowych-v3 {margin-top: 2em;
background-color: var(--mw-) }




.btn-get-started-container {text-align: center;}
.alert {padding: 0; margin:0;}

/************** Full width layout **************/

@media only screen and (min-width: 854px) {
.region-content, #navbar, .region-footer, /*.region-header,*/ .alert, .alert-info, .messages, .info, .region-help, .page-node-type-blog_post .main-container, .breadcrumb {max-width: 1440px; margin-left: auto !important; margin-right: auto !important;}


.path-frontpage .region-content, .page-node-68 .region-content, .page-node-72 .region-content, .page-node-type-realization .region-content, .page-node-193 .region-content, .page-node-223 .region-content, .page-node-63 .region-content {max-width: 100%;}
}

.path-frontpage .col-sm-12, .page-node-193 .col-sm-12, .page-node-223 .col-sm-12, .page-node-251 .col-sm-12, .page-node-63 .col-sm-12, .page-node-303 .col-sm-12 {padding-left: 0; padding-right: 0;}



.page-node-68 .col-sm-12, .page-node-type-realization .col-sm-12, .page-node-251 .col-sm-12, .page-node-63 .col-sm-12 {margin-left: 0; margin-right: 0; padding-left:0; padding-right: 0;}


.page-node-type-realization .content, .page-node-type-nowe_projekty .content {
max-width: 1280px;
margin-left: auto;
margin-right: auto;}

.page-node-type-realization #realizacja-titles, .page-node-type-nowe_projekty #realizacja-titles {
padding-left: 10px;
padding-right:10px;
}

.layout1040-block {
    max-width: 1040px; margin-left: auto; margin-right: auto; margin-top: 18px;
} 

.layout1440, .view-logo-klienta-v2 {max-width: 1440px; margin-left: auto; margin-right: auto; }


.layout1440 {padding-left:10px; padding-right:10px;}


.layout1880 {max-width: 1880px; margin-left: auto; margin-right: auto; }

.zero-margin {margin:0; padding: 0;}

@media  (min-width: 1261px) {
.minus-15-right-margin {margin-right: -15px;}
.minus-15-left-margin {margin-left: -15px;}
}
.inner-block-padding {padding: 2em;}

body {
font-family: "Helvetica Neue", Helvetica, Arial;
font-size: 18px;
color: var(--mw-gray-6);
background-color: var(--mw-white);
}

h1, .h1, h2, .h2, h3, .h3 {margin-top: 0; margin-bottom: 0;}

.block-views h2, h2 {font-size: 32px; font-style: normal; font-weight: 800; text-align: left; color: var(--mw-gray-5); padding: 12px 0 12px 0;}

h1,h2,h3,h4,h5,h6 {font-family: 'Raleway';}
h1 {font-size: 42px; font-style: normal; font-weight: 800; color: var(--mw-gray-5);}
h2 {font-size: 32px; color: var(--mw-gray-5);}

h3 {font-size: 28px;font-style: normal; font-weight: 400; text-align: left; color: var(--mw-gray-5); padding: 4px 0 0 0;}

/* Small screens headings */
@media screen and (max-width: 520px) {
h1 {font-size: 30px;}
h2 {font-size: 22px;}
h3 {font-size: 19px;}
}


p {padding: 16px 16px 16px 0; text-align: left;}

a {
color: var(--mw-gray-6);     
text-decoration: none;
font-weight: 400;
}

a:hover, a:focus {
color: var(--mw-orange-4);
text-decoration: underline;
-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

/* img */
img{max-width: 100%;}

.alert-info a, .alert-info a:hover, .alert-info a:focus {
    color: var(--mw-orange-4);
}

/**    blockquote   **/
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 18px;
    border-left: 12px solid rgb(0, 195, 255, 0.6);
}
/************** COOKIES BAR **************/

@media screen and (max-width: 400px) {
#sliding-popup {height:70% !important}
}

@media screen and (max-width: 520px) {
#sliding-popup {height:60% !important}
}

@media screen and (max-width: 750px) {
#sliding-popup {height:65% !important}
}

@media screen and (min-width: 751px) {
#sliding-popup {height:40% !important}
}
/*

#sliding-popup {background-color: var(--mw-gray-1); opacity: 0.9; width:100%; padding: 15px; }

#sliding-popup p {font-size: 1.5rem; color: var(--mw-gray-text)}

#sliding-popup, #sliding-popup h2 {color: var(--mw-orange-3); font-size: 2rem; }

#sliding-popup h2 {width: 60%}

.eu-cookie-compliance-default-button {display: none;}

#sliding-popup button {background-color: var(--mw-gray-3); color: var(--mw-gray-text); padding:12px; border: none;
}


.eu-cookie-compliance-message {max-width: 100%;}
#popup-buttons button {position: absolute; top: 15px; right: 15px;}
#sliding-popup {overflow: scroll;}
#popup-text {margin-top: 20px;}

.page-node-73 #sliding-popup {display: none !important;}

/*


/************** Devi main top**************/
.devi-main-top { width: 80%; height:200px; float: right; margin-top: 1em; margin-bottom: 2em;}
.devi-main-top svg {overflow: visible}

/************** Devi main top - Add more @media - Bongo **************/

@media screen and (max-width: 640px) {
.devi-main-top {display:none} 
}


/************** Devi main bottom**************/
.devi-main-bottom { width: 70%; height:200px; float: right; margin-top: 1em; margin-bottom: 2em;}

@media screen and (max-width: 640px) {
.devi-main-bottom {display:none} 
}


/************** check it - Bongo **************/
.devi-orange-1 {margin-top: 90px; margin-left: -160px;}
.devi-orange-2 {margin-top: -140px;}
.devi-blue {margin-top: -180px;}
.devi-blue-gray {margin-top:-240px; margin-right: 100px;}






/************** BTN Primary **************/
.btn-main {padding: 0.8em 1.8em; font-size: 1em;}
.btn-primary {background-color: var(--mw-gray-5); border-color:  var(--mw-gray-5); border-radius:0;}
.btn-primary:hover {background-color: var(--mw-color-1); border-color: var(--mw-color-1); border-radius:0;}
.offer .btn-primary {float: right; margin-right: 16px;}
.dropdown:hover > .dropdown-menu { display: block;}
input {border-radius:0 !important;}

@media only screen and (max-width: 446px) {
.all-projects-btns a {margin-bottom: 18px; width: fit-content;}
}

.text-icon {margin: 32px 0 32px 0;}
/************** Header **************/
.navbar-default, .breadcrumb {background: transparent; border: none; padding: 0 0 0 0; margin: 0 0 0 0;}
p#site-slogan {font-size: 11px; float: left; clear: left; font-style: normal; text-transform: uppercase; font-weight: 900; color: var(--mw-orange-3); padding: 0 0 0 80px; margin-left: -25px; margin-top: -10px; letter-spacing: 1px;}
.search-block-form {max-width: 240px;}
.alert-info {background: none; border: none;}
.glyphicon-question-sign {display: none;}
#block-mwconstruction3-branding img {float: left; max-width: 192px; padding: 6px 0 0 6px;}
.path-frontpage .content .layout--onecol:first-child img {}





/************** Main navigation **************/
header .menu--main {float: right; clear: right;}
#block-mwconstruction3-branding {padding: 16px; margin-bottom: 20px;}
@media only screen and (max-width: 767px) {

  
.navbar-toggle {position: absolute; top:12px; right:0;}
  
.navbar-collapse {text-align: left; float: left;}
.menu--main { float: right; clear: right; position: relative;}
}

.navbar-default .navbar-nav > li > a {
    color: var(--mw-color-2);
}

/* Hamburger */

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {color: var(--mw-orange-3);}


.page-node-72 .fa-reorder:before, .page-node-166 .fa-reorder:before, .page-node-163 .fa-reorder:before, .page-node-164 .fa-reorder:before, .page-node-165 .fa-reorder:before {color: var(--mw-orange-3);}


/********** TB MegaMenu ***********/



button.navbar-toggle {display: none;}
button.tb-megamenu-button {float: right !important;}
.navbar-header {width: 100%; margin-left: 0 !important; margin-right:0 !important; }
.tb-megamenu {background-color: transparent;}
.tb-megamenu .nav li a {border-right: none;}

ul.tb-megamenu-nav {margin-left: auto !important; margin-right: auto !important; float: none; width: fit-content}
.tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover, .tb-megamenu .nav > li > span.tb-megamenu-no-link:focus, .tb-megamenu .nav > li > span.tb-megamenu-no-link:hover {background-color: transparent; !important}
.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus, .tb-megamenu .nav > .active > span.tb-megamenu-no-link, .tb-megamenu .nav > .active > span.tb-megamenu-no-link:hover, .tb-megamenu .nav > .active > span.tb-megamenu-no-link:focus, .tb-megamenu .active-trail, .tb-megamenu .nav li.dropdown.active > .dropdown-toggle {background-color: transparent; color: var(--mw-orange-3);}
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover, .tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover {
    background-color: transparent;}

.tb-megamenu.animate .mega.animating.open > .mega-dropdown-menu {
    opacity: 0;
  }
  .tb-megamenu.animate .mega.animating > .mega-dropdown-menu {
    display: none!important;
  }

.tb-megamenu .nav > li > a,
.tb-megamenu .nav > li > span.tb-megamenu-no-link {
font-size: 16px;
  font-weight: 400;
letter-spacing: ;
    color: var(--mw-color-2);
}

.tb-megamenu .mega-nav > li a,
.tb-megamenu .dropdown-menu .mega-nav > li a,
.tb-megamenu .mega-nav > li span.tb-megamenu-no-link,
.tb-megamenu .dropdown-menu .mega-nav > li span.tb-megamenu-no-link {
  padding: 12px 0;
}

.tb-megamenu .dropdown-menu li > a,
.tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link {
  border-top: none;
}

  .animating a, .open a {background-color: transparent !important;}
  
  .tb-megamenu .btn, .tb-megamenu .btn:active, .tb-megamenu .btn:focus {padding-right: 40px; background: transparent; border: none; font-size: 32px; box-shadow: none; background-color: transparent !important; margin-top: -73px;}
  
  @media only screen and (max-width: 373px) {
    .tb-megamenu .btn, .tb-megamenu .btn:active, .tb-megamenu .btn:focus {/*margin-top: -93px;*/}  
       p#site-slogan {font-size: 12px}
  }
  
  @media only screen and (min-width: 374px) and (max-width: 408px) {
    .tb-megamenu .btn, .tb-megamenu .btn:active, .tb-megamenu .btn:focus {margin-top: -73px;}  
 p#site-slogan {font-size: 11px}
  }

 @media only screen and (min-width: 409px) and (max-width: 471px) { 
 p#site-slogan {font-size: 14px}
  }

  
  
  .tb-megamenu .btn:focus, .tb-megamenu .btn:active {outline: none !important; background-color: transparent !important;}
  
  
  .tb-megamenu .dropdown-menu {background-color: var(--mw-white); }
  .tb-megamenu .nav li a {color: var(--mw-gray-6);}

.tb-megamenu .nav > li > a:focus,
.tb-megamenu .nav > li > a:hover,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:focus,
.tb-megamenu .nav > li > span.tb-megamenu-no-link:hover {
    color: var(--mw-orange-4);
}
  
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
  color: var(--mw-orange-4);
}

.tb-megamenu .dropdown-menu {border-bottom: none;}

 .tb-megamenu .nav-collapse .nav > li > a:hover,
  .tb-megamenu .nav-collapse .nav > li > a:focus,
  .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:hover,
  .tb-megamenu .nav-collapse .nav > li > span.tb-megamenu-no-link:focus {
    color: var(--mw-orange-3);
  }

.tb-megamenu .block-view-demo a:hover,
.tb-megamenu .block-view-demo a:focus {
  color: none;
}

.tb-megamenu .dropdown-menu li > a:hover,
.tb-megamenu .dropdown-menu li > a:focus,
.tb-megamenu .dropdown-submenu:hover > a,
.tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:hover,
.tb-megamenu .dropdown-menu li > span.tb-megamenu-no-link:focus,
.tb-megamenu .dropdown-submenu:hover > span.tb-megamenu-no-link {
  color: var(--mw-orange-4);
}

.tb-megamenu .dropdown-menu .active > a,
.tb-megamenu .dropdown-menu .active > a:hover,
.tb-megamenu .dropdown-menu .active > span.tb-megamenu-no-link,
.tb-megamenu .dropdown-menu .active > span.tb-megamenu-no-link:hover {
 background-color: none;
}


@media (max-width: 979px) {
.tb-megamenu .nav-collapse, .tb-megamenu .nav-collapse .dropdown-menu {background: var(--mw-gray-1);}
}

@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -16px;
    margin-left: -16px;
    
}
}

.tb-megamenu .dropdown-menu .active > a,
.tb-megamenu .dropdown-menu .active > a,
.tb-megamenu .dropdown-menu .active > a:hover {background-color: transparent; background-image: none;}
.tb-megamenu .dropdown-menu .active > a:hover {color: var(--mw-orange-4);}

.tb-megamenu-submenu {margin-top: 0px !important}

.tb-megamenu .nav-collapse .nav li a {border-top: none;}

.tb-megamenu .btn-navbar {
    text-shadow: 0 0px 0 rgb(0 0 0 / 25%);
}


/********** tb menu show expandable menu items **********/
a.dropdown-toggle:after, .tb-megamenu .dropdown-submenu > a:after, .tb-megamenu .dropdown-submenu > span.tb-megamenu-no-link:after{
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-top-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.tb-megamenu .dropdown-submenu:hover > a:after {
    border-left-color: transparent;
}

@media (max-width: 979px){
.tb-megamenu .nav-collapse .nav {
    float: left;}
}


/********** tb menu icons **********/

.bi-intersect {padding-right: 0; color: var(--mw-gray-5);}
.bi-archive {padding-right: 0; color: var(--mw-gray-5);}
.bi-grid-1x2-fill {padding-right: 0; color: var(--mw-gray-5);}
.bi-grid-1x2 {padding-right: 0; color: var(--mw-gray-5);}
.bi-box-seam {padding-right: 0; color: var(--mw-gray-5);}
.bi-pencil-square {padding-right: 0; color: var(--mw-gray-5);}
.bi-envelope-fill {padding-right: 0; color: var(--mw-gray-5);}
.bi-search {padding-right: 0; color: var(--mw-gray-5);}
.bi-house {padding-right: 0; color: var(--mw-gray-5);}

.bi-front {padding-right: 0; color: var(--mw-gray-5);}
.bi-palette2 {padding-right: 0; color: var(--mw-gray-5);}
.bi-house-door-fill {padding-right: 0; color: var(--mw-gray-5);}
.bi-clock-history {padding-right: 0; color: var(--mw-gray-5);}
.bi-building {padding-right: 0; color: var(--mw-gray-5);}
.bi-layers-half {padding-right: 0; color: var(--mw-gray-5);}
.bi-align-end {padding-right: 0; color: var(--mw-gray-5);}
.tb-megamenu-item .bi-house {padding-right: 0; color: #58cee5 !important;}

/********** tb menu icons - obiekty modulowe**********/
.bi-briefcase-fill{padding-right: 0; color: var(--mw-gray-5);}
.bi-cup-straw{padding-right: 0; color: var(--mw-gray-5);}
.bi-basket-fill{padding-right: 0; color: var(--mw-gray-5);}
.bi-people{padding-right: 0; color: var(--mw-gray-5);}
.bi-camera2{padding-right: 0; color: var(--mw-gray-5);}
.bi-display{padding-right: 0; color: var(--mw-gray-5);}

/********** tb menu icons - techniologia**********/
.bi-bounding-box{padding-right: 0; color: var(--mw-gray-5);}
.bi-house{padding-right: 0; color: var(--mw-gray-6);}
.bi-bricks{padding-right: 0; color: var(--mw-gray-5);}
.bi-card-checklist{padding-right: 0; color: var(--mw-gray-5);}


  @media only screen and (max-width: 894px) {
      .tb-megamenu .nav-collapse {background: var(--mw-gray-6);}
       .tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a {border-bottom: none; border-top: none;}
        .tb-megamenu .nav-collapse {margin-top: -32px;}
        .tb-megamenu .nav-collapse .dropdown-menu {background-color: transparent}
        .tb-megamenu .nav > .active > a {border-bottom: 0 solid var(--mw-orange-4) !important;}
  }
  
  
  /* FIX MENU ON HOME PAGE - DISAPPEARING BCKG*/
  
  @media (max-width: 979px) {
.tb-megamenu .nav-collapse.show {
    overflow: visible;
    height: auto !important;
}
}

/********** Language switcher **********/
.language-switcher-language-url {float: right;}
.language-switcher-language-url li {font-size: 12px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; list-style: none; display: inline; margin-right: 5px;}
/*
@media only screen and (max-width: 767px) {
.language-switcher-language-url ul {margin-top: 16px;}
}
*/

.language-switcher-language-url ul {margin-top: 36px;}
.language-switcher-language-url li:last-child {margin-right: 0 !important;}

@media (max-width: 979px){
.language-switcher-language-url ul {margin-top: 12px;}
.language-switcher-language-url {float: right; margin-right: 0.6em;}
}

/************ Revolution Slider ***********/

 .block-revslider {margin-left: 0px; margin-right: 0px;}

/************ Content - home page ***********/

.realization h2 {/*font-size: 42px;*/ margin-top:0; margin-bottom:0;}
.realization h2 div.field--item {margin-bottom: 0;}

.realization h3 {font-size: 32px; margin-top:0; margin-bottom: 6px;}
.realization h3 div.field--item {margin-bottom: 0;}

.read-more-link {float: left; padding-top: 0; margin-top: -12px;}

.block-views-blocklogo-klienta-v2-block-1 {background-color: var(--mw-gray-3); border-top: 1px solid var(--mw-white); border-bottom: 1px solid var(--mw-white);}
.view-loga-klientow-grid svg, .view-loga-klientow-grid img {}
.block-views-blocklogo-klienta-v2-block-1 .views-row {}

.view-logo-klienta-v2 svg {max-width: 200px;}

/*.view-logo-klienta-v2 .views-col {margin: -20px 0 -20px 0;}*/
.view-logo-klienta-v2 .field-content {text-align: center;}

@media only screen and (max-width: 966px) {

.view-logo-klienta-v2 .views-col {width: 33% !important;}
}

.view-logo-klienta-v2 svg {filter: saturate(0%);}
.view-logo-klienta-v2 svg:hover {filter: saturate(100%);;}

@media only screen and (min-width: 977px) {
}

/************ Main menu  ***********/
/* to display exoanded - only for dev 
ul.dropdown-menu {display: block !important;}
*/

li.first ul.dropdown-menu {position:relative; left: 48px; max-width: 100%;}
@media only screen and (max-width: 767px) {
  ul.dropdown-menu {position: relative;}  
}

/******** Front Page ***********/

.front-page-triple-technologia-column svg {width: 128px; height: auto;}
.front-page-triple-technologia-column .icon1 {fill: var(--mw-gray-text); }
.front-page-triple-technologia-column .icon2 {fill: var(--mw-orange-4); }
.front-page-triple-technologia-column .icon3 {fill: var(--mw-yellow); }
.front-page-oferta{margin-bottom: 32px;}

/* Front page oferta equal height columns */
@media only screen and (min-width: 992px) {
.oferta-services .icon-box {min-height: 400px;}
}

/******** Realizacje ***********/
.entity-pager-list {margin-top: -16px; margin-bottom: 0;}

.author {display: none;}

.field--label {font-size: 18px; font-weight: 200; letter-spacing: 1px;}

.field--item {font-size: 18px;}

.field--item p, .field--item {font-size: 18px; font-weight: 200;}

.form-item-date-time-date {margin-bottom: 16px !important}

.form-control {border-radius: 1px; border: 1px solid var(--mw-gray-3)}

/*
.webform-submission-request-phone-call-de--form .edit-flexbox .form-control {border-color: var(--mw-gray-3) !important}
*/

.webform-submission-request-phone-call-form .form-control, .webform-submission-request-a-phone-call-en--form .form-control, .webform-submission-request-phone-call-de--form .form-control {width: 100% !important}

#textarea.form-control {
    height: 87px;
}

.node--type-realization .group-left, .node--type-nowe-projekty .group-left {width: 33.3%;}
.node--type-realization .group-right, .node--type-nowe-projekty .group-right {width: 66.6%;}

@media only screen and (max-width: 767px) {
.node--type-realization .group-left, .node--type-nowe-projekty .group-left {width: 100%;}
.node--type-realization .group-right, .node--type-nowe-projekty .group-right {width: 100%;}
}

.node--type-realization .group-left .field--label {float: left;}
.node--type-realization .group-left .field--item {float: none !important;}
/*div.field--item:first-child {margin-bottom: 2em;}*/
div.field--item:not(:first-child) {display: inline; float: left; margin-left: 0px;}
/*.field--name-field-finish .field--item {display: inline; }*/
.field--name-field-finish .field--item a::after {content: ",";}
/*.field--name-field-finish .field--item a:last-child:after {content: ".";}*/
.views-row .layout__region {padding: 4px; margin-bottom:16px;}

/*
@media only screen and (max-width: 1262px) {
.realization .photoswipe-gallery div.field--item:not(:first-child) {max-width: 60px;}
}
*/

/* Tlo na Pictures w Realizacjach */

/*
.block-field-blocknoderealizationfield-realization- {background-image: url("../images/bg-realizacje-1440-720.svg"); background-color: var(--mw-gray-5);}
*/

.photoswipe-gallery div.field--item:not(:first-child) {display: inline; float: right; margin-left: 4px; margin-top: 4px;}

.photoswipe-gallery {max-width: 1280px; height: auto; margin-left: auto; margin-right: auto;}

.photoswipe-gallery .field--type-image {background-color: var(--mw-gray-5);}


@media only screen and (max-width: 767px) {
 .photoswipe-gallery div.field--item:not(:first-child) {
    height: 65px !important;   
}
}

@media only screen and (min-width: 768px) {
 .photoswipe-gallery div.field--item:not(:first-child) {
    height: 65px;   
}
}



.photoswipe-gallery div.field--item:not(:first-child) img {
    height: 100%;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}




@media only screen and (max-width: 894px) {
#realizacje-bottom-row .layout__region--first, #realizacje-bottom-row .layout__region--second  {flex: 0 1 100%;}
}

.views-field-field-number-of-realization {font-size: ; font-weight: 900; letter-spacing: 0; color: var(--mw-gray-6); margin: 6px 0 0 0;}
.views-field-field-solution {font-size: 16px; font-weight: 400; margin: 0 0 0 0;}
.views-field-title {font-size: 18px; font-weight: 800; color: var(--mw-gray-5); margin: 0 0 0 0;}

.views-field-field-number-of-realization .views-label, .views-field-field-number-of-realization .field-content {display: inline; font-weight: 400;}

#realizacje-bottom-row .layout__region--first, #realizacje-bottom-row .layout__region--second {flex: 0 1 50%;}

@media only screen and (max-width: 461px) {
   #realizacje-bottom-row .layout__region--first, #realizacje-bottom-row .layout__region--second {flex: 0 1 100%;} 
}

@media only screen and (min-width: 960px) {
#realizacje-bottom-row {max-width: 50%; margin-left: auto; margin-right: auto;}
}

@media only screen and (max-width: 767px) {
.section-contact-on-pages {float: none; margin-left: auto; margin-right: auto;}   
}


@media only screen and (min-width: 768px) {
.page-node-type-realization .section-contact-on-pages .webform-actions {position: relative;} 
#realizacje-contact-forms {margin-top: 16px;}
}

.section-contact-on-pages form {padding:20px;}
.section-contact-on-pages input {width: 100% !important;}

#edit-date-time {width: 100%}
#edit-date-time .form-item {width: 100%;}

.section-contact-on-pages .form-type-date {width: 100%; margin-bottom: 16px;}
.section-contact-on-pages .form-type-webform-time {width: 100%;}

.section-contact-on-pages h2 {font-size: 24px; font-style: normal; font-weight: 800; text-align: left; color: var(--mw-gray-5); padding: 14px 0 0 20px;}

@media only screen and (max-width: 960px) {
.page-node-type-realization .layout__region--first, .page-node-type-realization .layout__region--second {flex: 0 1 100% !important;}
#realizacje-contact-forms .layout__region--first, #realizacje-contact-forms .layout__region--second {flex: 0 1 50% !important;}
}

@media only screen and (max-width: 460px) {
#realizacje-contact-forms .layout__region--first, #realizacje-contact-forms .layout__region--second {flex: 0 1 100% !important;}
}

/*.entity-pager-item-prev a {display: none;}*/
.entity-pager-item-prev a:after {content: url(/sites/default/files/svg-icons/chevron-left.svg); position: relative; top: 35px; left: 40px; }

.entity-pager-item-next a:after {content: url(/sites/default/files/svg-icons/chevron-right.svg); position: relative; top: 35px; right: 10px;}

/* Realizacje */

.page-node-type-realization .block-field-blocknoderealizationtitle h2, .page-node-type-realization .block-field-blocknoderealizationfield-secondary-title h3, .page-node-type-nowe_projekty .block-field-blocknodenowe-projektytitle h2, .page-node-type-nowe_projekty .field--name-field-secondary-title h3 { color: var(--mw-orange-3);}

.page-node-type-realization .field--name-field-secondary-title h1 {color: var(--mw-orange-3); /*font-size: 42px;*/}
.page-node-type-realization .block-field-blocknoderealizationtitle h2 {color: var(--mw-orange-3); /*font-size: 32px;*/}
.page-node-type-realization .photoswipe-gallery {margin-top: 2em;}

/*
@media only screen and (min-width: 768px) {
.page-node-type-realization .block-field-blocknoderealizationtitle h2 {position: absolute; top: 140px; left: 80px; background-color: rgba(0, 0, 0, 0.4); padding: 5px;}


.page-node-type-realization .block-field-blocknoderealizationfield-secondary-title h3 {position: absolute; top: 80px; left: 80px; background-color: rgba(0, 0, 0, 0.4); padding: 5px;}
}
*/

#realizacja-kategorie-i-kontent, #realizacja-main-text {margin-top: 40px;}

#realizacja-kategorie-i-kontent .layout__region--first section.bi {padding-left: 50px;}

#realizacja-kategorie-i-kontent .layout__region--first section.bi::before {
    position: relative;
    top: 26px;
    left: -46px;
    margin-top: -20px;
    font-size: 22px;
    color: var(--mw-gray-5);
}


/* Call to Action w Realizacjach  */
    #call-to-action {
    background-color: var(--mw-orange-4);
    color: var(--mw-gray-6);
    border: none;
    margin-top: -95px;
    padding: 20px 0;
    }
    
    @media only screen and (min-width: 1440px) {
    #call-to-action .layout__region--first{
        max-width: 710px;
        margin-left: auto;
    }
    
    
    #call-to-action .layout__region--second {
        max-width: 710px;
        margin-right: auto;
       
    }
    }
    
    #call-to-action h3, #call-to-action h2 {color: var(--mw-gray-6);}
    
    #call-to-action .btn-primary {background-color: var(--mw-gray-6);}
    
  
    @media only screen and (max-width: 741px) {
    #call-to-action #realizacje-contact-forms .layout__region {flex: 0 1 100% !important;} 
    }
    
    #call-to-action a:hover, #call-to-action a:focus {color: var(--mw-gray-4);}





/* Next realization buttons */
.block-views-blockrealizations-next-button-block-1, .block-views-blocknew-projects-next-button-block-1, .view-pl-realizations-next-button, .view-en-new-projects-next-button, .view-de-realizations-next-button, .view-de-new-projects-next-button {clear: both;}

/******** Iconki w Realizacjach  ***********/
#realizacje-top-double-row-section .layout__region--first section.bi {padding-left: 50px;}
#realizacje-top-double-row-section .layout__region--first section.bi::before {position: relative; top: 26px; left: -46px; margin-top: -20px; font-size: 22px; color: var(--mw-gray-5);}
    

@media only screen and (min-width: 640px) and (max-width: 800px) {
    .layout--fourcol-section  .layout__region {flex: 0 1 100% !important;}
}

@media only screen and (min-width: 1201px) {
    .layout--fourcol-section  .layout__region {flex: 0 1 50%;}
}




/******** Nowe Projekty  ***********/

.node--type-nowe-projekty .group-left .field--label {float: left;}
.node--type-nowe-projekty .group-left .field--item {float: none !important;}

@media only screen and (min-width: 960px) {
#nowe-projekty-bottom-row {max-width: 50%; margin-left: auto; margin-right: auto;}
}

@media only screen and (max-width: 461px) {
#nowe-projekty-bottom-row .layout__region--first, #realizacje-bottom-row .layout__region--second {flex: 0 1 100%;} 
}

@media only screen and (min-width: 960px) {
#nowe-projekty-bottom-row {max-width: 50%; margin-left: auto; margin-right: auto;}
}


.page-node-type-nowe_projekty .field--name-field-secondary-title h1 {color: var(--mw-orange-3); /*font-size: 42px;*/}
.page-node-type-nowe_projekty .block-field-blocknoderealizationtitle h2 {color: var(--mw-orange-3); /*font-size: 32px;*/}
.page-node-type-nowe_projekty .photoswipe-gallery {margin-top: 2em; display: block;}


/******** Iconki w Nowych Projektach  ***********/
#nowe-projekty-top-double-row-section .layout__region--first section.bi {padding-left: 50px;}
#nowe-projekty-top-double-row-section .layout__region--first section.bi::before {position: relative; top: 26px; left: -46px; margin-top: -20px; font-size: 22px; color: var(--mw-gray-5);}
    

/*
.block-field-blocknoderealizationfield-price .field--item::before, .views-field-field-price .field-content::before, .views-field-field-price-m2 .field-content::before {
    content: "Ab: ";
}
*/

.block-field-blocknoderealizationfield-price .field--item::after, .views-field-field-price-m2 .field-content::after, .block-field-blocknodenowe-projektyfield-price .field--item::after{
    content: " € netto";
}


 
.views-field-field-price-m2 .field-content::after, .field--name-field-price-m2 .field--item::after {
    content: " € pro m² netto"; /* Directly include the superscript 2 */
}

.bi-currency-euro::before {
    content:"\20ac";
}



.views-field-field-price .field-content::before, .views-field-field-price-m2 .field-content::before {
    font-size: 12px;
    
}

.views-field-field-price, .views-field-field-price-m2 {
    position: relative;
    bottom: 37px;
    margin-bottom: -37px;
    text-align: right;
    font-size: 26px;
    color: var(--mw-orange-3);
    font-weight: 700;
    padding: 0 5px;
    background-color: rgb(42,42,42,0.6);
}

.realizacje-img-wrapper {
    position: relative;
    
}

.views-field-field-secondary-title h3 {
    color: var(--mw-orange-3);
    font-family: 'Raleway';
    font-size: 22px;
    font-weight: 700;
    
}

.page-node-type-realization b, .page-node-type-realization strong, .sprzedaz b, .sprzedaz strong {
    color: var(--mw-orange-3);
    font-family: 'Raleway';
    font-size: 22px;
    font-weight: 700;
}

.funkcja_div, .funkcja_div h2 {
    text-align: center;
    position: absolute;
    bottom: 45%;
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fill-available;
    font-size: 40px;
    color: var(--mw-orange-3);
    font-weight: 900 !important;
    font-family: 'Raleway';
    line-height: 0.6;

}

@media  (max-width: 912px) {
    .funkcja_div, .funkcja_div h2 {
        bottom: 74%;
        line-height: 0.4;
    }
}

@media  (min-width: 640px) and (max-width: 912px) {
    .funkcja_div, .funkcja_div h2 {
        font-size: 2.5rem;
    }
}

@media  (min-width: 250px) and (max-width: 540px) {
    .funkcja_div, .funkcja_div h2 {
        font-size: 2.5rem;
    }
}



.funkcja_div a {
    background-color: #EB8D34;
    padding: 5px;
    border: 2px solid #fff;
    font-size: 12px;
    color: #ffffff;
    
}

.funkcja_div .inner {
-webkit-text-stroke: #ffffff 1px;
}

.views-field-field-solution h3 {
    color: var(--mw-orange-3);
    font-size: 22px;
    padding: 6px 0 0 0;
    font-weight: 600;
    font-family: 'Raleway';
}

#realizacja-kategorie-i-kontent .layout__region--first .field--item {
    font-weight: 400;
}


/******** Offer **********
.strona-oferta-3-col-1st-row-section  svg {width: 128px; height: auto;}
.strona-oferta-3-col-1st-row-section .icon1 {fill: var(--mw-gray-1); }
.strona-oferta-3-col-2nd-row-section .icon2 {fill: var(--mw-color-1); }
.strona-oferta-3-col-1st-row-section .icon3 {fill: var(--mw-yellow); }

.strona-oferta-3-col-2nd-row-section  svg {width: 128px; height: auto;}
.strona-oferta-3-col-2nd-row-section .icon4 {fill: var(--mw-orange-1); }
.strona-oferta-3-col-2nd-row-section .icon5 {fill: var(--mw-orange-2); }
.strona-oferta-3-col-1st-row-section .icon6 {fill: var(--mw-orange-3); }
@media only screen and (max-width: 639px) {
.offer {width: 100% !important;}
}
*/

/******** Technology ***********/
.page-node-72 svg {width: 128px; height: auto;}
.page-node-72 .icon-tech-1 {fill: var(--mw-color-1); margin: 32px 0 32px 0;}
.page-node-72 .icon-tech-2 {fill: var(--mw-gray-text); margin: 32px 0 32px 0;}
.page-node-72 .icon-tech-3 {fill: var(--mw-gray-5); margin: 32px 0 32px 0;}
.page-node-72 .icon-tech-4 {fill: var(--mw-orange-4); margin: 32px 0 32px 0;}

/* Gray background pages */

.page-node-72, .page-node-166, .page-node-163, .page-node-164, .page-node-165, .page-node-41, .page-node-256 {background-color: var(--mw-gray-4); color: var(--mw-gray-text);}

.page-node-72 h1, .page-node-166 h1, .page-node-163 h1, .page-node-164 h1, .page-node-165 h1, .page-node-41 h1, .page-node-256 h1 {color: var(--mw-orange-3); margin-bottom: 12px;}

.page-node-72 h2, .page-node-166 h2, .page-node-163 h2, .page-node-164 h2, .page-node-165 h2, .page-node-41 h2, .page-node-256 h2 {color: var(--mw-orange-3); margin-bottom: 12px;}

.page-node-72 .tb-megamenu .nav li a, .page-node-166 .tb-megamenu .nav li a, .page-node-163 .tb-megamenu .nav li a, .page-node-164 .tb-megamenu .nav li a, .page-node-165 .tb-megamenu .nav li a, .page-node-41 .tb-megamenu .nav li a, .page-node-256 .tb-megamenu .nav li a {color: var(--mw-gray-text);}

.page-node-72 .tb-megamenu i, .page-node-166 .tb-megamenu i, .page-node-163 .tb-megamenu i, .page-node-164 .tb-megamenu .i, .page-node-165 .tb-megamenu i, .page-node-41 .tb-megamenu i, .page-node-256 .tb-megamenu i {color: var(--mw-gray-text);}

.page-node-72 .tb-megamenu-column-inner, .page-node-166 .tb-megamenu-column-inner, .page-node-163 .tb-megamenu-column-inner, .page-node-164 .tb-megamenu-column-inner, .page-node-165 .tb-megamenu-column-inner, .page-node-41 .tb-megamenu-column-inner, .page-node-256 .tb-megamenu-column-inner {background-color: var(--mw-gray-4);}

.page-node-72 .tb-megamenu-column-inner, .page-node-166 .tb-megamenu-column-inner, .page-node-163 .tb-megamenu-column-inner, .page-node-164 .tb-megamenu-column-inner, .page-node-165 .tb-megamenu-column-inner, .page-node-41 .tb-megamenu-column-inner, .page-node-256 .tb-megamenu-column-inner {background-color: var(--mw-gray-4);}

.page-node-72 .tb-megamenu-column-inner a:hover, .page-node-166 .tb-megamenu-column-inner a:hover, .page-node-163 .tb-megamenu-column-inner a:hover, .page-node-164 .tb-megamenu-column-inner a:hover, .page-node-165 .tb-megamenu-column-inner a:hover, .page-node-41 .tb-megamenu-column-inner a:hover, .page-node-256 .tb-megamenu-column-inner a:hover {color: var(--mw-orange-3) !important;}

.page-node-72 p#site-slogan, .page-node-166 p#site-slogan, .page-node-163 p#site-slogan, .page-node-164 p#site-slogan, .page-node-165 p#site-slogan , .page-node-41 p#site-slogan, .page-node-256 p#site-slogan {color: var(--mw-orange-3);}

.page-node-164 a {
color: var(--mw-orange-4);     
text-decoration: none;
font-weight: 400;
}

.page-node-164 a:hover, a:focus {
color: var(--mw-color-1);
text-decoration: underline;
-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

/* Language switcher on dark bckg */

.page-node-72 .language-switcher-language-url a, .page-node-166 .language-switcher-language-url a, .page-node-163 .language-switcher-language-url a, .page-node-164 .language-switcher-language-url a, .page-node-165 .language-switcher-language-url a, .page-node-41 .language-switcher-language-url a {color: var(--mw-gray-text);}


/* Technologia */

#konstrukcja-div {background-image: url("../images/technologia-001.jpeg"); min-height: 400px; padding: 8%; margin-bottom: 40px;}

#sciany-div {background-image: url("../images/photo-sciany-dach-004.jpeg"); min-height: 400px; padding: 8%;  margin-bottom: 40px; background-size: cover;}

#elewacje-div {background-image: url("../images/wizka-elewacje-002.jpeg"); min-height: 400px; padding: 8%;  margin-bottom: 40px; background-size: cover; background-position: bottom;}

#wykonczenie-div {background-image: url("../images/photo-wykonczenie-wnetrz-004.jpeg"); min-height: 400px; padding: 8%;  margin-bottom: 40px; background-size: cover; background-position: bottom;}

#produkcja-div {background-image: url("../images/photo-wykonczenie-wnetrz-004.jpeg"); min-height: 400px; padding: 8%;  margin-bottom: 40px; background-size: cover; background-position: bottom;}




#konstrukcja-div .layout, #sciany-div .layout, #elewacje-div .layout, #wykonczenie-div .layout, #produkcja-div .layout {background-color: rgba(0, 0, 0, 0.4); padding: 2%;}

/* Slider technologia fix */

#slider-technologia svg, #slider-pl-technologia2 svg, #slider-en-technologia svg {width: 100%;}


/******** Contact us ***********/
#contact-photp-top {}
.contact-photo-top {}

.contact-photo-svg {width: 100%;}
.contact-photo {background-image: url("../sites/default/files/2020-12/mw-600-800-web-contact-photo.png"); width: 100%;   -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);; margin-top: -80%;}
.contact-svg-perfo {width: 100%;   -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);;}
.contact-svg-orange {width: 100%;}

.form-control:focus {
    border-color: var(--mw-orange-3);
}

.page-node-41 .layout__region--first {padding-right:8px ;}

.page-node-41 .layout__region--second {padding-left: 8px;}

@media screen and (min-width: 640px) {
.page-node-41 .layout__region--first {padding-right:2px;}

.page-node-41 .layout__region--second {padding-left:2px; }
}

@media only screen and (min-width: 640px) {
.contact-us-page .layout__region--first, .contact-us-page .layout__region--second {padding: 16px;}
.contact-us-page .webform-submission-request-phone-call-form input {width: 300px;}
.contact-us-page .webform-submission-request-phone-call-form input.form-date, .contact-us-page .webform-submission-request-phone-call-form input.form-time {width: 148px;}
}



/******** Footer ***********/

.navbar-nav li a:hover {color: var(--mw-orange-3) !important;}
.footer .nav li a:hover, .nav li a:focus {background-color: transparent;}

#block-websitefooter p {text-align: center;}

.page-node-53 .footer {margin-top: 0; border-top: 0;}
.footer {background-color: var(--mw-gray-4); color: var(--mw-gray-text); background-image: url("../images/svgs/bg-footer-1880-720-v2.svg"); border: none;}
.footer h3 {color: var(--mw-orange-3);}
#footer-newslater h3 {color: var(--mw-gray-5); text-align: center; margin-top: 1em;}
#departments-numbers {margin-top: 2em;}
#footer-social-media {margin-top: 2em; }

@media (min-width: 768px) {
#block-websitefooter .layout--fourcol-section {max-width: 1440px; margin-left: auto; margin-right: auto;}
}

@media (min-width: 768px) {
ul.navbar-nav > li {float: none; text-align: left;}

#block-websitefooter .layout__region--first {}
}
@media (min-width: 1000px) {
#block-websitefooter .layout__region--fourth p {}
}
@media (max-width: 639px) {
#block-websitefooter .navbar-nav{float: left;}
}
ul.navbar-nav {margin-left: auto; margin-right: auto;}
ul.navbar-nav a {color: var(--mw-gray-text);}
ul.navbar-nav a {padding: 8px; text-decoration: underline;}
ul.layout__region--second p {color: var(--mw-gray-text);}
.copyright {color: var(--mw-gray-text); font-size: 12px;}
.footer {margin-top: 0;}

/******** Footer - social media ***********/
.social-media {position: relative; padding-bottom: 16px; padding-left: 28px}
.social-media img {width: 42px; margin: 0 16px 0 0;}



/******** Footer - narrow device display ***********/

@media (min-width: 661px and max-width: 992px) {
#block-websitefooter .layout__region--first {flex: 0 1 15%;}    
#block-websitefooter .layout__region--second {flex: 0 1 20%;}  
#block-websitefooter .layout__region--third {flex: 0 1 30%;}  
#block-websitefooter .layout__region--fourth {flex: 0 1 auto;}  
}

@media (min-width: 400px) and (max-width: 660px) {
#block-websitefooter .layout__region--first {flex: 0 1 50% !important;}    
#block-websitefooter .layout__region--second {flex: 0 1 50% !important;}  
#block-websitefooter .layout__region--third {flex: 0 1 50% !important;}  
#block-websitefooter .layout__region--fourth {flex: 0 1 50% !important;} 
}

/* NEW FOOTER */


#copyright {display: none;}
#footer-menu li a, #footer-menu li {display: inline;}
ul.navbar-nav {width: 100%; text-align: center; padding-top: 32px; padding-bottom: 16px;}
#block-websitefooter .block-webform {margin-top: 0;}

/******** Newsletter Signup ***********/
#block-websitefooter .webform-submission-newsletter-signup-form input {margin-top: 16px;}
#block-websitefooter .form-item-email ,#block-websitefooter .form-actions, #block-websitefooter input.form-email  {display: inline;}
#block-websitefooter .form-control {width: 40%;}


#footer-newslater input.form-email {float: left;}
#footer-newslater .webform-button--submit {float: left; position: relative; top: 16px; left: -3px;}



#block-websitefooter input {border: 1px var(--mw-orange-3);}
input[placeholder], [placeholder], *[placeholder] {
    color: var(--mw-orange-3) !important;
}

form .form-control::-webkit-input-placeholder { 
  color: var(--mw-orange-3);
}

:-moz-placeholder {
  color: var(--mw-orange-3) !important;
}

::-moz-placeholder {
  color: var(--mw-orange-3) !important;
}

/******** Footer - Newsletter ***********/

#footer-newslater {text-align:center;}

#block-websitefooter .form-control {width: 50%;}

#footer-newslater .webform-submission-newsletter-signup-form {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#footer-newslater input.form-email {
   width: calc(100% - 120px);
}


#footer-newslater .block-webform {
    display: inline-block;
}


#footer-newslater .webform-button--submit {
    float: right;
    position: relative;
    top: 0;
    min-width: 110px;
}

/******** Grids ***********/

/*
@media (min-width: 640px) and (max-width: 1200px) {
.view-realizations .layout--fourcol-section .layout__region, .view-nowe-projekty .layout--fourcol-section .layout__region {flex: 0 1 50% !important;}
}
*/

@media (min-width: 640px) and (max-width: 639px) {
.layout--fourcol-section .layout__region, .view-nowe-projekty .layout--fourcol-section .layout__region {flex: 0 1 100% !important;}
}

@media (min-width: 640px) {
.layout--fourcol-section .layout__region, .view-nowe-projekty .layout--fourcol-section .layout__region {flex: 0 1 50% !important;}
}


/******** Hover effects on Grids ***********/

.reaization-grid-element, .views-field-field-new-projects-image, .blog-grid-element {overflow: hidden; margin: 0%;}
.reaization-grid-element img, .views-field-field-new-projects-image img, .blog-grid-element img {object-fit: cover; transition: transform 1000ms ease-out;}
.reaization-grid-element img:hover:not(.play-button-image),
.views-field-field-new-projects-image img:hover:not(.play-button-image),
.blog-grid-element img:hover:not(.play-button-image) {
  /*transform: scale(1.08);*/
  overflow: hidden;
}


/********** New contained effect for New Projects ***********/
.video-thumbnail {
  overflow: hidden;
  display: block;
  position: relative;
}

.video-thumbnail img:not(.play-button-image) {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 1s ease;
}

.video-thumbnail:hover img:not(.play-button-image) {
  transform: scale(1.08);
}


/********** New contained effect for Realizations ***********/
.reaization-grid-element {
  overflow: hidden;
  display: block;
  position: relative;
}

.reaization-grid-element img:not(.play-button-image) {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 1s ease;
}

.reaization-grid-element:hover img:not(.play-button-image) {
  transform: scale(1.08);
}


/********** New contained effect for other Projects ***********/
.views-field-field-new-projects-image .field-content {
  overflow: hidden;
  display: block;
  position: relative;
}

.views-field-field-new-projects-image .field-content img:not(.play-button-image) {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 1s ease;
}

.views-field-field-new-projects-image .field-content:hover img:not(.play-button-image) {
  transform: scale(1.08);
}


.realization-number {display: block;}
.reaization-grid-element {display: block;}



/******** Blog ***********/

li.blog-usernames-blog {display: none;}
.menu--menu-bloga {margin-top: 7px;}
h2#block-menubloga-menu {font-size: 20px}
.region-sidebar-first {padding-top: 4px;}
.region-sidebar-second {border: none; background: transparent;}
.menu--menu-bloga li.active a {font-weight: bold; background-color: var(--mw-gray-5);}
.views-field-field-article-date {color: var(--mw-gray-5); font-weight: bold; margin-top: 8px; margin-bottom: 8px;}

.block-field-blocknodeblog-postfield-article-date {float: left; margin-right: 40px;}

.blog-column {padding: 0 20px;}
.blog-row {}

@media  (max-width: 767px) {
.blog-column {width: 100% !important; padding: 0 10px;}    
}

.menu--menu-bloga li.active-trail a {color: var(--mw-orange-3);}
.block-field-blocknodeblog-posttitle h1 {color: var(--mw-orange-3);}
.blog-column a {color: var(--mw-orange-3)}
.blog-column .btn-primary a {color: #ffffff;}
.blog-column .btn-primary a:hover {text-decoration: none;}

@media (min-width: 768px) and (max-width: 1440px) {
.page-node-type-blog_post .col-sm-9 {width: 66.6%;}
.page-node-type-blog_post .col-sm-3 {width: 33.3%;}
}


/* Experimental Layout */

.page-node-176 .region-content {max-width: 100%;}

@media  (max-width: 1260px) {
.page-node-176 .layout__region--first, .page-node-176 .layout__region--second {    flex: 0 1 100% !important;}
}

/* Blog */
.blog-column {margin-bottom: 25px;}
.blog-column .button {margin-top: 25px;}




/* Front page Parallax 2 */

.page-node-174 #parallax-div {
    padding-top: 200px;
    padding-bottom: 200px;
    overflow: hidden;
    position:relative;
    width: 100%;
    background-image: url("../images/Modular-homes-realizacja-2-narrow.jpg");
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: 500px;
    background-color: var(--mw-gray-6);
}

#parallax-div h2 {
    font-size: 3em;
    font-weight: 200;
    text-align: center;
    color: var(--mw-white);
    letter-spacing: 2px;
}

#parallax-div {
background-color: var(--mw-gray-6);
}
  

@media  (max-width: 767px) {
#parallax-div {display: none;}
}

/* Oferta */

#oferta-services {
padding-top: 6em;
}

.oferta-services .icon-box {
  padding: 30px;
  margin-bottom: 4em;
  position: relative;
  overflow: hidden;
  background: #fff;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.oferta-services .icon-box::before {
  content: '';
  position: absolute;
  background: var(--mw-orange-3);
  right: 0;
  left: 0;
  bottom: 0;
  top: 100%;
  transition: all 0.3s;
  z-index: -1;
}

.oferta-services .icon-box:hover::before {
  background: var(--mw-gray-6);
  top: 0;
  border-radius: 0px;
}

.oferta-services .icon {
  margin-top: 40px;
  margin-bottom: 40px;
}

.oferta-services .icon div {
  font-size: 80px;
  line-height: 1;
  color: var(--mw-orange-3);
  transition: all 0.3s ease-in-out;
    text-align: center;
    margin-top: 20% auto;
}

.oferta-services .title {
  font-weight: 700;
text-align: center;
  margin-bottom: 22px;
  font-size: 28px;
color: var(--mw-gray-6);
}

.oferta-services .description {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 22px;
  margin-left -40px;
}

.oferta-services .icon-box:hover .title, .oferta-services .icon-box:hover .description {
  color: var(--mw-orange-3);
}

.oferta-services .icon-box:hover .description {
  color: var(--mw-gray-text);
}

.oferta-services .icon-box:hover .icon div {
  color: var(--mw-gray-text);
}

/* Hero */
#hero {
  width: 100%;
  height: calc(100vh - 150px);
  /*margin-top: -60px;*/
  /*margin-bottom: 60px;*/
  background-color: rgba(63, 73, 83, 0.8);
  overflow: hidden;
  position: relative;
}


@media (max-width: 980px) {
 #hero {height: calc(100vh - 132px);}
}

#hero {height: 89vh}


#hero .carousel, #hero .carousel-inner, #hero .carousel-item, #hero .carousel-item::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#hero .carousel-item::before {
  content: '';
  background-color: rgba(30, 35, 40, 0.4);
}

#hero .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 70px;
  left: 50px;
  right: 50px;
}

#hero .container {
  text-align: center;
}

#hero h1, #hero h2 {
  color: var(--mw-color-perfo2);
  margin-bottom: 20px;
  font-size: 3em;
  font-weight: 900;
}

#hero p {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  margin: 0 auto 12px auto;
  font-size: 24px;
  color: var(--mw-gray-text);
    font-weight: 400;
}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-left,
#hero .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
  transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#hero .carousel-control-prev, #hero .carousel-control-next {
  width: 10%;
  top: 112px;
}

@media (max-width: 992px) {
  #hero .carousel-control-prev, #hero .carousel-control-next {
    top: 66px;
  }
}

#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
  background: none;
  font-size: 36px;
  line-height: 1;
  width: auto;
  height: auto;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 60px;
  padding: 20px;
  transition: 0.3s;
  color: rgba(0, 195, 255, 1);
}

#hero .carousel-control-next-icon:hover, #hero .carousel-control-prev-icon:hover {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

#hero .carousel-indicators li {
  cursor: pointer;
  background: #fff;
  overflow: hidden;
  border: 0;
  width: 24px;
  height: 12px;
  border-radius: 2px;
  opacity: .8;
  transition: 0.3s;
  margin-bottom: 5em;
}

#hero .carousel-indicators li.active {
  opacity: 1;
  background: var(--mw-color-perfo2);
}

#hero .btn-get-started {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 16px 34px;
  transition: 0.5s;
  line-height: 1;
  color: var(--mw-gray-6);
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: var(--mw-white);
}

#hero .btn-get-started:hover {
  background: var(--mw-color-perfo2)
}

@media (max-width: 992px) {
  #hero {
    margin-top: -10px;
  }
  #hero .carousel-container {
    top: 8px;
  }
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 20px;
  }
#hero p {
    font-size: 16px;
  }
#hero .carousel-indicators li {
  margin-bottom: 1em;
} 
}

@media (min-width: 1024px) {
  #hero .carousel-control-prev, #hero .carousel-control-next {
    width: 5%;
  }
}

/* Hero 
.carousel-indicators {margin-left: 20% !important; margin-right: 0;}
.carousel-indicators li {margin-left: 5px !important; margin-right: 5px !important;}
#hero .carousel-indicators li.active {margin-top: 1px;}

#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {border-radius:0; margin-top: -110px;}

*/



/* Modular Services */


.section-bg, .services .icon-box {
  background-color: var(--mw-gray-6);
    opacity: 0.8;
}

.services .icon-box {
  margin-bottom: 40px;
  padding: 40px;
  border-radius: 2px;
}

.services .icon-box div {
  float: left;
  color: var(--mw-orange-3);
  font-size: 56px;
}

.services .icon-box h4 {
  margin-left: 70px;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 22px;
}

.services .icon-box h4 a {
  color:  var(--mw-white);
  transition: 0.3s;
}

.services .icon-box p {
  margin-left: 70px;
  line-height: 24px;
  font-size: 18px;
    color:  var(--mw-white);
}

.services .icon-box:hover h4 a {
  color:  var(--mw-orange-3);
}

/* sowa-domy-main 

.title-sowa{color: var(--mw-gray-6); font-size:42px; font-weight: 400; line-height:52px; font-family: 'Raleway'; padding-top:0; padding-bottom:20px; width:80%; background-color:transparent; margin:40px auto; overflow:hidden; box-sizing: border-box; font-kerning: none;}
.title-sowa span{color:var(--mw-orange-3); overflow:hidden; font-weight: 400;}
img{width:100%;}
.title-sowa p {line-height :30px;}
.cluster{position:relative; width:100%; max-width:1440px; height:720px; margin:100px auto; background-color:transparent; padding-bottom:100px;}
.clusterPieces{position:absolute;}
.square{width:100%; max-width:660px; height:360px; border-radius:0.1%; background-color:var(--mw-orange-3); opacity: 0.9; left:160px; bottom:440px; z-index:1;}
.perfo-main-1{width:100%; height:auto; max-width:494px; max-height:434px; z-index:3; left:-80px; top:50px; opacity: 0.9;}
.owlHorned{width:100%; height:auto; max-width:1200px; max-height:640px; top:0; right:0; z-index:2;}
.caption{font-family: 'Open Sans', sans-serif; font-size:16px; line-height:16px; color:#00C3FF; text-align:right;}
.caption span{color:#EB8D34;}
#wrappie{width:1440px; height:900px; margin:0 auto;}


.dotsWhite{width:100%; height:auto; max-width:310px; max-height:588px; z-index:2; left:600px; bottom: 200px;}
.owlBurrowing{width:100%; height:auto; max-width:1440px; max-height:700px; top:60px; right:0; z-index:1;}
.triangle{width:100%; max-width:448px; height:446px; left:-300px; top:0; z-index:3; }
.clusterBurrowing{max-width:1440px; height:720px;}
.captionBurrowing{}
.spcr120{padding-bottom:120px;}


@media screen and (max-width: 1025px) {
   .title-sowa{font-size:32px; line-height:42px; padding-left:40px;}
  .cluster{max-width:600px; height:550px; margin:20px auto;}
  .perfo-main-1{max-width:340px;left:-400px; top:56px;}
  .owlHorned{max-width:100%vh;}
  .square{max-width:246px; height:246px; left:146px; top:300px;}
  .caption{bottom:38px; right:0;}
  
    .clusterBurrowing{max-width:600px; height:678px;}
    .dotsWhite{max-width:216px;left:0; top:275px;}
    .owlBurrowing{max-width:460px; top:112px;}
    .triangle{max-width:307px; height:304px; left:-14px;}
    .captionBurrowing{top:605px;}
}

@media screen and (max-width: 640px) {
     .title{font-size:44px; line-height:61px;}
  
  .cluster{max-width:480px; height:436px;}
  .perfo-main-1{max-width:274px;left:0; top:45px;}
  .owlHorned, .owlBurrowing{max-width:100%vh;}
  .square{max-width:196px; height:196px; left:115px; top:240px;}
  .caption{bottom:25px; right:0;}
  
  .clusterBurrowing{max-width:480px; height:542px;}
    .dotsWhite{max-width:174px;left:0; top:220px;}
    .owlBurrowing{max-width:369px; top:88px;}
    .triangle{max-width:240px; height:240px; left:-10px;}
    .captionBurrowing{top:482px;}
}

@media screen and (max-width: 540px) {
    .title-sowa{font-size:34px; line-height:51px; padding-left:0px;}
    .clusterPieces{position:relative;}
  
  .cluster{max-width:320px; height:530px;}
  .perfo-main-1{max-width:340px;left:-200px; top:-120px;}
  .owlHorned{max-width:100%vh; top:0;}
  .square{display:none;}
  .caption{float:right; bottom:0;}
  
    .clusterBurrowing{max-width:320px; height:268px;}
    .dotsWhite{display:none}
    .owlBurrowing{max-width:320px; top:0;}
    .triangle{display:none}
    .captionBurrowing{float:right; top:0; }
}

*/

#section-4{
    margin-top: 4em;
    margin-bottom: 6em;
}

#section-oferta {
    margin-top: 2em;
}

#section-8 h2{
    color: var(--mw-orange-3);
}

#section-8 h3{
    padding-top: 0.4em;
    color: var(--mw-gray-5);
}

#section-8 p{
    padding-bottom: 4em;
}


#section-9{
    margin-top: 1em;
}

#section-11 h2{
    color: var(--mw-color-perfo2);
}

#section-11 h3{
    margin-top: 2em;
}

#section-12{
    margin-top: 60px;
}

.oferta-svg-1 {
margin-bottom: -160px;
    max-width: 400px;
}

.oferta-svg-2 {
}

.plusik {
    width: 20%;
    float: right;
}

/* Slogan Oferta - main page*/
#slogan-oferta {
margin-top: 4em;
margin-bottom: 4em;
background-color: var();
}

#slogan-oferta h2 {
margin-top: 1em;
margin-bottom: 1em;
letter-spacing: 2px;
font-weight: 200;
font-size: 1.6em;
line-height: 1.2;
color: var(--mw-orange-3);
}

.slogan-oferta-devi-bottom {
    width: 80%;
    margin-bottom: -113px;
    height: 180px;
}

/* Slogan Realizacje devi */
.slogan-realizacje-devi-top  {
    width: 100%; 
}

.slogan-realizacje-devi-bottom  {
    width: 100%;  
}


/* realizacje devi /realizacje top - do sprawdzenia */
.realizacje-devi-plus-orange, .projekty-devi-plus-gray  {
    width: 14%; 
    float: left;
    opacity: 0.4 !important;
    transform: rotate(deg);
    position:relative;
    z-index:7;
    top: 70px;
}

.realizacje-devi-plus-gray, .projekty-devi-plus-orange  {
    width: 10%;
    float: right;
    opacity: 0.4 !important;
    position:relative;
    z-index:8;
    top: -50px;
}
/*
@media only screen and (max-width: 1440px) {
    .realizacje-devi-plus-orange, .projekty-devi-plus-gray {margin-bottom: ;}
    .realizacje-devi-plus-gray, .projekty-devi-plus-orange {margin-bottom: ;}
}

@media only screen and (max-width: 1024px) {
    .realizacje-devi-plus-orange, .projekty-devi-plus-gray {margin-bottom: ;}
    .realizacje-devi-plus-gray, .projekty-devi-plus-orange {margin-bottom: ;}
}

@media only screen and (max-width: 979px) {
    .realizacje-devi-plus-orange, .projekty-devi-plus-gray {margin-bottom: ;}
    .realizacje-devi-plus-gray, .projekty-devi-plus-orange {margin-bottom: ;}
}
*/

/* realizacje -design, plusy */
.realizacje-plus-left, .projekty-plus-left  {
    width: 14%; 
    float: left;
    margin-bottom: -390px;
    opacity: 0.4 !important;
    transform: rotate(deg);
    position:relative;
    z-index:7;
    left: 0;
    top: -40px;
}

.realizacje-plus-right, .projekty-plus-right  {
    width: 10%;
    float: right;
    margin-bottom: -270px;
    opacity: 0.4 !important;
    position:relative;
    z-index:8;
    right: 0;
    top: 20px
}

@media only screen and (max-width: 1440px) {
    .realizacje-plus-left, .projekty-plus-left {margin-bottom: -380px;}
    .realizacje-plus-right, .projekty-plus-right {margin-bottom: -280px;}
}

@media only screen and (max-width: 1024px) {
    .realizacje-plus-left, .projekty-plus-left {margin-bottom: -320px;}
    .realizacje-plus-right, .projekty-plus-right {margin-bottom: -280px;}
}

@media only screen and (max-width: 979px) {
    .realizacje-plus-left, .projekty-plus-left {margin-bottom: -300px;}
    .realizacje-plus-right, .projekty-plus-right {margin-bottom: -260px;}
}



/* Slogan realizacje - main page */
#slogan-realizacje {
padding-top: 4em;
padding-bottom: 4em;
margin-bottom: 2em;
background: var(--mw-white);
}

#slogan-realizacje h2 {
letter-spacing: 2px;
font-weight: 900;
line-height: 1.2em;
color: var(--mw-orange-3);
}

/* Slogan /budownictwo-modulowe */
#slogan-top-budownictwo-modulowe {
margin-top: 4em;
margin-bottom: 4em;
}

#slogan-top-budownictwo-modulowe h2 {
letter-spacing: 2px;
font-weight: 900;
line-height: 1.2em;
color: var(--mw-orange-3);
}

#slogan-bottom-budownictwo-modulowe {
margin-top: 4em;
margin-bottom: 4em;
}

#slogan-bottom-budownictwo-modulowe h2 {
letter-spacing: 2px;
font-weight: 900;
line-height: 1.2em;
color: var(--mw-orange-3);
}

/* Slogan /budownictwo-modulowe */
#slogan-mieszkaniowe {
padding-top: 4em;
padding-bottom: 4em;
margin-bottom: 2em;   
}

#slogan-mieszkaniowe h2 {
letter-spacing: 2px;
font-weight: 900;
line-height: 1.2em;
color: var(--mw-orange-3);
}


/* budownictwo-modulowe - nowa strona */
#nowa-strona {margin-top: 2em; margin-bottom: 4em;}

/* Slogan /obiekty-modulowe */

.page-node-63 #obiekty-modulowe-v2{background: none}

#slogan-obiekty-modulowe {
margin-top: 4em;
margin-bottom: 4em;
}

#slogan-obiekty-modulowe h2 {
letter-spacing: 2px;
font-weight: 900;
line-height: 1.2em;
color: var(--mw-orange-3);
}

#obiekty-modulowe-slider {padding-bottom: 2em;}

@media screen and (max-width: 640px) {
.oferta-svgs-01{display:none} 
.oferta-svgs-02{display:none}
.slogan-budownictwo-modulowe-devi-top{display:none}
.slogan-budownictwo-modulowe-devi-bottom{display:none}    
.slogan-oferta-devi-bottom {display: none}
.realizacje-devi-plus {display: none}
.realizacje-devi-plus-gray {width: 30%; }
.realizacje-plus-left, .projekty-plus-left {display: none}
.realizacje-plus-right, .projekty-plus-right {display: none}
.realizacje-devi-plus-orange {top: ; width: 30%; }
    
    
#slogan-oferta {
margin-bottom: 4em;
}

#slogan-oferta h2 {
letter-spacing: 1px;
font-size: 1.2em;
} 

    #section-4 {
    /*margin-top: -4em;
    margin-bottom: 2em;*/
    }
    #slogan-realizacje  {
        padding-top: 2em;
        padding-bottom: 2em;
    }  
    
}

@media screen and (max-width: 540px) {
.oferta-svgs-01{display:none}
.oferta-svgs-02{display:none}
.slogan-budownictwo-modulowe-devi-top{display:none}
.slogan-budownictwo-modulowe-devi-bottom{display:none}
.realizacje-devi-plus {display: none}
.realizacje-devi-plus-gray {width: 30%;}
.realizacje-plus-left, .projekty-plus-left {display: none}
.realizacje-plus-right, .projekty-plus-right {display: none}
.realizacje-devi-plus-orange {top: ; width: 30%;}
    
#slogan-oferta {
padding-top: 3em;
padding-bottom: 4em;
}
#section-oferta {
    margin-top: 2em;
}  
    
    #slogan-realizacje  {
        padding-top: 2em;
        padding-bottom: 2em;
    }  
    
}


@media screen and (max-width: 640px) {
.realizacje-svgs-01{display:none} 
    
#slogan-realizacje {
padding-top: 2em;
padding-bottom: 2em;
}
    
#slogan-realizacje h2{
    font-size: 1em; 
    letter-spacing: 1px;
    font-weight: 900;
    line-height: 1.2em;
}

}

@media screen and (max-width: 540px) {
.realizacje-svgs-01{display:none}
#slogan-realizacje {
padding-top: 1em;
padding-bottom: 3em;
}
}

/* svg photos 
.main-svg-bottom {
margin-bottom: -300px;
max-width: 400px;
}

.main-svg-gray {
margin-bottom: -160px;
max-width: 400px;
}

.oferta-svg-bottom {
margin-bottom: -160px;
max-width: 400px;
}

.bud-modulowe-svg-top {
margin-bottom: -140px;
max-width: 400px;
}

.bud-modulowe-svg-bottom {
margin-bottom: -140px;
max-width: 400px;
}
*/

@media only screen and (min-width: 980px) {
    li.seach-menu-item {display: none;}
}

.search-help-link {display: none;}
.path-search #search-form .form-search {max-width: 230px; margin-bottom: 25px;}
.path-search #search-form .input-group-btn {float: left;}
.path-search h3 {margin-bottom: 25px;}
.path-search .search-block-form {display: none;}
.search-block-form {float: right; margin-top: 32px; margin-right: 8px;}
.path-search li {list-style: none;}


@media only screen and (max-width: 979px) {
    .search-block-form {display: none;}
}




/* BACK TO TOP BUTTON */

#backtotop {opacity: 0.7;}
#backtotop:hover {opacity: 0.5;}



/* whatsapp call to action btn */

.whatsapp-bubble.bottom {
    bottom: 24px;
}

/* Modular objects main page svgs */
.handlowy-svg {width: 60%; margin-left: 20%;}
.uslugowy-svg {width: 60%; margin-left: 20%;}
.biurowe-svg {width: 60%; margin-left: 20%;}
.gastro-svg {width: 60%; margin-left: 20%;}
.wystawowy-svg {width: 60%; margin-left: 20%;}
.modulowe-domy-svg {width: 60%; margin-left: 20%;}

/* Modular objects offer page svgs */
.oferta-budownictwo-modulowe {width: 60%; margin-left: 20%;}
.oferta-obiekty-modulowe {width: 60%; margin-left: 20%;}
.oferta-budownictwo-mieszkaniowe {width: 60%; margin-left: 20%;}
.oferta-nowoczesna-stal-corten {width: 60%; margin-left: 20%;}
.oferta-wynajem {width: 60%; margin-left: 20%;}
.oferta-leasing {width: 60%; margin-left: 20%;}


/* test svgs - rev slider */
.slide-1 {width: 100%; height: 100%;}
.slide-2 {width: 100%; height: 100%;}
.slide-3 {width: 100%; height: 100%;}
.slide-4 {width: 100%; height: 100%;}
.slide-5 {width: 100%; height: 100%;}
.slide-6 {width: 100%; height: 100%;}
.slide-7 {width: 100%; height: 100%;}


/**************    Realizacje Grid Hover Effect   **************/
.ihe-overlay--fade-in-right:hover:after {right: auto !important;
    
}

/*************** Experimental Hero full height   ***************/

.page-node-215 #test-paw-handlowe-PL-slider_forcefullwidth {position: absolute !important;}
.page-node-215 .main-container {margin-top: 700px;}
body.page-node-215 {margin-top: 0;}
.page-node-215 #block-mwconstruction3-branding, .page-node-215 .language-switcher-language-url, .page-node-215 #block-betasitebanner {position: relative; }
.page-node-215 .language-switcher-language-url {z-index: 10000; }
.page-node-215 #block-betasitebanner {display: none;}

/************** Front Page Video ********/

#mw-animacja-youtube {
    margin-top: 0;
    margin-bottom: 0;
}

.youtube-embed {width: 100%;}

@media  (max-width: 424px) {
.youtube-embed {width: 100%; height:50px; margin-top:  ;}
}

@media  (max-width: 767px) {
.youtube-embed {width: 100%; height:320px; margin-top: 16px;}
}
@media  (min-width: 768px) and (max-width: 979px) {
.youtube-embed {width: 100%; height: 380px; margin-top: 32px;}
}
@media  (min-width: 980px) {
.youtube-embed {width: 100%; height: 620px; margin-top: 64px;}
}

@media  (min-width: 1024px) {
.youtube-embed {width: 100%; height: 640px; margin-top: 64px;}
}

/************** Realizacje h2 hover ********/
.ihe-overlay:after {
    font-size: 1.6em;
}

@media  (max-width: 424px) {
.ihe-overlay:after {font-size: 1em;}
}

@media  (max-width: 767px) {
.ihe-overlay:after {font-size: 1.2em;}
}


/************** zdjecie hover effect ********/
figure.effect001 {
  font-family: 'Raleway', Arial, sans-serif;
  color: var(--mw-color-perfo2);
  position: relative;
  overflow: hidden;
  /*min-width: 320px;*/
  max-width: 1440px;
  max-height: 600px;
  width: 100%;
  background: #000000;
  text-align: center;
}
figure.effect001 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.effect001 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.effect001 figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
}
figure.effect001 figcaption > div {
  float: left;
  height: 100%;
  overflow: hidden;
  width: 50%;
  position: relative;
}
figure.effect001 figcaption::before {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 50%;
  width: 2px;
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.effect001 h2,
figure.effect001 p {
  margin: 0;
  padding: 100px;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  -webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
  transition: opacity 0.45s,-webkit-transform 0.45s,-moz-transform 0.45s,-o-transform 0.45s,transform 0.45s;
}
figure.effect001 h2 {
  text-align: right;
  display: inline-block;
  word-spacing: -0.1em;
  font-weight: 500;
  text-transform: uppercase;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: translate3d(50%, 0%, 0);
  transform: translate3d(50%, 0%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.effect001 h2 span {
  font-weight: 900;
}
figure.effect001 p {
  display: block;
  bottom: 0;
  text-align: left;
  font-weight: 500;
  top: 0%;
  color: var(--mw-white);
  background: var(--mw-color-perfo2);
  -webkit-transform: translate3d(-50%, 0%, 0);
  transform: translate3d(-50%, 0%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.effect001 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.effect001:hover img {
  opacity: 0.7;
}
figure.effect001:hover figcaption h2,
figure.effect001:hover figcaption p {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.effect001:hover figcaption h2 {
  opacity: 1;
}
figure.effect001:hover figcaption p {
  opacity: 1;
}
figure.effect001:hover figcaption::before {
  background: var(--mw-color-perfo2);
  top: 0px;
  bottom: 0px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}


@media  (max-width: 424px) {
figure.effect001 h2,
figure.effect001 p {
  padding: 20px;
 
}
}

@media  (max-width: 767px) {
figure.effect001 h2,
figure.effect001 p {
  padding: 20px;
font-size: 16px;
 
}
}


/* Experimental Follow Mouse - Plus 

@media  (min-width: 768px) {
.ball {
  width: 200px;
  height: 200px;
  position: fixed;
  top: 0;
  left: 0;
  border: none;
  pointer-events: none;
  z-index: 100000;
  background-image: url('../images/svgs/realizacje/plus-orange.svg');
  opacity: 0.6 !important;
}
}

@media  (max-width: 767px) {
   .ball {display: none;} 
}
*/



/* Grid Realizacji - iHover effect */

.ih-item.square {width: 100%; height: auto; border: none; box-shadow: none;}
.ih-item a {color: var(--mw-white);opacity: }
.ih-item .info {height: 65px !important;}

.ih-item.square.effect3 .info h3 {
    text-transform: uppercase;
    letter-spacing: -1px;
 font-weight: 900;
    color: var(--mw-orange-3);
    text-align: left;
    font-size: 24px;
    padding: 10px 10px 0 0px;
    margin: 0px 0 0 0;
}


.ih-item.square.effect3 .info {
    height: 65px;
    background: var(--mw-white);
    opacity: ;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}


/* Realizacje Design */

.page-node-223 #parallax-div, .page-node-174 #parallax-div {
    margin-top: 100px;
    margin-bottom: 100px;
    overflow: hidden;
    position:relative;
    width: 100%;
    background-image: url("../images/Modular-homes-realizacja-2-narrow.jpg");
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: 500px;
    background-color: var(--mw-gray-6);
}

#parallax-div h2 {
    padding-top: ;
    padding-bottom: 0;
    font-size: 3em;
    font-weight: 900;
    text-align: center;
    color: var(--mw-white);
    letter-spacing: -1px;
}

#parallax-div {
background-color: var(--mw-gray-6);
}
  

@media  (max-width: 767px) {
#parallax-div {display: none;}
}


/* Realizacje Design - nowy Parallax */

.parallax{
    margin-top: 100px;
    margin-bottom: 100px;
    height: 500px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.parallax h2 {
    padding-top: 150px;
    padding-bottom: 200px;
   font-size: 2.8em;
    font-weight: 900;
    text-align: center;
    letter-spacing: -1px;   
}

@media  (max-width: 767px) {
    .parallax h2 {font-size: 1.8em; }
}

#parallax-home1-div h2 {color: var(--mw-yellow); }

#parallax-a-div h2 {color: var(--mw-yellow); }
#parallax-0-div h2 {color: var(--mw-color-1); }
#parallax-1-div h2 {color: var(--mw-color-3); }
#parallax-10-div h2 {color: var(--mw-yellow); }
#parallax-2-div h2 {color: var(--mw-white); }
#parallax-3-div h2 {color: var(--mw-yellow); }
#parallax-4-div h2 {color: var(--mw-color-3); }
#parallax-5-div h2 {color: var(--mw-white); }
#parallax-6-div h2 {color: var(--mw-color-3); }
#parallax-7-div h2 {color: var(--mw-white); }
#parallax-8-div h2 {color: var(--mw-yellow); }
#parallax-9-div h2 {color: var(--mw-color-3); }




/* TEMPORARAY DISABLED H2 IN ALL PARALLAX ON REALIZATIONS 
.parallax h2 {display: none;} */


/* Realizacje Design - nowy Parallax mobile version */

@media  (max-width: 767px) {
.page-node-223 .parallax, .page-node-174 .parallax {
background-attachment: scroll;
background-size: auto;
}
/*
.page-node-223 h2, .page-node-174 h2 {font-size: 1.6em;
    padding-top: ;
    padding-bottom: ;}
    */
}



/* Nowe Parallaxy - poszczegolne tla Parallaxow - DESKTOP */

.page-node-223 #parallax-0-div {
    background-image: url("../images/parallax/parallax-0.jpg");
    background-position-x: center;
}

.page-node-223 #parallax-1-div {
    background-image: url("../images/parallax/parallax-1.jpg");
    background-position-x: center;
}

.page-node-223 #parallax-10-div {
    background-image: url("../images/parallax/parallax-10.jpg");
    background-position-x: center;
}

.page-node-223 #parallax-2-div {
    background-image: url("../images/parallax/parallax-2.jpg");
    background-position-x: center;
}

.page-node-223 #parallax-3-div {
    background-image: url("../images/parallax/parallax-3.jpg");
    background-position-x: center;
}

.page-node-223 #parallax-4-div {
    background-image: url("../images/parallax/parallax-4.jpg");
    background-position-x: center;
}

.page-node-223 #parallax-5-div {
    background-image: url("../images/parallax/parallax-5.jpg");
    background-position-x: center;
}

.page-node-223 #parallax-6-div {
    background-image: url("../images/parallax/parallax-6.jpg");
    background-position-x: center;
}

.page-node-223 #parallax-7-div {
    background-image: url("../images/parallax/parallax-7.jpg");
    background-position-x: center;
}

.page-node-223 #parallax-8-div {
    background-image: url("../images/parallax/parallax-8.jpg");
    background-position-x: center;
}

.page-node-223 #parallax-9-div {
    background-image: url("../images/parallax/parallax-9.jpg");
    background-position-x: center;
}

.page-node-223 #parallax-a-div {
    background-image: url("../images/parallax/parallax-a.jpg");
    background-position-x: center;
}

.page-node-174 #parallax-home1-div, .page-node-251 #parallax-home1-div {
    background-image: url("../images/parallax/parallax-home-1.jpg");
    margin-bottom: 2em;
}





/* Nowe Parallaxy - poszczegolne tla Parallaxow - MOBILE */

@media  (max-width: 767px) {

.page-node-223 #parallax-0-div {
    background-image: url("../images/parallax/parallax-0-mob.jpg");
    background-position-x: center;
    background-position-y: 70%;
}

.page-node-223 #parallax-1-div {
background-image: url("../images/parallax/parallax-1-mob.jpg");
background-position-x: center;
background-position-y: 70%;
}

.page-node-223 #parallax-2-div {
    background-image: url("../images/parallax/parallax-2-mob.jpg");
    background-position-x: center;
    background-position-y: 70%;
}

.page-node-223 #parallax-3-div {
    background-image: url("../images/parallax/parallax-3-mob.jpg");
    background-position-x: center;
    background-position-y: 70%;
}

.page-node-223 #parallax-4-div {
    background-image: url("../images/parallax/parallax-4-mob.jpg");
    background-position-x: center;
    background-position-y: 70%;
}

.page-node-223 #parallax-5-div {
    background-image: url("../images/parallax/parallax-5-mob.jpg");
    background-position-x: center;
    background-position-y: 70%;
}

.page-node-223 #parallax-6-div {
    background-image: url("../images/parallax/parallax-6-mob.jpg");
    background-position-x: center;
    background-position-y: 70%;
}

.page-node-223 #parallax-7-div {
    background-image: url("../images/parallax/parallax-7-mob.jpg");
    background-position-x: center;
    background-position-y: 70%;
}

.page-node-223 #parallax-8-div {
    background-image: url("../images/parallax/parallax-8-mob.jpg");
    background-position-x: center;
    background-position-y: 70%;
}

.page-node-223 #parallax-9-div {
    background-image: url("../images/parallax/parallax-9-mob.jpg");
    background-position-x: center;
    background-position-y: 70%;
}

.page-node-223 #parallax-10-div {
    background-image: url("../images/parallax/parallax-10-mob.jpg");
    background-position-x: center;
    background-position-y: 70%;
}

.page-node-223 #parallax-a-div {
    background-image: url("../images/parallax/parallax-a-mob.jpg");
    background-position-x: center;
    background-position-y: 70%;
}

.page-node-174 #parallax-home1-div {
    background-image: url("../images/parallax/parallax-home-1-mob.jpg");
    background-position-x: center;
    background-position-y: 70%;
}

}
/* Fix for iPads on Parallax */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 
  .parallax {
 background-attachment:scroll !important;
    background-size: cover;
    height: 100%;
    overflow: hidden;
  
}
}



/* slider-realizacje */

.page-node-223 #slider-realizacje  {
padding-top: 4em;
padding-bottom: 4em;
}

@media  (max-width: 767px) {
.page-node-223 #slider-realizacje  {
padding-top: 2em;
padding-bottom: 2em;
}
}

/* Menu active trail */
a.active-trail {color: var(--mw-orange-3) !important;}



/* POPUP BANNERS */

@media  (max-width: 500px) {
   .spb-popup-main-wrapper {
    display: none;} 
}


.spb-popup-main-wrapper{
    border: 1px solid var(--mw-gray-6);
    padding-left: 25px;
    padding-right: 15px;
    background-color: var(--mw-gray-6);}

   .spb-controls {right: -88px; top: -4px;}

    .spb_close {
    border: 1px solid var(--mw-orange-3);
    cursor: pointer;
    float: right;
    margin: 3px;
    padding: 0 10px;
    color: #000;
    background: var(--mw-orange-3);
}

    .spb_minimize {
    border: 1px solid var(--mw-orange-3);
    cursor: pointer;
    float: right;
    margin: 3px;
    padding: 0 11px;
    color: #000;
    background: var(--mw-orange-3);
}

.spb_center {top: 20%;}


/* Lightbox effect */

.popup-background {
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-color: var(--mw-gray-6); //whatever you want
     opacity: 0;
     transition: all 0.5 linear;
     -webkit-transition: same!
     -moz-transition: same!
     -o-transition: same!
}
.popup-background.visible {
     opacity: 1;
}
//This should be your pop-up container, this needs to have higher z-index in order to be obove background
.cd-popup {
   z-index: 9999;
}



/* Video Background on home page */


/*
.page-node-251 #block-videoblock {position: absolute !important; top:0; left:0; width: 100%;}
.page-node-251 .main-container {margin-top: 700px;}
body.page-node-251 {margin-top: 0;}
.page-node-251 #block-mwconstruction3-branding, .page-node-251 .language-switcher-language-url, .page-node-251 #block-betasitebanner {position: relative; }
.page-node-251 .language-switcher-language-url {z-index: 10000; }
.page-node-251 #block-betasitebanner {display: none;}
.page-node-251 video {width: 100%;}
 @media  (max-width: 920px) {
     .page-node-251 video {height: 100vh;     width: min-content;
    margin-left: auto;
    margin-right: auto;}
 }

.page-node-251 .video-container {overflow: hidden;}

*/



/* Experimental Header container changes to allow full screen of video bckg   */

.navbar-header {max-width: 1440px;
    margin-left: auto !important;
    margin-right: auto !important;}
    
    /*
    @media  (min-width: 1440px) {
    .navbar {max-width: 100% !important; padding-left: 7vw; padding-right: 7vw;}
    }
    */
   
   
   /* Main menu extra spacing   */
   
   
  @media  (min-width: 970px) and (max-width: 1256px) {
  .tb-megamenu .nav > li > a {padding: 15px 9px;}
   }
   
   a.domy-modulowe-link {color: #58cee5 !important;}
   a.domy-modulowe-link:hover, .bi-house:hover {color: var(--mw-orange-4) !important;}
   
 
 
 /*.page-node-251 #front-page-video-cover_forcefullwidth {position: absolute !important;}*/
 
 /* ######### Video Slider BCKG ######### */
 
 /*.page-node-251 #slider-mobile-pl-wizka_forcefullwidth, */
  /*.page-node-251 #slider-mobile-en-wizka_forcefullwidth, */
 .page-node-174 #slider-mobile-tablet-pl-wizka-4_forcefullwidth, 
 .page-node-174 #slider-desktop-pl-wizka-4_forcefullwidth,
 .page-node-174 #slider-mobile-tablet-pl-wizka-no-video_forcefullwidth
 {position: absolute !important;}
 
 /*.page-node-251 #slider-desktop-pl-wizka-4_forcefullwidth, */
 /*.page-node-251 #slider-desktop-en-wizka-4_forcefullwidth, */
 .page-node-174 #slider-mobile-tablet-en-wizka-4_forcefullwidth, 
 .page-node-174 #slider-desktop-en-wizka-4_forcefullwidth ,
 .page-node-174 #slider-mobile-tablet-en-wizka-no-video_forcefullwidth
 {position: absolute !important;}
 
  .page-node-174 #slider-mobile-tablet-de-wizka-4_forcefullwidth, 
 .page-node-174 #slider-desktop-de-wizka-4_forcefullwidth,
 .page-node-174 #slider-mobile-tablet-de-wizka-no-video_forcefullwidth
 {position: absolute !important;}
 
/*.page-node-251 .main-container, .page-node-174 .main-container {margin-top: 776px;}*/

body.page-node-251, body.page-node-174 {margin-top: 0;}

/*
.page-node-251 #block-mwconstruction3-branding, 
.page-node-251 .language-switcher-language-url, 
.page-node-251 #block-betasitebanner, 
.page-node-174 #block-mwconstruction3-branding, 
.page-node-174 .language-switcher-language-url, 
.page-node-174 #block-betasitebanner {
    position: relative; }
    */

.page-node-251 .language-switcher-language-url, .page-node-174 .language-switcher-language-url {z-index: 10000; }

/*
.page-node-251 #block-betasitebanner, .page-node-174 #block-betasitebanner {display: none;}
*/


/* ######### Obiekty Modulowe block ######### 

#obiekty-modulowe-v2 {background: var(--mw-gray-6); padding: 2em 2em;}

#obiekty-modulowe-v2 h2 {color: var(--mw-gray-text);}
#obiekty-modulowe-v2 p {color: var(--mw-gray-text);} 

*/

.page-node-63 #obiekty-modulowe-v2 {margin-top: 60px;}

/*
#obiekty-modulowe-obiekty-v2 {padding: 10px;}
*/
	 
#obiekty-modulowe-v2 h3 {font-size: 28px; color: var(--mw-gray-6); padding-top: 1em;}	 
.obiekt-1-svg {width: 60%; margin-left: 20%;}

 .box-el {
     /*
	 display: flex;
	 max-width: 1440px;
	 */
	 margin: auto;
	 margin-top: 1em;
}
 .box {
	 height: 680px;
	 /*margin: 0em 1em 1em 0em;*/
	 background-position: center;
	 background-size: 80%;
     background-repeat: no-repeat;
	 position: relative;
	 margin: 0;
}


.box-1 {width: 100%; background-size: 50%;}

.box-3, .box-4 {float: left;}


@media  (min-width: 640px) and (max-width: 1200px) {
    .box-3, .box-4 {width: 50% !important;}
}


@media  (min-width: 1201px) {
    .box-3 {width: 33.3%;}
}

@media  (min-width: 1201px) {
    .box-4 {width: 25%;}
}



@media  (max-width: 780px) {
    .box-1, .box-3, .box-4 {width: 100%;}
    .box-1, .box-3, .box-4 {width: 100%;}
    .box-el {display: block; margin-top:0;}
    .box {margin: 0;}
    
    #obiekty-modulowe-v2 {padding: 0; padding-top: 2em; padding-bottom: 2em;}
}

.content-box-inner img, .content-box-inner p {
    max-width: 237px;
    margin-left: auto;
    margin-right: auto;
}

.box-inner {
    


}

.content-box-inner, .content-box-inner h3 {
    text-align: center;
    margin-bottom: 0.5em;
    
}

.content-box-inner h3, .content-box-inner a:first-child {
    font-family: 'Raleway';
    font-weight: 800;
    font-size: 24px;
    text-decoration: none !important;
    color: var(--mw-orange-3);
}

.the-content-box {
    height: 680px;
    padding: 1em;
    margin: 0.5em;
    background-color: #dcdcdc;
}

#obiekty-modulowe-obiekty-v2 .btn {
    position: absolute;
    left: 30px;
    bottom: 11px;
}

.box {
    margin-top: 1em;
}
  

/*
 .box:hover .the-content-box {
	 transform: translateY(0%);
	 background: var(--mw-gray-3);
}

 .box:hover .the-content-box p {
	 opacity: 1;
	 transition: all 400ms ease;
	 transform: translateY(0%);
	 transition-delay: 600ms;
}
 .box:hover .the-content-box a {
	 opacity: 1;
	 transform: translateX(0%);
	 transition-delay: 600ms;
}
 .box-inner {
	 position: absolute;
	 height: 100%;
	 width: 100%;
	 top: ;
	 left: ;
	 overflow: hidden;
}
 .the-content-box {
	 position: relative;
	 height: 100%;
	 width: 100%;
	 background: var(--mw-gray-3);
	 color: white;
	 transform: translateY(70%);
	 transition: all 600ms ease;
}

 .the-content-box p {
	 letter-spacing: 1px;
	 opacity: 0;
	 transition: all 400ms ease;
	 transform: translateY(40%);
	 font-weight: lighter;
	 font-size: 18px;
}
 .the-content-box a {
	 display: inline-block;
	
	 transition: all 200ms ease;
	 opacity: 0;
	 transform: translateX(20%);
}
 .the-content-box a:hover {
	 
}
 .content-box-inner {
	 padding: 0em 1em;
}
*/

/* ######### Isometric block ######### */

#isometric {background-color: var(--mw-white)}
#isometric h3 {font-size: 24px; color: var(--mw-white); padding-bottom: 0.4em;}	 
#isometric .box {background-size: 100%; background-position: bottom; height: 257px !important;}
#isometric .box:hover {background: none !important;}


/********** Bongo svgs ***********/

.cont-bit {width: 100%;}
.modul-1 {width: 100;}

/* hotel-2 

.modul-1-dol {}
.modul-2-dol {}
.modul-3-dol {}
.modul-4-dol {}
.modul-5-dol {}
.modul-6-dol {}

* animate *

.modul-1-dol {
animation: fadeInLeft; 
animation-duration: 1s;
}

.modul-2-dol {
animation: fadeInLeft; 
animation-duration: 1.2s;
}

.modul-3-dol {
animation: fadeInLeft; 
animation-duration: 1.4s;
}

.modul-4-dol {
animation: fadeInLeft; 
animation-duration: 1.6s;
}

.modul-5-dol {
animation: fadeInLeft; 
animation-duration: 1.8s;
}

.modul-6-dol {
animation: fadeInLeft; 
animation-duration: 2s;
}

.modul-7-gora {
animation: fadeInLeft; 
animation-duration: 2s;
}

.modul-8-gora {
animation: fadeInLeft; 
animation-duration: 2.2s;
}

.modul-9-gora {
animation: fadeInLeft; 
animation-duration: 2.4s;
}

.modul-10-gora {
animation: fadeInLeft; 
animation-duration: 2.6s;
}

.modul-11-gora {
animation: fadeInLeft; 
animation-duration: 2.8s;
}

.modul-12-gora {
animation: fadeInLeft; 
animation-duration: 3s;
}


*/

p:last-child, .form-group:last-child, .panel:last-child {
    margin-bottom: 1em;
}

/* ######### Plansze Isometric ######### */
#plansze-isometric {background-color: #f8f7f6;}
#plansze-isometric h3 {font-size: 24px; color: var(--mw-white); padding-top: 1.5em;  font-weight: 900;}
#plansze-isometric p {font-size: 12px; font-weight: 400;}

/*
@media  (min-width: 781px) and (max-width: 1100px) {
#plansze-isometric .box-3 {width: 50%;}
}
*/

#plansze-isometric .box {background-size: contain;}
/*#plansze-isometric .box:hover {background-image: none !important;}*/


/*#plansze-isometric .box:hover .box-inner {height: fit-content !important}*/




#plansze-isometric .box:hover .the-content-box {
	 transform: translateY(0%);
	 background: var(--mw-gray-3);
}

#plansze-isometric .box:hover .the-content-box p {
	 opacity: 1;
	 transition: all 400ms ease;
	 transform: translateY(0%);
	 transition-delay: 600ms;
}
#plansze-isometric .box:hover .the-content-box a {
	 opacity: 1;
	 transform: translateX(0%);
	 transition-delay: 600ms;
}
#plansze-isometric .box-inner {
	 position: absolute;
	 height: 100%;
	 width: 100%;
	 top: ;
	 left: ;
	 overflow: hidden;
}
#plansze-isometric .the-content-box {
	 position: relative;
	 height: 100%;
	 width: 100%;
	 background: var(--mw-gray-3);
	 color: white;
	 transform: translateY(70%);
	 transition: all 600ms ease;
}

#plansze-isometric .the-content-box p {
	 letter-spacing: 1px;
	 opacity: 0;
	 transition: all 400ms ease;
	 transform: translateY(40%);
	 font-weight: lighter;
	 font-size: 18px;
}
#plansze-isometric .the-content-box a {
	 display: inline-block;
	
	 transition: all 200ms ease;
	 opacity: 0;
	 transform: translateX(20%);
}
#plansze-isometric .the-content-box a:hover {
	 
}
#plansze-isometric .content-box-inner {
	 padding: 0em 1em;
}

#plansze-isometric .content-box-inner img, #plansze-isometric .content-box-inner p {
    width: fit-content;
    max-width: max-content;
    font-size: 12px;
    font-weight: 400;
}

#plansze-isometric .the-content-box {
    margin: 0;
    padding: 0;
}

#plansze-isometric .box {
    margin-top: 0;
    height: 400px;
}


#slider-desktop-pl-wizka-4_forcefullwidth, #slider-mobile-tablet-pl-wizka-4_forcefullwidth {height: 100vh;}


/*.page-node-174 .main-container {margin-top: calc(100vh - 183px);}*/


@media  (min-width: 600px) and (max-width: 780px) {
    #plansze-isometric .box {background-size: auto;}
}

.the-content-box:hover {opacity: 0.9;}

/*Admin - Editor CSS*/
.user-logged-in .node-form {margin: 0 2.5em;}

/*Tymczasowo wylaczona Produkcja Tab na Technologii*/
#produkcja-div {display: none !important;}

/*.col-sm-12 .layout1440 {padding-left: 0; padding-right: 0;}*/



/*COOKIEBOT*/

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: #eb8d34 !important;
    border-color: #eb8d34 !important;
    color: #141414;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
    background-color: #141414;
    border-color: #eb8d34 !important;
    color: #FFFFFF;
    transition-delay: .3s;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
    align-items: center;
    color: #eb8d34 !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
    fill: #eb8d34 !important;
}

#CookiebotWidget-widgetContent {
    background-color: #c5c8c9 !important;
}


/*EU Cookie law*/

#sliding-popup h2 {width: 100%;}

div#sliding-popup {
    background-color: var(--mw-gray-1);
    opacity: 0.9;
    width: 100%;
    padding: 15px;
    font-family: 'Raleway' !important;
}

.eu-cookie-compliance-category {float: left; padding: 0 10px;}

.eu-cookie-compliance-message h1, .eu-cookie-compliance-message h2, .eu-cookie-compliance-message h3, .eu-cookie-compliance-message p {
    font-weight: normal;
}

.eu-cookie-compliance-save-preferences-button, .agree-button {
    background-color: var(--mw-orange-3) !important;
    color: #ffffff;
    background-image: none;
    border-radius: 0;
    text-shadow: none;
    font-weight: normal;
    position: absolute;
    left:190px;
    bottom: -65px;
    border: 0;
    box-shadow: none;
}




.agree-button {
    left: 405px;
    display: none;
}

.eu-cookie-withdraw-button {
    display: none;
}

.eu-cookie-withdraw-tab, .find-more-button {
    background-color: var(--mw-orange-3) !important;
    background-image: none;
    border-radius: 0 !important;
    text-shadow: none;
    font-weight: normal;
    float: right;
    border: 0;
}

.find-more-button {
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
}

.eu-cookie-compliance-more-button {
    position: absolute;
    left: 20px;
    bottom: -65px;
    text-decoration: none;
    border: 0;
}

.eu-cookie-compliance-content {
   max-width: 96%; 
}

.popup-content h2 {font-size: 0.8em; font-weight: bold;}

.popup-content p {display: block;}






/* Call to Action floating buttons */

#block-calltoaction {
    z-index: 9;
    left:0 !important;
    top: 40% !important;
    
}

#block-calltoaction a {color: #ffffff; display: block; width: 100%}

#block-calltoaction svg {width: 20px; height: 20px; margin-left: 4px;}


#block-calltoaction li {list-style: none;}

@media (min-width: 978px) {
    #block-calltoaction {width: 70px}
}

.mystickyelements-social-phone span {
   padding: 5px; 
   display: block;
   width: 40px;
}

.mystickyelements-social-email span {
    padding: 5px;
    display: block;
    width: 40px;
    
}

.mystickyelements-lists {padding-left: 0;}

@media (max-width: 979px) {
    
    .mystickyelement-lists-wrap {position: fixed; bottom:0; width: 100%;}
    .mystickyelement-lists-wrap ul {margin-bottom: 0;}
    .mystickyelement-lists-wrap ul li {width: 33.3%; float: left;}
  
    .eu-cookie-withdraw-tab {
        top: -66px;
    }
    
    /* TEMP DIABLE WITHDRAW COOKIES BUTTONM */ 
    .eu-cookie-withdraw-tab {display: none;}

    
    
    .mystickyelements-social-phone span, .mystickyelements-social-email span, .mystickyelements-social-whatsapp span {
        width: auto;
    }
    
    
    #block-calltoaction a {text-align: center;}
}

#mystickyelements-social-phone p, #mystickyelements-social-email p, #mystickyelements-social-whatsapp p {
    display: none !important;
}


       


/*   DISABLE WHATSAPP BUBBLE FROM THE MODULE      */ 

.whatsapp-bubble {display: none;}

.text-to-center {text-align: center !important;}

#obiekty-modulowe-v2 {display: none;}

@media  (max-width: 639px) {
.page-node-174 .all-projects-btns a, #section-oferta-1 a {width: 100%; margin-left: auto; margin-right: auto; margin-top: 12px;}
}



@media  (min-width: 640px) {
.page-node-174 .all-projects-btns a, #section-oferta-1 a {width: 40%; margin-left: auto; margin-right: auto;}
}


#slogan-oferta {display: none;}

.all-projects-btns a, #section-oferta-1 a {background-color: #EB8D34; border: none !important;}

.page-node-174 h2, .page-node-174 h3 {font-weight: 700;}

#plansze h2 {margin-top: 40px; margin-bottom: 20px;}

p.all-projects-btns {padding: 16px;}


/* CONTROL DISPLAY OF FRONT PAGE SLIDERS PER DEVICE */


    #block-sliderdesktopplwizka4, #slider-desktop-en-wizka-4_forcefullwidth, #main-photo-bottom, #slider-desktop-de-wizka-4 {
        display: none !important;
    }
    
    #slider-mobile-tablet-pl-wizka-no-video_forcefullwidth, #plansze-iso-mobile, #slider-mobile-tablet-en-wizka-no-video_forcefullwidth, #slider-mobile-tablet-de-wizka-no-video_forcefullwidth {
        display: block !important;
    }




#bez-pozwolenia {margin-top: 50px;}
#promo-video-section {padding-left: 0; padding-right:0;}

.img-responsive {width: 100%;}



/* Bootstrap 3 hero slider */

.container {
    margin-top: 20px;
}

/* Carousel Styles */
.carousel-indicators .active {
    background-color: #2980b9;
}


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

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 15px;
}

.carousel-control.right span {
	padding: 15px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
	background-color: #000;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}



/* Carousel Header Styles */

.header-text {
    position: absolute;
    top: 50%;
    left: 1.8%;
    width: 96.66666666666666%;
    color: #fff;
    transform: translateY(-50%);
}

.header-text h2 {
    font-size: 40px;
    -webkit-text-stroke: #c5c8c9 1px;
    text-align: center;
}

.header-text h2 span {
    background-color: #2980b9;
	padding: 10px;
}

.header-text h3 span {
	background-color: #000;
	padding: 15px;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 0;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.carousel-inner img {max-height: auto !important;}
#block-bootstrap3slider .container {width: 100%;}

.carousel-control.right {right: 60px;}
.carousel-control.left {left: 60px;}

@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
  width: auto;
  height: auto;
}
}

.btn-slider {text-align: center;}
.btn-slider a {
    background-color: #EB8D34;
    font-size: 16px;
    
}

.slider-heading {
    font-size: 64px !important;
    font-weight: 900 !important;
    color: #EB8D34;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 820px) {
    .slider-heading {font-size: 33px !important; width: 86%; line-height: 0.9;}
    .carousel-control.left span, .carousel-control.right span{ padding: 5px;}
    .carousel-control.left {left: 25px;}
    .carousel-control.right {right: 25px;}
    .btn-slider a {font-size: 12px; line-height: 17px;}

}

/*
@media screen and (max-width: 500px) {
    .header-text {top: 20%;}
}


@media screen and (min-width: 501px) and (max-width: 1100px) {
    .header-text {top: 30%;}
}
*/

.carousel-indicators {
    bottom: 0;
}

@media screen and (min-width: 900px) {
.carousel-indicators {
    bottom: 40px;
}
}

.btn-slider a {border-radius: 0;}

.slider-container {
    /*max-height: 700px;*/
    overflow: hidden;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    
}

#block-bootstrap3slider {
    background-color: var(--mw-gray-5);
  
}

@media screen and (max-width: 820px) {
    /*.header-text {position: relative;}*/
    
}


/* EOF Carousel CSS 8 */



h1 {
    color: var(--mw-orange-3);
    font-size: 42px;
    line-height: 0.9;
}


.second-title-line {
   color: var(--mw-gray-5);
    font-size: 32px; 
    font-weight: 400;
}


/* Small screens headings */
@media screen and (max-width: 520px) {
h1 {font-size: 30px;}
.second-title-line {font-size: 22px;}
}

.delimeter {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    width: 100px;
    border-bottom-color: var(--mw-orange-3);
    margin: 10px auto 30px auto;
}

#oferta-full-width {
    /*background-image: url("https://www.modernerverkaufspavillon.de/wp-content/uploads/2021/10/Modulhaeuser-mit-weisser-Fassade-2.jpg");*/
    background-color: var(--mw-gray-3);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 30px 14px;
}

#oferta-full-width .layout1040-block {margin-top:0;}

.page-node-type-blog_post ol.breadcrumb li:nth-child(2) {display: none;}


/* NEW FRONT PAGE HEADER */

.page-node-174 .navbar {background-color: var(--mw-gray-3); max-width: 100% !important; background-image: url(/sites/default/files/);}
.page-node-174 .main-container {margin-top: 0;}
.page-node-174 .container {margin-top: 0;}
.page-node-174 .navbar-header {float: unset;}



.item {
    /*height: 720px;*/
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    /*background-size: cover;*/
    background-position-x: center;
}


.carousel-container {
    position: relative;
    top: 40%;
}


#new-projects-section {margin-top: 40px; margin-bottom: 20px;}
.breadcrumb {font-size: 15px; margin-bottom: 16px;}
#call-to-action {display: none;}

.page-node-type-realization .content, .page-node-type-nowe_projekty .content {
    max-width: none;
}

.page-node-41 .block-webform-block {width: 90%; margin-left: auto; margin-right: auto;}

#mail-icon, #phone-icon {margin-left: 20px; color: var(--mw-orange-3) !important; font-size: 22px !important;}

.page-node-41 #mail-icon, .page-node-41 #phone-icon {margin: 20px 36px;}

@media screen and (min-width: 980px) {
    .tb-megamenu {margin-bottom: 20px;}
}

.breadcrumb {margin-left: 10px !important;}

/* Rule to show TB Megamenu collapsed at page load */
@media  (max-width: 979px) {
.nav-collapse {height: 0 !important; overflow: hidden !important;}
.collapse {height: auto !important; overflow: visible !important;}
}

@media  (max-width: 979px) {
#CookiebotWidget {margin-bottom: 70px !important;}
}


p {padding-right: 0 !important;}
.col-sm-12 .layout1440 {padding-left: 10px; padding-right:10px;}
.layout1440 .layout1440 {padding-left: 0; padding-right:0;}

#specyfikacja {margin-bottom: 50px;}

.block-field-blocknoderealizationbody, .block-field-blocknoderealizationfield-sprzedaz-auto-generated-ti h2 {margin-top: 50px;}

.content a {text-decoration: underline;}
.region-footer a, a.btn, .realizacje-img-wrapper a, .views-field-title a {text-decoration: none !important;}

/* Angebot grid */



.page-node-57 .content-box-inner p {
    padding: 0;
    margin: 0;
    max-width: fit-content;
}


#plansze .content-box-inner {
    background-image: url(/themes/contrib/mwconstruction3/images/icons8-chevron-50.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: top;
    background-position-y: 12px;
}


/* Photoswipe gallery - stretch miniatures to fill available space 


.photoswipe-gallery div.field--item:not(:first-child) {
    height: auto !important;
    width: calc(100%/6);
    margin:0;
    padding: 0;
}

@media only screen and (max-width: 767px) {
.photoswipe-gallery div.field--item:not(:first-child) {
     height: auto !important;
}
}
*/

/* Checkout  */
#checkout-double-col-row {
    
}

#order-this-button {
    
}

.order-price {
   color: #EB8D34; 
}



.view-checkout-fields .view-content, #paypal-block {
    position: relative; /* Needed to position the pseudo-element correctly */
    margin: 20px;
    padding: 20px;
    border: 1px solid #EB8D34;
}

/* EXPERIMENTAL CAPTIOON ON DIV */
.view-checkout-fields .view-content:before {
    content: "Alternative Zahlung"; /* Replace 'Your Caption Here' with your actual caption */
    position: absolute;
    top: -10px; /* Half of your 'font-size' assuming font-size is about 20px */
    left: 20px; /* Align with padding */
    background: #eaeaea; /* Background matching your page's background */
    padding: 0 5px; /* Small padding on the sides of the text */
    color: #EB8D34; /* Optional: to match the border color or any color as needed */
    font-size: 16px; /* Optional: adjust based on your design */
}

#paypal-block:before {
    content: "Sofortige PayPal-Zahlung"; /* Replace 'Your Caption Here' with your actual caption */
    position: absolute;
    top: -10px; /* Half of your 'font-size' assuming font-size is about 20px */
    left: 20px; /* Align with padding */
    background: #eaeaea; /* Background matching your page's background */
    padding: 0 5px; /* Small padding on the sides of the text */
    color: #EB8D34; /* Optional: to match the border color or any color as needed */
    font-size: 16px; /* Optional: adjust based on your design */
}

#paypal-block, #parallel-checkout .view-content {
    min-height: 400px;
}

.view-checkout-fields .btn {
    background-color: #EB8D34;
    border: none;
    color: #ffffff;
    background-image: url(/themes/contrib/mwconstruction3/images/icons8-cart-50.png);
    background-repeat: no-repeat;
    background-size: 55px;
    padding-left: 55px;
}


#edit-personal, #edit-delivery {
    width: 100%;
}

@media  (min-width: 980px) {
#edit-personal {
    width: 49%;
    float: left;
}

#edit-delivery {
    width: 49%;
    float: right;
}
}

#edit-actions {
    clear: left;
}

#edit-flexbox .form-control, #edit-flexbox .form-control:focus {
    box-shadow: none;
    /*border-color: transparent !important;*/
    /*background-color: #ffffff;*/
    resize: none;
}


@media  (max-width: 700px) {
  #edit-flexbox #edit-title, #edit-flexbox #edit-project-url {
      min-height: 100px;
  }  
    
}

.panel-body {
    background-color: #eeeeee;
}

#checkout-confirmation-section {
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 20px;
    max-width: 700px;
    /*border: 1px solid #EB8D34;*/
}

.form-item-bestellnummer {
    display: none;
}

.form-item-project-url-text {
    display: none;
}

#edit-widerrufsrecht {
    clear: both;
}

.form-item-ich-habe-die-ruckgabebedingungen-gelesen-und-bin-damit-einversta label {
    color: var(--mw-orange-3) !important;
    font-size: 14px;
    vertical-align: top;
}


/* TEMP DISABLE PAYPAL PAYMENT 
.block-field-blocknoderealizationfield-paypal-payment-button {
    display: none;
}

*/


#parallel-checkout {
    
}

#parallel-checkout {
    background-color: #eaeaea;
    padding: 20px;

}

#note-to-checkout {
    margin-top: 50px;
}


.page-node-277 .alert {
    padding: 50px;
    
}


#block-carticonblock {
  float: right; 
  margin-right: 10px;
  position: relative;
  top: 31px;
}

@media  (max-width: 979px) {
    #block-carticonblock {
        margin-right: 60px;
        position: static;
    }
    
}

#desc-label, #price-label {
    font-size: 18px !important;
}

.navbar {
        border-radius: 0;
    }
    
#block-calltoaction {
    opacity: 0.9;
}


/* #### PDF CATALOGUE ##### */

#pdf-container {
            width: 100%;
            height: 1000px;
        }
        iframe {
            width: 100%;
            height: 100%;
            border: none;
        }


.manual-icon {
    position: relative;
    top: 6px;
    margin-right: 10px;
}


/* SWIPER SLIDER - NEW VISUALIZATIONS */

#nowe-projekty-home, #new-projects-swiper-slider {
    margin-top: 50px;
}

#new-projects-swiper-slider {
    padding-left: 0;
    padding-right: 0;
}


#new-projects-swiper-slider h3 {
    padding-left: 10px;
    padding-right: 10px;
}

#new-projects-swiper-slider .media-library-item__name {
    display: none;
}


/*  TEMP DISABLE SLIDER 
#new-projects-swiper-slider {
    display: none;
}
*/

.field--name-field-finish a {
    margin-right: 5px;
}

.field--name-field-finish .field--item {
    margin-right: 5px;
}



:not(.sprzedaz) #block-field-blocknoderealizationfield-specyfikacja {
  margin-top: 25px;
}


/**** ADMIN LB BLOCK EDIT WINDOW FORCE WIDTH PLUS CKEDITOR STYLE *****/

.ui-resizable {
    width: 700px !important;
}

.ck textarea {
    height: 100% !important;
}


.ck-source-editing-area textarea, .ck {
    color: black;
}
    
.ck-content a {    
text-decoration: underline;
}



/* SWIPER SLIDER - NEW VISUALIZATIONS */

#nowe-projekty-home, #new-projects-swiper-slider {
    /*margin-top: 50px;*/
}

#new-projects-swiper-slider {
    padding-left: 0;
    padding-right: 0;
}


#new-projects-swiper-slider h3 {
    padding-left: 10px;
    padding-right: 10px;
}

#new-projects-swiper-slider .media-library-item__name {
    display: none;
}

#new-projects-swiper-slider .field--item, .three-fields-slider .field--item {
    float: none !important;
}


/* SWIPER SLIDER  */

.three-fields-slider {
  margin: 0;
}

.three-fields-slider h2 {
    text-align: center;
    font-size: clamp(1.2rem, 5vw, 7rem);
    font-weight: 900 !important;
    color: #EB8D34;
    -webkit-text-stroke: #ffffff 1px;
}


.navbar.container, .navbar.container-fluid {
    margin-top: 0;
}

.page-node-174 .navbar {
    background-color: var(--mw-gray-3);
    max-width: 100% !important;
}


@media (min-width: 980px) {
    .tb-megamenu-nav {
        position: relative;
        top: -12px;
    }
}


/* SWIPER SLIDER - CENTER IMG AND BUTTON */

/* Make the paragraph a relative container */
.paragraph--type--paragraph-three-fields-slider {
  position: relative;
}

/* Keep image where it is (no changes needed) */
.field--name-field-image {
  position: relative; /* default */
}



@media (max-width: 629px) {
/* Display heading and button under the image on small screens */
.three-fields-slider .field--name-field-heading,
.three-fields-slider .field--name-field-button-link {
  text-align: center;
  z-index: 2; /* make sure it's above the image */
  color: white;
  width: 80%;
  padding-left: 10px;
}
.three-fields-slider .swiper-slide {
    background-color: #EB8D34;
    padding-bottom: 50px;
    height: clamp(300px, 56vh, 700px);
    background-image: url('/themes/contrib/mwconstruction3/images/crissxcross.png');
}


.three-fields-slider h2 {
    text-align: left;
    font-size: clamp(24px, 7vw, 28px);
    font-weight: 600 !important;
    color: #ffffff;
    padding-left: 10px;
    margin-top: -20px;
}
.three-fields-slider .swiper-button-next, .three-fields-slider .swiper-button-prev {
    top: 40px;
}
}

@media (min-width: 630px) {
/* Center heading and button inside the paragraph on medium and large screens */
.three-fields-slider .field--name-field-heading,
.three-fields-slider .field--name-field-button-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2; /* make sure it's above the image */
  color: white;
  width: 80%;
  display: block !important;
}


.three-fields-slider .field--name-field-heading {
    top: 45%;
}


.three-fields-slider .field--name-field-button-link {
    /*top: 60%;*/
    margin-top: 5rem;
}

}

/* Stack heading above button */
.field--name-field-heading {
  margin-bottom: 1rem;
}

/* Button styling */
.field--name-field-button-link a {
  display: inline-block;
  margin-top: 0;
  padding: 0.75rem 1.5rem;
  background: #58cee5;
  opacity: 0.8;
  color: white;
  text-decoration: none;
  font-size: 17px;
  
}

.field--name-field-button-link a:hover {
    background: #2a2a2a;
}




.swiper-button-next, .swiper-button-prev {
    color: #EB8D34;;
}


.swiper-pagination-bullet-active {
    background: #58cee5;
}


#nowe-projekty-home, #new-projects-swiper-slider {
    margin-top: 50px;
}

.field--name-field-finish a, .field--name-field-finish span {
    margin-right: 5px;
}

.field--name-field-sprzedaz-auto-generated-ti h1 {
    margin-bottom: 1em;
}


/*###### TEMP DISABLE CROSSES DISPLAY #######*/
.projekty-devi-plus-gray {
    display: none;
}



/*###### VIDEO ANIMATION ON THE VISUALIZATIONS GRID #######*/


.views-field-field-video-animation {
    display: none;
}

.video-overlay-link {
  background: transparent;
  text-indent: -9999px;
  display: block;
}

.play-button {
    background:none;
    border:none;
    padding:0;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:0.5rem;
}


.play-button-image {
    width:127px;
    height:auto;
}



.play-button-image {
  content: url("/sites/default/files/en-mw-play-button-v2-2.svg");
  transition: opacity 0.2s ease;
}

.play-button:hover .play-button-image {
  content: url("/sites/default/files/en-mw-play-button-v2-2-hover.svg");
}


.view-realizations, .view-nowe-projekty {
    margin-top: 20px;
}

.video-player {
    margin-bottom: -7px;
}


/* Partnerzy */



@media (max-width: 640px) {
.page-node-371 .layout__region--first {
    padding-right: 10px;
}

.page-type-partners .layout__region--second {
    padding-left: 10px;

}

}

.dystrybutorzy img {
    max-width: 300px;
}

@media (max-width: 640px) {
.dystrybutorzy img {
    max-width: 200px;
}
}

.dystrybutorzy  {
  background-color: #eaeaea;
  margin: 20px 0;
  padding: 20px;
}

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


.divider-text {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 3rem 0;
}
.divider-text::before,
.divider-text::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #ccc;
}
.divider-text:not(:empty)::before {
  margin-right: 1em;
}
.divider-text:not(:empty)::after {
  margin-left: 1em;
}

.divider-text img {
    max-width: 2em;
    height: auto;
}


.zostan-partnerem .nav-child {
    position: absolute;   /* key: not static */
  top: 0;               /* keep vertical alignment */
  left: auto !important;
  right: 100% !important;
  z-index: 1000;   
}


.tb-megamenu-item.niemcy > a::before {
  content: "";
  display: inline-block;
  width: 20px;           /* flag width */
  height: 14px;          /* flag height */
  margin-right: 6px;     /* space between flag and text */
  background-image: url('../images/germany-flag-png-large.png'); /* path to your flag */
  background-size: cover;
  background-position: center;
  vertical-align: middle;
}

.tb-megamenu-item.rumunia > a::before {
  content: "";
  display: inline-block;
  width: 20px;           /* flag width */
  height: 14px;          /* flag height */
  margin-right: 6px;     /* space between flag and text */
  background-image: url('../images/romania-flag-png-large.png'); /* path to your flag */
  background-size: cover;
  background-position: center;
  vertical-align: middle;
}

.tb-megamenu-item .active-trail {
   background: transparent !important;
}

.tb-megamenu-item .active-trail {
    color: var(--mw-gray-6) !important;
}


@media (max-width: 979px) {
  .tb-megamenu-item .active-trail {
      color: #ffffff !important;
  }  
}


/* ### BRANŻE ### */


/* ### Temp - only PL ### */
html[lang="de"] #branze {
    margin-top: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: var(--mw-gray-3);
    margin-left: -10px;
  margin-right: -10px;
  max-width: calc(100% + 20px);
}

#branze h2 {
    color: var(--mw-orange-3) !important;
    background-color: #fffbea;
    border-left: 5px solid #ffcc00;
    padding: 10px 15px;
    
}

@media (min-width: 700px) {
   #branze h2 {
       display: inline;
   } 
}

#branze .layout__region--content {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

#branze .field--name-field-heading {
    display: none !important;
}




/* #### TEMPORARILY HIDE BARBER VIZ AND PRODUCTS ### */

/* This targets that specific slide and hides it no matter what the script says */
#swiper-three-fields-slider-block-block-1 .swiper-slide[data-swiper-slide-index="3"] {

    

}



#block-websitefooterpllb p {
    color: #ffffff;
}



/*########### TEMP DISABLE REQUEST A PHONE CALL WEBFORM ##################### */

/*
.webform-submission-request-phone-call-de--form {
  display: none;
}
*/








/* ==========================================================================
   Modern styling for the M&W Construction contact forms
   Scoped to #contact-us-forms (kontakt page) AND .section-contact-on-pages
   (case-study / other pages) so it works site-wide
   ========================================================================== */
#contact-us-forms,
.section-contact-on-pages {
  
  gap: 32px;
  
}

.layout .layout__region {min-width: 0}

#contact-us-forms .layout__region,
.section-contact-on-pages .layout__region,
.shadowed-col .col,
.webform-submission-checkout-form #edit-flexbox,
.webform-submission-checkout-form #edit-personal,
.webform-submission-checkout-form #edit-delivery,
.webform-submission-checkout-form #edit-warunki{
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  /*border-radius: 16px;*/
  padding: 28px 28px 32px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
#contact-us-forms .layout__region:hover,
.section-contact-on-pages .layout__region:hover,
.shadowed-col .col:hover
{
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}



/* Section headings ("Write to us" / "Request a phone call") */
#contact-us-forms h2,
#contact-us-forms h3,
.section-contact-on-pages h2,
.section-contact-on-pages h3 {
  font-weight: 700;
  letter-spacing: 0.3px;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 10px;
}
#contact-us-forms h2::after,
#contact-us-forms h3::after,
.section-contact-on-pages h2::after,
.section-contact-on-pages h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48px;
  height: 3px;
  /*border-radius: 2px;*/
  background: var(--mw-orange-3);
}

#contact-us-forms h3::after {
    background: var(--mw-white);
}

/* Field wrappers */
#contact-us-forms .form-group,
#contact-us-forms .form-item,
.section-contact-on-pages .form-group,
.section-contact-on-pages .form-item {
  margin-bottom: 18px;
}

/* Inputs, textareas, selects */
#contact-us-forms .form-control,
.section-contact-on-pages .form-control {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #d8dce1;
  /*border-radius: 10px;*/
  padding: 12px 16px;
  font-size: 15px;
  color: #1f2328;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
#contact-us-forms .form-control::placeholder,
.section-contact-on-pages .form-control::placeholder {
  color: #8a8f98;
  font-weight: 400;
}
#contact-us-forms .form-control:hover,
.section-contact-on-pages .form-control:hover {
  border-color: #c3c8ce;
}
#contact-us-forms .form-control:focus,
.section-contact-on-pages .form-control:focus {
  outline: none;
  border-color: var(--mw-orange-3);
  box-shadow: 0 0 0 4px rgba(255, 122, 26, 0.18);
}
#contact-us-forms textarea.form-control,
.section-contact-on-pages textarea.form-control {
  min-height: 150px;
  resize: vertical;
  line-height: 1.5;
}

/* Date / time inputs (Request a phone call form) */
#contact-us-forms input[type="date"].form-control,
#contact-us-forms input[type="time"].form-control,
.section-contact-on-pages input[type="date"].form-control,
.section-contact-on-pages input[type="time"].form-control {
  cursor: pointer;
}

/* reCAPTCHA spacing */
#contact-us-forms .g-recaptcha,
#contact-us-forms iframe[title*="recaptcha"],
.section-contact-on-pages .g-recaptcha,
.section-contact-on-pages iframe[title*="recaptcha"] {
  margin: 6px 0 22px;
}

/* Submit button */
#contact-us-forms .webform-button--submit,
#contact-us-forms .btn-primary,
.section-contact-on-pages .webform-button--submit,
.section-contact-on-pages .btn-primary {
  /*background: linear-gradient(135deg, #ff8c3a, var(--mw-orange-3));*/
  border: none;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0.3px;
  padding: 12px 32px;
  /*border-radius: 999px;*/
  cursor: pointer;
  /*box-shadow: 0 6px 16px rgba(255, 106, 0, 0.35);*/
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
#contact-us-forms .webform-button--submit:hover,
#contact-us-forms .btn-primary:hover,
.section-contact-on-pages .webform-button--submit:hover,
.section-contact-on-pages .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(255, 106, 0, 0.45);
  filter: brightness(1.05);
}
#contact-us-forms .webform-button--submit:active,
#contact-us-forms .btn-primary:active,
.section-contact-on-pages .webform-button--submit:active,
.section-contact-on-pages .btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(255, 106, 0, 0.35);
}
#contact-us-forms .webform-button--submit:focus-visible,
#contact-us-forms .btn-primary:focus-visible,
.section-contact-on-pages .webform-button--submit:focus-visible,
.section-contact-on-pages .btn-primary:focus-visible {
  outline: 3px solid rgba(255, 122, 26, 0.5);
  outline-offset: 2px;
}

/* Responsive stacking on smaller screens */
@media (max-width: 767px) {
  #contact-us-forms,
  .section-contact-on-pages {
    display: flex;
    flex-direction: column;
  }
  #contact-us-forms .layout__region,
  .section-contact-on-pages .layout__region {
    margin-bottom: 20px;
  }
}


@media screen and (min-width: 640px) {
    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first, .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
        flex: 0 1 calc(50% - 16px);
    }
}


@media screen and (max-width: 960px) {
#realizacja-kategorie-i-kontent > .layout__region--first,
#realizacja-kategorie-i-kontent > .layout__region--second {
    flex: 0 1 100% !important;
}
}


@media screen and (min-width: 961px) {
#realizacja-kategorie-i-kontent {
    gap: 32px
}
#realizacja-kategorie-i-kontent > .layout__region--first {
    flex: 0 1 calc(33% - 32px) !important;
}
#realizacja-kategorie-i-kontent > .layout__region--second {
    flex: 0 1 66% !important;
}
}




/*
@media screen and (max-width: 860px) {
.section-contact-on-pages .layout__region--first,
.section-contact-on-pages .layout__region--second {
    flex: 0 1 100% !important;
}
}
*/

#realizacja-kategorie-i-kontent > .layout__region--first,
#realizacja-kategorie-i-kontent > .layout__region--second,
.section-contact-on-pages .layout__region--first,
.section-contact-on-pages .layout__region--second {
    margin-top: 20px;
}

#team-intro {
    margin-top: 60px;
}

#mw-team .layout__region {
    padding: 5px;
}






/* ===== Team intro heading ("Poznaj Nasz Zespół") ===== */
#team-intro {
  padding: 20px;
  text-align: center;
}

#team-intro h2 {
  font-size: 34px;
  font-weight: 700;
  color: #EB8D34;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}



#team-intro p {
  max-width: 640px;
  margin: 0 auto;
  color: #666;
  font-size: 17px;
  line-height: 1.6;
}

/* ===== Team section wrapper ===== */
#mw-team {
  padding: 30px 0 70px;
  box-sizing: border-box;
  column-gap: 24px;
  row-gap: 30px;
  flex-wrap: wrap;
  align-items: stretch;
}

#mw-team .layout__region {
  box-sizing: border-box;
  padding: 0;
  flex: 1 1 200px;
  min-width: 0;
  display: flex;
}

/* Fix: these inner Drupal wrapper <section> elements are flex items too,
   and were shrinking to fit their text content instead of filling the
   column — this is what caused each card/image to be a different width */
#mw-team .layout__region > section {
  width: 100%;
  min-width: 0;
}

#mw-team .layout__region--content {
  min-width: 0;
}

#mw-team .layout__region--content > section {
  width: 100%;
  min-width: 0;
}

/* ===== Each team member becomes a card ===== */
#mw-team .field--name-body {
  display: flex;
  flex-direction: column;
  background: #fff;
  /*border-radius: 16px;*/
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  width: 100%;
  min-width: 0;
}

#mw-team .field--name-body:hover {
  transform: translateY(-8px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15);
}

/* Image wrapper (the <p> holding the <img>) */
#mw-team .field--name-body p:first-child {
  margin: 0;
  overflow: hidden;
  line-height: 0;
}

#mw-team .field--name-body img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

#mw-team .field--name-body:hover img {
  transform: scale(1.06);
}

/* Name */
#mw-team .field--name-body h3
 {
  font-size: 20px;
  font-weight: 700;
  color: #2b2b2b;
  margin: 20px 20px 4px;
  text-align: center;
}





/* Role label */
#mw-team p.position {
  margin: 0 20px 24px;
  padding-top: 4px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #EB8D34;
  text-align: center;
}

/* ===== Responsive: stack to single column on small screens ===== */
@media (max-width: 760px) {
  #mw-team .layout__region {
    flex: 1 1 100%;
  }
  
  /*
  #mw-team .field--name-body img {
    height: 320px;
  }*/
}


.form-type-search .button {
    /* font-size: initial !important;*/
    height: 32px;
}


#contact-us-forms .layout__region--first {
    background: var(--mw-gray-5);
}

#contact-us-forms .layout__region--first .layout__region--content,
#contact-us-forms .layout__region--first .layout__region--content:hover

{
    box-shadow: none;
    background: none;
    border: none;
    color: var(--mw-white);
}

#contact-us-forms .layout__region--second, #contact-us-forms .layout__region--third {
    background: var(--mw-white);
}

/*
.page-node-41 #contact-details-on-contact {
    border-top: 1px solid var(--mw-gray-5);
    border-bottom: 1px solid var(--mw-gray-5);
}
*/

#contact-details-on-contact h3 {
    margin-top: 2em;
}

#block-mwconstruction3-mwlocationmap {
    margin-bottom: -25px;
}


img.linkedin-img {
    width: 36px !important;
}


/* RETRO TEAM IMAGES */
#mw-team img:not(.linkedin-img) {
    filter: grayscale(100%);
}

#mw-team img:not(.linkedin-img):hover {
    filter:
        grayscale(60%)
        sepia(25%)
        contrast(90%)
        brightness(105%);
}

#mw-team h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#mw-team h3 .linkedin-img {
    width: 36px;
    height: 36px;
    display: block;
}


@media only screen and (min-width: 640px) {
    .page-node-41 .layout--threecol-section--33-34-33 > .layout__region--first, .page-node-41 .layout--threecol-section--33-34-33 > .layout__region--second, .page-node-41 .layout--threecol-section--33-34-33 > .layout__region--third {
        flex: 0 1 calc(33.3% - 32px);
    }
}

.page-node-41 p:not(#mw-team *),
.page-node-41 #contact-details-on-contact a,
.page-node-41 h3:not(#mw-team *),
h4 {
    color: #ffffff !important;
}


.page-node-41 #contact-details-on-contact a {
    text-decoration: none !important;
}

/*
.roxi-wrapper .container {
    background: var(--mw-gray-5)
}

.roxi-wrapper p {
    margin-bottom: 0 !important;
}

.page-node-41 #roxi-text p {
    padding-top: 4px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #EB8D34 !important;
    
}

.roxi-contacts a {
    text-transform: lowercase;
    color: #ffffff !important;
    text-decoration: none;
}

.roxi-contacts a:hover {
    color: #EB8D34 !important
}
*/


.mw-team-wrapper .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}


p.position-contact {
margin: 0 20px 24px;
  padding-top: 4px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

p.position-contact a {
    font-weight: 600;
    text-decoration: none;
}



#mw-team {
  padding: 30px 0px 70px;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: stretch;
  display: flex;        /* ADD — this is what actually activates the flex properties below */
  gap: 0;                /* CHANGE from "30px 24px" */
  row-gap: 30px;         /* ADD — keeps vertical spacing when cards wrap on mobile */
  column-gap: 0;          /* ADD — horizontal spacing already comes from .col-lg-3 padding */
}

#mw-team > [class*="col-"] {
  display: flex;
}
#mw-team > [class*="col-"] > .block-layout-builder.block-inline-blockbasic {
  display: flex;
  width: 100%;
}
#mw-team .layout--onecol {
  display: flex;
  width: 100%;
}
#mw-team .field--name-body {
  height: 100%;
}