/* */ /* Nadpisz Bootstrap ================================================== */ body, html {background:#fff} body {font-family: 'Poppins', sans-serif} a:hover {text-decoration:none} img {display:block;max-width: 100%;height: auto} @media (min-width: 1140px) { .container { max-width: 1140px; } } p {margin:0} /* Fonty ================================================== */ @font-face{font-family:'FontAwesome';src:url('../../fonts/fontawesome-webfont.eot');src:url('../../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),url('../../fonts/fontawesome-webfont.woff') format('woff'),url('../../fonts/fontawesome-webfont.ttf') format('truetype'),url('../../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');font-weight:normal;font-style:normal} @font-face { font-family: "Ionicons"; src: url("../../fonts/ionicons.eot?v=2.0.0"); src: url("../../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../../fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../../fonts/ionicons.woff?v=2.0.0") format("woff"), url("../../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; } @font-face {font-family: 'Material Icons';font-style: normal;font-weight: 400;src: url('../../fonts/materialicons-regular.eot');src: local('Material Icons'), local('MaterialIcons-Regular'), url('../../fonts/materialicons-regular.woff2') format('woff2'), url('../../fonts/materialicons-regular.woff') format('woff'), url('../../fonts/materialicons-regular.ttf') format('truetype');} @font-face {font-family: 'Simpleicons';src: url('../../fonts/Simple-Line-Icons.eot?v=2.4.0');src: url('../../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('../../fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('../../fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('../../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');font-weight: normal;font-style: normal;} .ionicons:before, .ionicons:after, .ion-icons { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-icons:before, .fa-icons:after { display: inline-block; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .material-icons, .material-icons:before, .material-icons:after {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;display: inline-block;line-height: 1;text-transform: none;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;font-feature-settings: 'liga';} .simpleicons:before, .simpleicons:after { display: inline-block; font-family: "Simpleicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .box_1, .box_2, .box_3, .box_4, .box_5 {float:left;position:relative} .box_1 {width:100%} .box_2 {width:50%} .box_3 {width:33.333333%} .box_4 {width:25%} .box_5 {width:20%} .table-row {display:table;width:100%} .table-cell {display:table-cell;float:none;vertical-align: middle} .table-tr {display:table-row} .no-gutters {margin-right: 0;margin-left: 0} .no-gutters .col, .no-gutters [class*="col-"] {padding-right: 0;padding-left: 0} /* Slider ================================================== */ .rslidess{display:none}#slider{position:relative;width:100%;min-height:325px;background:#f1f1f1 url('../../gfx/template/loader.gif') no-repeat center center}.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;z-index: 999}.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}.rslides li:first-child{position:relative;display:block;float:left}.rslides img{display:block;height:auto;float:left;width:100%;border:0} /* Header ================================================== */ #slider {position:relative} #slider .apla {position:absolute;top:200px;opacity:0;right:0;left:0;z-index:990;text-align:center} #slider h2 {font-size:41px;margin:0;color:white;font-weight:300;text-transform:uppercase;padding:30px;border:1px solid rgba(255,255,255,0.4);display:inline-block;position:relative;z-index:995} #slider h2:after {height:170px;width:1px;content:"";display:block;background:rgba(255,255,255,0.4);position:absolute;left:0;right:0;top:100%;margin:auto} #slider span {width:36px;height:36px;background:white;border-radius:50%;display:block;position:absolute;bottom:-18px;left:0;right:0;margin:auto;cursor:pointer} #slider span:after {font-family:'FontAwesome';content:"\f103";font-size:18px;color:#ed008c;position:absolute;left:0;right:0;text-align:center;top:9px;cursor:pointer;z-index:999} #logo, #logo a, #logo img {display:block;width:257px;float:left} .header-holder {position:absolute;top:0;left:0;right:0;z-index:1002} #header {padding:20px} nav {float:right} #footer nav {float:none} nav li.nav-link {padding:0 20px;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition: all 200ms linear;transition:all 200ms linear;border-bottom:1px solid rgba(255,255,255,0)} nav li.nav-link:hover {border-bottom:1px solid rgba(255,255,255,1)} nav li.nav-link.nav-1:hover {border-bottom:1px solid rgba(237,0,140,1)} nav li.nav-link.nav-5:hover {border-bottom:1px solid rgba(255,211,2,1)} nav li.nav-link.nav-2:hover {border-bottom:1px solid rgba(132,186,4,1)} nav li.nav-link.nav-3:hover {border-bottom:1px solid rgba(0,180,250,1)} nav li.phone-number {padding-left:40px} nav a {color:#a0a0a0;font-size:16px;display:block;padding:25px 0} nav .active a, nav li:hover a,nav .phone-number a {color:#ffffff} nav li.facebook { padding-left:20px } nav li.facebook a:before { font-family: 'FontAwesome'; content: "\f230"; color: white; font-size: 16px; margin-top: -1px; float: right; } nav li.linkedin a:before { font-family: 'FontAwesome'; content: "\f0e1"; color: white; font-size: 16px; margin-top: -1px; float: right; } nav li.instagram a:before { font-family: 'FontAwesome'; content: "\f16d"; color: white; font-size: 16px; margin-top: -1px; float: right; } #header.fixed {position:fixed;z-index:999;top:-100px;background:#222;-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.14);-moz-box-shadow:0px 2px 2px 0px rgba(50, 50, 50, 0.14);box-shadow:0px 2px 2px 0px rgba(50, 50, 50, 0.14);width:100%;} #header.fixed nav a { padding: 7px 0; } #header.fixed #logo, #header.fixed #logo a, #header.fixed #logo img { display: block; width: 137px; float: left; } .mobilemenu {display:none;float:right} .mobilemenu a {display:inline-block;font-size:16px;color:white;font-weight:600;text-transform:uppercase;margin:6px 0 0;padding:5px 12px;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition: all 200ms linear;transition:all 200ms linear;background:#d32280;font-weight:normal} .mobilemenu a:before {font-family:'FontAwesome';content:"\f0c9";margin-right:10px;font-weight:normal} .lang { margin-left: 6px; } .lang.lang-first { margin-left: 20px; } #witaj {padding:200px 0 70px;overflow:hidden} #witaj .pr-7 {padding-right:85px} .text {max-width:565px;padding-left:35px} .text-header {font-weight:600;color:#242424;font-size:65px;text-transform:uppercase} .text-header-top {color:#646464;font-size:18px;font-weight:300;text-transform:uppercase} .text p {font-size:16px;line-height:28px;color:#5b5b5b} .border-caption {display:inline-block;position:relative} .border-caption span {color:#b0b0b0;font-size:12px} .top-right {display:block;position:absolute;top:-23px;right:0} .right-bottom { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); display:block; position:absolute; bottom: 80px; right: -106px; width: 180px; } .slick-carousel-img, .slick-carousel-text, .lokalizacja-carousel {display:none} .slick-carousel-img.slick-initialized, .slick-carousel-text.slick-initialized, .lokalizacja-carousel.slick-initialized {display:block} .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px;padding:0}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} .slick-dots{position:absolute;bottom:-35px;display:block;width:100%;padding:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1} .slick-dots li button:before{font-family:'FontAwesome';font-size:16px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'\f111';text-align:center;color:#ffd302;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition: all 300ms linear;transition:all 300ms linear} .slick-dots li.slick-active button:before{content:'\f111';color:#ffd302} .slick-dots button:after{font-family:'FontAwesome';content:'\f111';color:#ffd302;font-size:30px;opacity:0;position:absolute;top: 10px;left: -3px;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition: all 200ms linear;transition:all 200ms linear} .slick-dots li.slick-active button:after{opacity:0.3} .pr-7 .slick-list {overflow:unset} .pr-7 .slick-list .border-caption {display:none} .pr-7 .slick-active .border-caption {display:block} @keyframes slide1 { 0% {margin-left:-150px;opacity:0.2} 100% {margin-left:0;opacity:1} } @keyframes slide2 { 0% {top:-50px;opacity:0.5} 100% {top:-100px;opacity:1} } .witaj-image-1 {margin-left:0;width:850px;} .witaj-image-2 {position:absolute;top:-100px;right:-50px;} .pr-7 .slick-active .witaj-image-1 {animation-duration: 1s;animation-name: slide1} .pr-7 .slick-active .witaj-image-2 {animation-duration: 1s;animation-name: slide2} .section-header {opacity:1;text-align:center} .section-header h2 {font-size:41px;margin:0;color:#000000;font-weight:300;text-transform:uppercase;padding:30px;border:1px solid #d5d5d5;display:inline-block;position:relative;z-index:995} .section-header h2:after {height:170px;width:1px;content:"";display:block;background:#d5d5d5;position:absolute;left:0;right:0;top:100%;margin:auto} .section-header span {width:36px;height:36px;background:#d32280;border-radius:50%;display:block;position:absolute;bottom:-18px;left:0;right:0;margin:auto;cursor:pointer;z-index:998} .section-header span:after {font-family:'FontAwesome';content:"\f103";font-size:18px;color:#ffffff;position:absolute;left:0;right:0;text-align:center;top:9px;cursor:pointer;z-index:999} .apla-inner .downloadpdf {width:36px;height:36px;background:#d32280;border-radius:50%;display:block;position:absolute;bottom:-18px;left:0;right:0;margin:auto;cursor:pointer;z-index:998} .apla-inner .downloadpdf:after {font-family:'FontAwesome';content:"\f019";font-size:18px;color:#ffffff;position:absolute;left:0;right:0;text-align:center;top:9px;cursor:pointer;z-index:999} #lokalizacja .slick-dots button:before {color:#84ba04} #lokalizacja li.slick-active button:before {color:#84ba04} #lokalizacja .slick-dots button:after {color:#84ba04} .lokalizacja { background:white; margin-top:-140px; padding:40px 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27); position: relative; z-index: 90; } .lokalizacja .slick-dots { bottom: -45px; left: 162px; width: auto; } .lokalizacja-item-img {padding:0 40px} .lokalizacja-item-text {-ms-flex: 0 0 427px;flex: 0 0 427px;max-width:427px;padding:0} .lokalizacja-item-text h3 {font-weight:600;color:#242424;font-size:32px;text-transform:uppercase} .lokalizacja-item-text p { color: #5b5b5b; font-size: 13px; line-height: 22px; } .slick-initialized .slick-slide.lokalizacja-item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #mapa .section-header {margin-bottom:90px} #mapa .section-header h2 {width:100%} #mapa .section-header h2:after { height: 92px; } .mapa-img {padding: 210px 0px;float:left} .mapa-text {width:calc(100% - 807px);float:left;padding:80px 50px 0} .accord-header h3 {margin:0;padding:0;line-height:normal;font-size:24px;color:#fff;font-weight:500;padding: 17px 30px;height: 70px;text-transform:uppercase;cursor:pointer} .accord-yellow h3 { background: #ffd302; } .accord-pink h3 { background: #ed008c; } .accord-green h3 { background: #84ba04; } .accord-blue h3 { background: #00b4ff; } .accord-text {padding:35px;display:none} .accord-text p, .accord-text li {color:#494949;font-size:14px;line-height:24px} .accord-text ul { margin:25px 0; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } .accord-text li {padding-left:20px} .accord-text li:before {font-family:'FontAwesome';content:"\f111";font-size: 9px;margin-right: 11px;} .accord-yellow li:before { color: #ffd302; } .accord-pink li:before { color: #ed008c; } .accord-green li:before { color: #84ba04; } .accord-blue li:before { color: #00b4ff; } #compare {} .twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after{content:" ";display:block;background:white;position:absolute;z-index:30;-webkit-box-shadow:0 0 12px rgba(51,51,51,0.5);-moz-box-shadow:0 0 12px rgba(51,51,51,0.5);box-shadow:0 0 12px rgba(51,51,51,0.5)}.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-horizontal .twentytwenty-handle:after{width:3px;height:9999px;left:50%;margin-left:-1.5px}.twentytwenty-vertical .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after{width:9999px;height:3px;top:50%;margin-top:-1.5px}.twentytwenty-before-label,.twentytwenty-after-label,.twentytwenty-overlay{position:absolute;top:0;width:100%;height:100%}.twentytwenty-before-label,.twentytwenty-after-label,.twentytwenty-overlay{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s}.twentytwenty-before-label,.twentytwenty-after-label{-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity}.twentytwenty-before-label:before,.twentytwenty-after-label:before{color:white;font-size:13px;letter-spacing:.1em}.twentytwenty-before-label:before,.twentytwenty-after-label:before{position:absolute;background:rgba(255,255,255,0.2);line-height:38px;padding:0 20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.twentytwenty-horizontal .twentytwenty-before-label:before,.twentytwenty-horizontal .twentytwenty-after-label:before{top:50%;margin-top:-19px}.twentytwenty-vertical .twentytwenty-before-label:before,.twentytwenty-vertical .twentytwenty-after-label:before{left:50%;margin-left:-45px;text-align:center;width:90px}.twentytwenty-left-arrow,.twentytwenty-right-arrow,.twentytwenty-up-arrow,.twentytwenty-down-arrow{width:0;height:0;border:6px inset transparent;position:absolute}.twentytwenty-left-arrow,.twentytwenty-right-arrow{top:50%;margin-top:-6px}.twentytwenty-up-arrow,.twentytwenty-down-arrow{left:50%;margin-left:-6px}.twentytwenty-container{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;z-index:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.twentytwenty-container img{max-width:100%;position:absolute;top:0;display:block}.twentytwenty-container.active .twentytwenty-overlay,.twentytwenty-container.active :hover.twentytwenty-overlay{background:rgba(0,0,0,0)}.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label{opacity:0}.twentytwenty-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.twentytwenty-before-label{opacity:0}.twentytwenty-before-label:before{content:attr(data-content)}.twentytwenty-after-label{opacity:0}.twentytwenty-after-label:before{content:attr(data-content)}.twentytwenty-horizontal .twentytwenty-before-label:before{left:10px}.twentytwenty-horizontal .twentytwenty-after-label:before{right:10px}.twentytwenty-vertical .twentytwenty-before-label:before{top:10px}.twentytwenty-vertical .twentytwenty-after-label:before{bottom:10px}.twentytwenty-overlay{-webkit-transition-property:background;-moz-transition-property:background;transition-property:background;background:rgba(0,0,0,0);z-index:25}.twentytwenty-overlay:hover{background:rgba(0,0,0,0.5)}.twentytwenty-overlay:hover .twentytwenty-after-label{opacity:1}.twentytwenty-overlay:hover .twentytwenty-before-label{opacity:1}.twentytwenty-before{z-index:20}.twentytwenty-after{z-index:10}.twentytwenty-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid white;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;-webkit-box-shadow:0 0 12px rgba(51,51,51,0.5);-moz-box-shadow:0 0 12px rgba(51,51,51,0.5);box-shadow:0 0 12px rgba(51,51,51,0.5);z-index:40;cursor:pointer}.twentytwenty-horizontal .twentytwenty-handle:before{bottom:50%;margin-bottom:22px;-webkit-box-shadow:0 3px 0 white,0px 0 12px rgba(51,51,51,0.5);-moz-box-shadow:0 3px 0 white,0px 0 12px rgba(51,51,51,0.5);box-shadow:0 3px 0 white,0px 0 12px rgba(51,51,51,0.5)}.twentytwenty-horizontal .twentytwenty-handle:after{top:50%;margin-top:22px;-webkit-box-shadow:0 -3px 0 white,0px 0 12px rgba(51,51,51,0.5);-moz-box-shadow:0 -3px 0 white,0px 0 12px rgba(51,51,51,0.5);box-shadow:0 -3px 0 white,0px 0 12px rgba(51,51,51,0.5)}.twentytwenty-vertical .twentytwenty-handle:before{left:50%;margin-left:22px;-webkit-box-shadow:3px 0 0 white,0px 0 12px rgba(51,51,51,0.5);-moz-box-shadow:3px 0 0 white,0px 0 12px rgba(51,51,51,0.5);box-shadow:3px 0 0 white,0px 0 12px rgba(51,51,51,0.5)}.twentytwenty-vertical .twentytwenty-handle:after{right:50%;margin-right:22px;-webkit-box-shadow:-3px 0 0 white,0px 0 12px rgba(51,51,51,0.5);-moz-box-shadow:-3px 0 0 white,0px 0 12px rgba(51,51,51,0.5);box-shadow:-3px 0 0 white,0px 0 12px rgba(51,51,51,0.5)}.twentytwenty-left-arrow{border-right:6px solid white;left:50%;margin-left:-17px}.twentytwenty-right-arrow{border-left:6px solid white;right:50%;margin-right:-17px}.twentytwenty-up-arrow{border-bottom:6px solid white;top:50%;margin-top:-17px}.twentytwenty-down-arrow{border-top:6px solid white;bottom:50%;margin-bottom:-17px} #liczby {padding:60px 0} #liczby li {text-align:center;float:left;width:33.33333%;line-height:45px;height:170px;display: flex;align-items: center;text-align: center;} #liczby li div.liczba {width:100%} #liczby p {color:#5e5e5e;text-transform:uppercase;font-size:18px;line-height:20px} #liczby span {color:#ed008c;font-size:45px;font-weight:700} #liczby sup { top: -1.1em; font-size: 19px; } #liczby li.li-col-1, #liczby li.li-col-2, #liczby li.li-col-3 { border-bottom:1px solid #eaeaea } #liczby li.li-col-1, #liczby li.li-col-2, #liczby li.li-col-4, #liczby li.li-col-5 { border-right:1px solid #eaeaea } #galeria {position:relative} #galeria-nav { background:white; padding:15px; width:370px; position:absolute;bottom:-48px;left:0;right:0;margin:auto; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27); z-index:1001 } #galeria-nav:before {content:"";display:block;background:#e8e8e8;height:1px;width:240px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto} #galeria-nav a:before {font-family: 'Simpleicons';font-size:45px;color:#b7b7b7} #galeria-nav a.prev:before {content:"\e605"} #galeria-nav a.next {float:right} #galeria-nav a.next:before {content:"\e606"} #motto {padding:0 0 110px} #motto h4 {font-family: 'Cormorant', serif;margin:0;font-size:60px;color:#474747;line-height:60px;position:relative} #motto h4:before { font-family: 'Cormorant', serif; content: ",,"; font-size: 275px; color: #f3f3f3; position: absolute; top: -77px; left: 160px; letter-spacing: -117px; line-height: 0px; } #motto h4:after { font-family: 'Cormorant', serif; content: ",,"; font-size: 275px; color: #f3f3f3; position: absolute; right: 123px; bottom: 130px; letter-spacing: -117px; line-height: 0px; } .news-entry { padding: 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.27); margin-top:30px } .news-entry a h2 {color:#000000;font-size:24px;font-weight:300;margin:17px 0 0;height:60px} #news-content {padding:30px 0 50px} .formError{position:absolute;top:300px;left:300px;display:block;z-index:500;cursor:pointer}.formError .formErrorContent{background:#ff9000;position:relative;z-index:5001;color:#fff;width:190px;font-size:10px;border:1px solid #ff9000;padding:2px 10px 2px 10px}.formError .formErrorArrow{width:12px;margin:-2px 0 0 1px;position:relative;z-index:5006}.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin:0 0 0 12px;top:2px}.formError .formErrorArrow div{font-size:0;height:1px;background:#ff9000;margin:0 auto;line-height:0;font-size:0;display:block}.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.formError .formErrorArrow .line10{width:15px;border:0}.formError .formErrorArrow .line9{width:13px;border:0}.formError .formErrorArrow .line8{width:11px}.formError .formErrorArrow .line7{width:9px}.formError .formErrorArrow .line6{width:7px}.formError .formErrorArrow .line5{width:5px}.formError .formErrorArrow .line4{width:3px}.formError .formErrorArrow .line3{width:1px}.formError .formErrorArrow .line2{width:0}.formError .formErrorArrow .line1{width:0}.inputbox-error{border-bottom:1px solid #ff9000!important} .sendok {background:#439500;color:white;padding:10px 15px} .senderror {background:#d50000;color:white;padding:10px 5px} .sendok p, .senderror p {margin:0;color:white} #kontakt {background:#1b1b1d} #kontakt .form {padding:50px} #kontakt form {padding:0 50px} #kontakt .form img { width: 130px; float: left; margin: 17px 0; } #kontakt .form-address { border-left: 1px solid #4a4a4a; margin-left: 25px; padding-left: 25px; float: left; } #kontakt .form-address p, #kontakt .form-address a { color: white; font-weight: 300; font-size: 15px; } #kontakt .no-gutters form [class*="col-"] {padding-left:15px;padding-right:15px} #kontakt input, #kontakt textarea {border:0;border-bottom:1px solid #898989;font-size:14px;color:white;padding:10px 15px;background:none;width:100%;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition: all 200ms linear;transition:all 200ms linear} #kontakt input:hover, #kontakt textarea:hover, #kontakt input:focus, #kontakt textarea:focus, #kontakt input:active, #kontakt textarea:active { border-bottom:1px solid #393939 } #kontakt textarea {resize:none;height:130px;margin:20px 0} #kontakt button {background:#2b2b2d;border:0;color:white;font-size:14px;font-weight:500;padding:13px 20px;cursor:pointer;margin-top:25px;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition: all 200ms linear;transition:all 200ms linear} #kontakt button:hover {background:#ed008c} #kontakt .obowiazek p, #kontakt .obowiazek a, .custom-control-label {color:#b7b7b7;font-size:9px;font-size:9px} #kontakt .obowiazek a {text-decoration:underline} #kontakt .obowiazek a:hover {color:#ffd302} .custom-checkbox {padding-left:35px !important;margin-top:10px;margin-right:0} .custom-checkbox .custom-control-label:before, .custom-checkbox .custom-control-label:after { top: 4px; width: 20px; height: 20px; border-radius: 0; left: -35px; cursor:pointer } .custom-checkbox .custom-control-input:focus~.custom-control-label:before{ box-shadow: 0 0 0 0 #fff, 0 0 0 0 rgba(255, 0, 247, 0); } .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before { background-color: #84ba04; } #inwestor {padding:100px 0} #inwestor .text {max-width:100%;padding-left:35px} #inwestor .text-toright p {margin-bottom:30px;color:#5b5b5b;font-size:16px;line-height:30px} #inwestor .text-toright {-ms-flex: 0 0 535px;flex: 0 0 535px;max-width: 535px} #inwestor .text-right img {display:inline-block;margin-top:40px} #footer img {display:inline-block;margin:30px;} #footer nav a {color:#1b1b1d;font-weight:500} #footer .copyright a {color:#868686;font-size:12px;font-weight:300} @media screen and (max-width:1720px) { .text-header { font-size: 44px; } .text p { font-size: 15px; line-height: 26px; } .witaj-image-1 { width: 680px; } .witaj-image-2 { top: -100px; right: -50px; width: 300px; } #inwestor .text-toright { -ms-flex: 0 0 535px; flex: 0 0 735px; max-width: 735px; padding-right: 50px; } #kontakt .form img { width: 90px; } #kontakt .form-address p, #kontakt .form-address a { font-size: 12px } } @media screen and (max-width:1540px) { #inwestor .text-toright { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 50px; padding-left:50px } .justify-content-end { width: 100%; } } @media screen and (max-width:1450px) { #kontakt .form, #kontakt form { padding: 25px; } #kontakt textarea { height: 100px; } #kontakt button { margin-top: 0; } } @media screen and (max-width:1380px) { .witaj-image-1 { width: 580px; } .text p { font-size: 14px; line-height: 23px; } .text-header { font-size: 38px; line-height: 40px; } .mapa-img { width: 570px; } .mapa-text { width: calc(100% - 570px); padding: 60px 30px 0 50px; } #inwestor .text-toright p { margin-bottom: 18px; font-size: 14px; line-height: 26px; } #kontakt .form-address p, #kontakt .form-address a { font-size: 11px; } #kontakt .form-address { margin-left: 15px; padding-left: 15px } } @media screen and (max-width:1280px) { .witaj-image-1 { width: 480px; } .witaj-image-2 { width: 250px; } .text p { font-size: 14px; line-height: 23px; } .text-header { font-size: 38px; line-height: 40px; } .text { max-width: 100%; padding-left: 35px; padding-right: 35px; padding-bottom: 30px; } #logo, #logo a, #logo img { width: 167px; } nav li.nav-link { padding: 0 13px; } nav li.phone-number { padding-left: 30px; } nav a { padding: 13px 0 25px; } #slider h2 { font-size: 35px; } #lokalizacja .col-10 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #kontakt .form { padding: 30px; } #kontakt form { padding: 0 30px; } } @media screen and (max-width:1140px) { .news-entry a h2 { font-size: 22px; height: 50px; } .mapa-img { display:none } .mapa-text { width: 100%; padding: 30px 20px 0 20px; } #kontakt .col-kontakt-img {display:none} #kontakt .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #kontakt .col-6.col-logo { flex: 0 0 50%; max-width: 50%; } #kontakt { padding-bottom: 30px; } } @media screen and (max-width:1040px) { #logo, #logo a, #logo img { width: 127px; } #header.fixed #logo, #header.fixed #logo a, #header.fixed #logo img { width: 119px; } .mobilemenu {display:block} .mobilemenu a {margin:0} #header.fixed { padding: 5px; } header nav {display:none} .openmenu header nav {display:block;position:absolute;right:15px;top:100%;z-index:999;background:#d32280;width:230px;padding:10px 20px} .openmenu header nav ul {margin-bottom:0} .openmenu header nav ul li { margin-left: 0; display: block; width: 100%; text-align: right; } .openmenu header nav a { padding: 5px; display: block; width: 100%; color:white } .openmenu #header.fixed nav a { color: #ffffff; } } @media screen and (max-width:992px) { .news-entry a h2 { font-size: 15px; height: 34px; } #liczby span { font-size: 32px; } #liczby p { font-size: 13px; line-height: 15px; } #inwestor .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #inwestor .container { max-width: 100%; } #inwestor .text { padding-left:15px; padding-right:15px; padding-bottom: 5px; } #inwestor .text-right img { display: block; margin: 40px auto 0; } #inwestor { padding: 40px 0; } #motto { padding: 0 0 45px; } #motto h4 { font-size: 27px; line-height: 29px; } #motto h4:before, #motto h4:after {display:none} #witaj { padding: 0 0 50px; } #witaj .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #witaj .pr-7 { padding-right:0; } #witaj .text { padding:30px } .witaj-image-1, .witaj-image-1 img { width: 100%; } .witaj-image-2 {display:none !important} .lokalizacja {padding: 20px 0;} .lokalizacja-item-text { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 20px; } .lokalizacja-item-img { padding: 0 20px; width:100% } .lokalizacja-item-img img { width:100% } .lokalizacja-item-text h3 { font-size: 24px; } .lokalizacja .slick-dots { bottom: -30px; left: 0; right: 0; } } @media screen and (max-width:768px) { #news-content .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .news-entry a h2 { font-size: 16px; height: auto; } #galeria-nav a:before { font-size: 25px; } #galeria-nav { width: 90%; position: static; } #liczby .container { max-width: 100%; } .lokalizacja { z-index: 996; } } @media screen and (max-width:650px) { #liczby li { width: 50%; border: 0 !important; border-bottom: 1px solid #eaeaea !important; } #slider { min-height: 125px; } #slider h2 { font-size: 19px; background: rgba(0,0,0,.7); padding: 18px 30px 25px; } #mapa {padding-bottom:30px} .accord-header h3 { font-size: 18px; padding: 11px 18px; height: 49px; } .accord-text { padding: 20px; } .accord-text p, .accord-text li { font-size: 13px; line-height: 21px; } .accord-text ul { margin: 15px 0 0; -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; } } @media screen and (max-width:520px) { #kontakt .col-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom:20px } #kontakt .form img { float: none; margin: 0 auto 15px; } #kontakt .form-address { border-left: 0 solid #4a4a4a; margin-left: 0; padding-left: 0; float: none; text-align: center; } } @media screen and (max-width:450px) { #liczby li { width: 100%; border: 0 !important; border:1px solid #eaeaea !important; margin:10px 0; height: auto; padding: 6px 0 12px; margin: 4px 0; } #liczby { padding: 10px 0 20px; } .section-header h2 { font-size: 26px; padding: 20px; width: 100%; } #slider .apla { top: 80px !important } .lokalizacja-item-text h3 { font-size: 18px; } .lokalizacja-item-text p { font-size: 12px; line-height: 18px; } .accord-header h3 { font-size: 15px; padding: 8px 18px; height: auto; } #mapa .section-header { margin-bottom: 40px; } #mapa .section-header h2::after { height: 42px; } .section-header h2 { font-size: 20px; } #footer .nav-link { display: block; width: 100%; padding: 0; } #footer nav a { padding: 5px 0; } #footer nav li.phone-number { padding-left: 0; } }