a{ color: #000; text-decoration: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, form, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } b{ font-weight:600; } html{ font:normal 62.5%/1.4em Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif; } blockquote, q{ quotes: none; } blockquote:before, blockquote:after, q:before, q:after{ content: ''; } ins{ text-decoration: underline; } del{ text-decoration: line-through; } table{ border-collapse:collapse; border-spacing:0; } html{ scroll-behavior:smooth; } body{ margin:0px; padding:0px; font-size:16px; font-family: 'Poppins', sans-serif; font-weight:400; overflow-x:hidden; } body input, body textarea, body button, body select{ font-family: 'Poppins', sans-serif; } .body-hide-ow{ overflow:hidden; } .container{ width:calc(100% - 40px); max-width:1400px; padding:0px 20px; margin:0px auto; } /*HEADER TOP*/ .header-page-block{ position:absolute; top:0px; left:0px; width:100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; z-index:999; -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0); box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0); background:transparent; } .header-page-block-f{ position:fixed; top:0px; left:0px; width:100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; z-index:999; -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22); -moz-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22); box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22); background:#fff; } .header-page-block .fixed-modele{ position:relative; opacity:0; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header-page-block-f .fixed-modele{ position:relative; opacity:1; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .fixed-modele-but{ position:absolute; top:100%; left:0px; background:#059097; padding:8px 19px 8px 8px; font-size:18px; color:#fff; border-bottom-left-radius:12px; border-bottom-right-radius:12px; } .fixed-modele-but::before{ content:''; position:absolute; width:11px; height:19px; top:6px; right:5px; background:url('../images/arrow-d.png') no-repeat center; } .fixed-modele-but::after{ content:''; position:absolute; width:100%; height:100%; border-bottom-left-radius:12px; border-bottom-right-radius:12px; top:0px; left:0px; border:2px solid #059097; opacity:0; animation: ruchzz 1s linear infinite; } @keyframes ruchzz { 0% {top:0px;left:0px;width:100%;height:100%;opacity:0;} 30% {top:0px;left:0px;width:100%;height:100%;opacity:0.5;} 90% {top:-16px;left:-16px;width:calc(100% + 24px);height:calc(100% + 24px);opacity:0;} 100% {top:-16px;left:-16px;width:calc(100% + 24px);height:calc(100% + 24px);opacity:0;} } .home-page-movie-text-button .modele-but-baner{ background:#059097; margin-left:20px; color:#fff; position:relative; } .home-page-movie-text-button .modele-but-baner::after{ content:''; position:absolute; width:100%; height:100%; border-radius:6px; top:0px; left:0px; border:2px solid #059097; opacity:0; animation: ruchzz 1s linear infinite; } .open-menu .header-page-block{ background:#fff; } .admin-bar .top-page-header-block{ padding-top:32px; } .header-page-block-container{ padding:0px 0px; } .header-page-block-container-content{ display:flex; justify-content:space-between; align-items:center; flex-wrap:nowrap; } .header-page-block .header-page-block-container-content-brand img{ height:82px; width:auto; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; filter: grayscale(100%) brightness(1000%); -webkit-filter: grayscale(100%) brightness(1000%); } .open-menu .header-page-block .header-page-block-container-content-brand img{ filter:initial; -webkit-filter:initial; } .header-page-block-f .header-page-block-container-content-brand img { height:60px; width:auto; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header-page-block .header-page-block-container-content-brand svg{ height:82px; width:auto; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; } .header-page-block .header-page-block-container-content-brand svg path{ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; fill:#fff; fill-rule: evenodd; } .open-menu .header-page-block .header-page-block-container-content-brand svg path{ fill:#009193; fill-rule: evenodd; } .header-page-block-f .header-page-block-container-content-brand svg{ height:60px; width:auto; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header-page-block-f .header-page-block-container-content-brand svg path{ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; fill:#009193; fill-rule: evenodd; } .header-page-block-container-content-right, .header-page-block-container-content-right-nav{ display:flex; justify-content:flex-end; align-items:center; flex-wrap:nowrap; } .header-page-block-container-content-right-nav > div > ul{ display:flex; justify-content:flex-end; align-items:center; flex-wrap:nowrap; } .header-page-block .header-page-block-container-content-right-nav > div > ul > li{ list-style-type:none; margin:0px 0px 0px 26px; padding:60px 0px; } .header-page-block-f .header-page-block-container-content-right-nav > div > ul > li{ list-style-type:none; margin:0px 0px 0px 26px; padding:40px 0px; } .header-page-block .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children, .header-page-block-f .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children{ margin:0px 12px 0px 26px; } .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children > a::before{ content:''; position:absolute; top:8px; right:-12px; width:5px; height:5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header-page-block .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children > a::before{ border-bottom:2px solid #fff; border-left:2px solid #fff; } .header-page-block-f .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children > a::before{ border-bottom:2px solid #000; border-left:2px solid #000; } .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children:hover > a::before{ top:11px; transform:rotate(135deg); -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); border-bottom:2px solid #059097; border-left:2px solid #059097; } .header-page-block-container-content-right-nav > div > ul > li > a{ font-size:16px; font-weight:400; line-height:normal; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position:relative; } .header-page-block .header-page-block-container-content-right-nav > div > ul > li > a{ color:#fff; } .header-page-block-f .header-page-block-container-content-right-nav > div > ul > li > a, .open-menu .header-page-block .header-page-block-container-content-right-nav > div > ul > li > a{ color:#000; } .header-page-block-container-content-right-nav > div > ul > li:hover > a, .header-page-block-container-content-right-nav > div > ul > .current-menu-item > a{ color:#059097; } .header-page-block-container-content-right-nav > div > ul > li > ul{ display:block; position:absolute; top:100%; left:0px; width:100%; background:#fff; padding:35px 0px; opacity:0; visibility:hidden; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border-top:1px solid #d5d5d5; -webkit-box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.12); } .header-page-block-container-content-right-nav > div > ul > li:hover > ul{ opacity:1; visibility:visible; } .header-page-block .header-page-block-container-content-right-nav > div > ul > li > ul > li, .header-page-block-f .header-page-block-container-content-right-nav > div > ul > li > ul > li{ display:block; width: calc(100% - 40px); max-width: 1148px; padding: 0px 20px; margin: 0px auto; } .header-page-block .header-page-block-container-content-right-nav > div > ul > li > ul > li > a, .header-page-block-f .header-page-block-container-content-right-nav > div > ul > li > ul > li > a{ font-weight:400; color:#000; display:inline-block; padding:5px 0px; } .header-page-block .header-page-block-container-content-right-nav > div > ul > li > ul > li > a:hover, .header-page-block-f .header-page-block-container-content-right-nav > div > ul > li > ul > li > a:hover{ color:#059097; } .header-page-block .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children > ul > li > ul, .header-page-block-f .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children > ul > li > ul{ position:absolute; top:10px; left:50%; width:auto; padding:25px 0px; border-top:0px solid #d5d5d5; background:#fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; z-index:9999; display:none; } .header-page-block .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children > ul > li > ul > li, .header-page-block-f .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children > ul > li > ul > li{ width: calc(100% - 40px); max-width: 1148px; padding:0px 20px; margin: 0px auto; list-style-type:none; } .header-page-block .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children > ul > li > ul > li a, .header-page-block-f .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children > ul > li > ul > li a{ font-weight:400; color:#000; display:inline-block; padding:5px 0px; } .header-page-block .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children > ul > li > ul > li a:hover, .header-page-block-f .header-page-block-container-content-right-nav > div > ul > .menu-item-has-children > ul > li > ul > li a:hover{ color:#059097; } .header-page-block-container-content-right-search{ cursor:pointer; } .header-page-block .header-page-block-container-content-right-search{ width:16px; height:16px; background:url('../images/lupa.png') no-repeat center center; cursor:pointer; display:block; margin-left:40px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; filter: grayscale(100%) brightness(1000%); -webkit-filter: grayscale(100%) brightness(1000%); } .header-page-block-f .header-page-block-container-content-right-search{ width:16px; height:16px; background:url('../images/lupa.png') no-repeat center center; cursor:pointer; display:block; margin-left:40px; } .open-menu .header-page-block .header-page-block-container-content-right-search{ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; filter:initial; -webkit-filter:initial; } .header-search-window{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:99999999999999; display:none; } .header-search-window-block{ position:absolute; top:60px; left:20px; width:calc(100% - 40px); height:calc(100% - 120px); display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; flex-direction:column; } .header-search-window-content{ padding:40px; background:#fff; width:calc(100% - 80px); max-width:1200px; border-radius:6px; } .header-search-window-content form{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; } .header-search-window-content label{ width:calc(100% - 160px); } .header-search-window-content label input{ background:#fff; padding:9px 15px; display:block; width:calc(100% - 34px); border:2px solid #000; margin:0px 0px 0px 0px; font-weight:400; font-size:14px; line-height:normal; color:#000; outline:none; border-radius:6px; } .header-search-window-content .search-submit{ display:inline-block; vertical-align:middle; padding:8px 20px; border-radius:6px; background:#059097; margin:0px 10px 0px 0px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight:400; font-size:18px; line-height:28px; color:#059097; color:#fff; cursor:pointer; width:100%; max-width:150px; border:0px; } .header-search-window-content .search-submit:hover{ background:#03656a; } .header-search-window-close{ position:absolute; top:20px; right:20px; width:40px; height:40px; background:#fff url('../images/zam.png') no-repeat center center; cursor:pointer; } .header-page-block .header-page-block-container-content-swicher{ width:35px; height:22px; border-top:4px solid #fff; border-bottom:4px solid #fff; cursor:pointer; position:relative; margin-left:40px; display:none; } .header-page-block .header-page-block-container-content-swicher::before{ content:''; position:absolute; top:50%; left:0px; width:100%; height:4px; background:#fff; margin-top:-2px; } .header-page-block-f .header-page-block-container-content-swicher{ width:35px; height:22px; border-top:4px solid #059197; border-bottom:4px solid #059197; cursor:pointer; position:relative; margin-left:40px; display:none; } .header-page-block-f .header-page-block-container-content-swicher::before{ content:''; position:absolute; top:50%; left:0px; width:100%; height:4px; background:#059197; margin-top:-2px; } .header-page-block-container-content-right-close{ position:absolute; top:20px; right:20px; width:20px; height:20px; background:url('../images/zam.png') no-repeat center center; cursor:pointer; display:none; } .header-page-block-container-content-right-lang{ margin-left:30px; } .header-page-block-container-content-right-lang-ak{ cursor:pointer; position:relative; } .header-page-block-container-content-right-lang-ak-ob{ position:relative; } .header-page-block-container-content-right-lang-ak-ob::before{ content:''; position:absolute; top:4px; right:-12px; width:5px; height:5px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header-page-block .header-page-block-container-content-right-lang-ak-ob::before{ border-bottom: 2px solid #fff; border-left: 2px solid #fff; } .open-menu .header-page-block-container-content-right-lang-ak-ob::before, .header-page-block-f .header-page-block-container-content-right-lang-ak-ob::before{ border-bottom: 2px solid #000; border-left: 2px solid #000; } .header-page-block-container-content-right-lang-ak-m{ position:absolute; top:100%; left:0px; padding:15px; background:#fff; visibility:hidden; opacity:0; margin-left:-15px; } .header-page-block-container-content-right-lang-ak:hover .header-page-block-container-content-right-lang-ak-m{ visibility:visible; opacity:1; } .header-page-block-container-content-right-lang ul{ display:block; } .header-page-block-container-content-right-lang ul li{ list-style-type:none; margin: 5px 0px 5px 0px; } .header-page-block-container-content-right-lang ul li img{ border:1px solid #e6e6e6; } /*HOME PAGE FILM*/ .home-page-movie{ position:relative; } .home-page-movie::before{ content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:99; } .home-page-movie-video{ width:100%; height:100vh; } .home-page-movie-img{ width:100%; height:600px; } .home-page-movie-video video, .home-page-movie-img img, .home-page-movie-img video{ width:100%; height:100%; object-fit:cover; object-position:center center; } .home-page-movie-text{ position:absolute; bottom:120px; left:0px; width:100%; z-index:100; } .home-page-movie-text-a{ font-weight:500; font-size:14px; color:#fff; line-height:normal; margin-bottom:22px; } .home-page-movie-text-b{ font-weight:300; font-size:46px; color:#fff; line-height:48px; } .home-page-movie-text-button{ padding-top:26px; } .home-page-movie-text-button a{ background:#fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; padding:15px 25px; border-radius:6px; display:inline-block; color:#000; } .home-page-movie-text-button a:hover{ background:#059097; color:#fff; } /*SECTION START*/ .home-page-start{ padding:85px 0px 0px 0px; } .home-page-start-number{ background:url('../images/bg-licznik.jpg') no-repeat top center; background-size:cover; padding:70px 0px; margin-bottom:8px; } .home-page-start-number-content{ display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap; } .home-page-start-number-content-item{ margin:0px 33px; text-align:center; } .home-page-start-number-content-item-nr{ font-weight:300; font-size:60px; line-height:normal; color:#fff; } .home-page-start-number-content-item-text{ font-weight:500; font-size:16px; line-height:normal; color:#fff; } .home-page-video{ position:relative; } .home-page-video-content{ width:100%; height:610px; position:relative; } .home-page-video-content::before{ content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:99; } .home-page-video-content video{ width:100%; height:100%; object-fit:cover; object-position:center; } .home-page-video-content-play{ position:absolute; top:50%; left:50%; width:66px; height:66px; background:url('../images/play.png') no-repeat center center; margin:-33px 0px 0px -33px; cursor:pointer; z-index:100; } .home-page-video-full{ position:fixed; top:50%; left:0px; width:100%; height:0%; background:#000; z-index:9999; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform-origin:center; -moz-transform-origin:center; -o-transform-origin:center; transform-origin:center; opacity:0; visibility:hidden; } .home-page-video-full.open{ opacity:1; visibility:visible; height:100%; top:0%; } .home-page-video-full video{ position:absolute; top:0px; left:0px; width:100%; height:100%; } .home-page-video-full-close{ position:absolute; top:20px; right:20px; width:20px; height:20px; background:url('../images/zam2.png') no-repeat center center; cursor:pointer; } /*SEKCJA MAPA*/ /*SEKCJA MAPA*/ .home-page-map{ padding:85px 0px 0px 0px; } .home-page-map-block-padding{ padding-top:80px; } .home-page-map-block{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; } .home-page-map-block-left{ width:calc(50% - 20px); } .home-page-map-block-right{ width:calc(50% - 20px); display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; } .home-page-map-block-right-img{ width:calc(50% - 20px); height:180px; margin:0px 0px 40px 0px; position:relative; overflow:hidden; cursor:pointer; } .home-page-map-block-right-img-ob{ position:absolute; top:0px; left:0px; width:100%; height:100%; transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .home-page-map-block-right-img:hover .home-page-map-block-right-img-ob{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); } .home-page-map-block-right-img img{ width:100%; height:100%; object-fit:cover; object-position:center; } .home-page-map-info{ display:flex; justify-content:flex-start; align-items:center; flex-wrap:nowrap; margin-bottom:20px; } .home-page-map-info img{ width:24px; height:auto; } .home-page-map-info span{ font-weight:400; font-size:18px; line-height:normal; color:#000; margin-left:20px; } .home-page-map-info a, .home-page-map-info a:hover{ font-weight:400; font-size:18px; line-height:normal; color:#000; margin-left:20px; } .home-page-map-info p{ font-weight:400; font-size:18px; line-height:normal; color:#000; } .home-page-map-iframe{ padding-top:85px; } .home-page-map-iframe iframe{ width:100%; height:400px; display:block; filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; -webkit-filter:grayscale(1); } /*START GÓRA*/ .home-page-top{ padding:80px 0px; } .home-page-top-content{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; } .home-page-top-content-left{ width:350px; } .home-page-top-content-right{ width:calc(100% - 400px); } .home-page-top-content-left-header{ font-weight:300; font-size:34px; color:#000; line-height:normal; position:relative; margin-bottom:40px; } .home-page-top-content-left-header::before{ content:''; position:absolute; left:0px; bottom:-30px; width:120px; height:2px; background:#059097; } .home-page-top-content-download{ margin-top:40px; border:2px solid #059097; padding:20px 200px 20px 20px; border-radius:6px; position:relative; } .home-page-top-content-download span{ font-weight:400; font-size:18px; line-height:28px; color:#059097; display:inline-block; vertical-align:middle; margin:10px 15px 10px 0px; } .home-page-top-content-download a{ display:inline-block; vertical-align:middle; padding:8px 20px; border-radius:6px; background:#059097; margin:10px 10px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position:absolute; right:10px; top:2px; } .home-page-top-content-download a:hover{ background:#03656a; } .home-page-top-content-download a span{ color:#fff; display:inline-block; vertical-align:middle; margin-left:8px; } .home-page-top-content-download a img{ width:25px; height:auto; display:inline-block; vertical-align:middle; } /*NOWA SEKJA KATEGORII*/ .home-page-one{ padding:0px 0px 50px 0px; } .home-page-one-content{ display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; background:#f7f7f7; } .home-page-one-content-img{ width:50%; } .home-page-one-content-text{ width:50%; } .home-page-one-content-img-two{ width:30%; } .home-page-one-content-text-two{ width:70%; } .home-page-one-content-img img, .home-page-one-content-img-two img{ width:100%; height:100%; object-fit:cover; object-position:center; } .home-page-one-content-text-block{ padding:50px; } .home-page-one-content-text-block-t{ padding-top:30px; margin-bottom:30px; } .home-page-one-content-text-block-d{ border-bottom:1px solid #ccc; padding:20px 0px; } .home-page-one-content-text-block-d-header{ font-weight:400; font-size:18px; line-height:28px; color:#000; cursor:pointer; position:relative; padding-right:30px; } .home-page-one-content-text-block-d-header::before{ content:''; position:absolute; top:9px; right:0px; width:8px; height:8px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border-bottom:2px solid #000; border-left:2px solid #000; } .open .home-page-one-content-text-block-d-header::before{ transform:rotate(135deg); -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); } .home-page-one-content-text-block-d-t{ display:none; padding-top:30px; } /*INSPIRACJE*/ .home-page-gal{ padding:50px 0px; } .home-page-gal-top{ margin-bottom:80px; } .home-page-gal-block-top{ padding:50px 0px; } .home-page-gal-block-top-two{ padding:50px 50px; position:relative; } .home-page-gal-block-top-two .tns-controls{ position:absolute; top:50%; left:0px; width:100%; } .home-page-gal-block-top-two .tns-controls button:first-child{ position:absolute; top:0px; left:0px; height:40px; width:40px; background:transparent url('../images/arrow-left2.png') no-repeat center center; margin:0px; padding:0px; font-size:0px; border:0px; } .home-page-gal-block-top-two .tns-controls button:last-child{ position:absolute; top:0px; right:0px; height:40px; width:40px; background:transparent url('../images/arrow-right2.png') no-repeat center center; margin:0px; padding:0px; font-size:0px; border:0px; } .home-page-gal-block{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; } .home-page-gal-block-item{ width:calc(25% - 4px); margin:0px 2px 4px 2px; } .home-page-gal-block-item-two{ } .home-page-gal-block-item-img{ width:100%; height:auto; aspect-ratio:5/3; overflow:hidden; position:relative; cursor:pointer; } @supports not (aspect-ratio:5/3){ .home-page-gal-block-item-img{ width:100%; height:300px; } } .home-page-gal-block-item-img-ob{ position:absolute; top:0px; left:0px; width:100%; height:100%; transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .home-page-gal-block-item-img:hover .home-page-gal-block-item-img-ob{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); } .home-page-gal-block-item-img-ob img{ width:100%; height:100%; object-fit:cover; object-position:center; } .home-page-gal-block-item-img-ob.img-ob-two img{ width:100%; height:100%; object-fit:contain; object-position:center; } /*MODELE*/ .home-page-model{ padding:50px 0px; position:relative; } .home-page-model-anchor{ position:absolute; top:-100px; left:0px; } .home-page-model-text{ padding-top:30px; } .home-page-model-content-all{ padding-top:50px; } .home-page-model-content{ display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; margin:0px -15px; } .home-page-model-content-item{ width:calc(20% - 60px); display:block; margin:0px 15px 40px 15px; background:#e8e8e8; padding:20px 15px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position:relative; } .home-page-model-content-item:hover{ background:#d2d0d0; } .home-page-model-content-item-block{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; } .home-page-model-content-item-block-img-full{ height:210px; width:calc(100% - 22px); text-align:center; background:#fff; padding:10px; border: 1px solid #ccc; } .home-page-model-content-item-block-img{ width:calc(100% - 50px); height:210px; text-align:center; } .home-page-model-content-item-block-img img{ width:auto; height:210px; } .home-page-model-content-item-block-img-full img{ width:100%; height:100%; object-position:center center; object-fit:contain; } .home-page-model-content-item-block-icon-two{ padding-top:20px; text-align:center; display:block; width:100%; } .home-page-model-content-item-block-icon-two p{ text-align:center; display:block; } .home-page-model-content-item-block-icon-two img{ display:inline-block; vertical-align:middle; width:36px; height:auto; } .home-page-model-content-item-block-icon-two img.logo{ opacity:0.6; /*filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1);*/ width:46px; height:auto; } .home-page-model-content-item-block-icon{ width:50px; text-align:center; } .home-page-model-content-item-block-icon img{ margin:0px auto 20px auto; width:36px; height:auto; display:block; } .home-page-model-content-item-button{ padding-top:20px; text-align:center; padding-bottom:40px; } .home-page-model-content-item-button h3{ font-weight:400; font-size:24px; line-height:normal; color:#000; } .home-page-model-content-item-button span{ position:absolute; bottom:20px; left:50%; display:inline-block; vertical-align:middle; padding:2px 6px; border-radius:6px; background:#059097; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight:400; font-size:16px; line-height:normal; color:#fff; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); } a:hover .home-page-model-content-item-button span{ background:#03656a; } .home-page-model-filtr{ margin-top:40px; } .home-page-model-filtr span{ font-weight:400; font-size:18px; line-height:normal; color:#059097; display:inline-block; vertical-align:middle; margin:10px 15px 10px 0px; } .home-page-model-filtr a, .home-page-model-filtr div{ display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:6px; background:#059097; margin:10px 10px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; cursor:pointer; } .home-page-model-filtr a:hover, .home-page-model-filtr div:hover, .home-page-model-filtr .active{ background:#03656a; } .home-page-model-filtr a span, .home-page-model-filtr div span{ color:#fff; display:inline-block; vertical-align:middle; margin-left:8px; } .home-page-model-filtr a img{ width:25px; height:auto; display:inline-block; vertical-align:middle; } /*PODSTRON PRODUKT*/ .section-product{ padding:80px 0px; } .section-product-content{ display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; } .section-product-content-text{ width:33.333333333333333%; } .section-product-content-img{ width:calc(33.333333333333333% - 160px); margin:0px 80px; } .section-product-content-text-two{ width:50%; } .section-product-content-img-two{ width:calc(50% - 160px); margin:0px 80px; } .section-product-content-info{ width:33.333333333333333%; } .section-product-content-text-block{ padding-top:40px; } .section-product-content-text-block-icon-dod{ padding-top:40px; } .section-product-content-text-block-icon-dod img{ display:inline-block; vertical-align:top; margin:0px 5px 5px 0px; width:50px; height:auto; } .section-product-content-img img, .section-product-content-img-two img{ width:100%; height:auto; } .section-product-content-info-poz{ border-bottom:1px solid #ccc; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; } .section-product-content-info-poz-ico{ width:50px; } .section-product-content-info-poz-ico img{ width:30px; height:auto; margin:20px 0px; } .section-product-content-info-poz-txt{ width:calc(100% - 50px); margin:20px 0px; } .section-product-content-down{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; } .section-product-content-button{ padding-top:60px; width:calc(100% - 150px); } .section-product-content-button a{ display:inline-block; vertical-align:middle; padding:8px 20px; border-radius:6px; background:#059097; margin:10px 10px 10px 0px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .section-product-content-button a:hover{ background:#03656a; } .section-product-content-button a span{ color:#fff; display:inline-block; vertical-align:middle; margin-left:8px; } .section-product-content-button a img{ width:25px; height:auto; display:inline-block; vertical-align:middle; } .section-product-content-button-right{ padding-top:60px; width:150px; text-align:right; } .section-product-content-button-right a{ display:inline-block; vertical-align:middle; padding:8px 20px; border-radius:6px; background:#db4c4c; margin:10px 0px 10px 10px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .section-product-content-button-right a:hover{ background:#b93333; } .section-product-content-button-right a span{ color:#fff; display:inline-block; vertical-align:middle; margin-left:8px; } .section-product-content-button-right a img{ width:25px; height:auto; display:inline-block; vertical-align:middle; } /*SEKCJA BOXY PODKATEGORIE*/ .section-category-info{ padding:80px 0px 40px 0px; } .section-category-info-content{ display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; } .section-category-info-content-header.home-page-top-content-left-header{ margin-bottom:100px; } .section-category-info-content-item{ width:calc(50% - 120px); padding:50px; background:#f7f7f7; margin-bottom:40px; } .section-category-info-content-item-img{ padding:40px; text-align:center; } .section-category-info-content-item-img-ob{ border:1px solid #ccc; background:#fff; padding:10px; height:250px; } .section-category-info-content-item-img-ob img{ width:100%; height:100%; object-position:center; object-fit:contain; } /*PODSTRON O FIRMIE*/ .section-about-us{ padding:80px 0px 0px 0px; } .section-about-us-content{ padding-top:30px; } /*PODSTRON O FIRMIE*/ .section-cat-product{ padding:80px 0px 30px 0px; } .section-cat-product-content{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; } .section-cat-product-content-left{ width:calc(50% - 40px); margin-right:40px; } .section-cat-product-content-right{ width:50%; } .section-cat-product-content-right-item{ border:2px solid #059097; padding:40px; margin-bottom:40px; display:block; } .section-cat-product-content-right-img{ position:relative; margin-bottom:20px; padding:10px 0px; } .section-cat-product-content-right-img::before{ position:absolute; content:''; top:0px; left:0px; width:0%; height:2px; background:#059097; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } a:hover .section-cat-product-content-right-img::before{ width:100%; } .section-cat-product-content-right-img::after{ position:absolute; content:''; bottom:0px; right:0px; width:0%; height:2px; background:#059097; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } a:hover .section-cat-product-content-right-img::after{ width:100%; } .section-cat-product-content-right-img-ob{ width:100%; height:300px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); } a:hover .section-cat-product-content-right-img-ob{ transform:scale(0.5,0.5); -webkit-transform:scale(0.5,0.5); -ms-transform:scale(0.5,0.5); } .section-cat-product-content-right-img-ob img{ width:100%; height:100%; object-fit:contain; object-position:center; } .section-cat-product-content-right-button{ background:#059097; padding:15px 10px; text-align:center; color:#fff; border-radius:6px; } /*SEKCJA NAGRODY I WYRÓZNIENIEA*/ .section-win{ padding:40px 0px 0px 0px; } .section-win-content-block{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; } .section-win-content-block-item{ cursor:pointer; margin:0px 0px 40px 0px; width:25%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; filter:blur(0px); -webkit-filter:blur(0px); -moz-filter:blur(0px); -o-filter:blur(0px); } .section-win-content-block-blur{ filter:blur(10px); -webkit-filter:blur(10px); -moz-filter:blur(10px); -o-filter:blur(10px); } .section-win-content-block-item-img{ width:160px; height:160px; border-radius:50%; border:2px solid #059097; margin:0px auto; } .section-win-content-block-item-img-ob{ width:160px; height:160px; display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; flex-direction:column; margin:0px auto; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .section-win-content-block-item-img-ob img{ width:100px; height:auto; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .section-win-content-block-item:hover .section-win-content-block-item-img-ob img{ width:140px; height:auto; } .section-win-content-block-item-text{ text-align:center; font-weight:400; font-size:20px; line-height:normal; color:#059097; padding:20px 20px 0px 20px; } .section-win-link{ margin-bottom:50px; } .section-win-link a{ display:inline-block; vertical-align:middle; padding:14px 20px; border-radius:6px; background:#059097; color:#fff; margin:10px 10px 10px 0px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .section-win-link a:hover{ background:#03656a; } /*HISTORIA FIRMY*/ .section-history{ padding:40px 0px 0px 0px; } .section-history-block{ padding:0px 50px; position:relative; } .section-history-block-arrow-left{ position:absolute; top:280px; left:0px; width:40px; height:40px; background:#fff url('../images/arrow-left2.png') no-repeat center center; padding:0px; border:0px; cursor:pointer; } .section-history-block-arrow-right{ position:absolute; top:280px; right:0px; width:40px; height:40px; background:#fff url('../images/arrow-right2.png') no-repeat center center; padding:0px; border:0px; cursor:pointer; } .section-history-block-content{ width:100%; overflow-x:hidden; position:relative; } .section-history-block-content-box{ min-height:400px; position:relative; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:nowrap; } .section-history-block-content-box-item-top{ height:300px; width:300px; border-bottom:2px solid #ccc; position:relative; } .section-history-block-content-box-item-top-year-a{ position:absolute; top:0px; left:0px; width:100%; height:50px; text-align:center; font-weight:600; font-size:28px; line-height:normal; color:#059097; } .section-history-block-content-box-item-top-icon-a{ position:absolute; top:50px; left:50%; width:90px; height:90px; border-radius:50%; border:6px solid #059097; margin-left:-48px; display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; flex-direction:column; } .section-history-block-content-box-item-top-icon-a img{ width:50px; height:auto; } .section-history-block-content-box-item-top-icon-a::before{ content:''; position:absolute; top:100%; left:50%; width:2px; height:155px; background:#059097; margin-left:-2px; } .section-history-block-content-box-item-top-icon-a::after{ content:''; position:absolute; top:calc(100% + 145px); left:50%; width:20px; height:20px; background:#059097; margin-left:-11px; border-radius:50%; } .section-history-block-content-box-item-top-year-b{ position:absolute; top:50px; left:0px; width:100%; height:50px; text-align:center; font-weight:600; font-size:28px; line-height:normal; color:#059097; } .section-history-block-content-box-item-top-icon-b{ position:absolute; top:100px; left:50%; width:90px; height:90px; border-radius:50%; border:6px solid #059097; margin-left:-48px; display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; flex-direction:column; } .section-history-block-content-box-item-top-icon-b img{ width:50px; height:auto; } .section-history-block-content-box-item-top-icon-b::before{ content:''; position:absolute; top:100%; left:50%; width:2px; height:105px; background:#059097; margin-left:-2px; } .section-history-block-content-box-item-top-icon-b::after{ content:''; position:absolute; top:calc(100% + 95px); left:50%; width:20px; height:20px; background:#059097; margin-left:-11px; border-radius:50%; } .section-history-block-content-box-item-text{ padding:20px 20px; width:260px; text-align:center; } .section-history-block-content-box-item-text h4{ font-weight:600; font-size:22px; line-height:normal; color:#059097; } .section-history-block-content-box-item-text.page-text p{ font-size:16px; } /*PODSTRONA IBEAMS*/ .section-ibeams-button{ display:inline-block; vertical-align:middle; padding:10px 15px; border-radius:6px; background:#059097; font-weight:400; font-size:18px; line-height:normal; color:#fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-bottom:20px; cursor:pointer; } .section-ibeams-button:hover{ background:#03656a; } .section-ibeams-window{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999999; overflow:auto; display:none; } .section-ibeams-window-box{ padding:40px 0px; width:100%; } .section-ibeams-window-box-content{ background:#fff; position:relative; padding:60px 40px; } .section-ibeams-window-box-content-close{ position:absolute; top:20px; right:20px; width:20px; height:20px; background:url('../images/zam.png') no-repeat center center; cursor:pointer; } .section-ibeams{ margin-bottom:50px; } .section-ibeams-image{ margin-bottom:30px; text-align:center; } .section-ibeams-image img{ width:auto; height:auto; max-width:100%; } .section-ibeams-columns{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; } .section-ibeams-column{ width:calc(33.33333333333333333% - 40px); margin:0px 20px 40px 20px; position:relative; } .section-ibeams-column-img{ width:calc(100% - 2px); height:450px; border:1px solid #059097; } .section-ibeams-column-img img{ width:100%; height:100%; object-fit:contain; object-position:center; } .section-ibeams-column-text{ position:absolute; top:0px; left:0px; width:calc(100% - 40px); height:calc(100% - 40px); background:#059097; opacity:0; overflow:hidden; padding:20px; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; display:flex; justify-content:center; align-items:center; flex-direction:column; flex-wrap:nowrap; } .section-ibeams-column-text:hover{ opacity:1; } .section-ibeams-column-text-header{ font-weight:700; font-size:22px; color:#fff; line-height:normal; text-align:center; margin-bottom:40px; transform:translateY(400px); -webkit-transform:translateY(400px); -ms-transform:translateY(400px); -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; } .section-ibeams-column-text:hover .section-ibeams-column-text-header{ transform:translateY(0px); -webkit-transform:translateY(0px); -ms-transform:translateY(0px); } .section-ibeams-column-text-p{ transform:translateY(400px); -webkit-transform:translateY(400px); -ms-transform:translateY(400px); -webkit-transition: 1.7s; -moz-transition: 1.7s; -o-transition: 1.7s; transition: 1.7s; } .section-ibeams-column-text:hover .section-ibeams-column-text-p{ transform:translateY(0px); -webkit-transform:translateY(0px); -ms-transform:translateY(0px); } .section-ibeams-column-text-p .page-text p{ color:#fff; text-align:center; } .section-ibeams-ak{ background:#f7f7f7; } .section-ibeams-two-inf{ display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; } .section-ibeams-two-inf-block-a{ width:calc(50% - 20px); } .section-ibeams-two-inf-block-b{ width:calc(50% - 20px); display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:nowrap; flex-direction:column; } .section-ibeams-two-inf-block-b-img{ width:100%; height:400px; } .section-ibeams-two-inf-block-b-img img{ width:100%; height:100%; object-fit:contain; object-position:center; } /*PODSTRON BLOG*/ .section-blog{ padding:80px 0px; } .section-blog-pad{ padding-top:30px; } .section-blog-content{ display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; margin:0px -10px 0px -10px; } .section-blog-content-item{ width:calc(25% - 62px); margin:0px 10px 20px 10px; border:1px solid #ccc; padding:20px 20px 140px 20px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position:relative; } .section-blog-content-item:hover{ border:1px solid #059097; } .section-blog-content-item-img{ width:100%; height:200px; position:relative; overflow:hidden; } .section-blog-content-item-img-ob{ position:absolute; top:0px; left:0px; width:100%; height:100%; transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .section-blog-content-item:hover .section-blog-content-item-img-ob{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); } .section-blog-content-item-img-ob img{ width:100%; height:100%; object-fit:cover; object-position:center; } .section-blog-content-item-header{ font-weight:300; font-size:22px; color:#000; line-height:normal; padding-top:20px; margin-bottom:20px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; word-wrap:break-word; } .section-blog-content-item:hover .section-blog-content-item-header{ color:#059097; } .section-blog-content-item-info{ padding-top:20px; border-top:1px solid #ccc; font-weight:300; font-size:14px; color:#ccc; line-height:normal; padding-top:20px; position:absolute; bottom:20px; left:20px; width:calc(100% - 40px); } .section-blog-content-item-button{ display:inline-block; vertical-align:middle; padding:10px 15px; border-radius:6px; background:#059097; font-weight:400; font-size:18px; line-height:normal; color:#fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-bottom:20px; position:absolute; bottom:67px; left:20px; } .section-blog-content-item:hover .section-blog-content-item-button{ background:#03656a; } .section-blog-info{ font-weight:300; font-size:18px; line-height:28px; color:#ccc; margin-bottom:20px; } .section-blog-image{ margin-bottom:30px; } .section-blog-image img{ width:auto; height:auto; max-width:100%; } /*PODSTRON KONTAT*/ .section-contact{ padding:80px 0px; } .section-contact-content{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; } .section-contact-content-left{ width:calc(42% - 25px); } .section-contact-content-right{ width:calc(58% - 25px); } .section-contact-content-right iframe{ width:100%; height:400px; display:block; } .section-contact-content-left-big{ font-weight:600; font-size:22px; line-height:28px; color:#000; padding-top:30px; margin-bottom:30px; } .section-contact-content-left-small{ font-weight:600; font-size:18px; line-height:28px; color:#fff; padding:10px 20px; background:#059097; margin-bottom:30px; } .section-contact-content-left-item{ display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; margin-bottom:10px; } .section-contact-content-left-item-b{ display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; margin-bottom:40px; } .section-contact-content-left-item-img{ width:30px; } .section-contact-content-left-item-img img{ width:20px; height:auto; } .section-contact-content-left-item-text{ width:calc(100% - 30px); font-weight:300; font-size:18px; line-height:28px; color:#000; } .section-contact-content-left-text{ font-weight:300; font-size:18px; line-height:28px; color:#000; } .section-contact-box{ padding-top:50px; } .section-contact-box-block{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; margin:0px -20px; } .section-contact-box-block-item{ width:calc(25% - 40px); margin:0px 20px 20px 20px; } .section-contact-box-block-item-falg{ padding-top:10px; } .section-contact-box-block-item-falg img{ margin:5px 5px 5px 0px; } .section-contact-box-block-item-text{ font-weight:300; font-size:18px; line-height:36px; color:#000; margin-bottom:10px; } .section-contact-down{ padding-top:50px; } .section-contact-down-text{ padding-top:30px; } .section-contact-down-form{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; } .section-contact-down-form-item{ width:calc(50% - 10px); } .section-contact-down-form-item-f{ margin-bottom:20px; } .section-contact-down-form-item-f input{ background:#fff; padding:9px 15px; display:block; width:calc(100% - 34px); border:2px solid #000; margin:0px 0px 20px 0px; font-weight:400; font-size:14px; line-height:normal; color:#000; outline:none; } .section-contact-down-form-item-f textarea{ background:#fff; padding:9px 15px; display:block; width:calc(100% - 34px); border:2px solid #000; margin:0px 0px 20px 0px; font-weight:400; font-size:14px; line-height:normal; color:#000; outline:none; height:140px; resize:none; } .section-contact-down .fixed-contact-box-window-send{ margin:0px; } .section-contact-down-form-item-f-check{ padding:0px 0px 30px 0px; } .section-contact-down-form-item-f-check input{ display: none; } .section-contact-down-form-item-f-check label{ position:relative; padding-left:30px; display:block; font-weight:300; font-size:14px; margin:0px; color:#000; line-height:17px; text-align:left; } .section-contact-down-form-item-f-check label a, .section-contact-down-form-item-f-check label a:hover{ font-weight:300; font-size:14px; color:#000; line-height:17px; text-decoration:none; } .section-contact-down-form-item-f-check label::before{ content:''; position:absolute; top:0px; left:0px; width:20px; height:20px; border:1px solid #000; background:white; } .section-contact-down-form-item-f-check label::after{ content:''; position:absolute; top:0px; left:0px; } .section-contact-down-form-item-f-check input[type="checkbox"]:checked + label::after{ content:''; position:absolute; top:2px; left:7px; width:7px; height:12px; border-right:2px solid black; border-bottom:2px solid black; color:#dcdcdc; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /*HOME BLOKI AKERDEON*/ .home-page-harm-block{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:nowrap; margin:0px -4px; } .home-page-harm-block-item{ width:calc(16% - 8px); margin:0px 4px; height:530px; overflow:hidden; display:block; position:relative; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .home-page-harm-block-item.active{ width:calc(62% - 8px); } .home-page-harm-block-item-img{ position:absolute; top:0px; left:0px; width:100%; height:100%; } .home-page-harm-block-item-img::before{ content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:99; } .home-page-harm-block-item-img img{ width:100%; height:100%; object-position:top center; object-fit:cover; } .home-page-harm-block-item-header{ position:absolute; left:40px; bottom:25px; width:200%; font-weight:300; font-size:34px; color:#fff; line-height:normal; z-index:100; opacity:0; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .active .home-page-harm-block-item-header{ opacity:1; width:calc(100% - 80px); } /*OPINIE*/ .home-page-google{ padding:80px 0px 0px 0px; } .home-page-google-a{ text-align:center; font-weight:400; font-size:30px; line-height:normal; color:#000; text-align:center; } .home-page-google-b{ width:300px; margin:0px auto; text-align:center; } .home-page-google-b img{ display:inline-block; vertical-align:middle; width:24px; height:auto; } .home-page-google-c{ text-align:center; font-weight:400; font-size:18px; line-height:normal; color:#000; text-align:center; } .home-page-google-d{ text-align:center; } .home-page-google-d img{ width:130px; height:auto; } .home-page-google-slider{ padding:40px 30px; position:relative; } .home-page-google-slider-block-item{ } .home-page-google-slider-block-item-z{ border-radius:16px; padding:40px; border:1px solid #e2e2e2; min-height:200px; width:calc(100% - 102px); margin:0px 10px; } .home-page-google-slider-block-item-top{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; margin-bottom:15px; } .home-page-google-slider-block-item-top-icon{ width:40px; height:40px; border-radius:50%; background:#33691e; display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; flex-direction:column; } .home-page-google-slider-block-item-top-icon span{ font-size:24px; font-weight:700; color:#fff; line-height:normal; } .home-page-google-slider-block-item-top-txt{ width:calc(100% - 55px); font-size:18px; font-weight:700; color:#000; line-height:20px; margin-left:15px; } .home-page-google-slider-block-item-top-txt span{ font-size:12px; font-weight:300; color:#000; line-height:normal; } .home-page-google-slider-block-item-star img{ width:18px; height:auto; } .home-page-google-slider-block-item-star{ margin-bottom:10px; } .home-page-google-slider-block-item-op{ font-size:16px; font-weight:300; color:#000; line-height:normal; } .home-page-google-slider .tns-controls{ position:absolute; top:50%; left:0px; width:100%; } .home-page-google-slider .tns-controls button:first-child{ position:absolute; top:0px; left:0px; height:22px; width:12px; background:transparent url('../images/g-l.png') no-repeat center center; margin:0px; padding:0px; font-size:0px; border:0px; } .home-page-google-slider .tns-controls button:last-child{ position:absolute; top:0px; right:0px; height:22px; width:12px; background:transparent url('../images/g-p.png') no-repeat center center; margin:0px; padding:0px; font-size:0px; border:0px; } /*NAGŁÓWKI STRONY*/ .page-header-one{ font-weight:300; font-size:34px; color:#000; line-height:normal; } .page-header-center{ text-align:center; } .page-header-right{ text-align:right; } .page-header-margin-a{ margin-bottom:50px; } .page-header-margin-b{ margin-bottom:20px; } /*TEKSTY*/ .page-text p{ font-weight:300; font-size:18px; line-height:28px; color:#000; } .page-text-padding-a p{ padding-bottom:30px; } .page-text h2, .page-text h3, .page-text h4, .page-text h5, .page-text h6{ font-weight:700; font-size:18px; line-height:28px; color:#000; margin-bottom:40px; } .page-text ul, .page-text ol{ padding-bottom:30px; } .page-text ul li, .page-text ol li{ font-weight:300; font-size:18px; line-height:28px; color:#000; margin-left:30px; } .page-text table{ width:100%; border-collapse:collapse; margin-bottom:30px; } .page-text .table-container{ max-width:100%; overflow-x:auto; margin: 0 auto; } .page-text table th, .page-text table td{ border:1px solid #ddd; padding:8px; text-align:left; white-space:nowrap; } table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th{ background-color: hsla(0,0%,50.2%,.0705882353); } /*FIXED MODELE*/ .fixed-modele-pl{ position:fixed; left:0px; top:182px; width:33px; height:222px; background:#069198 url('../images/button-lewa-strona-pl.png') no-repeat center center; border-top-right-radius:12px; border-bottom-right-radius:12px; z-index:888; } .fixed-modele-de{ position:fixed; left:0px; top:182px; width:33px; height:222px; background:#069198 url('../images/button-lewa-strona-de.png') no-repeat center center; border-top-right-radius:12px; border-bottom-right-radius:12px; z-index:888; } .fixed-modele-en{ position:fixed; left:0px; top:182px; width:33px; height:222px; background:#069198 url('../images/button-lewa-strona-en.png') no-repeat center center; border-top-right-radius:12px; border-bottom-right-radius:12px; z-index:888; } /*FIXED KONTAKT*/ .fixed-contact{ position:fixed; right:40px; bottom:40px; width:60px; height:60px; background:#069198 url('../images/t.png') no-repeat center center; border-radius:50%; z-index:888; cursor:pointer; } .fixed-contact-box{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:9999999; display:none; } .fixed-contact-box-window{ position:absolute; top:50%; left:50%; width:400px; background:#fff; padding:40px; text-align:center; transform: translateY(-50%)translateX(-50%); -webkit-transform: translateY(-50%)translateX(-50%); -ms-transform: translateY(-50%)translateX(-50%); } .fixed-contact-box-window-header{ font-weight:400; font-size:18px; line-height:28px; color:#000; font-weight:400; margin-bottom:30px; } .fixed-contact-box-window input{ background:#fff; padding:9px 15px; display:block; width:calc(100% - 34px); border:2px solid #000; margin:0px 0px 20px 0px; font-weight:400; font-size:14px; line-height:normal; color:#000; outline:none; } .fixed-contact-box-window-close{ position:absolute; top:20px; right:20px; width:20px; height:20px; background:url('../images/zam.png') no-repeat center center; cursor:pointer; } .fixed-contact-box-window-send{ display:inline-block; vertical-align:middle; padding:8px 20px; border-radius:6px; background:#059097; margin:10px 10px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight:400; font-size:18px; line-height:28px; color:#059097; color:#fff; cursor:pointer; } .fixed-contact-box-window-send:hover{ background:#03656a; } .fixed-contact-box-window-send-two{ display:inline-block; vertical-align:middle; padding:8px 20px; border-radius:6px; background:#059097; margin:10px 10px 10px 0px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight:400; font-size:18px; line-height:28px; color:#059097; color:#fff; cursor:pointer; } .fixed-contact-box-window-send-two:hover{ background:#03656a; } /*FIXED KONTAKT FORMULARZ*/ .fixed-contact-form{ position:fixed; right:40px; bottom:40px; width:60px; height:60px; background:#069198 url('../images/t.png') no-repeat center center; border-radius:50%; z-index:888; cursor:pointer; } .fixed-contact-box-form{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:9999999; display:none; } .fixed-contact-box-window-form{ position:absolute; top:50%; left:50%; width:400px; background:#fff; padding:40px; text-align:center; transform: translateY(-50%)translateX(-50%); -webkit-transform: translateY(-50%)translateX(-50%); -ms-transform: translateY(-50%)translateX(-50%); } .fixed-contact-box-window-header-form{ font-weight:400; font-size:18px; line-height:28px; color:#000; font-weight:400; margin-bottom:30px; } .fixed-contact-box-window-form input{ background:#fff; padding:9px 15px; display:block; width:calc(100% - 34px); border:2px solid #000; margin:0px 0px 20px 0px; font-weight:400; font-size:14px; line-height:normal; color:#000; outline:none; } .fixed-contact-box-window-form textarea{ background:#fff; padding:9px 15px; display:block; width:calc(100% - 34px); border:2px solid #000; margin:0px 0px 20px 0px; font-weight:400; font-size:14px; line-height:normal; color:#000; outline:none; height:140px; resize:none; } .fixed-contact-box-window-close-form{ position:absolute; top:20px; right:20px; width:20px; height:20px; background:url('../images/zam.png') no-repeat center center; cursor:pointer; } .fixed-contact-box-window-send-form{ display:inline-block; vertical-align:middle; padding:8px 20px; border-radius:6px; background:#059097; margin:10px 10px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight:400; font-size:18px; line-height:28px; color:#059097; color:#fff; cursor:pointer; } .fixed-contact-box-window-send-form:hover{ background:#03656a; } /*STOPKA*/ .footer-page-top{ background:url('../images/bg-stopka.jpg') no-repeat top center; background-size:cover; padding:70px 0px 38px 0px; } .footer-page-top-content{ display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; } .footer-page-top-content-left{ width:60%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; } .footer-page-top-content-right{ width:40%; position:relative; } .footer-page-top-content-right::before{ content:''; position:absolute; left:0px; top:0px; width:1px; height:100%; background:#7b7b7b; } .footer-page-top-content-header{ font-weight:700; font-size:20px; line-height:normal; color:#fff; margin:0px 0px 40px 0px; } .footer-page-top-content-left-item-a{ width:60%; } .footer-page-top-content-left-item-b{ width:40%; } .footer-page-top-content-left-item ul li{ list-style-type:none; display:block; margin:0px; padding:0px; width:100%; } .menu-list-a ul{ -webkit-column-count:2; -moz-column-count:2; column-count:2; } .footer-page-top-content-left-item ul li a{ display:inline-block; font-weight:400; font-size:14px; line-height:35px; color:#fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .footer-page-top-content-left-item ul li a:hover{ color:#059097; } .footer-page-top-content-right-block{ padding-left:70px; } .footer-page-top-content-right-block p{ font-weight:400; font-size:14px; line-height:35px; color:#fff; padding-bottom:10px; } .footer-page-top-content-right-block-form > input{ background:#7b7b7b; padding:9px 15px; display:block; width:calc(100% - 30px); max-width:290px; border:0px; margin:0px 0px 20px 0px; font-weight:400; font-size:14px; line-height:normal; color:#fff; outline:none; } .footer-page-top-content-right-block-form-button{ display:inline-block; background:#059097; padding:4px 30px; border-radius:16px; display:inline-block; position:relative; font-weight:500; font-size:13px; line-height:normal; color:#fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; cursor:pointer; } .footer-page-top-content-right-block-form-button:hover{ background:#096368; color:#fff; } .footer-page-top-content-right-block-form-check{ padding:0px 0px 30px 0px; } .footer-page-top-content-right-block-form-check input{ display: none; } .footer-page-top-content-right-block-form-check label{ position:relative; padding-left:30px; display:block; font-weight:300; font-size:14px; margin:0px; color:#000; line-height:normal; text-align:left; } .footer-page-top-content-right-block .footer-page-top-content-right-block-form-check p{ font-weight:300; font-size:14px; margin:0px; color:#fff; line-height:normal; text-align:left; } .footer-page-top-content-right-block .footer-page-top-content-right-block-form-check p a, .footer-page-top-content-right-block .footer-page-top-content-right-block-form-check p a:hover{ font-weight:300; font-size:14px; color:#fff; line-height:normal; text-decoration:none; } .footer-page-top-content-right-block-form-check label::before{ content:''; position:absolute; top:0px; left:0px; width:20px; height:20px; border:1px solid #000; background:white; } .footer-page-top-content-right-block-form-check label::after{ content:''; position:absolute; top:0px; left:0px; } .footer-page-top-content-right-block-form-check input[type="checkbox"]:checked + label::after{ content:''; position:absolute; top:2px; left:7px; width:7px; height:12px; border-right:2px solid black; border-bottom:2px solid black; color:#dcdcdc; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .footer-page-top-content-socialmedia{ width:100%; display:flex; justify-content:flex-end; align-items:flex-start; flex-wrap:wrap; } .footer-page-top-content-socialmedia-item{ margin-top:40px; display:flex; justify-content:flex-end; align-items:flex-start; flex-wrap:wrap; min-height:30px; } .footer-page-top-content-socialmedia-item a{ width:30px; height:30px; border-radius:50%; background:#fff; display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; flex-direction:column; margin-left:10px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .footer-page-top-content-socialmedia-item a:hover{ width:26px; height:26px; } .footer-page-top-content-socialmedia-item a .facebook{ width:14px; height:auto; } .footer-page-top-content-socialmedia-item a .instagram{ width:14px; height:auto; } .footer-page-bottom{ background:#fff; padding:23px 0px 35px 0px; } .footer-page-bottom-content{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; } .footer-page-bottom-content-left{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; } .footer-page-bottom-content-left a, .footer-page-bottom-content-left a:hover, .footer-page-bottom-content-left span, .footer-page-bottom-content-right span, .footer-page-bottom-content-right a, .footer-page-bottom-content-right a:hover{ font-weight:400; font-size:13px; line-height:normal; color:#535459; } .footer-page-bottom-content-left a{ margin-right:15px; } /*GALERIA SKRYPT*/ .okno-realizacje { position: fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999999; display:none; } .okno-realizacje-zaw { position:absolute; top:50px; left:120px; width:calc(100% - 240px); height:calc(100% - 100px); text-align:center; } .okno-realizacje-zaw img { width:100%; height:100%; object-fit:contain; object-position:center; } .okno-realizacje-load { position: absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; border: 2px solid #fff; border-top: 2px solid transparent; border-radius: 50%; width: 50px; height: 50px; animation: spin_gal 2s linear infinite; display:none; } @keyframes spin_gal { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .okno-realizacje-zam { position: absolute; top:50px; right:50px; width:40px; height:40px; cursor:pointer; background:#fff url('../images/zam.png') no-repeat center center; } .okno-realizacje-lewo { position:absolute; top:50%; left:0px; width:40px; height:40px; background:#fff url('../images/arrow-left2.png') no-repeat center center; padding:0px; margin:-20px 0px 0px 0px; border:0px; cursor:pointer; } .okno-realizacje-prawo { position:absolute; top:50%; right:0px; width:40px; height:40px; background:#fff url('../images/arrow-right2.png') no-repeat center center; padding:0px; margin:-20px 0px 0px 0px; border:0px; cursor:pointer; } /*PAGINACJA*/ .pagination-blog{ padding:60px 0px; } .pagination-blog .nav-links{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; } .pagination-blog a{ display:block; width:40px; height:40px; background:#059097; text-align:center; line-height:40px; font-size:18px; font-weight:400; color:#fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-left:12px; } .pagination-blog span{ display:block; width:40px; height:40px; background:#059097; text-align:center; line-height:40px; font-size:18px; font-weight:400; color:#fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-left:12px; } .pagination-blog a:hover, .pagination-blog .current{ background:#03656a; } .alert-newsletter-1, .alert-newsletter-2, .alert-newsletter-3 , .alert-newsletter-5{ font-weight:400; font-size:14px; line-height:normal; color:red; padding-bottom:10px; display:none; } .alert-newsletter-4{ font-weight:400; font-size:14px; line-height:normal; color:#fff; padding-bottom:10px; display:none; } .alert-okno-jeden-1, .alert-okno-jeden-2, .alert-okno-jeden-4{ font-weight:400; font-size:14px; line-height:normal; color:red; padding-bottom:10px; display:none; } .alert-okno-jeden-3{ font-weight:400; font-size:14px; line-height:normal; color:#03656a; padding-bottom:10px; display:none; } .alert-okno-jeden-zp-1, .alert-okno-jeden-zp-2, .alert-okno-jeden-zp-4{ font-weight:400; font-size:14px; line-height:normal; color:red; padding-bottom:10px; display:none; } .alert-okno-jeden-zp-3{ font-weight:400; font-size:14px; line-height:normal; color:#03656a; padding-bottom:10px; display:none; } .alert-form-k-1, .alert-form-k-2, .alert-form-k-3, .alert-form-k-5{ font-weight:400; font-size:14px; line-height:normal; color:red; padding-bottom:10px; display:none; } .alert-form-k-4{ font-weight:400; font-size:14px; line-height:normal; color:#03656a; padding-bottom:10px; display:none; } .dalej{ position:relative; } .dalej #dalej{ position:absolute; top:-100px; } .ukryty-blok{ display:none; } .czytaj-wiecej-blok{ display:inline-block; vertical-align:middle; padding:10px 15px; border-radius:6px; background:#059097; font-weight:400; font-size:18px; line-height:normal; color:#fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-bottom:20px; cursor:pointer; } .czytaj-wiecej-blok:hover{ background:#03656a; } .home-page-one-margin.home-page-top-content-left-header{ margin-bottom:80px; } .slogan-image-block{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; } .slogan-image-block-item{ width:calc(50% - 24px); border:2px solid #ccc; } .slogan-image img{ width:auto; height:auto; max-width:100%; } .home-page-one.bg-one{ background:url('../images/bg-domy.jpg') no-repeat top center; background-size:cover; padding-top:60px; } .home-page-gal-block-pad{ padding-top:50px; } .document-item a{ display:block; margin-bottom:40px; border:2px solid #059097; padding:20px 200px 20px 20px; border-radius:6px; position:relative; } .document-item a .tekst-a{ display:inline-block; vertical-align:middle; font-weight: 400; font-size: 18px; line-height: 28px; color: #059097; display: inline-block; vertical-align: middle; margin: 10px 15px 10px 0px; } .document-item a .tekst-b{ position:absolute; right:10px; top:12px; display:inline-block; vertical-align:middle; padding:8px 20px; border-radius:6px; background:#059097; margin:10px 10px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight: 400; font-size: 18px; line-height: 28px; color:#fff; } .document-item a:hover .tekst-b{ background:#03656a; } .document-item a .tekst-b span{ display:inline-block; vertical-align:middle; } .document-item a .tekst-b img{ width:25px; height:auto; display:inline-block; vertical-align: middle; margin-right:10px; } .home-page-top-content-left-header.header-download{ margin-bottom:60px; } /*WYSZUKIAWANIE*/ .sub-page-section-search{ padding:100px 0px; } .sub-page-section-search-header{ font-weight:600; font-size:30px; line-height: normal; color:#000; margin-bottom:50px; } .entry-title-search-block{ margin-bottom:40px; border:2px solid #059097; padding:40px 40px; border-radius:6px; } .entry-title-search a, .entry-title-search a:hover{ font-weight:500; font-size:18px; line-height: normal; color:#000; } .entry-title-search-block p{ font-weight:400; font-size:16px; line-height:24px; color:#000; padding-top:20px; } .sub-page-section-search-input{ margin-top:40px; border:2px solid #059097; padding:40px 40px; border-radius:6px; } .sub-page-section-search-input form{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; } .sub-page-section-search-input label{ width:calc(100% - 160px); } .sub-page-section-search-input label input{ background:#fff; padding:9px 15px; display:block; width:calc(100% - 34px); border:2px solid #000; margin:0px 0px 0px 0px; font-weight:400; font-size:14px; line-height:normal; color:#000; outline:none; } .sub-page-section-search-input .search-submit{ display:inline-block; vertical-align:middle; padding:8px 20px; border-radius:6px; background:#059097; margin:0px 10px 0px 0px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight:400; font-size:18px; line-height:28px; color:#059097; color:#fff; cursor:pointer; width:100%; max-width:150px; border:0px; } .sub-page-section-search-input .search-submit:hover{ background:#03656a; } .shop-page-text{ padding:0px 0px 50px 0px; } .loader-page{ position:fixed; top:0px; left:0px; width:100%; height:100%; background:#fff; z-index:99999999999999999; } .loader-page-svg{ position:absolute; width:82px; height:82px; top:50%; left:50%; margin:-41px 0px 0px -41px; } .cls-animacja { fill:none; stroke:#059097; stroke-width:2px; fill-rule:evenodd; stroke-dasharray:500; stroke-dashoffset:500; animation-fill-mode: none; animation: draw 3s ease-in-out 0s infinite; } @keyframes draw{ to { stroke-dashoffset: 0; } } .home-page-one-content-text-block-icon .section-history-block-content-box-item-top{ height:200px; width:300px; border-bottom:2px solid #ccc; position:relative; } .home-page-one-content-text-block-icon .section-history-block-content-box-item-top-icon-a{ top:45px; width:90px; height:90px; margin-left:-45px; border:0px; } .home-page-one-content-text-block-icon .section-history-block-content-box-item-top-icon-a img { width:90px; height:auto; } .home-page-one-content-text-block-icon .section-history-block-content-box-item-top-icon-a::before { height:69px; top:96%; width:3px; margin-left:-1.5px; } .home-page-one-content-text-block-icon .section-history-block-content-box-item-top-icon-a::after { top: calc(100% + 55px); margin-left:-10px; } .home-page-one-content-text-block-icon .section-history-block-arrow-left{ top:181px; background:transparent url('../images/arrow-left2.png') no-repeat center center; } .home-page-one-content-text-block-icon .section-history-block-arrow-right{ top:181px; background:transparent url('../images/arrow-right2.png') no-repeat center center; } .section-contact-box-block-item-inline{ display:inline-block; vertical-align:middle; margin:10px 20px 10px 0px; } .section-contact-box-block-item-inline .section-contact-box-block-item-falg{ padding-top:0px; } .section-contact-box-block-item-inline .section-contact-box-block-item-falg img { margin:0px 5px 0px 0px; } .section-contact-box-block-item-inline .section-contact-content-left-item { margin-bottom:0px; } .section-contact-box-block-item-inline .section-contact-box-block-item-text{ margin-bottom:0px; } .home-page-model-filtr-pow{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:nowrap; } .home-page-model-filtr-block-pow-a{ margin-top:8px; } .video-category{ padding:50px 0px; } /*DODATKOWE*/ .section-about-us-content-pol{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; } .section-about-us-content-pol-left{ width:calc(100% - 650px); } .section-about-us-content-pol-right{ width:600px; } .video-container-one{ width:600px; height:600px; border-radius:50%; overflow:hidden; display:flex; justify-content:center; align-items:center; } .video-one { width:100%; height:100%; object-fit:cover; } .home-page-video-up{ margin-bottom:50px; } .section-cat-box-item-a{ display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; } .section-cat-box-item-b{ display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; flex-direction:row-reverse; } .section-cat-box-item-text-a{ background:#eee; width:50%; display:flex; justify-content:flex-end; } .section-cat-box-item-text-b{ background:#eee; width:50%; display:flex; justify-content:flex-start; } .section-cat-box-item-image{ width:50%; position:relative; } .section-cat-box-item-text-content{ width:100%; max-width:700px; } .section-cat-box-item-text-content-pad-a{ padding:90px 90px 120px 0px; position:relative; } .section-cat-box-item-text-content-pad-b{ padding:90px 0px 120px 90px; position:relative; } .section-cat-box-item-text-header{ font-weight:700; font-size:18px; line-height:normal; color:#000; margin:0px 0px 40px 0px; } .section-cat-box-item-text-content-button-hide{ position:absolute; right:90px; bottom:40px; border:2px solid #059097; font-weight:700; font-size:18px; line-height:normal; color:#059097; max-width:290px; width:100%; text-align:center; border-radius:12px; padding:15px 0px; opacity:0; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background:transparent; } .section-cat-box-item-text-content-button-hide:hover{ color:#fff; background:#059097; } a:hover .section-cat-box-item-text-content-button-hide{ opacity:1; } .section-cat-box-item-text-content-pad-b .section-cat-box-item-text-content-button-hide{ right:0px; } .section-cat-box-item-image-img{ position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; } .section-cat-box-item-image-img-ob{ position:absolute; top:0px; left:0px; width:100%; height:100%; transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } a:hover .section-cat-box-item-image-img-ob{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); } .section-cat-box-item-image-img-ob img{ width:100%; height:100%; object-fit:cover; object-position:center center; } .section-cat-box-item-image-con{ position:absolute; left:0px; bottom:40px; width:100%; max-width:700px; display:flex; justify-content:flex-end; align-items:flex-end; } .section-cat-box-item-image-con-button{ border:2px solid #059097; font-weight:700; font-size:18px; line-height:normal; color:#fff; max-width:290px; width:100%; text-align:center; border-radius:12px; padding:15px 0px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background:#059097; } .section-cat-box-item-image-con-button:hover{ background:#096368; border:2px solid #096368; } .section-cat-box-item-b .section-cat-box-item-image-con{ right:90px; left:auto; } .home-page-movie-two .home-page-movie-img{ width:100%; height:350px; } .section-category-info-content-item-b{ padding:50px; background:#f7f7f7; margin-bottom:40px; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; } .section-category-info-content-item-b-left{ width:360px; } .section-category-info-content-item-b-right{ width:calc(100% - 410px); padding-left:50px; } .section-category-info-content-item-b-right .home-page-top-content-left-header{ margin-bottom:70px; } .section-blog-pad-pol{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; } .section-blog-pad-pol-item{ width:calc(50% - 25px); } .section-ibeams-pad{ height:40px; } /*DEKCJA REALIZACJE*/ .section-realizations{ padding:80px 0px; } .section-realizations-bg{ background:#f7f7f7; } .section-product-content-info-poz-loga{ display:block; } .section-product-content-info-poz-loga svg{ width:140px; height:auto; margin:0px 0px 20px 0px; display:block; } .section-product-content-info-poz-loga svg path{ fill:#009193; fill-rule: evenodd; } .page-text-window.page-text ul li{ font-weight:300; font-size:18px; line-height:28px; color:#000; margin-left:0px; list-style-type:none; border-bottom: 1px solid #ccc; padding:20px 0px; } .page-text-window.page-text ul li strong, .page-text-window.page-text ul li b{ color:#059097; } .home-page-movie-two .home-page-movie-text{ position:absolute; bottom:60px; left:0px; width:100%; z-index:100; } .page-text-window.page-text ol{ color:#009193; list-style-type: decimal; } .page-text-window.page-text ol li::marker{ color:#009193; } .page-text-window.page-text ol li{ font-weight:300; font-size:18px; line-height:28px; color:#000; margin-left:30px; border-bottom: 1px solid #ccc; padding:20px 0px; position:relative; } .page-text-window.page-text ol li::before{ content:''; position:absolute; bottom:-1px; left:-30px; width:30px; height:1px; background:#ccc; } .home-page-map-block-new{ margin-bottom:50px; } .home-page-map-new-button-salon{ padding-top:30px; } .home-page-map-new-button-salon a{ display:inline-block; vertical-align:middle; padding:10px 15px; border-radius:6px; background:#059097; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; cursor:pointer; font-weight: 400; font-size: 18px; line-height: normal; color:#fff; } .home-page-map-new-button-salon a:hover{ background:#03656a; } .home-page-top.ibeams-block-top{ padding: 80px 0px 0px 0px; } .ibeams-block{ display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; } .ibeams-block-item{ width:calc(50% - 40px); margin:0px 20px 40px 20px; position:relative; } .ibeams-block-item .section-ibeams-column-text-header{ margin-bottom:0px; } .ibeams-block-item-number{ position:absolute; top:20px; left:20px; background:transparent; width:40px; height:40px; line-height:40px; text-align:center; font-weight:700; font-size:18px; color:#059097; border-radius:50%; border:1px solid #059097; z-index:9; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; } .ibeams-block-item:hover .ibeams-block-item-number{ border:1px solid #fff; background:#059097; color:#fff; } .ibeams-block-item .section-ibeams-column-img{ position:relative; } .section-ibeams-column-img-block{ position:absolute; width:100%; height:100%; overflow:hidden; } .section-ibeams-column-img-block-item{ display:flex; width:max-content; background:red; } .section-ibeams-column-img-block-item img { width:100%; height:450px; object-fit:contain; } /* animacja */ @keyframes slide { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @media (max-width: 992px) { .ibeams-block-item{ width:calc(100% - 40px); margin:0px 20px 40px 20px; position:relative; } } .fixed-contact-box-window-form .section-contact-down-form-item-f-check input{ display: none; } .fixed-contact-box-window .section-contact-down-form-item-f-check input{ display: none; } .section-contact-content-left-item.margin-phone-a{ margin-bottom:25px; } .fixed-contact-box-window-sel{ background:#fff; border:2px solid #000; margin:0px 0px 20px 0px; } .fixed-contact-box-window-sel select{ background:#fff; padding:9px 15px; display:block; width:100%; font-weight:400; font-size:14px; line-height:normal; color:#000; outline:none; border:0px; } .fixed-contact-box-window-title{ margin:0px 0px 20px 0px; } .section-contact-link-to-contact{ padding:0px 30px 50px 0px; } .section-contact-link-to-contact-top{ margin-bottom:80px; } .section-contact-link-to-contact-link{ display:block; margin-bottom:20px; border:2px solid #059097; padding:20px 20px 20px 20px; border-radius:6px; font-weight:400; font-size:18px; line-height:28px; color:#059097; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background:#fff; } .section-contact-link-to-contact-link:hover, .section-contact-link-to-contact-link.active{ color:#fff; background:#059097; } .section-contact-link-to-contact-list{ width:calc(50% - 80px); background:#fff; margin-bottom:40px; padding:30px; border-radius:12px; box-shadow: 0px 0px 15px #1123371A; } .section-contact-link-to-contact-list p{ font-weight:300; font-size:18px; line-height:36px; color:#000; padding-bottom:10px; } .section-contact-link-to-contact-list p b, .section-contact-link-to-contact-list p strong{ font-weight:700; } .section-contact-link-to-contact-list p a, .section-contact-link-to-contact-list p a:hover{ font-weight:300; font-size:18px; line-height:36px; color:#000; } .section-contact-link-to-contact-list .phone-contact-list-a{ display:inline-block; padding-left:30px; position:relative; } .section-contact-link-to-contact-list .phone-contact-list-a::before{ content:''; position:absolute; left:0px; top:9px; -webkit-mask: url("../images/phone-call.svg") no-repeat center; mask: url("../images/phone-call.svg") no-repeat center; width:20px; height:20px; -webkit-mask-size:contain; mask-size:contain; background-color:#000; } .section-contact-link-to-contact-list .mail-contact-list-a{ display:inline-block; padding-left:30px; position:relative; } .section-contact-link-to-contact-list .mail-contact-list-a::before{ content:''; position:absolute; left:0px; top:9px; -webkit-mask: url("../images/email.svg") no-repeat center; mask: url("../images/email.svg") no-repeat center; width:20px; height:20px; -webkit-mask-size:contain; mask-size:contain; background-color:#000; } .section-contact-link-to-contact-header-one{ margin-bottom:70px; } .section-contact-link-to-contact-box{ display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; } .section-win-link-margin{ padding-top:50px; } .section-product-content-info-poz-loga > svg:nth-of-type(2) { display: none; } /*SEKCJA SEO*/ .section-seo{ padding:40px 0px; } .section-seo .home-page-top-content-left-header{ margin-bottom:75px; } .section-seo-block{ position:relative; margin-bottom:40px; } .section-seo-block-slider{ display:flex; align-items:stretch; } .section-seo-block-slider-item{ border-radius:12px; margin:0px 20px; position:relative; } @media (max-width: 768px) { .section-seo-block-slider-item{ border-radius:12px; margin:0px 10px; position:relative; } } .section-seo-block-slider-item::before{ content:''; position:absolute; top:0px; left:0px; width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid #059097; z-index:-1; border-radius:12px; } .section-seo-block-slider-item-block{ padding:20px; } .section-seo-block-slider-item h3{ font-weight:600; font-size:22px; line-height:28px; color:#000; margin-bottom:30px; } .section-seo-block-slider-item-button{ padding-top:30px; text-align:right; height:40px; } .section-seo-block-slider-item-button a{ position:absolute; bottom:20px; right:20px; display:inline-block; vertical-align:middle; padding:10px 15px; border-radius:6px; background:#059097; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; cursor:pointer; font-weight: 400; font-size: 18px; line-height: normal; color:#fff; } .section-seo-block-slider-item-button a:hover{ background:#03656a; } .section-seo .tns-nav{ position:absolute; bottom:-40px; left:0px; width:100%; text-align:center; } .section-seo .tns-controls{ position:absolute; bottom:-60px; left:0px; width:100%; text-align:center; } .section-seo .tns-controls button:first-child{ width:30px; height:30px; background:transparent url('../images/arrow-left2.png') no-repeat center center; padding:0px; border:0px; cursor:pointer; margin:5px 5px; } .section-seo .tns-controls button:last-child{ width:30px; height:30px; background:transparent url('../images/arrow-right2.png') no-repeat center center; padding:0px; border:0px; cursor:pointer; margin:5px 5px; } .section-seo .tns-nav button{ width:10px; height:10px; border-radius:50%; background:#059097; border:0px; margin:0px 5px; } .section-seo .tns-nav button.tns-nav-active{ background:#000; } /*PODSTRONA SEO*/ .section-page-seo{ padding:80px 0px 60px 0px; } .section-page-seo-text{ padding-top:50px; } .section-page-seo-text.page-text p{ padding-bottom:50px; } .section-page-seo-gallery{ display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; margin:0px -20px; } .section-page-seo-gallery-item{ width:calc(33.3333333333333333333333333% - 40px); margin:0px 20px 40px 20px; } @media (max-width: 992px) { .section-page-seo-gallery-item{ width:calc(50% - 40px); } } @media (max-width: 768px) { .section-page-seo-gallery-item{ width:calc(100% - 40px); } } .section-page-seo-gallery-item-img{ width:100%; height:240px; cursor:pointer; } .section-page-seo-gallery-item-img img{ width:100%; height:100%; object-position:center; object-fit:cover; } .section-page-seo-gallery-item-h{ padding-top:30px; font-weight:700; font-size: 18px; line-height:normal; color:#000; } .section-page-seo-table{ padding-top:50px; } .section-page-seo-table-block{ display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; } .section-page-seo-table-block-item-a{ width:calc(50% - 32px); padding:15px; background:#f1f1f1; font-weight:300; font-size:18px; line-height:28px; color:#000; margin:0px 2px 2px 0px; } .section-page-seo-table-block-item-b{ width:calc(50% - 30px); padding:15px; background:#059097; font-weight:300; font-size:18px; line-height:28px; color:#fff; margin:0px 0px 2px 0px; } .section-page-seo-faq{ padding-top:50px; } .section-page-seo-faq-block{ border-radius:16px; background:#f1f1f1; padding:0px; margin:0px 0px 20px 0px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .open.section-page-seo-faq-block{ background:#059097; } .section-page-seo-faq-block-header{ font-weight:700; font-size:18px; line-height:28px; color:#000; position:relative; padding:20px 60px 20px 20px; position:relative; cursor:pointer; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .open .section-page-seo-faq-block-header{ color:#fff; } .section-page-seo-faq-block-header::before{ content:'+'; position:absolute; top:18px; right:20px; width:30px; height:30px; border:2px solid #000; border-radius:50%; line-height:30px; font-size:20px; text-align:center; font-weight:400; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .open .section-page-seo-faq-block-header::before{ border:2px solid #fff; } .section-page-seo-faq-block-text{ display:none; padding:0px 20px 20px 20px; } .open .section-page-seo-faq-block-text{ display:block; } .open .section-page-seo-faq-block-text.page-text p{ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .open .section-page-seo-faq-block-text.page-text p{ color:#fff; } .section-page-seo-gallery-pad{ padding-top:40px; } .section-page-seo-faq{ margin-bottom:40px; } .page-button-seo-down{ padding-top:40px; } .page-button-seo-down-block a{ display:inline-block; vertical-align:middle; padding:14px 20px; border-radius:6px; background:#059097; color:#fff; margin:10px 10px 10px 0px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .page-button-seo-down-block a:hover{ background:#03656a; color: #fff; } .page-button-seo-down-prev a{ display:inline-block; vertical-align:middle; padding:14px 20px; border-radius:6px; background:#db4c4c; color:#fff; margin:10px 10px 10px 0px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .page-button-seo-down-prev a:hover{ background:#b93333; color: #fff; } .page-text-padding-a p a{ color: #059097; } .page-text-padding-a p a:hover{ text-decoration: underline; } .page-products-seo{ padding-top:40px; } .page-products-seo .home-page-top-content-left-header{ margin-bottom:80px; } .sectionok-margin{ height:50px; }