header{width:100%}header nav{position:fixed;z-index:2;display:flex;justify-content:space-between;align-items:center;background-color:#101114;width:100%}header nav .logo{display:inline-block;width:190px;height:40px;margin:20px;background:url(images/seven-bridge-logo.png) center center/contain no-repeat}header nav .menu-icon{cursor:pointer;display:inline-block;padding:20px;position:relative;user-select:none}header nav .menu-icon .navicon{background:#fff;display:block;height:2px;position:relative;transition:background .2s ease-out;width:20px}header nav .menu-icon .navicon:before,header nav .menu-icon .navicon:after{background:#fff;content:'';display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}header nav .menu-icon .navicon:before{top:6px}header nav .menu-icon .navicon:after{top:-6px}header nav .menu-btn{display:none}header nav .menu-btn:checked ~ .menu{transform:scaleX(1);opacity:1}header nav .menu-btn:checked ~ .menu-icon .navicon{background:transparent}header nav .menu-btn:checked ~ .menu-icon .navicon:before{transform:rotate(-45deg)}header nav .menu-btn:checked ~ .menu-icon .navicon:after{transform:rotate(45deg)}header nav .menu-btn:checked ~ .menu-icon .navicon:before,header nav .menu-btn:checked ~ .menu-icon .navicon:after{top:0}header nav .menu{position:absolute;top:0;right:0;width:100%;height:100vh;margin-top:79px;padding:0 0 89px;background-color:#101114;list-style:none;overflow:scroll;transform-origin:0 0;transform:translateX(100%);transition:transform 0.5s ease-out}header nav .menu a{display:block;padding:20px;text-transform:uppercase;color:#fff;letter-spacing:1.2px}header nav .menu a.active,header nav .menu a:hover{color:#d51519}header nav .menu .submenu{margin-left:30px}@media (min-width: 1025px){header nav .menu-icon{display:none}header nav .menu{position:static;display:flex;justify-content:space-between;align-items:center;height:100%;max-width:922px;margin-top:0;transform:translateX(0);overflow:visible;padding:0}header nav .menu>li{position:relative}header nav .menu a{font-size:14px;font-weight:500;letter-spacing:1px;padding:10px}header nav .menu .submenu{margin:0;list-style:none;visibility:hidden;opacity:0;position:absolute;left:0;display:none;background-color:#101114;color:#fff}header nav .menu .submenu a{padding:15px;font-size:12px;font-weight:400}header nav .menu li:hover>.submenu,header nav .menu li:focus-within>.submenu,header nav .menu li .submenu:hover,header nav .menu li .submenu:focus{visibility:visible;opacity:1;display:block}}footer{width:100%;background-color:#fff}footer section{width:100%;color:#101114}footer section a{color:#101114}footer section#contact{width:100%;padding:50px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center}footer section#contact .contact-container .contact-box:not(:last-of-type){margin-bottom:20px}footer section#contact .contact-container .contact-box p,footer section#contact .contact-container .contact-box a{font-weight:300}footer section#contact .contact-container .contact-box p{width:100%;color:#101114}footer section#contact .contact-container .contact-box a{display:inline-block;width:100%}footer section#contact .contact-container .text-bold p,footer section#contact .contact-container .text-bold a{font-weight:500}footer section#contact #map{width:100%;height:300px;margin-top:40px}@media (min-width: 768px){footer section#contact{flex-direction:row;padding:100px 20px}footer section#contact #map{width:600px;height:300px;margin-top:0}}footer section#created-by{display:flex;justify-content:flex-end;padding:0 0 40px}footer section#created-by p{width:100%;text-align:center;font-size:10px;color:#101114;letter-spacing:.9px}@media (min-width: 768px){footer section#created-by p{font-size:12px}}#contact-section{display:flex;flex-direction:column;background-color:#101114;color:#e3e3e3}#contact-section .contact-image{background:url(images/kontakt.jpg) left center/cover no-repeat;width:100%;height:300px}#contact-section .contact-container{width:100%;padding:40px}#contact-section .contact-container h3{margin-bottom:20px}#contact-section .contact-container form{width:100%;display:flex;flex-wrap:wrap}#contact-section .contact-container form .form-row{display:flex;flex-direction:column;width:100%}#contact-section .contact-container form .form-row:not(:last-child){margin-bottom:15px}#contact-section .contact-container form .form-row.half{width:calc(50% - 10px);margin-right:20px}#contact-section .contact-container form .form-row.margin-r-0{margin-right:0}#contact-section .contact-container form .form-row label.checkbox-container{position:relative;margin-bottom:38px}#contact-section .contact-container form .form-row label.checkbox-container input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;outline:none}#contact-section .contact-container form .form-row label.checkbox-container input[type=checkbox]:checked ~ .checkbox-custom{background-color:#e3e3e3;-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);opacity:1;border:2px solid #e3e3e3}#contact-section .contact-container form .form-row label.checkbox-container input[type=checkbox]:checked ~ .checkbox-custom::after{-webkit-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);transform:rotate(45deg) scale(1);opacity:1;left:7px;top:0;width:5px;height:14px;border:solid #101114;border-width:0 1px 1px 0;background-color:transparent}#contact-section .contact-container form .form-row label.checkbox-container .checkbox-custom{position:absolute;top:0;left:0;height:24px;width:24px;cursor:pointer;background-color:transparent;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;border:2px solid #e3e3e3}#contact-section .contact-container form .form-row label.checkbox-container .checkbox-custom::after{position:absolute;content:"";left:12px;top:12px;height:0;width:0;border:solid #e3e3e3;border-width:0 3px 3px 0;-webkit-transform:rotate(0deg) scale(0);-ms-transform:rotate(0deg) scale(0);transform:rotate(0deg) scale(0);opacity:1;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out}#contact-section .contact-container form .form-row label.checkbox-container .checkbox-info{position:absolute;left:32px;font-size:11px}#contact-section .contact-container form .form-row label{margin-bottom:5px;font-size:18px}#contact-section .contact-container form .form-row input[type=text],#contact-section .contact-container form .form-row input[type=email],#contact-section .contact-container form .form-row input[type=tel],#contact-section .contact-container form .form-row select{border:2px solid #e3e3e3;height:35px;padding:0 10px;font-size:14px;outline:none;background-color:transparent;color:#e3e3e3}#contact-section .contact-container form .form-row input[type=text].error,#contact-section .contact-container form .form-row input[type=email].error,#contact-section .contact-container form .form-row input[type=tel].error,#contact-section .contact-container form .form-row select.error{border-color:#E01546}#contact-section .contact-container form .form-row button{margin:0 auto;width:100%;max-width:150px;height:35px;background-color:#e3e3e3;color:#101114;font-size:16px;cursor:pointer;border:none;outline:none}#contact-section .contact-container form .form-row button:hover{border:2px solid #e3e3e3;background-color:transparent;color:#e3e3e3}#contact-section .contact-container form .form-row button.disabled{background-color:#858585;color:#101114;cursor:default;border:none}#contact-section .contact-container form .form-row button.disabled:hover{border:none;background-color:#858585}#contact-section .contact-container form .form-row div.error{color:#E01546;margin:5px 0 0;font-size:0.8rem}#contact-section .contact-container form div#response-message{display:none;width:100%;margin-bottom:20px;padding:15px;background-color:#53a66c;color:#101114;font-size:15px;text-align:center}#contact-section .contact-container form div#response-message.error{background-color:#cf5b57}@media (min-width: 769px){#contact-section{flex-direction:row}#contact-section .contact-image{width:40%;height:auto}#contact-section .contact-container{width:60%}}@media (min-width: 1433px){#contact-section .contact-container form .checkbox-info{top:5px}}@media (max-width: 500px){#contact-section .contact-container form .form-row.half{width:100%;margin-right:0}}main#building-company,main#turnkey-apartments,main#architect-office,main#contact-main{padding-top:80px}main#building-company #title,main#turnkey-apartments #title,main#architect-office #title,main#contact-main #title{background-color:#fff;color:#101114}main#building-company #title .text,main#turnkey-apartments #title .text,main#architect-office #title .text,main#contact-main #title .text{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}main#building-company #title .text h1,main#turnkey-apartments #title .text h1,main#architect-office #title .text h1,main#contact-main #title .text h1{text-align:center}main#building-company #title .text p,main#turnkey-apartments #title .text p,main#architect-office #title .text p,main#contact-main #title .text p{margin-top:40px;font-size:1em;font-weight:300;line-height:1.4em;text-align:center}main#building-company #title .text ul,main#turnkey-apartments #title .text ul,main#architect-office #title .text ul,main#contact-main #title .text ul{margin:20px 0 0 20px}main#building-company #title .text ul li,main#turnkey-apartments #title .text ul li,main#architect-office #title .text ul li,main#contact-main #title .text ul li{padding:5px 0;line-height:1.4em}main#building-company #title .image,main#turnkey-apartments #title .image,main#architect-office #title .image,main#contact-main #title .image{width:100%;height:500px;background:center center/cover no-repeat}main#building-company #title .image.mpk-main-image-1,main#turnkey-apartments #title .image.mpk-main-image-1,main#architect-office #title .image.mpk-main-image-1,main#contact-main #title .image.mpk-main-image-1{background-image:url(images/mpk-informacje-ogolne-main.jpg)}main#building-company #title .image.main-image-2,main#turnkey-apartments #title .image.main-image-2,main#architect-office #title .image.main-image-2,main#contact-main #title .image.main-image-2{background-image:url(images/mpk-crm-main.jpg)}main#building-company #title .image.main-image-3,main#turnkey-apartments #title .image.main-image-3,main#architect-office #title .image.main-image-3,main#contact-main #title .image.main-image-3{background-image:url(images/mpk-zlecenia-main.jpg)}main#building-company #title .image.main-image-4,main#turnkey-apartments #title .image.main-image-4,main#architect-office #title .image.main-image-4,main#contact-main #title .image.main-image-4{background-image:url(images/mpk-protokol-main.jpg)}main#building-company #title .image.main-image-5,main#turnkey-apartments #title .image.main-image-5,main#architect-office #title .image.main-image-5,main#contact-main #title .image.main-image-5{background-image:url(images/mpk-dostawy-main.jpg)}main#building-company #title .image.main-image-6,main#turnkey-apartments #title .image.main-image-6,main#architect-office #title .image.main-image-6,main#contact-main #title .image.main-image-6{background:url(images/mpk-reklamacje-main.jpg) right center/cover no-repeat}main#building-company #title .image.fb-main-image-1,main#turnkey-apartments #title .image.fb-main-image-1,main#architect-office #title .image.fb-main-image-1,main#contact-main #title .image.fb-main-image-1{background:url(images/firmy-budowlane-large.jpg) top center/cover no-repeat}main#building-company #title .image.fb-main-image-2,main#turnkey-apartments #title .image.fb-main-image-2,main#architect-office #title .image.fb-main-image-2,main#contact-main #title .image.fb-main-image-2{background:url(images/fb-budzetowanie.jpg) right center/cover no-repeat}main#building-company #title .image.fb-main-image-3,main#turnkey-apartments #title .image.fb-main-image-3,main#architect-office #title .image.fb-main-image-3,main#contact-main #title .image.fb-main-image-3{background-image:url(images/fb-kontrakt.jpg)}main#building-company #title .image.fb-main-image-4,main#turnkey-apartments #title .image.fb-main-image-4,main#architect-office #title .image.fb-main-image-4,main#contact-main #title .image.fb-main-image-4{background-image:url(images/fb-planowanie-kontrakt-main.jpg)}main#building-company #title .image.ba-main-image-1,main#turnkey-apartments #title .image.ba-main-image-1,main#architect-office #title .image.ba-main-image-1,main#contact-main #title .image.ba-main-image-1{background:url(images/biura-architektoniczne-large.jpg) top center/cover no-repeat}main#building-company #title .image.contact-main-image-1,main#turnkey-apartments #title .image.contact-main-image-1,main#architect-office #title .image.contact-main-image-1,main#contact-main #title .image.contact-main-image-1{background:url(images/kontakt-main-large.jpg) top center/cover no-repeat}main#building-company #section-1,main#turnkey-apartments #section-1,main#architect-office #section-1,main#contact-main #section-1{background-color:#101114;color:#e3e3e3;padding:40px 20px}main#building-company #section-1 .text-container,main#turnkey-apartments #section-1 .text-container,main#architect-office #section-1 .text-container,main#contact-main #section-1 .text-container{margin:0 auto}main#building-company #section-1 .text-container ul,main#turnkey-apartments #section-1 .text-container ul,main#architect-office #section-1 .text-container ul,main#contact-main #section-1 .text-container ul{margin-left:20px}main#building-company #section-1 .text-container ul li,main#turnkey-apartments #section-1 .text-container ul li,main#architect-office #section-1 .text-container ul li,main#contact-main #section-1 .text-container ul li{padding:10px 0;line-height:1.4em}main#building-company #section-2,main#turnkey-apartments #section-2,main#architect-office #section-2,main#contact-main #section-2{background-color:#fff;padding:40px 20px}main#building-company #section-2 h2,main#turnkey-apartments #section-2 h2,main#architect-office #section-2 h2,main#contact-main #section-2 h2{text-align:center;padding:0 20px}main#building-company #section-2 .image,main#turnkey-apartments #section-2 .image,main#architect-office #section-2 .image,main#contact-main #section-2 .image{width:100%;height:74px;margin:40px auto}main#building-company #section-2 .image.img-mpk,main#turnkey-apartments #section-2 .image.img-mpk,main#architect-office #section-2 .image.img-mpk,main#contact-main #section-2 .image.img-mpk{background:url(images/mpk-zlecenia-graf.png) center center/contain no-repeat}main#building-company #section-2 .image.img-ba,main#turnkey-apartments #section-2 .image.img-ba,main#architect-office #section-2 .image.img-ba,main#contact-main #section-2 .image.img-ba{background:url(images/ba-protokol-graf.png) center center/contain no-repeat}main#building-company #section-2 .cards-container,main#turnkey-apartments #section-2 .cards-container,main#architect-office #section-2 .cards-container,main#contact-main #section-2 .cards-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;max-width:960px;margin:0 auto}main#building-company #section-2 .cards-container .card,main#turnkey-apartments #section-2 .cards-container .card,main#architect-office #section-2 .cards-container .card,main#contact-main #section-2 .cards-container .card{width:100%;max-width:300px;margin:20px 10px;padding:20px;background-color:#fff;box-shadow:0 6px 20px rgba(0,0,0,0.08)}main#building-company #section-2 .cards-container .card h3,main#turnkey-apartments #section-2 .cards-container .card h3,main#architect-office #section-2 .cards-container .card h3,main#contact-main #section-2 .cards-container .card h3{text-align:left;padding-bottom:20px}main#building-company #section-2 .cards-container .card h3.p-t-20,main#turnkey-apartments #section-2 .cards-container .card h3.p-t-20,main#architect-office #section-2 .cards-container .card h3.p-t-20,main#contact-main #section-2 .cards-container .card h3.p-t-20{padding-top:20px}main#building-company #section-2 .cards-container .card ul,main#turnkey-apartments #section-2 .cards-container .card ul,main#architect-office #section-2 .cards-container .card ul,main#contact-main #section-2 .cards-container .card ul{margin-left:20px}main#building-company #section-2 .cards-container .card ul li,main#turnkey-apartments #section-2 .cards-container .card ul li,main#architect-office #section-2 .cards-container .card ul li,main#contact-main #section-2 .cards-container .card ul li{line-height:1.4em}main#building-company #section-2 .cards-container .card ul li:not(:last-of-type),main#turnkey-apartments #section-2 .cards-container .card ul li:not(:last-of-type),main#architect-office #section-2 .cards-container .card ul li:not(:last-of-type),main#contact-main #section-2 .cards-container .card ul li:not(:last-of-type){padding:0 20px 10px 0}main#building-company #section-3,main#turnkey-apartments #section-3,main#architect-office #section-3,main#contact-main #section-3{background-color:#fff;padding:20px 10px}main#building-company #section-3 h2,main#turnkey-apartments #section-3 h2,main#architect-office #section-3 h2,main#contact-main #section-3 h2{text-align:center;padding:0 20px 20px}main#building-company #section-3 .cards-row,main#turnkey-apartments #section-3 .cards-row,main#architect-office #section-3 .cards-row,main#contact-main #section-3 .cards-row{display:flex;flex-wrap:wrap;justify-content:center;max-width:940px;margin:0 auto}main#building-company #section-3 .cards-row .card,main#turnkey-apartments #section-3 .cards-row .card,main#architect-office #section-3 .cards-row .card,main#contact-main #section-3 .cards-row .card{width:100%;max-width:450px;padding:40px 10px;border-bottom:1px solid #bec1cb}main#building-company #section-3 .cards-row .card h3,main#turnkey-apartments #section-3 .cards-row .card h3,main#architect-office #section-3 .cards-row .card h3,main#contact-main #section-3 .cards-row .card h3{text-align:left;padding-bottom:20px}main#building-company #section-3 .cards-row .card p,main#turnkey-apartments #section-3 .cards-row .card p,main#architect-office #section-3 .cards-row .card p,main#contact-main #section-3 .cards-row .card p{line-height:1.4em}main#building-company #section-3 .cards-row .card p:not(:last-of-type),main#turnkey-apartments #section-3 .cards-row .card p:not(:last-of-type),main#architect-office #section-3 .cards-row .card p:not(:last-of-type),main#contact-main #section-3 .cards-row .card p:not(:last-of-type){margin-bottom:10px}main#building-company #section-3 .cards-row .card ul,main#turnkey-apartments #section-3 .cards-row .card ul,main#architect-office #section-3 .cards-row .card ul,main#contact-main #section-3 .cards-row .card ul{margin:10px 0 0 20px}main#building-company #section-3 .cards-row .card ul li,main#turnkey-apartments #section-3 .cards-row .card ul li,main#architect-office #section-3 .cards-row .card ul li,main#contact-main #section-3 .cards-row .card ul li{line-height:1.4em}main#building-company #section-3 .cards-row .card ul li:not(:last-of-type),main#turnkey-apartments #section-3 .cards-row .card ul li:not(:last-of-type),main#architect-office #section-3 .cards-row .card ul li:not(:last-of-type),main#contact-main #section-3 .cards-row .card ul li:not(:last-of-type){margin-bottom:10px}main#building-company #section-3 .cards-row .card a,main#turnkey-apartments #section-3 .cards-row .card a,main#architect-office #section-3 .cards-row .card a,main#contact-main #section-3 .cards-row .card a{display:block;text-decoration:none;margin-top:20px;padding:5px 20px;text-transform:uppercase;text-align:center;border:1px solid #101114;color:#101114}main#building-company #section-3 .cards-row .card a:hover,main#turnkey-apartments #section-3 .cards-row .card a:hover,main#architect-office #section-3 .cards-row .card a:hover,main#contact-main #section-3 .cards-row .card a:hover{background-color:#101114;color:#fff}main#building-company #section-3 .cards-row .card .image-bg,main#turnkey-apartments #section-3 .cards-row .card .image-bg,main#architect-office #section-3 .cards-row .card .image-bg,main#contact-main #section-3 .cards-row .card .image-bg{height:250px}main#building-company #section-3 .cards-row .card .image-bg.card-img-1,main#turnkey-apartments #section-3 .cards-row .card .image-bg.card-img-1,main#architect-office #section-3 .cards-row .card .image-bg.card-img-1,main#contact-main #section-3 .cards-row .card .image-bg.card-img-1{background:url(images/mpk-card-pic-1.jpg) center center/cover no-repeat}main#building-company #section-3 .cards-row .card .image-bg.card-img-2,main#turnkey-apartments #section-3 .cards-row .card .image-bg.card-img-2,main#architect-office #section-3 .cards-row .card .image-bg.card-img-2,main#contact-main #section-3 .cards-row .card .image-bg.card-img-2{background:url(images/konwersacja.jpg) center center/cover no-repeat}main#building-company #section-3 .cards-row .card .image-bg.card-img-3,main#turnkey-apartments #section-3 .cards-row .card .image-bg.card-img-3,main#architect-office #section-3 .cards-row .card .image-bg.card-img-3,main#contact-main #section-3 .cards-row .card .image-bg.card-img-3{background:url(images/mpk-crm-main.jpg) center center/cover no-repeat}main#building-company #section-3 .cards-row .card .image-bg.card-img-4,main#turnkey-apartments #section-3 .cards-row .card .image-bg.card-img-4,main#architect-office #section-3 .cards-row .card .image-bg.card-img-4,main#contact-main #section-3 .cards-row .card .image-bg.card-img-4{background:url(images/mieszkania-pod-klucz-medium.jpg) center center/cover no-repeat}main#building-company #section-3 .cards-row .card .image-bg.card-img-5,main#turnkey-apartments #section-3 .cards-row .card .image-bg.card-img-5,main#architect-office #section-3 .cards-row .card .image-bg.card-img-5,main#contact-main #section-3 .cards-row .card .image-bg.card-img-5{background:url(images/biura-architektoniczne-small.jpg) center center/cover no-repeat}main#building-company #section-3 .cards-row .card .image-bg.card-img-6,main#turnkey-apartments #section-3 .cards-row .card .image-bg.card-img-6,main#architect-office #section-3 .cards-row .card .image-bg.card-img-6,main#contact-main #section-3 .cards-row .card .image-bg.card-img-6{background:url(images/firmy-budowlane-medium.jpg) center center/cover no-repeat}main#building-company #section-3 .cards-row .card .image-bg.card-img-7,main#turnkey-apartments #section-3 .cards-row .card .image-bg.card-img-7,main#architect-office #section-3 .cards-row .card .image-bg.card-img-7,main#contact-main #section-3 .cards-row .card .image-bg.card-img-7{background:url(images/biura-architektoniczne-medium.jpg) center center/cover no-repeat}@media (min-width: 500px){main#building-company #title .text,main#turnkey-apartments #title .text,main#architect-office #title .text,main#contact-main #title .text{padding:40px}main#building-company #section-1,main#turnkey-apartments #section-1,main#architect-office #section-1,main#contact-main #section-1{padding:40px}main#building-company #section-3 .cards-row a,main#turnkey-apartments #section-3 .cards-row a,main#architect-office #section-3 .cards-row a,main#contact-main #section-3 .cards-row a{width:100px}}@media (min-width: 680px){main#building-company #section-2 .card,main#turnkey-apartments #section-2 .card,main#architect-office #section-2 .card,main#contact-main #section-2 .card{height:700px}main#building-company #section-2 .card.longer,main#turnkey-apartments #section-2 .card.longer,main#architect-office #section-2 .card.longer,main#contact-main #section-2 .card.longer{height:1200px}}@media (min-width: 768px){main#building-company #title,main#turnkey-apartments #title,main#architect-office #title,main#contact-main #title{display:flex;flex-direction:row-reverse;align-items:center}main#building-company #title .text,main#turnkey-apartments #title .text,main#architect-office #title .text,main#contact-main #title .text{width:60%}main#building-company #title .image,main#turnkey-apartments #title .image,main#architect-office #title .image,main#contact-main #title .image{width:40%;height:400px}main#building-company #title .image.fb-main-image-1,main#building-company #title .image.ba-main-image-1,main#turnkey-apartments #title .image.fb-main-image-1,main#turnkey-apartments #title .image.ba-main-image-1,main#architect-office #title .image.fb-main-image-1,main#architect-office #title .image.ba-main-image-1,main#contact-main #title .image.fb-main-image-1,main#contact-main #title .image.ba-main-image-1{height:530px}main#building-company #section-1,main#turnkey-apartments #section-1,main#architect-office #section-1,main#contact-main #section-1{display:flex}main#building-company #section-1 .image,main#turnkey-apartments #section-1 .image,main#architect-office #section-1 .image,main#contact-main #section-1 .image{height:auto}main#building-company #section-2,main#turnkey-apartments #section-2,main#architect-office #section-2,main#contact-main #section-2{padding:60px 20px}main#building-company #section-3,main#turnkey-apartments #section-3,main#architect-office #section-3,main#contact-main #section-3{padding:60px 0}main#building-company #section-3 h2,main#turnkey-apartments #section-3 h2,main#architect-office #section-3 h2,main#contact-main #section-3 h2{padding-bottom:40px}}@media (min-width: 1025px){main#building-company #title .text,main#turnkey-apartments #title .text,main#architect-office #title .text,main#contact-main #title .text{width:40%}main#building-company #title .image,main#turnkey-apartments #title .image,main#architect-office #title .image,main#contact-main #title .image{width:60%}main#building-company #section-1,main#turnkey-apartments #section-1,main#architect-office #section-1,main#contact-main #section-1{padding:40px 0}main#building-company #section-1 .text-container,main#turnkey-apartments #section-1 .text-container,main#architect-office #section-1 .text-container,main#contact-main #section-1 .text-container{max-width:900px}}main#building-company #section-2 .cards-container{max-width:1280px}@media (min-width: 680px){main#building-company #section-2 .card{height:310px}}main#construction-planning{background-color:#fff}main#construction-planning #title{padding:120px 20px 0;margin-bottom:40px}main#construction-planning #title p{font-size:16px;font-weight:400;text-transform:uppercase;margin-bottom:10px}main#construction-planning #section-1 .text-container{padding:60px 20px}main#construction-planning #section-1 .text-container h3{text-align:left;margin-bottom:20px}main#construction-planning #section-1 .text-container p{line-height:1.4em}main#construction-planning #section-1 .color{background-color:#e3e3e3}@media (min-width: 500px){main#construction-planning #title{padding:120px 40px 0}main#construction-planning #section-1 .text-container{padding:60px 40px}}@media (min-width: 768px){main#construction-planning #title{padding:120px 100px 0}main#construction-planning #section-1{padding:0 60px 60px}main#construction-planning #section-1 .text-container{padding:60px 40px}main#construction-planning #section-1 .color{box-shadow:0 6px 20px rgba(0,0,0,0.1)}}@media (min-width: 1025px){main#construction-planning #title{padding:150px 40px 50px;margin:0 auto;max-width:1000px}main#construction-planning #section-1{padding:0 100px 100px}main#construction-planning #section-1 .row{margin:50px auto;max-width:1000px;display:flex;justify-content:flex-start}main#construction-planning #section-1 .row .text-container{max-width:600px}main#construction-planning #section-1 .row .color{box-shadow:0 6px 20px rgba(0,0,0,0.1)}main#construction-planning #section-1 .right{justify-content:flex-end}}main .section-with-text{background-color:#fff;padding:20px 10px 0}main .section-with-text .text-container{max-width:450px;margin:0 auto;padding:40px 10px 0}main .section-with-text .text-container ul{margin:10px 0 0 20px}main .section-with-text .text-container ul li{line-height:1.4em}main .section-with-text .text-container ul li:not(:last-of-type){margin-bottom:10px}main .section-with-cards{background-color:#fff;padding:20px 10px}main .section-with-cards .cards-row{display:flex;flex-wrap:wrap;justify-content:center;max-width:940px;margin:0 auto}main .section-with-cards .cards-row.flex-wrap-reverse{flex-wrap:wrap-reverse}main .section-with-cards .cards-row .card{width:100%;max-width:450px;padding:40px 10px;border-bottom:1px solid #bec1cb}main .section-with-cards .cards-row .card.border-none{border:none}main .section-with-cards .cards-row .card h3{text-align:left;padding-bottom:20px}main .section-with-cards .cards-row .card p{line-height:1.4em}main .section-with-cards .cards-row .card p:not(:last-of-type){margin-bottom:10px}main .section-with-cards .cards-row .card ul{margin:10px 0 0 20px}main .section-with-cards .cards-row .card ul li{line-height:1.4em}main .section-with-cards .cards-row .card ul li:not(:last-of-type){margin-bottom:10px}main .section-with-cards .cards-row .card a{display:block;text-decoration:none;margin-top:20px;padding:5px 20px;text-transform:uppercase;text-align:center;border:1px solid #101114;color:#101114}main .section-with-cards .cards-row .card a:hover{background-color:#101114;color:#fff}main .section-with-cards .cards-row .card .image-bg{height:250px}main .section-with-cards .cards-row .card .image-bg.ba-card-img-1{background:url(images/ba-card-pic-1.jpg) center center/cover no-repeat}main .section-with-cards .cards-row .card .image-bg.ba-card-img-2{background:url(images/biura-architektoniczne-small.jpg) center center/cover no-repeat}main .section-with-cards .cards-row .card .image-bg.ba-card-img-3{background:url(images/ba-card-pic-2.jpg) center center/cover no-repeat}main .section-with-cards .cards-row .card .image-bg.ba-card-img-4{background:url(images/ba-card-pic-3.jpg) center center/cover no-repeat}main .section-with-cards .cards-row .card .image-bg.ba-card-img-5{background:url(images/dokumenty-papierowe.jpg) center center/cover no-repeat}main .section-with-columns{background-color:#fff;padding:20px 10px}main .section-with-columns .columns-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-column-gap:20px;grid-row-gap:40px;max-width:960px;margin:0 auto;list-style:none;padding:40px 10px}main .section-with-columns .columns-container .column{width:100%;background-color:#fff;box-shadow:0 6px 20px rgba(0,0,0,0.08)}main .section-with-columns .columns-container .column .column-title{background-color:#3b3a38;color:#e3e3e3;text-align:center;padding:15px 0}main .section-with-columns .columns-container .column .column-subtitle{padding:20px;font-size:16px;font-weight:500;text-transform:uppercase;text-align:center}main .section-with-columns .columns-container .column .column-content{padding:0 20px 20px}main .section-with-columns .columns-container .column .column-content.pb-0{padding-bottom:0}main .section-with-columns .columns-container .column .column-content p{line-height:1.4em}main .section-with-columns .columns-container .column .column-content .mb-10{margin-bottom:10px}main .section-with-columns .columns-container .column .column-content ul{margin-left:20px}main .section-with-columns .columns-container .column .column-content ul li{line-height:1.4em}main .section-with-columns .columns-container .column .column-content ul li:not(:last-of-type){padding:0 20px 10px 0}@media (min-width: 500px){main .section-with-cards .cards-row a{width:100px}}@media (min-width: 660px){main .section-with-columns .columns-container{grid-auto-rows:1fr}}@media (min-width: 768px){main #title{display:flex;flex-direction:row-reverse;align-items:center}main #title .text{width:60%}main #title .image{width:40%;height:400px}main #title .image.fb-main-image-1,main #title .image.ba-main-image-1{height:530px}main .section-with-text{padding:60px 0 0}main .section-with-cards{padding:60px 0}main .section-with-cards h2{padding-bottom:40px}main .section-with-columns{padding:60px 0}}@media (min-width: 900px){main .section-with-text .text-container{max-width:900px}}@media (min-width: 1025px){main #title .text{width:40%}main #title .image{width:60%}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Roboto', Arial, sans-serif;background-color:#e3e3e3;color:#101114}h1{text-transform:uppercase;letter-spacing:1.5px;font-weight:400;font-size:2.1em}h2{text-transform:uppercase;letter-spacing:1.5px;font-weight:400;font-size:1.8em}h3{text-transform:uppercase;letter-spacing:1.5px;font-weight:400;font-size:1.5em}p,li{font-weight:300}a{text-decoration:none}main#main-page{padding-top:80px;background-color:#fff}main#main-page #main-title{height:524px;background:url(images/title.jpeg) center center/cover no-repeat;display:flex;justify-content:center;align-items:center}main#main-page #main-title .title-container{color:#101114;text-transform:uppercase;text-align:center;font-size:20px;background-color:rgba(255,255,255,0.6);width:100%;padding:40px}main#main-page #main-title .title-container p{font-size:26px;font-weight:500}main#main-page #main-title .title-container p:not(:last-of-type){margin-bottom:10px}main#main-page #main-title .title-container .bigger{font-size:30px}main#main-page #cards{background-color:#fff;color:#101114;padding:40px 0}main#main-page #cards h2{font-size:20px;font-weight:500;text-align:center;padding:0 10px}main#main-page #cards h3{font-size:15px;font-weight:500;text-align:center;padding:20px 20px 5px}main#main-page #cards .sub-title{font-size:15px;font-weight:500;text-align:center;padding:0 20px 10px}main#main-page #cards .cards-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;margin:0 auto}main#main-page #cards .cards-container .card{position:relative;width:100%;max-width:300px;height:850px;margin:20px 10px;padding:0 0 30px;background-color:#fff;box-shadow:0 6px 20px rgba(0,0,0,0.08)}main#main-page #cards .cards-container .card .title{display:flex;align-items:center;justify-content:center;height:120px;width:100%}main#main-page #cards .cards-container .card ul{margin-left:32px}main#main-page #cards .cards-container .card ul li{line-height:1.4em;padding:0 20px 10px 0}main#main-page #cards .cards-container .card .more-info{position:absolute;bottom:30px;right:25px}main#main-page #cards .cards-container .card .more-info .link{background-color:transparent;color:#101114;border:1px solid #101114;border-radius:5px;padding:5px 10px;font-weight:300}main#main-page #cards .cards-container .card .more-info .link:hover{background-color:#101114;color:#e3e3e3}main#main-page #cards .cards-container .card .image{width:100%;height:200px}main#main-page #cards .cards-container .card .image-1{background:url(images/firmy-budowlane-small.jpg) center center/cover no-repeat}main#main-page #cards .cards-container .card .image-2{background:url(images/biura-architektoniczne-small.jpg) center center/cover no-repeat}main#main-page #cards .cards-container .card .image-3{background:url(images/mieszkania-pod-klucz-small.jpg) center center/cover no-repeat}main#main-page #cards .cards-container .card .image-4{background:url(images/strona_glowna_mieszkania_kopia.jpg) center center/cover no-repeat}main#main-page #remote-work .content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}main#main-page #remote-work .content ul{margin:20px 0 0 32px}main#main-page #remote-work .content ul li{line-height:1.4em;padding:0 20px 10px 0}main#main-page #remote-work .image{width:100%;height:300px;background:url(images/dokumenty-papierowe.jpg) center center/cover no-repeat}@media (min-width: 769px){main#main-page #main-title{justify-content:flex-start}main#main-page #main-title .title-container{background-color:transparent;margin:40px;max-width:500px;padding:0}}@media (min-width: 1025px){main#main-page #remote-work{display:flex;flex-direction:row-reverse}main#main-page #remote-work .content{width:40%}main#main-page #remote-work .image{width:60%;height:410px}}.accent{color:#d51519}.stronger{font-weight:500}.spacer{background-color:#e3e3e3;color:#101114;padding:60px 20px}.spacer.black{background-color:#101114;color:#e3e3e3}.spacer.lighter-black{background-color:#3b3a38;color:#e3e3e3}.spacer p{font-weight:400;font-size:1.8em;text-align:center;text-transform:uppercase}.spacer p.smaller{margin-top:10px;font-size:1.5em}.spacer .logo{display:inline-block;width:27px;height:27px;margin-bottom:-4px;background:url(images/seven-bridge-small-logo.png) center center/cover no-repeat}@media (min-width: 500px){.spacer{padding:60px 40px}}.logo-and-text{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;margin-bottom:10px}.logo-and-text .small-logo{width:40px;height:40px;margin-right:10px;background:url(images/seven-bridge-small-logo.png) center center/cover no-repeat}.logo-and-text h1{font-weight:700}.logo-and-text h2{font-weight:500}.logo-and-text .f-w-400{font-weight:400}