/*! Theme Name: Monika Mączka - Projektowanie Wnętrz Theme URI: Monika Mączka - Projektowanie Wnętrz Author: stronywww Description: Szablon Monika Mączka - Projektowanie Wnętrz Version: 1.0 */ /* =WordPress Core -------------------------------------------------------------- */ .alignnone {margin: 5px 20px 20px 0; } .aligncenter,div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0;} a img.alignright {float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .gallery-item { display: inline-block; text-align: left; vertical-align: top; width: 50%; } .gallery-item a,.gallery-item a:hover,.gallery-item a:focus { -webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%; } .gallery-item a img { display: block; -webkit-transition: -webkit-filter 0.2s ease-in; transition: -webkit-filter 0.2s ease-in; transition: filter 0.2s ease-in; transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; max-width: 100%; height: auto; } .gallery-item a:hover img,.gallery-item a:focus img { -webkit-filter: opacity(60%); filter: opacity(60%); } .gallery-caption { display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%;} .gallery-columns-3 .gallery-item { max-width: 33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%;} .gallery-columns-6 .gallery-item { max-width: 16.66%;} .gallery-columns-7 .gallery-item { max-width: 14.28%;} .gallery-columns-8 .gallery-item { max-width: 12.5%;} .gallery-columns-9 .gallery-item { max-width: 11.11%;} .gallery-columns-6 .gallery-caption,.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption { display: none; } .bypostauthor { font-weight: bold;} .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px;width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /*-------------------------------------------------------------- ## STRONA-WWW - start --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## HEADER - start --------------------------------------------------------------*/ body{ font-family: 'Poppins', sans-serif!important; } html{ scroll-behavior: smooth; } textarea:focus, input:focus, select:focus{ outline: none; box-shadow: none; border:0; } textarea:focus, input:focus, select:focus{ outline: 0px solid red; border: 1px solid #999!important; } .container-fluid.container1 { padding-right: 0px; padding-left: 0px; overflow: hidden; margin-top: 0!important; } .slider-g{ overflow: hidden; } a{text-decoration: none!important; } a:link{text-decoration: none!important; } #cookie-notice .cn-button { margin: 0 0 0 10px; border: none; background: #cf7649; color:#fff; padding: 2px 10px; } #cookie-notice .cn-button:hover { opacity: 0.7; } .pik { flex-direction: column; } /*-------------------------------------------------------------- ## MENU --------------------------------------------------------------*/ #header #menu-menu-glowne{ margin-left: auto!important; display: flex; justify-content: space-between; align-items: center; width: 100%; } #header #navbar { } #header .navbar-brand img { height: 124px; } #header .navbar-nav .menu-item { padding-right: 20px; padding-left: 20px; } #header .navbar-nav .nav-link { padding-right: 18px; padding-left: 18px; font-size: 16px; font-weight: 500; color:#363636; white-space: normal; line-height: 30px; position: relative; } #header .navbar-nav .nav-link:hover { color:#cf7649; } #header #menu-menu-glowne li.active a{ color: #cf7649; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color:transparent!important; } .navbar .navbar-toggler { border: 1px solid #ccc; width: 50px; height: 38px; outline: none; padding: .25rem .75rem; font-size: 0px; line-height: 1; } .navbar .navbar-toggler:focus{ outline: none; } .navbar .navbar-toggler .u1{ } .navbar .navbar-toggler .u2{ display: none; } .navbar .navbar-toggler[aria-expanded="false"] .u1 { display: none; transition: all 0.2s; } .navbar .navbar-toggler[aria-expanded="false"] .u2 { display: block!important; transition: all 0.2s; } .navbar .navbar-toggler[aria-expanded="true"] .u1 { display: block!important; transition: all 0.2s; } .navbar .navbar-toggler[aria-expanded="true"] .u2 { display: none; transition: all 0.2s; } #header { z-index: 12; width: 100%; background: #fff; border-bottom: 0px solid #eee; transition: all 0.2s; padding-top: 0px; margin-bottom: 30px; } #header .navbar-brand { margin-top: 45px; margin-bottom: 49px; margin-left: 0px; margin-right: 0px; } .fix-1 { position: fixed; width: 100%; z-index: 9888; } header { padding-bottom: 0px; } /*-------------------------------------------------------------- ## HEADER - stop --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## PODSTRONY - START --------------------------------------------------------------*/ .pas-tytul { background-color: #ccc; display: flex; justify-content: center; align-items: center; text-align: center; background-repeat: no-repeat; background-size: cover; min-height: 240px; overflow: hidden; } .pas-tytul h1 { margin-top: 0; margin-bottom:0; font-size: 36px; font-weight: 700; max-width: 1100px; margin-left: auto; margin-right: auto; padding-left: 60px; padding-right: 60px; color: #fff; } .flo { display: flex; justify-content: center; } .sekcja-g01 .box11 .img1 { } .sekcja-g01 .box11 .img1 img{ max-width: 100%; height: auto; } .sekcja-g01 .box11 .tresc1 { background-color: #4f4f52; margin:0 auto; text-align: center; min-height: 235px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .sekcja-g01 .box11 .tresc1 h3 { color: #fff; font-weight: 300; font-size: 22px; line-height: 29px; margin:0 auto; text-align: center; position: relative; margin-bottom: 20px; } .sekcja-g01 .box11 .tresc1 h3::before1 { content: ''; position: absolute; left: 50%; top:-35px; width: 115px; height: 3px; background-color: #cf7649; } .sekcja-g01 .box11 .tresc1 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 32px; } .sekcja-g01 .box22 { padding-top: 120px; padding-bottom: 80px; } .sekcja-g01 .box22 .tresc91 { max-width: 863px; margin:0 auto; } .sekcja-g01 .box22 .tresc91 h3 { color: #555; font-weight: 300; font-size: 16px; line-height: 28px; margin:0 auto; text-align: center; position: relative; margin-bottom: 20px; } .sekcja-g01 .box22 .tresc91 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 32px; } .sekcja-g01 .box33 { background-repeat: no-repeat; background-position: center center; background-size: cover; padding-top: 70px; padding-bottom: 50px; } .sekcja-g01 .box33 .tresc91 { max-width: 845px; margin:0 auto; } .sekcja-g01 .box33 .tresc91 h3 { color: #fff; font-weight: 300; font-size: 22px; line-height: 35px; margin:0 auto; text-align: center; position: relative; margin-bottom: 20px; } .sekcja-g01 .box33 .tresc91 h6 { width: 115px; height: 3px; background-color: #fff; margin:0 auto; text-align: center; margin-bottom: 32px; } .sekcja-g01 .box44 .tresc91 { max-width: 863px; margin:0 auto; padding-top: 100px; padding-bottom: 75px; } .sekcja-g01 .box44 .tresc91 h2 { color: #555; font-weight: 300; font-size: 30px; line-height: 50px; margin:0 auto; text-align: center; position: relative; margin-bottom: 3px; } .sekcja-g01 .box44 .tresc91 h4 { color: #555; font-weight: 300; font-size: 20px; line-height: 50px; margin:0 auto; text-align: center; margin-bottom: 32px; } .sekcja-g01 .box44 .tresc91 a { color: #555; } .sekcja-g01 .box44 .tresc91 a:hover { color: #cf7649; } .omnie { } .omnie .box11 { background-color: #4f4f52; text-align: center; } .omnie .box11 .img1 { } .omnie .box11 .img1 img{ max-width: 100%; height: auto; } .omnie .box11 .tresc1 { background-color: #4f4f52; margin:0 auto; text-align: center; min-height: 235px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .omnie .box11 h2 { font-size: 22px; font-weight: 300; color : #fff; line-height: 38px; text-align: center; } .omnie .box11 h4 { font-size: 22px; font-weight: 300; color : #fff; line-height: 36px; text-align: center; max-width: 920px; margin: 0 auto; } .omnie .box11 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 32px; text-align: center; } .omnie .box22 { padding-top: 120px; padding-bottom: 90px; } .omnie .box22 .tresc91 { max-width: 1001px; margin:0 auto; text-align: center; font-size: 16px; font-weight: 300; color: #555555; line-height: 28px; } .omnie .box22 .tresc91 p{ font-size: 16px; font-weight: 300; color: #555555; line-height: 28px; margin-bottom: 30px; } .omnie .box22 .tresc91 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 32px; text-align: center; } .omnie .box22 .tresc91 .alignnone { margin: 0px;} .omnie .box22 .tresc91 h5 { color: #cf7649; font-size: 24px; font-weight: 300; margin:0 auto; text-align: center; text-align: center; } .zwykla { color: color: #555555; } .zwykla .tytul12{ text-align: center; margin:0 auto; } .zwykla .tytul12 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 32px; text-align: center; } .zwykla h1 { color: #555555; } .zwykla h2 { color: #555555; font-size: 30px; } .zwykla h3 { color: #555555; font-size: 26px; } .zwykla h4 { color: #555555; font-size: 22px; } .zwykla h5 { color: #555555; font-size: 18px; } .zwykla b, .zwykla strong { font-weight: bold; } .zwykla a { color: #cf7649; display: inline-block; } .zwykla a:hover { color: #000; } .zwykla .box11 { background-color: #4f4f52; text-align: center; } .zwykla .box11 .img1 { } .zwykla .box11 .img1 img{ max-width: 100%; height: auto; } .zwykla .box11 .tresc1 { background-color: #4f4f52; margin:0 auto; text-align: center; min-height: 235px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .zwykla .box11 h2 { font-size: 22px; font-weight: 300; color : #fff; line-height: 38px; text-align: center; } .zwykla .box11 h4 { font-size: 22px; font-weight: 300; color : #fff; line-height: 36px; text-align: center; max-width: 920px; margin: 0 auto; } .zwykla .box11 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 32px; text-align: center; } .zwykla .box22 { padding-top: 50px; padding-bottom: 50px; } .zwykla .box22 .tresc91 { max-width: 1001px; margin:0 auto; text-align: center; font-size: 16px; font-weight: 300; color: #555555; line-height: 28px; } .zwykla .box22 .tresc91 p{ font-size: 16px; font-weight: 300; color: #555555; line-height: 28px; margin-bottom: 30px; } .zwykla .box22 .tresc91 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 32px; text-align: center; } .zwykla .box22 .tresc91 .alignnone1 { margin: 0px;} .zwykla .box22 .tresc91 h5 { color: #cf7649; font-size: 24px; font-weight: 300; margin:0 auto; text-align: center; text-align: center; } .zwykla .tresc blockquote { border: 1px solid #ccc; background-color: #eee; padding: 30px 30px; padding-bottom: 15px; } .oferta { } .oferta .box11 { background-color: #4f4f52; text-align: center; } .oferta .box11 .img1 { } .oferta .box11 .img1 img{ max-width: 100%; height: auto; } .oferta .box11 .tresc1 { background-color: #4f4f52; margin:0 auto; text-align: center; min-height: 235px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .oferta .box11 h2 { font-size: 22px; font-weight: 300; color : #fff; line-height: 38px; text-align: center; } .oferta .box11 h4 { font-size: 22px; font-weight: 300; color : #fff; line-height: 36px; text-align: center; max-width: 1111px; margin: 0 auto; } .oferta .box11 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 28px; text-align: center; } .oferta .box22 { padding-top: 60px; padding-bottom: 50px; background-color: #f3f4f4; margin-top: 100px; margin-bottom: 45px; } .oferta .box22 .tresc91 { max-width: 1001px; margin:0 auto; text-align: center; font-size: 16px; font-weight: 300; color: #555555; line-height: 28px; } .oferta .box22 .tresc91 p{ font-size: 16px; font-weight: 300; color: #555555; line-height: 28px; margin-bottom: 30px; } .oferta .box22 h2 { font-size: 30px; font-weight: 300; color: #555555; line-height: 28px; text-align: center; margin-bottom: 15px; } .oferta .box22 h4 { font-size: 18px; font-weight: 300; color: #555555; line-height: 34px; text-align: center; max-width: 790px; margin: 0 auto; } .oferta .box22 .tresc91 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 37px; text-align: center; } .oferta .box22 .tresc91 .alignnone { margin: 0px;} .oferta .box22 .tresc91 h5 { color: #cf7649; font-size: 24px; font-weight: 300; margin:0 auto; text-align: center; text-align: center; } .oferta .box33 .tresc911 .alignnone { } .oferta .box33 .tresc911 { border-bottom:1px solid #e7e7e8; padding-bottom: 75px; margin-bottom: 50px; margin-top: 30px; text-align: center; } .oferta .box33 .tresc911:last-of-type {border:0;} .oferta .box33 .tresc911 .img1 { display: inline-block; margin-right: 15px; } .oferta .box33 .tresc911 img { margin:auto; max-height: none; width: 75%; max-width: 100%; } .oferta .box33 .tresc911 h2 { color: #555555; font-size: 22px; font-weight: 400; line-height: 28px; margin:0 auto; text-align: center; display: inline-block; vertical-align: middle; } .oferta .box33 .tresc911 h4 { color: #555555; line-height: 28px; font-size: 16px; font-weight: 300; margin:0 auto; text-align: center; max-width: 940px; margin-top: 30px; } .oferta .box33 .tresc911 h5 { text-align: center; font-size: 16px; font-weight: 300; line-height: 28px; color: #555555; margin-bottom: 22px; margin-top: 50px; } .oferta .box33 .tresc911:last-of-type { margin-bottom: 0px; } .oferta .box33 .tresc911:last-of-type1 h2{ padding-top: 30px; } .oferta .box33 .tresc911 p { text-align: center; } .oferta .box33 .tresc911 > ul { list-style-image: url("/wp-content/uploads/2022/05/PUNKTOR1.png"); max-width: 1058px; margin:0 auto; } .oferta .box33 .tresc911 > ul > li { text-align: left; color: #555; font-size: 16px; font-weight: 300; line-height: 28px; margin-bottom: 50px; } .oferta .box44 .tresc91 { background: #f3f4f4; margin:auto; min-height: 235px; display: flex; justify-content: center; align-items: center; flex-direction: column ; } .oferta .box44 .tresc91 h2 { color: #555555; font-size: 30px; font-weight: 300; line-height: 28px; margin:0 auto; text-align: center; margin-bottom: 18px; } .oferta .box44 .tresc91 h4 { color: #555555; line-height: 28px; font-size: 16px; font-weight: 300; line-height: 28px; margin:0 auto; text-align: center; } .oferta .box44 .tresc91 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 37px; text-align: center; } .oferta .box55 .tresc91 { padding-top: 55px; padding-bottom: 30px; } .oferta .box55 .tresc91 h4 { color: #555555; line-height: 28px; font-size: 18px; font-weight: 300; line-height: 32px; margin:0 auto; text-align: center; } .oferta .box55 .tresc91 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 32px; text-align: center; } .oferta .box66 .tresc911 .alignnone { } .oferta .box66 .tresc911 { border-bottom:1px solid #e7e7e8; padding-bottom: 50px; margin-bottom: 50px; margin-top: 20px; text-align: center; padding-top: 10px; } .oferta .box66 .tresc911:last-of-type {border:0;} .oferta .box66 .tresc911 .img1 { display: inline-block; margin-right: 15px; } .oferta .box66 .tresc911 img { margin:auto; max-height: none; width: 75%; max-width: 100%; } .oferta .box66 .tresc911 h2 { color: #555555; font-size: 16px; font-weight: 400; line-height: 26px; margin:0 auto; text-align: center; display: inline-block; vertical-align: middle; } .oferta .box66 .tresc911 h4 { color: #555555; line-height: 28px; font-size: 16px; font-weight: 300; margin:0 auto; text-align: center; max-width: 1040px; margin-top: 30px; } .oferta .box66 .tresc911 h5 { text-align: center; font-size: 16px; font-weight: 300; line-height: 28px; color: #555555; margin-bottom: 22px; margin-top: 50px; } .oferta .box66 .tresc911:last-of-type { margin-bottom: 30px; } .oferta .box66 .tresc911 p { text-align: center; } .oferta .box66 .tresc911 > ul { list-style-image: url("/wp-content/uploads/2022/05/PUNKTOR1.png"); max-width: 1058px; margin:0 auto; } .oferta .box66 .tresc911 > ul > li { text-align: left; color: #555; font-size: 16px; font-weight: 300; line-height: 28px; margin-bottom: 50px; } .oferta .box77 .tresc91 { background: #c05d2c; margin:auto; min-height: 180px; display: flex; justify-content: center; align-items: center; flex-direction: column ; } .oferta .box77 .tresc91 h4 { color: #fff; line-height: 28px; font-size: 18px; font-weight: 300; line-height: 32px; margin:0 auto; text-align: center; } .oferta .box77 .tresc91 h6 { width: 115px; height: 3px; background-color: #fff; margin:0 auto; text-align: center; margin-bottom: 32px; text-align: center; } .oferta .box88 .tresc91 { padding-top: 70px; padding-bottom: 140px; } .oferta .box88 .tresc91 h4 { color: #fff; line-height: 28px; font-size: 18px; font-weight: 300; line-height: 32px; margin:0 auto; text-align: center; } .oferta .box88 .tresc91 h6 { width: 115px; height: 3px; background-color: #fff; margin:0 auto; text-align: center; margin-bottom: 32px; text-align: center; } .oferta .box88 .tresc91 > ul { max-width: 1130px; margin:0 auto; list-style: none; text-align: center; } .oferta .box88 .tresc91 > ul > li { position: relative; text-align: center; color: #555; font-size: 16px; font-weight: 300; line-height: 28px; margin-bottom: 28px; display: inline-block; } .oferta .box88 .tresc91 > ul > li::before { background: transparent url("/wp-content/uploads/2022/05/PUNKTOR1.png") scroll 0 0 no-repeat; content:""; width: 16px; height: 16px; position: relative; top:2px; display: inline-block; left:-16px; } .p-kontakt { } .p-kontakt .box11 { background-color: #4f4f52; text-align: center; } .p-kontakt .box11 .img1 { } .p-kontakt .box11 .img1 img{ max-width: 100%; height: auto; } .p-kontakt .box11 .tresc1 { background-color: #4f4f52; margin:0 auto; text-align: center; min-height: 235px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .p-kontakt .box11 h2 { font-size: 22px; font-weight: 300; color : #fff; line-height: 38px; text-align: center; } .p-kontakt .box11 h4 { font-size: 20px; font-weight: 300; color : #fff; line-height: 36px; text-align: center; max-width: 920px; margin: 0 auto; } .p-kontakt .box11 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 32px; text-align: center; } .p-kontakt .box22 { padding-top: 120px; padding-bottom: 160px; } .p-kontakt .box22 .tresc91 { max-width: 1001px; margin:0 auto; text-align: center; font-size: 16px; font-weight: 300; color: #555555; line-height: 28px; } .p-kontakt .box22 .tresc91 p{ font-size: 16px; font-weight: 300; color: #555555; line-height: 28px; margin-bottom: 30px; } .p-kontakt .box22 .tresc91 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 32px; text-align: center; } .p-kontakt .box22 .tresc91 .alignnone { margin: 0px;} .p-kontakt .box22 .tresc91 h3 { color: #555555; font-size: 22px; font-weight: 300; line-height: 30px; margin:0 auto; text-align: center; } .p-kontakt .box22 .formularz01 { margin-top:110px; } .p-kontakt .box22 .formularz01 .pad1 { padding-right: 25px; } .p-kontakt .box22 .formularz01 .pad1 label{ width: 100%; margin-bottom: 0px; } .p-kontakt .box22 .formularz01 .pad1 input{ border:1px solid #adafb1; border-radius: 0px; border-left:0px; border-top:0; border-right: 0px; font-size: 15px; font-weight: 300; color: #707070; padding-top: 6px; padding-bottom: 7px; padding-left: 8px; padding-right: 8px; width: 100%; } .p-kontakt .box22 .formularz01 .pad1 label:nth-of-type(1) input{ border-top:1px solid #adafb1; } .p-kontakt .box22 .formularz01 .pad2 label{ width: 100%; margin-bottom: 0px; } .p-kontakt .box22 .formularz01 .pad2 textarea{ border:1px solid #adafb1; border-radius: 0px; border-left:0px; border-right: 0px; font-size: 15px; font-weight: 300; color: #707070; padding-top: 6px; padding-bottom: 6px; padding-left: 8px; padding-right: 8px; width: 100%; max-height: 170px; } .p-kontakt .box22 .formularz01 .pad1 input:focus { border:0!important; border-bottom:1px solid #adafb1!important; outline: 0px; box-shadow: none; } .p-kontakt .box22 .formularz01 .pad1 label:nth-of-type(1) input:focus { border:0!important; border-bottom:1px solid #adafb1!important; border-top:1px solid #adafb1!important; outline: 0px; box-shadow: none; } .p-kontakt .box22 .formularz01 .pad2 textarea:focus { border:0!important; border-bottom:1px solid #adafb1!important; border-top:1px solid #adafb1!important; outline: 0px; box-shadow: none; } .p-kontakt .box22 .formularz01 .pad3 .wpcf7-list-item { font-size: 11px; font-weight: 300; color:#707070; line-height: 15px; margin-top: 25px; } .p-kontakt .box22 .formularz01 .pad3 .wpcf7-list-item input { border-radius: 0px; margin-right: 10px; display: inline-block; } .p-kontakt .box22 .formularz01 .pad3 .sub { margin: 0 auto; background: #cf7649; color: #fff; font-size: 14px; font-weight: 400; border:0px; padding: 8px 40px; margin-top: 50px; display: block; } .p-kontakt .box22 .formularz01 .pad3 .sub:disabled { opacity: 0.5; } .realizacje { padding-bottom: 230px; } .realizacje .box11 { background-color: #4f4f52; text-align: center; } .realizacje .box11 .img1 { } .realizacje .box11 .img1 img{ max-width: 100%; height: auto; } .realizacje .box11 .tresc1 { background-color: #4f4f52; margin:0 auto; text-align: center; min-height: 235px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .realizacje .box11 h2 { font-size: 22px; font-weight: 300; color : #fff; line-height: 38px; text-align: center; } .realizacje .box11 h4 { font-size: 22px; font-weight: 300; color : #fff; line-height: 36px; text-align: center; max-width: 920px; margin: 0 auto; } .realizacje .box11 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 32px; text-align: center; } .realizacje .box22 { padding-top: 125px; padding-bottom: 110px; } .realizacje .box22 .tresc91 { max-width: 1001px; margin:0 auto; text-align: center; font-size: 16px; font-weight: 300; color: #555555; line-height: 28px; } .realizacje .box22 .tresc91 p{ font-size: 16px; font-weight: 300; color: #555555; line-height: 28px; margin-bottom: 30px; } .realizacje .box22 .tresc91 h6 { width: 115px; height: 3px; background-color: #cf7649; margin:0 auto; text-align: center; margin-bottom: 32px; text-align: center; } .realizacje .box22 .tresc91 h3 { font-size: 30px; font-weight: 300; color: #555555; line-height: 30px; text-align: center; max-width: 920px; margin: 0 auto; } .realizacje .box33 { position: relative; overflow: hidden; background: #000; } .realizacje .box33 img { transition: all 0.2s; } .realizacje .box33:hover img{ transition: all 0.2s; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); opacity: 0.5; } .realizacje .box33 img { max-width: 100%; height: auto; } .realizacje .box33 .tresc91 { position: absolute; top:0px; left:0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 30px; text-align: center; transition: all 0.2s; } .realizacje .box33 .tresc91 { transition: all 0.2s; transform:scale(0.01); -webkit-transform:scale(0.01); -moz-transform:scale(0.01); -o-transform:scale(0.01); opacity: 0.01; } .realizacje .box33:hover .tresc91{ transition: all 0.2s; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); opacity: 1; } .realizacje .box33 .tresc91 h4{ font-size: 18px; font-weight: 400; color: #fff; line-height: 30px; margin-bottom: 16px; } .realizacje .box33 .tresc91 a{ font-size: 11px; font-weight: 400; color: #363636; line-height: 30px; padding: 6px 22px; background: #fff; margin-top: 8px; } .realizacje .box33 .tresc91 a:hover{ background: #cf7649; color: #fff; } .galeria { padding-bottom: 120px; } .galeria .box11 { position: relative; overflow: hidden; background: #000; } .galeria .box11 img { transition: all 0.2s; } .galeria .box11:hover img{ transition: all 0.2s; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); opacity: 0.7; } .galeria .box11 img { max-width: 100%; height: auto; } .galeria .box11 .tresc91 { position: absolute; top:0px; left:0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 30px; text-align: center; transition: all 0.2s; } .galeria .box11 .tresc91 h4{ font-size: 18px; font-weight: 400; color: #fff; line-height: 30px; margin-bottom: 0px; } .galeria .box11 .tresc91 a{ font-size: 11px; font-weight: 400; color: #363636; line-height: 30px; padding: 6px 22px; background: #fff; margin-top: 8px; } .galeria .box11 .tresc91 a:hover{ background: #cf7649; color: #fff; } .galeria .box11 .tresc91 { transition: all 0.2s; transform:scale(0.01); -webkit-transform:scale(0.01); -moz-transform:scale(0.01); -o-transform:scale(0.01); opacity: 0.01; pointer-events:none; } .galeria .box11:hover .tresc91{ transition: all 0.2s; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); opacity: 1; } .zwykla .nazwa35 h1 { color: #026575; font-size: 36px; font-weight: 700; display: block; line-height: 42px; position: relative; padding-top: 55px; margin-bottom: 72px; } .zwykla .nazwa35 h1::before { content: ''; position: absolute; left: 0; width: 40px; height: 4px; bottom:-30px;; background-color: #026575; } .zwykla .tresc { font-size: 22px; font-weight: 300; color: #575757; line-height: 40px; } .zwykla .tresc p{ margin-bottom: 40px; } .zwykla .tresc em{ font-weight: 600; color: #026575; font-style: normal; } .blog { } .blog .entry-content { margin-top: 0px; } .blog h1 { color: #cf7649; font-size: 36px; font-weight: 700; display: block; line-height: 42px; position: relative; padding-top: 0px; margin-bottom: 12px; } .blog h1::before { content: ''; position: absolute; left: 0; width: 40px; height: 4px; bottom:-80px; background-color: #cf7649; } .blog .data1 { color: #cf7649; font-size: 26px; font-weight: 400; } .blog .tresc { padding-top: 110px; font-size: 22px; font-weight: 300; color: #575757; line-height: 40px; } .blog .tresc p{ margin-bottom: 40px; } .blog .tresc em{ font-weight: 600; color: #cf7649; font-style: normal; } .akty{ padding-top: 0px; padding-bottom: 70px; } .akty .kafelki { padding-top: 25px; } .akty h1.title1{ text-align: center; } .akty a { color: #555; } .akty a:hover { color: #cf7649; } .akty h1.title1::before{ display: none; } .akty h3 {display: block; font-size: 18px; font-weight: 600; font-style: normal; } .akty h3 i {display: block; font-size: 14px; font-weight: 400; font-style: normal; } /*-------------------------------------------------------------- ## PODSTRONA - KONTAKT --------------------------------------------------------------*/ .akty{ padding-top: 0px; padding-bottom: 70px; } .akty .box-1 .image1{ width: 100%; height: 100%; display: inline-block; } .akty .box-1 img{max-width: 100%; height: auto; } .akty .box-2 { padding-left: 9px;} .akty .box-2 .data1 { display: none; } .akty hr{ width: 100%; border-top: 1px solid #ddd; margin-top: 35px; margin-bottom: 35px; } .akty .row hr:last-of-type{ opacity: 0.2; border-top: 0px solid red; display: none; } .akty .box-2 .more-link { background-color:#003e73; color:#fff; font-size: 18px; margin-top: 25px; font-weight: 600; padding: 14px 42px; display: inline-block; border-radius: 0; font-size: 18px; font-weight: 600; padding: 8px 24px; } .akty .box-2 .more-link:hover { background-color: #000; } .more-link1{ background-color: #00285c; color:#fff; font-size: 14.5px; margin-top: 40px; font-weight: 600; padding: 14px 42px; display: inline-block; } .more-link1:hover { background-color: #005596; color:#fff; } .akty .box-2 h3 { font-size:28px; color: #111; padding: 0; margin: 0; margin-bottom: 14px; font-weight: 600; line-height: 32px; text-transform: uppercase; } .akty .box-2 .data1 { font-size:18px; color: #005596; padding: 0; margin: 0; margin-bottom: 9px; font-weight: 400; line-height: 20px; text-transform: uppercase; } .akty .box-2 p{ font-size:16px; color: #333; padding: 0; margin: 0; margin-bottom: 0px; font-weight: 400; line-height: 25px; } .akty .pag1{ text-align: center; display: flex; justify-content: center; align-items: center; margin-top: 70px; margin-bottom: 120px; margin-top: 20px; margin-bottom: 10px; } .akty .pag1 p{ display: inline-block; font-size: 15px; font-weight: 400; margin: 0; padding: 0; padding-right: 10px; } .akty .pag1 ul{ text-align: center; text-decoration: none; list-style-type: none; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; } .akty .pag1 li{ text-align: center; text-decoration: none; display: inline-block; color:#fff; background: #555; min-width: 34px; min-height: 34px; display: flex; justify-content: center; align-items: center; white-space: nowrap; margin-left: 0px; margin-right: 0px; } .akty .pag1 li a{ display: flex; justify-content: center; min-width: 34px; min-height: 34px; align-items: center; white-space: nowrap; width: 100%; height: auto; background: #fff; color:#333; } .akty .pag1 li .next{ font-size: 0.00001px } .akty .pag1 li .next::before { font-size: 20px; font-family: FontAwesome; content: "\f105"; display: inline-block; padding-right: 3px; vertical-align: middle; } .akty .pag1 li .prev{ font-size: 0.00001px } .akty .pag1 li .prev::before { font-size: 20px; font-family: FontAwesome; content: "\f104"; display: inline-block; padding-right: 3px; vertical-align: middle; } .pos21 { padding-top: 25px; padding-bottom: 50px; } .breadcrumb { display: none!important; } /*-------------------------------------------------------------- ## PODSTRONA - OFERTA --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## STRONA GŁÓWNA - start --------------------------------------------------------------*/ h1{ font-size: 40px; font-weight: 600; } .but.btn{ border-radius: 0; font-size: 18px; font-weight: 600; padding: 8px 24px; } .edit-link { margin: 0 auto; text-align: center; display: flex; justify-content: center; align-items: center; } .edit-link a{ border-radius: 0; padding: 10px 30px; } header .pas-1 { padding: 0px; padding-top: 10px; } header .pas-1 .dane1a { } header .pas-1 .dane1b { text-align: right; margin-bottom: 7px; } header .pas-1 .dane1b a{ color: #575757; padding: 5px 5px; font-size: 22px; display: inline-block; padding: 5px 11px; } header .pas-1 .dane1b a:hover{ color: #026575; } header .pas-1 p{ margin-bottom: 0; } header .pas-1 p a{ color: #fff; } header .pas-1 p a:hover{ color: #a8d5fb; } /*-------------------------------------------------------------- ## FOOTER - Stopka - start --------------------------------------------------------------*/ .stopka { background-color: #4f4f52; color: #026575; padding-top: 0px; padding-bottom: 0px; background-repeat:no-repeat; background-size:cover; } .stopka .box5c { display: none; } .footer { padding-top: 100px; padding-bottom: 50px; } .footer .box { border-left:1px solid #fff; color: #fff; display: inline-block; vertical-align: top; font-size: 16px; line-height: 27px; font-weight: 400; margin-bottom: 30px; } .footer .box:nth-of-type(1){ border-left:0; } .footer .box p { margin-bottom: 0px; } .footer .box1c { max-width: 255px; height: 100%; min-height: 105px; padding-right: 60px; } .footer .box1c img{ max-width: 192px; height: auto; } .footer .box2c { max-width: 430px; height: 100%; min-height: 110px; padding-left: 60px; padding-right: 60px; } .footer .box3c { max-width: 290px; height: 100%; min-height: 110px; padding-left: 60px; padding-right: 60px; } .footer .box4c { max-width: 340px; height: 100%; min-height: 110px; padding-left: 60px; padding-right: 60px; } .footer .box5c { max-width: 200px; height: 100%; min-height: 110px; padding-left: 60px; } .footer .box5c a{ padding-left:10px; padding-right: 10px; } .footer a{ color:#eee; display: inline-block; } .footer a:hover{ color:#aaa;} .footer .box5c a{ font-size: 18px; font-weight: 400; padding: 3px 0px; padding-bottom: 4px; display: inline-block; } .footer .box5c a:hover{ color:#cf7649; } .footer-copyright { background: #026575; color: #999; font-size: 12px; font-weight: 400; border-top:1px solid #666; background-color: #4f4f52; } .footer-copyright .box-1 p{ padding-bottom: 16px; padding-top: 16px; margin-bottom: 0; font-weight: 400; text-align: left; } .footer-copyright .box-2 p{ padding-bottom: 16px; padding-top: 16px; margin-bottom: 0; font-weight: 400; text-align: center; } .footer-copyright .box-3 p{ padding-bottom: 16px; padding-top: 16px; margin-bottom: 0; font-weight: 400; text-align: right; } .footer-copyright a{ color: #999; font-size: 12px; font-weight: 400; } .footer-copyright a:hover{ color: #ccc; } .footer-copyright .up{ position: absolute; right: 0px; margin-bottom: 0px; margin-top: 20px; margin-bottom: 10px; top: 0px; } .footer-copyright .up a{ display: block; opacity: 0.99; transition: all 0.2s; } .footer-copyright .up a:hover{ display: block; opacity: 0.70; transition: all 0.2s; } .footer-copyright .up i{ border:0px solid #ccc; color:#fff; padding: 8px 11px; background-color: #4b86b9; font-size: 20px; display: flex; justify-content: center; align-items: center; border-radius: 0; width: 40px; height: 40px; } .footer-copyright .up i:hover{ opacity:0.7; } .footer-copyright .ikony-stop { text-align: center; display: flex; justify-content: center; align-items: center; padding-top: 25px; } .footer-copyright .ikony-stop a{ display: block; width: 30px; height: 30px; display: flex; border: 1px solid #fff; justify-content: center; align-items: center; margin-left: 3px; margin-right: 3px; float: left; } .footer-copyright .ikony-stop a:hover{ border: 1px solid #a8d5fb; } .w1550 { max-width: 1550px!important; } /*-------------------------------------------------------------- ## 4G - stop --------------------------------------------------------------*/ @media (min-width: 1699px) { } @media (max-width: 1500px) { .footer .box { padding-left: 40px; padding-right: 40px; } .footer .box5c { float: none;} } @media (max-width: 1360px) { .footer .box5c { float: none;} } @media (max-width: 1200px) { } @media (min-width: 1201px) and (max-width: 1699px) { } @media (max-width: 992px) { .footer .box{ border-left: 0; min-width: 46%; min-height: auto; } .footer-copyright .box-3 p { text-align: left; padding-top: 0px; } #header .navbar-nav .menu-item { padding-right: 10px; padding-left: 10px;} .sekcja-g01 .box11 .tresc1 { padding-left: 30px; padding-right: 30px;} .sekcja-g01 .box33 .tresc91 { padding-left: 30px; padding-right: 30px;} .omnie .box11 .tresc1 { padding-left: 30px; padding-right: 30px;} .omnie .box33 .tresc91 { padding-left: 30px; padding-right: 30px;} .zwykla .box11 .tresc1 { padding-left: 30px; padding-right: 30px;} .zwykla .box33 .tresc91 { padding-left: 30px; padding-right: 30px;} .realizacje .box11 .tresc1 { padding-left: 30px; padding-right: 30px;} .realizacje .box33 .tresc91 { padding-left: 30px; padding-right: 30px;} .p-kontakt .box11 .tresc1 { padding-left: 30px; padding-right: 30px;} .p-kontakt .box33 .tresc91 { padding-left: 30px; padding-right: 30px;} .oferta .box11 .tresc1 { padding-left: 30px; padding-right: 30px;} .oferta .box22 .tresc91 { padding-left: 30px; padding-right: 30px;} .oferta .box44 .tresc91 { padding-left: 30px; padding-right: 30px;} .oferta .box77 .tresc91 { padding-left: 30px; padding-right: 30px;} } @media (max-width: 768px) { .footer .box{ border-left: 0; padding-left: 0px; padding-right: 0px; max-width: 100%; min-width: 100%; min-height: auto; } header .pik { flex-direction: row; } header .navbar-brand { white-space: normal; } #header .navbar-brand { margin-top: 10px; margin-bottom: 10px; } #header { margin-bottom: 0px; } #header .navbar-brand img { height: 100px;} .sekcja-g01 .box11 .img1 { overflow: hidden; display: flex; justify-content: center; align-items: center; } .sekcja-g01 .box11 .img1 img { max-width: none; height: 250px; } .sekcja-g01 .box11 .tresc1 { padding-top: 20px; padding-bottom: 20px; } .sekcja-g01 .box22 { padding-top: 60px; padding-bottom: 40px;} .sekcja-g01 .box44 .tresc91 { padding-top: 50px; padding-bottom: 10px; } .omnie .box11 .img1 { overflow: hidden; display: flex; justify-content: center; align-items: center; } .omnie .box11 .img1 img { max-width: none; height: 250px; } .omnie .box11 .tresc1 { padding-top: 20px; padding-bottom: 20px; } .zwykla .box11 .img1 { overflow: hidden; display: flex; justify-content: center; align-items: center; } .zwykla .box11 .img1 img { max-width: none; height: 250px; } .zwykla .box11 .tresc1 { padding-top: 20px; padding-bottom: 20px; } .p-kontakt .box22 .formularz01 .pad2 { margin-top: -1px; } .p-kontakt .box11 .img1 { overflow: hidden; display: flex; justify-content: center; align-items: center; } .p-kontakt .box11 .img1 img { max-width: none; height: 250px; } .p-kontakt .box11 .tresc1 { padding-top: 20px; padding-bottom: 20px; } .p-kontakt .box22 .formularz01 .pad1 { padding-right: 15px; } .omnie .box22 { padding-top: 50px; padding-bottom: 70px; } .omnie .box22 .formularz01 { margin-top: 50px; } .omnie .box22 .formularz01 .pad3 .sub { padding: 8px 30px; margin-top: 20px; } .p-kontakt .box22 { padding-top: 50px; padding-bottom: 70px; } .p-kontakt .box22 .formularz01 { margin-top: 50px; } .p-kontakt .box22 .formularz01 .pad3 .sub { padding: 8px 30px; margin-top: 20px; } .realizacje .box11 .img1 { overflow: hidden; display: flex; justify-content: center; align-items: center; } .realizacje .box11 .img1 img { max-width: none; height: 250px; } .realizacje .box11 .tresc1 { padding-top: 20px; padding-bottom: 20px; } .realizacje { padding-bottom: 60px; } .realizacje .box22 { padding-top: 50px; padding-bottom: 50px; } .oferta .box11 .img1 { overflow: hidden; display: flex; justify-content: center; align-items: center; } .oferta .box11 .img1 img { max-width: none; height: 250px; } .oferta .box11 .tresc1 { padding-top: 20px; padding-bottom: 20px; } .oferta .box22 .tresc91 { padding-top: 20px; padding-bottom: 20px;} .oferta .box44 .tresc91 { padding-top: 20px; padding-bottom: 20px;} .oferta .box77 .tresc91 { padding-top: 20px; padding-bottom: 20px;} .oferta .box33 .tresc911 .img1 { margin-right: 0px; } .oferta .box33 .tresc911 h2 { display: block; vertical-align: middle; margin-top: 20px; } .oferta .box66 .tresc911 .img1 { margin-right: 0px; } .oferta .box66 .tresc911 h2 { display: block; vertical-align: middle; margin-top: 20px; } .realizacje .box33 { margin-left: 15px; margin-right: 15px; } } @media (max-width: 575.98px) { .oferta .box11 h4 { font-size: 18px; font-weight: 300; line-height: 28px; } .oferta .box55 .tresc91 h4 { font-size: 18px; font-weight: 300; line-height: 28px; } .oferta .box33 .tresc911 h2 { color: #555555; font-size: 18px; } .oferta .box22 h4 { font-size: 18px; font-weight: 300; line-height: 28px; } } @media (max-width: 400px) { .oferta .box44 .tresc91 h2 { font-size: 22px; } .oferta .box22 h2 { font-size: 22px; } }