:root { --top-message-height: 80px; } .button.main a, .button.main a:hover, .button.blue a, .button.blue a:hover{background-color: #80c423 ;color: #fff} .button.main a svg polyline {stroke: white !important} body.with-top-message .header:not(.scrolled), body.with-top-message .top-message {height: var(--top-message-height) ; color: #fff; background-color:#80c423 ; justify-content: center ; align-items: center; display: flex; width: 100vw; z-index: 1000;} .btn-white {border: 2px solid #fff; color: #fff !important ; border-radius: 0px; margin: 0px 10px;} body.with-top-message #close-top-message svg{width: 15px; position: absolute; right: 25px; top: 35px; cursor: pointer; z-index: 1000;} @media only screen and (min-width: 768px){ body.with-top-message #close-top-message svg .st0 {stroke: white !important} body:not(.with-top-message) .topSliderContainer .buttons {top: 70px} body.with-top-message .topSliderContainer .buttons:not(.stickTopButtons) {top: 150px !important} body.scroll .topSliderContainer .buttons.stickTopButtons {top: 53px !important ; background-color: rgb(255,255,255,0.5);} body.scroll .topSliderContainer .buttons.stickTopButtons a {height: 32px; font-size: 12px; line-height: 29px;} body.scroll .topSliderContainer .buttons.stickTopButtons img {width: 16px; height: 16px;;} } body.template-pe2023 .contactItems.row {display: none;} .left-side-contact-form {display: flex; justify-content: center; align-items: center; border-right: 1px solid #dadada;} .left-side-contact-form * {font-weight: 300; line-height: 1.7} .left-side-contact-form h1 {font-size: 3.0em;} .left-side-contact-form h2 {font-size: 2.5em;} .left-side-contact-form h3 {font-size: 2.0em;} .right-side-contact-form .title {font-size: 2.0em; font-weight: 300; margin-bottom: 20px; color: #0d283f} .right-side-contact-form .slogan {font-size: 1.2em; } .DepartamentSection .item.employee-country-item img {width: 100%;} .fastContactAside {position: fixed; top: 30vh; right: -201px; z-index: 1000; background-color: transparent; } .fastContactAside.expand {right: 0px;} .fastContactAside .columnLeft {position: relative; cursor: pointer;} .fastContactAside .columnLeft .button1 {background-color: #80c423; position: absolute; top: 0px; width: 100%; height: 100%} .fastContactAside .columnLeft .button1 span {font-weight: bold;color: #fff; transform: rotate(90deg) !important; position: absolute;left: -84px;width: 200px;display: block;height: 60px;top: 100px;} .fastContactAside .columnLeft .button1 svg path {fill: white} .fastContactAside .columnRight {padding-bottom: 10px; font-size: 13px;text-align: left; background-color: #fff;} .fastContactAside .columnRight .content {padding: 15px; text-align: left;} .fastContactAside .columnRight img {max-width: 200px;} .fastContactAside .expand-hide-action { z-index: 10000; position: absolute; width: 36px; height: 36px; border-radius: 50%; border: 2px solid #fff; padding: 5px; bottom: 10px; left: 10px; cursor: pointer; transition: 0.5s; transform: rotate(-180deg);} .fastContactAside .expand-hide-action svg .st0 {stroke: white !important} .fastContactAside.expand .expand-hide-action {transform: rotate(0deg); transition: 0.5s;} .socialMediaAside {display: none; } .socialMediaAside * {background-color: #004d94 } .toast { position: fixed; z-index: 1000; bottom: 1%; padding: 15px 32px; color: #fff; border-radius: 3px; font-weight: bold; min-width: 250px; display: block; font-size: 11px;} .toast.danger { background-color: #d91c12 } .toast.info { background-color: #0069A5 } .toast.success { background-color: green } .toast.left { left: 1%;} .toast.right { right: 1%;} .toast.top { bottom: 90%;} .toast.bottom { bottom: 1%;} .TextAndLeadSection p img { height: auto; width: 100%;} .show-departament {cursor: pointer;} .advanced-hall-3d {display: flex; align-items: center; justify-content: center; position: relative} .advanced-hall-3d:hover svg { opacity: 1; transition: 0.2s; } .advanced-hall-3d svg { opacity: 0; transition: 0.2s; rotate: -90deg; position: absolute; width: 15px; bottom: 55px; margin-left:10px; } .advanced-hall-3d svg polyline { fill: none; stroke: #fff; } .btn.primary-btn {border-radius: 0px; padding: 6px 26px; display: block; min-height: 25px; line-height: 51px; background-color: #277AFD; color: #fff ; font-weight: bold; max-width: 700px; inline-size: 100%; overflow-wrap: break-word; white-space: unset;} .socialMediaAside {display: none} .BlogSection .slick-dots {display: none } .side-menu {background-color:white ; display: flex; height: 100vh; width: 200px; justify-content: center; align-items: center;} .side-menu ul {list-style: none; padding: 0px; margin: 0px;;} .side-menu ul li .side-submenu {display: none; position: fixed; left: 0px; transition: 0.5s;} .side-menu ul li .side-submenu.active { min-width: 200px; height: 100vh; top: 0px; left: 200px; transition: 0.2s; background-color: #004d94; display: flex; justify-content: center; align-items: center; padding: 20px; } .side-menu ul li .side-submenu a {color: #fff !important;} .side-menu ul li {list-style: none; width: 100%; display: block; padding: 5px 0} .side-menu ul li a {color: #888; font-weight: 500;} .side-menu ul li:hover a {color: #004d94; font-weight: 400;transition: 0.2s;} .loadmask {z-index: 1; position: absolute; top: 0px ; right: 0px; background-color: #ffffff; width: 100%; height: auto; background-image: url("/resources/themes/pe/images/ajax-lazyloader.gif?v=2"); background-repeat: no-repeat !important ; background-position: center; background-size: 32px 32px !important; } /* div.lazy {background-image: url("/resources/themes/pe/images/ajax-lazyloader.gif?v=2"); background-repeat: no-repeat !important ; background-size: 32px 32px !important; } */ *[data-href] {cursor: pointer;} .arrow {border: solid 1px rgba(255, 255, 255, 0.5); width: 45px ; height: 45px; display: block; border-radius: 50%; background: url(/resources/themes/pe/images/arrow-right-white.svg) center center no-repeat; background-size: 18px; } *[data-href]:hover .arrow, .FeaturesSection .arrows span:hover, .CaseStudySection .arrows span:hover, .SelectedCustomersSection .arrows span:hover, .HotSpotSliderSection .arrows span:hover {transform: scale(1.1)!important;-ms-transform: scale(1.1)!important;-moz-transform: scale(1.1)!important;-webkit-transform: scale(1.1)!important;} .CaseStudySection .arrows span img {position: relative; top: 5px; } .SelectedCustomersSection .arrows span img, .FeaturesSection .arrows span img, .CaseStudySection .arrows span img {width: 18px; margin: 0px auto ; cursor: pointer; opacity: 0.5;} .ImageSlideSection h1 {padding: 0px; margin: 0px; position: absolute ; z-index: 999; bottom: 35px; left: 140px ; font-size: 3.4vw;font-family: 'Open Sans', sans-serif;font-weight: 300;font-style: normal;width: 66.66%;color: #fff } .blogSection .thumb {overflow: hidden;} .contactAsideContainerPhone {color: #005db3; font-size: 30px; } .contactAsideContainerPhone i {margin-right: 20px ;} .contact-form-sizes .wrapperPadding { padding-left: 0px; } .contact-form-sizes .allSteps {border:1px solid #dadada; padding-right: 10px;;} .contact-form-sizes .wrapper {max-width: 100% } .contact-form-sizes .col-xs-6.form-group {width: 50% } .HotSpotSliderSection.heightlimit , .HotSpotSliderSection.heightlimit .mask, .HotSpotSliderSection.heightlimit .photo, .HotSpotSliderSection.heightlimit .topSlide {height: 300px; } .HotSpotSliderSection.fullheight .topSliderContainer {height: 100% !important} .LokalizacjaWstepSection {margin-bottom: 50px;} .peTooltip.moveawayfromleft {margin-left: -10px !important ; } .peTooltip.moveawayfromleft .triangle {left: 7% !important} .peTooltip.moveawayfromtop {bottom: -300px !important;} .peTooltip.moveawayfromtop .triangle{bottom: 200px !important; } body.ErrorPage {font-family: 'Open Sans'} .errorPageHeader { padding: 40px; } .fixCTA {background-color: #005ba6; width: 100%; display: block; position: fixed; bottom: 0px; z-index: 1001; visibility: hidden } .fixCTA .buttons {display: flex; } .fixCTA .buttons > div:nth-child(1) {width: 80vw; background-color: #003f72} .fixCTA .buttons .configureHall img {margin-right: 10px; ;} .fixCTA .buttons .border, .fixCTA .buttons .border:hover {border: 0px !important} .fixCTA .configureHall img {margin-right: 10px; } .virtualWalk {position: relative; width: 100%; height: 100%; display: block; padding-left: 115px} .showFullMenu .label {font-weight: normal !important; font-size: 12px !important; } .headphonelink i {margin-right: 5px; } .rodoinfo {font-size: 12px; } .rodoagreement {display: flex;} .rodoagreement input[type="checkbox"] { padding: 0px;margin: 0px;width: 15px !important;height: 15px !important;margin-right: 10px;} label {font-size: 12px;} input[name="colorsDependent"] {display: none;} .contactAside.closeContactAside {position: fixed; z-index: 100000; background-color: transparent; display: block; top: 25px; height: 0px; width: 45px; height: 45px; overflow: hidden} .contactAside.closeContactAside img {width: 20px;} .contactAside .button.border2 a svg polyline {color: #fff } .loading {margin-top: 20% } .lazyConfiguratorLayer {text-align: center; width: 100%; height: 100%; display: block; position: absolute; z-index: 999; top: 0px; left: 0px; background-color: #fff } .hallsSlider2 .hallsSlide .arrows { position: absolute; top: 40px; right: 45px !important ; } .nostart { max-height: 800px; overflow: hidden;} .nostart .rightStepBox {max-height: 615px ; overflow: hidden;} .loaderlayer {background-color: rgb(255,255,255,0.9); position: absolute; width: 100% ; height: 100%; display: block ; z-index : 10000; text-align: center; } .loaderlayer img {margin-top: 15%; margin-left: -10% } /*.photo.image {background: url(/resources/themes/pe/images/configurator/background.png) no-repeat center; } */ .nostart .photo .button.main {background-color: #005db3; color: #fff; font-weight: bold; max-width: 200px;margin: 0px auto; font-size: 15px; padding: 20px ; } .lang {background-color: #fff; } .lang a {color :#000 !important } .lang img {filter: invert(100%);} .langAside {width: 390px} .copyright a {color: #fff } .fullMenu .blueBox .bottom .configurator3d { margin-top: 40px; } .fullMenu .button.main a { background-color: transparent; border: solid 1px rgba(255, 255, 255, 0.1); margin-right: 10px; text-align: center; width: 90%} .fullMenu .button.main a span { margin-right: 30px ; opacity: 1} .fullMenu .navyBox .phone span {border: solid 1px rgba(255, 255, 255, 0.1); width: 57px; height: 57px; display: inline-block; text-align: center ; vertical-align: middle ; line-height: 50px } .fullMenu .navyBox .phone a{font-size: 25px ; margin-left: 20px; position: relative; top: 5px; } .level1hover {font-weight:600} .level1hover .showSubMenu span {width: 40px !important; } .nav ul li.level1hover a {padding-left: 0px !important} .servicesSliderContainer a.link {z-index: 10000;} .servicesSliderContainer .titleContainer .title {font-size: 1.3vw} .mapContainer .buttons { z-index: 1000;} .leaflet-popup-content-wrapper {border-radius: 0px !important ; } .leaflet-popup-content {margin: 0px !important; width: 247px; padding: 0px !important; } .leaflet-popup-content img {transition: all .2s ease-in-out;} .leaflet-popup-content img:hover { transform: scale(1.1);} .tooltipmap {width: 250px; height: 132px;overflow: hidden; margin-left: -1px; margin-top: -1px } .tooltiplink { text-align: left; height: 50px; margin-bottom: 10px ; padding: 10px 20px !important; display: block; font-size: 15px; font-weight: bold; } .tooltiplink.item {font-size: 12px !important } .tooltiplink a {color: #000 !important} .tooltiplink a:hover {color: #004a88 !important; font-weight: bold; } .leaflet-popup-close-button {display: none } .hamburger a .line1, .hamburger a .line2 {width: 35px !important; margin: 5px auto !important; } .hamburger span.label { position: relative; top: -8px; font-size: 15px; font-weight: bold; } .hamburger span.label:hover {cursor: pointer} summary, details label {cursor: pointer;} summary {display: flex} summary::marker {display: none !important; color: Red ; visibility: hidden; } summary::after {content: '↓'; transition: 0.2s ; font-size: 16px; border: 1px solid #dadada; width: 25px; height: 25px; border-radius: 50%; display: block; text-align: center; margin-left: 15px; margin-top: -5px;} details[open] summary::after {content: '↓'; rotate: 180deg; transition: 0.2s; position: relative; } .trimimage {min-height: 320px !important; height: 320px !important;} .topSliderContainer .point .peTooltip .title span {right: -15px;} .tooltipAside .closeTooltipAside a {background-color: #004a88; padding: 10px 10px 10px 40px; } .tooltipAside .closeTooltipAside span {top: 4px !important; left: 10px !important} .blog-items {padding-bottom: 180px;} .blog-items .row {margin-bottom: 80px; } .blog-items .item a {color: #000} .blog-items .item .thumb, .blog-items .item .thumb div {height: 390px; display: block; background-size: cover} .blog-items .content {padding: 50px; min-height: 250px; background-color: white } .blog-items .itemContainer {color: #000} .blog-items .itemContainer .content .title {font-size: 17px;padding: 10px 0 20px 0;font-family: 'Open Sans', sans-serif;font-weight: 400;font-style: normal;} .blog-items .itemContainer .button {padding-top: 0px !important} .BlogSection .items {overflow: hidden !important} .blogSection .arrows {display: inline-block;vertical-align: middle;padding-left: 20px;} .blogSection .items { padding: 50px 0; } .BlogSection .title a {color: #000} .blogSection .items h2 a {color: #000} .blog-items .mainlink {position: absolute; z-index: 1000; width: 100%; height: 100%; display: block;} .blog-items .item {float: left; display: block ; padding-bottom: 150px; padding-top: 0px !important ; } .blog-items .item img.thumb {position: absolute; top: 0px; width: 0px; height: 0px; } .realizations img.thumb {display: none !important } .realizations .item .title {height: 30px; } .section.blog .slick-dots {bottom: 0px !important; } .section.blog .slick-dots li button::before {content: ''} .section.blog .slick-dots li.slick-active button {background-color: #444444} .section.blog .slick-dots li button {width: 10px;height: 10px;border: solid 1px rgba(0,0,0,0.2);background: none;display: block;color: transparent; border-radius: 50% } .section.blog .slick-slider {padding-bottom: 50px;} .section.blog .content .button span:hover {background-color: #005db3; color: #fff ; border-color: #005db3} .section.blog .content .button span {font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; width: 120px; color: #717171; display: inline-block; border: solid 1px rgba(0, 0, 0, 0.1); height: 50px; line-height: 51px; padding: 0 20px; text-transform: uppercase; transition: 0.2s;} .section.blog .content .button svg { width: 8px;height: 12px; margin-left: 15px; } .section.blog .content .button span svg polyline {fill: none;stroke: #0F548F;stroke-miterlimit: 10;transition: 0.2s;} .section.blog .content .button span:hover svg polyline {stroke: #fff;} .ProductSection .title a {color: #fff} .OfferSection {overflow: hidden !important} .fullMenu .columnLeft ul > li > ul {display: none} .menuMobile .blueBox .phone i { position: relative; top: -7px; } .fullMenu .blueBox .bottom .phone a {font-size: 28px;} .marker-cluster-large, .marker-cluster-small, .marker-cluster-medium {background-color: #004a88 !important;} .marker-cluster-large div, .marker-cluster-small div, .marker-cluster-medium div {display: block; background-color: #004a88 !important; color: #fff } .section.configurator {display: block !important; margin-bottom: 60px;} .expandedMenu { z-index: 10000;} .point.showTooltip {cursor: pointer;} .logoSlider .logo {-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.9; transition: all 0.5s ease} .logoSliderContainer .arrows {top: 45px;} .logoSlider {height: auto; } .logoSlider .row { display: block; width: 100%; float: left;} .logoSlider .logoSlide {height: 180px !important} .SelectedCustomersSection .arrows span {padding-top: 6px !important} .FeaturesSection .arrows span {padding-top: 13px !important} /* .buttonPrev.blackArrow span, .buttonNext.blackArrow span {padding-top: 11px} */ nav.horizontal {justify-content: space-between;align-items: center; z-index: 999; background-color: white; position: fixed; width: 100vw; } body.with-top-message nav.horizontal {top :80px} body.scroll nav.horizontal {top :0px} body.scroll nav.horizontal img {height: 30px; transition: 0.2s;} body.scroll nav.horizontal {padding-top: .1rem !important; padding-bottom: .1rem !important} nav.horizontal a.dropdown:after { content: "";width: 10px;height: 10px;border-style: solid;border-width: 7px 5px 0 5px;border-color: #004a88 transparent transparent transparent;transition: 0.3s linear;-webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-o-transition: 0.3s linear;position: absolute;bottom: 2px;right: 3px;} nav.horizontal > ul > li > a:hover {text-decoration: underline;} nav.horizontal > ul > li > a {color: black } nav.horizontal ul {margin: 0px; list-style: none;} nav.horizontal .buttons > * {margin: 0 10px } nav.horizontal .menu { display: flex; justify-content: space-between; align-items: center} nav.horizontal .menu.l1 {position: relative;} nav.horizontal .menu.l1 .submenu {display: none; position: absolute; background-color: #004a88; padding: 0px; top: 50px; z-index: 1000;} nav.horizontal ul.submenu li {padding: 8px 5px; } nav.horizontal ul.submenu li a:hover {text-decoration: underline;} nav.horizontal .menu.l1 .submenu a {color: #fff } body.scroll nav.horizontal .menu.l1 .submenu {top: 42px;} .TextAndLeadSection .desc {text-align: justify} .TextAndPhotoSection ul li a {color: #717171; text-decoration: underline;} .button:hover span svg, .CaseStudySection .contentContainer:hover .button a span {transform: scale(1.3)!important;-ms-transform: scale(1.3)!important;-moz-transform: scale(1.3)!important;-webkit-transform: scale(1.3)!important;} .CaseStudySection .title a {color: #000} .CaseStudySection .blackArrow span {padding-top: 5px} .section.sizes {background-color: #fff } .sizesSliderContainer {padding: 0px !important} .sizesSliderContainer .arrows {position: absolute;right: 0 !important;z-index: 10000;top: 80%;left: 90% !important;margin-top: 0px;} .sizesSliderContainer .arrows a {display: inline-block !important;} .sizes .headline h3 {margin-bottom: 20px; } .sizes .headline h3, .sizes .desc {text-align: center } select[name="typPodlogi"] {display: none } .select2-search {display: none !important } .select2-container {z-index: 100000} .select2-container--default .select2-selection--single {border-radius: 0px !important; border: 1px solid #dadada} .select2-container {width: 100% !important; font-family: 'Open Sans', sans-serif;font-weight: 400;font-style: normal; font-size: 12px;} .select2-container .select2-selection--single {height: 45px !important; } .select2-container .select2-selection--single .select2-selection__rendered{padding-top: 8px; padding-left: 20px !important; } .select2-container--default .select2-selection--single .select2-selection__arrow {top: 8px !important; right: 4px !important} .select2-dropdown {border: 0px !important; border-radius: 0px !important} .select2-results__option {padding-left: 22px !important ; } .section.meetUs .items .item .itemContainer .photo {background-position: center} .socialMediaAside .columnRightRow { padding: 15px 0; } .socialMediaAside .columnRightRow a {color: #7d7d7d; } .socialMediaAside .columnRightRow i {color: #7d7d7d; font-size: 21px} .socialMediaAside .columnRightRow i:hover {color: #005db3} .socialMediaAside .social li:nth-child(2), .socialMediaAside .social li:nth-child(3) {display: none} .socialMediaAside .Configurator3DRow:hover {background-color: #005db3; } .socialMediaAside .Configurator3DRow:hover a {color :#fff} .listaStepowKonfigurator .eachCircleChangeStep.active {background-color: #005db3; color: #fff !important; border: 0px !important } .listaStepowKonfigurator .eachCircleChangeStep { border: 1px solid rgb(229, 229, 229) !important} .configurator .button.steps a {background: #005db3;color: #ffffff;border: solid 1px #005db3;} .configurator .pictogram {display: none } .contentMiddleContainer,.columnContainer , .walk .contentContainer{ -webkit-box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.2) !important; box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.2) !important } .TextAndLeadSection .desc p {color: rgb(110, 110, 110);} .expandfold {text-decoration: underline !important} .expanddesc i,.expandfold i {font-size: 10px; position: relative; top: -3px ; left: 5px ; } .showLanguages {background-color: white !important; } .pagination-arrows .blackArrow span { padding-top: 5px !important; } .Configurator3DSection .step .headline { padding-top: 50px; } .pe-info p a {color: #fff } .desc ul li::before {top: 18px; } /* przeciążenia reguł dla magnific - streamy youtube */ .mfp-iframe-holder .mfp-content { line-height: 0; width: 100% !important; max-width: 1200px !important; height: auto !important } .Configurator3DSection .step {display: none} .Configurator3DSection .step1 {display: block} .Configurator3DSection .steps a svg {fill: none;stroke: #fff;stroke-miterlimit: 10; height: 14px; position: relative;} .Configurator3DSection .button { width: 100% ; position: relative; height: 40px; } .Configurator3DSection .step1 .button, .Configurator3DSection .step4 .button { top: 15px;} .Configurator3DSection .button a {position: absolute ; top: 0px } .Configurator3DSection a.goback { background-color: #000 !important; width: 17%} .Configurator3DSection a.goback {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);transform: rotate(180deg);} .Configurator3DSection a.forward {width: 82%; border: 0px !important; right: 0px; } .Configurator3DSection .step1 a.forward svg, .Configurator3DSection .step2 a.forward svg, .Configurator3DSection .step3 a.forward svg {top: 0px; -webkit-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important;transform: rotate(-90deg) !important;} .Configurator3DSection .step1 .forward {width: 10% !important} .Configurator3DSection .step1 .button.steps a {width: 100% !important } .Configurator3DSection input {border: 1px solid #dadaad} .Configurator3DSection .wrapperPadding{background-color: #f7f7f7} .Configurator3DSection .leftStepBox, .Configurator3DSection .rightStepBox {padding: 30px; } .Configurator3DSection .head-wrapperPadding {background-color: #fff } .Configurator3DSection.Mobile .step1 .button.main.steps, .Configurator3DSection.Mobile .step2 .button.main.steps, .Configurator3DSection.Mobile .listaStepowKonfigurator, .Configurator3DSection.Mobile .step4 .goback, .Configurator3DSection.Mobile .step3 .goback {display: none !important} .Configurator3DSection.Mobile .step3 a.forward, .Configurator3DSection.Mobile .step4 a.forward, .Configurator3DSection.Mobile .forward-send-request {width: 100% !important} .Configurator3DSection.Mobile .rangeField {width: 100%; margin-top: 30px; } .Configurator3DSection.Mobile .box {margin: 0px 0px 0px 0px} .Configurator3DSection.Mobile .step4 .button.main.steps {display: block !important} .Configurator3DSection.Mobile .step1, .Configurator3DSection.Mobile .step2, .Configurator3DSection.Mobile .step3 {display: block ; padding-bottom: 0px !important;} .Configurator3DSection.Mobile .leftStepBox, .Configurator3DSection .rightStepBox {padding: 10px; } .Configurator3DSection .size-options {margin: 0px; } .Configurator3DSection .size-options div {width: 30.33%; margin-right: 4.5%} .Configurator3DSection .size-options div:last-child { margin-right: 0px !important } .contactForm .inputContainer input, .configurator .step4 input, .contactForm .inputContainer textarea, .configurator .step4 textarea {border: 1px solid #dadada } .ContactSection .phone a {color: #fff ;} .contactAsideContainer.distributordetails {border-top: solid 1px rgba(0, 0, 0, 0.1)} .ContactAndConfigurationFooterSection .phone span i {font-size: 20px !important; position: relative; top: -10px; } .ContactAndConfigurationFooterSection .distributordetails { padding-top: 40px; } .ContactAndConfigurationFooterSection .distributordetails * { font-size: 16px; } .ContactAndConfigurationFooterSection .distributordetails a {color: #fff; } .ContactAndConfigurationFooterSection .distributorselector {max-width: 70%; margin-bottom: 20px; } .ContactAndConfigurationFooterSection .select2-selection__rendered {color: #fff !important } .ContactAndConfigurationFooterSection .select2-selection {color: #fff !important ; background-color: #004a88 !important; border-bottom: 1px solid #fff !important} .section h2::before {display: none } .button.lang a span img {width: auto; height: auto; filter: invert(0%); filter: grayscale(45%); border: 1px solid #f1f1f1; } .button.lang * {text-align: center} .steps img.ajax-sending {position: absolute;top: -50px;right: 0px;} /* dialekty */ ul.dialects {display: none} .back-to-language-selector {padding: 25px 0 ; display: block ; cursor: pointer ;} .back-to-language-selector svg {transform: rotate(90deg); height: 15px; fill: #005db3 } .statement-body {position: fixed; top: 0px ; width: 100%; height: 100%; background-color: rgb(255,255,255,0.5); z-index: 10000} .statement-container {width: 40%; margin: 10% auto ; position: relative;} .statement-container .statement-content {text-align: center; } .statement-container .statement-content img {width: 100% } .statement-body .close {width: 45px; height: 45px; position: absolute; top: -45px; right: 0; background-color: #fff; background-repeat: no-repeat; background-size: 40px; background-position: 3px; background-image: url(/resources/themes/pe/images/close-gray.svg)} body.zelthersteller-com .logo.kuphale, body.zelthersteller-com .button.lang {display: none } body.Share.ShareSection .HotSpotSliderSection.fullheight .topSliderContainer {height: 100vh !important;} body.Share.ShareSection .HotSpotSliderSection.fullheight .topSliderContainer .buttons{display: none;} body[data-class="BlogEntry"] .sections .sectionPadding, body[data-class="BlogEntry"] .sections .sectionPaddingTop { padding: 40px 0 !important } body[data-class="BlogEntry"] .sections .imageWithZoom {padding: 0px !important} body[data-class="BlogEntry"] .sections .section, body[data-class="BlogEntry"] .sections .bgGray {background-color: #fff !important ; } body[data-class="BlogEntry"] .sections .section .wrapper, body[data-class="BlogEntry"] .sections .photoContentBox2 .wrapper {max-width: 1000px; } body[data-class="BlogEntry"] .sections .section .wrapper .narrowContent {width: 100% } .blog-entry-layout { background-color: #fff !important } .blog-entry-layout .wrapper {max-width: 1000px; margin: 0px auto} .blog-entry-layout .items {padding: 0px !important ; margin: 0px !important; } .blog-entry-layout h1, .blog-entry-layout h2, .blog-entry-layout h3, .blog-entry-layout h4, .blog-entry-layout h5, .blog-entry-layout h6 {font-weight: 400 } .blog-entry-layout p, .blog-entry-layout ol li, .blog-entry-layout ul li {font-size: 20px; } .blog-entry-layout .items h1 {font-size: 42px} .blog-entry-layout .items h2 {font-size: 38px !important; margin-top: 50px;} .blog-entry-layout .items h3 {font-size: 34px !important; margin-top: 40px;} .blog-entry-layout .items h4 {font-size: 30px; margin-top: 30px;} .blog-entry-layout .items h5 {font-size: 26px} .blog-entry-layout .items h6 {font-size: 22px} .blog-entry-layout .diag_cta .diag_cta_right > div {position: absolute; bottom: 30px; right: 30px; padding: 0px; } .blog-entry-layout .diag_cta .diag_cta_right a {width: initial} .cta-section {background-color: #fff !important ; padding: 50px 0 !important} .cta-section .wrapperPadding {background-color: #fff ; padding-left: 0px; } .cta-section .diag_cta_left div.flex {display: flex; align-items: center; justify-content: left ; height: 100% } .menu-badge { background-color: #001CBA; font-size: 15px; top: 10px; position: absolute; height: 26px; padding: 0px 3px; color: #fff; margin-left: 10px;} #map-section svg {width: 60vw !important; height: auto; ;} #map-section svg path:hover, #map-section .active-country {fill: #004d94 !important;cursor: pointer;transition: 0.3s;} #map-section svg path {transition: 0.3s;} #map-section .mapContactItems { justify-content: center;} #map-section .employee-country-item {display: none;} @media only screen and (max-width: 384px){ .fixCTA div.col .button.border a { font-size: 12px !important; padding: 0 10px !important} .listRodzajeHali .eachRodzajHali span.title {font-size: 10px !important ; } .ContactAndConfigurationFooterSection .phone a {font-size: 20px !important; } .button.slider {bottom: 230px !important} .steps img.ajax-sending {width: 20px; } } @media only screen and (max-width: 468px){ .fixCTA div.col .button.border a { font-size: 14px ; padding: 0 10px !important} .listRodzajeHali .eachRodzajHali span.title {font-size: 10px ; } .Configurator3DSection canvas {height: 200px !important; width: 100% !important ; } .Configurator3DSection .photo.image {margin-top: 0px ; height: 200px; } .Configurator3DSection .step {margin: 30px 0px !important ; height: 120% } .Configurator3DSection .step .headline h1 { font-size: 20px !important } .Configurator3DSection .step .headline {margin-left: 0px !important} .Configurator3DSection .leftStepBox .left { margin-top: 0px ; } .HotSpotSliderSection .tooltips {display: none } .HotSpotSliderSection .topSliderContainer .topSlider .topSlide .photo, .HotSpotSliderSection .topSliderContainer .topSlider .topSlide .mask, .topSliderContainer .slick-track {height: 50% } .HotSpotSliderSection.protanelmark {height: 250px !important} .topSliderContainer .topSlider .topSlide .content {bottom: 225px;} .heightlimit.HotSpotSliderSection .topSliderContainer .topSlider .topSlide .photo, .heightlimit.HotSpotSliderSection .topSliderContainer .topSlider .topSlide .mask, .heightlimit .topSliderContainer .slick-track {height: 100%; } .heightlimit.HotSpotSliderSection.protanelmark {height: auto;} .heightlimit .topSliderContainer .topSlider .topSlide .content {bottom: 20px;;} .ContactSection .title {font-size: 22px !important } .ContactSection .phone a {font-size: 28px !important } .section.configurator .leftStepBox .box {margin-bottom: 0px !important} .footer .nav ul li {width: 100% !important; display: inline-block ; padding: 10px 0; } .button.slider {bottom: 150px; } } @media only screen and (min-width: 469px) and (max-width: 600px){ .rightStepBox {padding-top: 30px;} .button.slider {bottom: 150px; } } @media only screen and (min-width: 601px) and (max-width: 768px){ .loading {margin-top: 30% } .button.slider {bottom: 150px; } .section.configurator .table .tableRow {padding: 10px 0px !important ; position: relative; } .section.configurator .table .tableRow .expandOption {top: 10px } .Configurator3DSection .step2 .columnRight { float: right !important ; margin-top: 0px !important } .Configurator3DSection .step2 .columnCenter { top: 32px; right: 15px; position: relative;} .section.configurator .table .tableRow .columnLeft {width: 220px } .section.configurator .table .tableRow .columnLeft.activeExpand {padding-top: 22px !important } .topSliderContainer .buttons {display: none } } @media only screen and (max-width: 640px){ .contactItems .item{width: 100% !important } /* .Configurator3DSection {margin-top: 250px; } */ span.showMobileMenu {margin-right: 5px; } .footer .nav {display: block !important } .footer .nav ul li {width: 40%; display: inline-block ; padding: 10px 0; } .configurator .button.steps {text-align: left;} .rodopolicy .col-accept, .rodopolicy .col-content { width: 100%; } .rodopolicy .col-accept { padding-top: 50px; } .rodo-options { flex-direction: column-reverse; } .rodo-options button.btn { margin: 10px 0 ; padding: 18px 5px 17px; } } @media only screen and (min-width:768px){ .HotSpotSliderSection.default-height {height: 640px } .Configurator3DSection .forMobile {display: none} .Configurator3DSection .step2 .expandOption {display: none } } @media only screen and (max-width: 990px){ .fastContactAside.expand {right: 0px;} .fastContactAside .columnLeft .button1 {height: 12%;} .fastContactAside .columnLeft .button1 span {display: none !important;} } @media only screen and (min-width:768px) and (max-width: 1299px){ .nostart {min-height: 1500px} .photo.image {height: 300px !important} .ContactAndConfigurationFooterSection .phone a {font-size :22px} .blog-items .item .thumb, .blog-items .item .thumb div {height: 180px !important } } @media only screen and (max-width:768px){ nav.horizontal {display: none !important;} body.with-top-message .top-message {top: 66px} .headphonelink {display: none !important } .ImageSlideSection h1 {font-size: 30px; left: 20px; } .section.hallsOffer .items .item .itemContainer {height: 550px} body[data-class="VirtualWalk"] .virtualWalk.section {padding-left: 0px !important} .Configurator3DSection .step .headline {display: none } .Configurator3DSection .step {display: none } .Configurator3DSection .listaStepowKonfigurator {height: 13px; top: 15px; z-index: 100 !important; position: absolute !important} .Configurator3DSection .listaStepowKonfigurator .eachCircleChangeStep { height: 40px; width: 40px; line-height: 40px ; font-size: 16px;} .Configurator3DSection .forDesktop {display: none} .Configurator3DSection .forMobile {display: block} /* .Configurator3DSection .step2 input {display: none } .Configurator3DSection .step2 .columnCenter {display: none !important} */ .Configurator3DSection .step2 .columnCenter {max-width: 70%;} .Configurator3DSection .step2 .columnRight {position: relative; margin-top: 50px ;;} .Configurator3DSection .step2 .columnRight, .Configurator3DSection .step2 .columnCenter {display: none !important } .Configurator3DSection .step2 .activeSizeOption {display: block !important} .Configurator3DSection .step2 .expandOption {width: 20px; height: 20px; position: absolute; right: 0px ;top: 0px; text-align: center; cursor: pointer;} .Configurator3DSection .step2 .expandOption svg{width: 10px; margin: 0px auto ; position: relative; top: -3px; } .Configurator3DSection .step2 .activeExpand .expandOption svg {transform: rotate(180deg);} .Configurator3DSection .step3 div.col-md-6{width: 49%;} .Configurator3DSection .step4 textarea#inputUwagi{height: 100%;} .topSliderContainer .topSlider .topSlide {height: 400px } .photo.image {background-size: 80%} .rodopolicy {padding: 0px } .rodopolicy .col-content { width: 100%; margin-left: 0px; font-size: 11px; padding: 10px 10px 30px 10px; background-color: #f9f9f9; color: #000;} .rodopolicy .col-accept { width: 100% ; } .rodopolicy .col-accept a {position:absolute; top: -40px !important; right: 0px ; width: 100% ; text-align: center} .fixCTA {visibility: visible;} .protanelmark {height: auto ;} .menuMobile ul.navigation > li , .menuMobile ul.navigation > li > ul > li > a::before {top: 22px !important; } .menuMobileActive {border-bottom: 1px solid #dadada; } .menuHeader {z-index: 10000;} .menuMobile {z-index: 9999;} .topSliderContainer .topSlider .topSlide .content {bottom: 220px; } .topSliderContainer .topSlider .topSlide .content h1 {font-size: 30px;} .mobileLangList .title {font-size: 22px; } .mobileLangList li, .mobileLangList ul {list-style: none; padding-left: 0px; } .mobileLangList {padding: 50px 0px 30px 35px;; } .mobileLangList .closeLangAside {display: none} .mobileLangList li {padding: 5px 0; transition: 0.1s; margin-left: 0;} .mobileLangList li:hover {transition: 1s; margin-left: 10px;} .mobileLangList li a {color: #000; } .mobileLangList li a:hover {color: #000; font-weight: bold } .mobileLangList li span {margin-right: 30px;} .mobileMenu {border-bottom: 1px solid #dadada; padding-bottom: 18px;} .changeMobileLanguage, .closeLanguageMenu {font-size: 14px; border-left: 1px solid; border-right: 1px solid ; border-color: #dadada; height: 64px; position: absolute; right: 70px ;line-height: 65px; vertical-align: middle ; padding: 0 33px ; font-weight: bold ; cursor: pointer;} .changeMobileLanguage .expandLanguageMenu { position: absolute ; width: 15px;padding-left: 5px; top: 0px; right: 15px; } .closeLanguageMenu {border: 0px; right: 0px; } .closeLanguageMenu img {transform: rotate(90deg); width: 8px; margin-right: 10px; } .showConfigurator {background-color: #005db3 !important} .Configurator3DSection .step .button.steps a { /*width: 100%; */ text-align: center } .Configurator3DSection .wrapper {margin: 0px } .Configurator3DSection .image.photo, .Configurator3DSection .controlKonfiguratorBox, .Configurator3DSection .headline {margin: 0 20px} .OfferSection .slick-dots { position: relative; height: 30px ;bottom: -10px; z-index: 100000;} .OfferSection .slick-dots button {border: 1px solid #494949 ; width: 10px; height: 10px;border-radius: 50% ; } .OfferSection .slick-dots .slick-active button {background-color: #494949} .OfferSection ul, .OfferSection ul li {list-style: none !important;} .OfferSection .servicesSliderContainer {overflow: visible; } .OfferSection .servicesSliderContainer .titleContainer .title {font-size: 22px} .OfferSection .mask-border { height: 480px;overflow: hidden;position: absolute;top: 0px;left: 0px;display: block;width: 100%;} .HallDetailsSection .headline *, .HallDetailsSection .desc {text-align: left !important;} .HallDetailsSection .showContact {display: none !important } .HallDetailsSection ul.slick-dots {padding-top: 20px; } .HallDetailsSection ul.slick-dots li button {border-radius: 50% !important; width: 6px !important; height: 6px !important; } .HallDetailsSection .sizesSliderContainer .grayBox table {font-size: 14px; } .FeaturesSection .name {display: none } .FeaturesSection .icon img {margin: 0px auto } .FeaturesSection .title, .FeaturesSection .desc {text-align: center } .FeaturesSection .desc {font-size: 15px; } .FeaturesSection .title {font-size: 21px !important; font-weight: 400 !important } .FeaturesSection .hallsSlider2 .desc {color: #fff } .FeaturesSection .hallsSlider2 .showMore a {border: 1px solid #265d8b ; background-color: #004177 } .FeaturesSection .slick-dots {text-align: center} .FeaturesSection .slick-dots button {border: 1px solid #fff !important; border-radius: 50%} .FeaturesSection .slick-dots .slick-active button {background-color: #fff } .FeaturesSection .hallsSlider1 .slick-dots {left: 0px; } .FeaturesSection .hallsSlider2 .colorInverse {filter: invert(100%) !important;} .FeaturesSection img.photo {display: none !important } .YouTubeSection {overflow: hidden} .YouTubeSection .sectionPaddingTop {padding-top: 0px; } .YouTubeSection .slick-dots {position: relative;top: 30px; } .YouTubeSection .slick-dots button {border: 1px solid #494949 ; width: 10px; height: 10px; border-radius: 50%} .YouTubeSection .slick-dots .slick-active button {background-color: #494949} .BlogSection .slick-dots button, .CaseStudySection .slick-dots button {border-radius: 50%} .section.blog .slick-dots {bottom: 0px !important} .section.blog .items .item {width: 100% !important } .statement-container {width: 95%; top: 20vh} .HotSpotSliderSection.heightlimit , .HotSpotSliderSection.heightlimit .mask, .HotSpotSliderSection.heightlimit .photo, .HotSpotSliderSection.heightlimit .topSlide {height: 200px; } } .hall3d-v3 iframe {border: 0px ; width: 100%; min-height: 800px;} @media only screen and (max-width: 1280px) { .section.blog .items .item {width: 49% } } @media only screen and (max-width: 1024px) { .fullMenu .button.main a {width: 100% } .fullMenu .navyBox .phone a {font-size: 20px } } @media only screen and (min-width: 768px) and (max-width: 1510px) { } @media only screen and (max-height: 850px) { .fullMenu .blueBox .top {top: 25px ; } .fullMenu .blueBox .bottom {bottom: 25px } } @media only screen and (max-height: 640px) { .fullMenu .blueBox .top {display: none } } @media only screen and (max-width: 1600px) { .blog-items .item .thumb, .blog-items .item .thumb div {height: 300px;} .blog-items .content {padding: 25px; min-height: 200px; } .blog-items .item {padding-bottom: 0px } } @media only screen and (min-width:960px){ .sizesSliderContainer .columnLeft .contentBox{top: 40px ;} .sizesSliderContainer .columnRight {width: 35% !important} .sizesSliderContainer .columns .columnLeft {width: 65%;min-height: 420px;} .sizesSliderContainer .contentBox .button {padding: 15px 0 0 0 } .section.halls .box {width: 39%} .hallsSlider1 .content .contentBox {left: auto !important; right: 39% !important} .hallsSlider2 .content .contentBox {right: auto !important; left: 39% !important} .hallsSlider2 .blackArrow.colorInverse {filter: invert(100%);} } @media only screen and (max-width:1200px){ .HallDetailsSection .sizesSliderContainer .columnRight {width: 100% !important} .HallDetailsSection .sizesSliderContainer .columnLeft {width: 100% !important } .HallDetailsSection .sizesSliderContainer .paging {top: 37% } .HallDetailsSection .sizesSliderContainer .arrows {top: 34% ; width: 20%; left: 82% !important } } @media only screen and (min-width: 1680px){ .section.map .mapContainer {height : 775px !important} .section.walk .top .background {height: 690px;} } @media only screen and (min-width:1921px){ .listRodzajeHali .eachRodzajHali span.title {font-size: 0.6vw !important;} /* przeciazenia */ .servicesSliderContainer .title {font-size: 1.0vw !important} .sectionPaddingTop .name {font-size: 2.0vw !important} .section .headline h1 {font-size: 1.8vw !important} .section .headline h3 {font-size: 0.6vw !important} /*.listaStepowKonfigurator {right: calc((100% - 1752px) / 4) !important; } */ .DepartamentSection .name {font-size: 0.7vw !important} } @media only screen and (min-width:1920px) and (max-width: 2035px){ .otherSections > div:not(.HotSpotSliderSection) { padding-right: 55px; } } @media only screen and (min-width:2900px){ .listRodzajeHali .eachRodzajHali span.title {font-size: 0.4vw !important;} } .show-departament-arrow { float: right; transform: rotate(180deg); transition-duration: 0.5s; border: 2px solid #80c423; align-items: center; justify-content: center; height: 1.2em; display: flex; padding: 0px; width: 1.2em; cursor: pointer; } .show-departament-arrow img { height: 0.9em; width: 0.9em; } .rotated-180 { transform: rotate(0deg); transition-duration: 0.5s; } .departament { border-bottom: 1px solid #0000005e; margin-bottom: 20px; }