*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} html, body{height: 100%;width:100%;} body{margin: 0;padding: 0;font-family: Exo;font-weight:400;color:#4e5c64;} a,.link{transition: 0.18s;color:inherit;text-decoration:inherit;} a:hover,.link:hover{transition: 0.12s;} b{font-weight:600;} img{border: none;} h1, h2, h3, h4, h5, h6, p{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size: 100%;font-family:inherit;vertical-align: baseline;} .wrapper{width:1170px;margin:0 auto;position:relative;} .clear{clear:both;} .clearfix:after {content:" ";visibility:hidden;display:block;height:0;clear:both;} #contact-bar{background:#fff;width:100%;height:64px;position:absolute;z-index:55;padding-top:19px;color:#4e5c64;font-size:18px;top:0;} #contact-bar .left{float:left;} #contact-bar .left .icon{width:26px;height:35px;background:url(../images/contact-bar-1.jpg);float:left;background-size:cover;} #contact-bar .left .text-1{float:left;padding-top:7px;padding-left:18px;} #contact-bar .right{float:right;} #contact-bar .right .icon{width:37px;height:35px;background:url(../images/contact-bar-2.jpg);float:left;background-size:cover;} #contact-bar .right .text-1{float:left;padding-top:7px;padding-left:18px;} #contact-bar .right .text-2{float:left;padding-top:7px;padding-left:23px;} #contact-bar .right .text-3{float:left;padding-top:7px;padding-left:23px;} #contact-bar .right .text-4{float:left;padding-top:7px;padding-left:23px;} #contact-bar .right .text-4 a:hover{color:#e87000;} #menu{width:100%;height:68px;position:absolute;z-index:56;margin-top:64px;color:#fff;font-size:26px;text-transform:uppercase;padding-top:23px;border-bottom:1px solid rgba(255,255,255,0.2);top:0;} #menu .link{float:left;margin-right:77px;} #menu .link:last-of-type{margin-right:0;} #menu .link:hover{opacity:0.7;} #dl-menu{display:none;} #slogan{position:absolute;z-index:50;color:#fff;font-size:110px;font-weight:900;line-height:135px;text-align:right;transform:translate(-50%, -50%);left: 50%; top: 50%;transform: translate(-50%, -50%);width:1170px;height:290px;} #slogan .left{float:left;width:50%;} #slogan .left .logo{background: url(../images/logo.png) no-repeat;width:443px;height:208px;margin-top:87px;margin-left:50px;background-size:cover;} #slogan .right{float:right;width:50%;} #film-container{width:100%;height:100%;margin:0 auto;overflow:hidden;position:relative;z-index:-100;} #film-container-responsive{display:none;} video#bgvid{padding-top:0px;background:#000;position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;transform:translate(-50%, -50%);} #responsive-bg{display:none;} #pattern{width:100%;height:100%;position:absolute;z-index:50;opacity:0.80; background: #e62e28; /* Old browsers */ background: -moz-linear-gradient(left, #e62e28 0%, #e87000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e62e28 0%,#e87000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e62e28 0%,#e87000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62e28', endColorstr='#e87000',GradientType=1 ); /* IE6-9 */} .title{text-align:center;} #o-nas{padding-top:45px;padding-bottom:74px;font-size:25px;background:url(../images/bg-1.jpg) no-repeat;background-position:center -200px;line-height:33px;} #o-nas b{font-weight:700;} #o-nas .text-container{margin-top:60px;text-align:justify;} #o-nas .text-container .left{width:46%;float:left;} #o-nas .text-container .right{width:46%;float:right;} #o-nas .o-nas-strip{color:#fff;font-size:25px;width:100%;padding:19px 0;text-align:center;margin-top:64px; background: #e62e28; /* Old browsers */ background: -moz-linear-gradient(left, #e62e28 0%, #e87000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e62e28 0%,#e87000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e62e28 0%,#e87000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62e28', endColorstr='#e87000',GradientType=1 ); /* IE6-9 */ } #o-nas .o-nas-strip .wrapper{padding: 0 5%;} #jak-dzialamy{background:#eeeeee;padding: 25px 0 170px 0;} #jak-dzialamy .content{padding-top:10px;} #jak-dzialamy .box-1{} #jak-dzialamy .box-1 .heading{margin-left:10px;margin-bottom:-15px;} #jak-dzialamy .box-1 .heading .number{font-size:120px;color:#f7b583;font-weight:700;float:left;margin-left:140px;} #jak-dzialamy .box-1 .heading .text{font-size:60px;color:#e77000;font-weight:600;float:left;margin-left:-77px;margin-top:85px;position:relative;z-index:5;} #jak-dzialamy .box-1 .icon{position:absolute;margin-top:-20px;margin-left:-20px;} #jak-dzialamy .box-1 .container{border: 6px dashed #e77000;border-radius:85px;padding: 50px 40px 50px 194px;} #jak-dzialamy .box-1 .text{font-size:25px;line-height:30px;text-align:justify;} #jak-dzialamy .box-2{margin-top:40px;} #jak-dzialamy .box-2 .heading{margin-left:640px;margin-bottom:-15px;} #jak-dzialamy .box-2 .heading .number{font-size:120px;color:#ef7e7b;font-weight:700;float:left;margin-left:300px;} #jak-dzialamy .box-2 .heading .text{font-size:60px;color:#e62d27;font-weight:600;float:left;margin-left:126px;margin-top:-74px;position:relative;z-index:5;} #jak-dzialamy .box-2 .icon{position:absolute;margin-top:-20px;margin-left:1050px;} #jak-dzialamy .box-2 .container{border: 6px dashed #e62d27;border-radius:85px;padding: 50px 120px 50px 40px;} #jak-dzialamy .box-2 .text{font-size:25px;line-height:30px;text-align:justify;} #jak-dzialamy .box-3{margin-top:40px;} #jak-dzialamy .box-3 .heading{margin-left:30px;margin-bottom:-15px;} #jak-dzialamy .box-3 .heading .number{font-size:120px;color:#98d3df;font-weight:700;float:left;margin-left:140px;} #jak-dzialamy .box-3 .heading .text{font-size:60px;color:#0093a3;font-weight:600;float:left;margin-left:-103px;margin-top:85px;position:relative;z-index:5;} #jak-dzialamy .box-3 .icon{position:absolute;margin-top:-35px;margin-left:-20px;} #jak-dzialamy .box-3 .container{border: 6px dashed #0093a3;border-radius:85px;padding: 50px 40px 50px 214px;} #jak-dzialamy .box-3 .text{font-size:25px;line-height:30px;text-align:justify;} #co-nas-wyroznia{padding-top:44px;padding-bottom:51px;} #co-nas-wyroznia-content{color:#f7b583;width:100%;padding:61px 0 60px; background: #e62e28; /* Old browsers */ background: -moz-linear-gradient(left, #e62e28 0%, #e87000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e62e28 0%,#e87000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e62e28 0%,#e87000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62e28', endColorstr='#e87000',GradientType=1 ); /* IE6-9 */} #co-nas-wyroznia-content .left{float:left;width:550px;margin-top:-82px;} #co-nas-wyroznia-content .left img{width:520px;} #co-nas-wyroznia-content .middle .addon-1{background:url(../images/co-nas-wyroznia-addon-1.png) no-repeat;width:94px;height:139px;margin-left:-85px;margin-top:10px;} #co-nas-wyroznia-content .middle .addon-2{background:url(../images/co-nas-wyroznia-addon-2.png) no-repeat;width:101px;height:138px;margin-left:360px;margin-top:280px;} #co-nas-wyroznia-content .middle{width:1px;float:left;height:663px;background:url(../images/co-nas-wyroznia-line-pion.png) center top;} #co-nas-wyroznia-content .right{float:right;width:619px;} #co-nas-wyroznia-content .right .module{margin-bottom:17px;} #co-nas-wyroznia-content .right .module:first-of-type{margin-top:8px;} #co-nas-wyroznia-content .right .module .pozioma-linia{margin-top:32px;width:33px;height:1px;background:url(../images/co-nas-wyroznia-line-poziom.png) left top;margin-left:11px;float:left;} #co-nas-wyroznia-content .right .module .number{font-size:50px;font-weight:700;float:left;margin-left:28px;width:86px;} #co-nas-wyroznia-content .right .module .text{float:left;margin-top:8px;} #co-nas-wyroznia-content .right .module .title{font-size:20px;font-weight:700;text-transform:uppercase;text-align:left;} #co-nas-wyroznia-content .right .module .subtitle{font-size:16px;font-weight:400;} .gif-responsive{display:none;} #oferta{background:#ededee;padding: 44px 0 97px 0;} #oferta .content{font-size:23px;line-height:31px;font-weight:400;background:#fff;padding: 56px 31px 32px 31px;margin-top:-26px;} #oferta .heading{color:#fff;font-size:30px;font-weight:500;display:inline-block;border-radius:40px;padding: 10px 34px;border:4px solid #fff; background: #e62e28; /* Old browsers */ background: -moz-linear-gradient(left, #e62e28 0%, #e87000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e62e28 0%,#e87000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e62e28 0%,#e87000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62e28', endColorstr='#e87000',GradientType=1 ); /* IE6-9 */} #oferta .row-1{margin-top:60px;} #oferta .row-1 .col-1{width:710px;float:left;} #oferta .row-1 .col-2{width:430px;float:right;margin-top:35px;} #oferta .row-1 .e3, #oferta .row-1 .e4, #oferta .row-1 .e5{width:430px;margin-bottom:16px;text-align:center;} #oferta .row-1 .e6{width:220px;} #oferta .row-1 .e7{margin-top:-30px;padding-bottom:89px;} #oferta .row-2{margin-top:19px;} #oferta .row-2 .col-1{width:420px;float:left;} #oferta .row-2 .col-1 .content{margin-bottom:18px;} #oferta .row-2 .e8{width:100%;text-align:center;margin-bottom:15px;} #oferta .row-2 .col-2 {width:720px;float:right;} #oferta .row-2 .col-2 .content{margin-bottom:18px;} #oferta .row-2 .e17{width:67%; float:left;} #oferta .row-2 .e18{margin-left:7%;} #oferta .row-2 .e19{width:29%;margin-left:4%;float:left;} #oferta .row-2 .eee1{float:left;width:56%;} #oferta .row-2 .eee2{float:right;width:40%;} #oferta .row-2 .e21{width:100%;} #oferta .row-2 .e23{width:100%;} #oferta .row-3 .col-1{width:490px;float:left;} #oferta .row-3 .col-2{width:650px;float:right;} #oferta .row-3 .col-2 .content{margin-bottom:18px;} #realizacje-title{padding:78px 0 67px 0;} #realizacje{width:100%;padding:118px 0 95px 0;background:url(../images/bg-2.jpg) no-repeat center center;background-size:cover;min-height:600px;position:relative;z-index:0;color:#fff} #realizacje .soczewka{position:absolute;z-index:100;width:100%;height:100%;top:0;opacity:0.85;; background: #e62e28; /* Old browsers */ background: -moz-linear-gradient(left, #e62e28 0%, #e87000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e62e28 0%,#e87000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e62e28 0%,#e87000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62e28', endColorstr='#e87000',GradientType=1 ); /* IE6-9 */ } #realizacje .wrapper{z-index:1200;position:relative;} .projects-container { overflow: hidden; } .projects-container .single-project { width: 232px; margin: 0; height: 232px; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-right:2px; margin-bottom:2px; } .projects-container .single-project:hover{opacity:0.6;transition-duration:0.1s;} .projects-container .single-project.double-h{height:466px;} .projects-container .single-project.double-w{width:466px;} #kontakt{width:100%;padding:170px 0 130px 0;background:url(../images/bg-3.jpg) no-repeat center center;background-size:cover;min-height:600px;position:relative;z-index:0;} #kontakt .soczewka{position:absolute;z-index:1000;width:100%;height:100%;top:0;opacity:0.85;background: #2b2b2b;} #kontakt-title{padding:78px 0 67px 0;} #kontakt .wrapper{z-index:1200;position:relative;color:#fff;line-height:26px;font-size:16px;} #kontakt .ikony{margin-top:20px;} #kontakt .ikony a{margin-right:5px;} #kontakt .ikony a:hover{opacity:0.7;} #kontakt .left{float:left;width:390px;} #kontakt .left{float:left;width:340px;} #kontakt .right{float:right;width:320px;} #kontakt .right iframe{border-radius:7px;width:320px;height:390px} #kontakt .middle{width:335px;float:left;margin-top:-8px;margin-left:50px;} #face-slider{position:fixed;left:-307px;top:470px;z-index:10000;} #face-slider #tab{cursor:pointer;height:106px;width:57px;float:right;background: url(../images/slide-fb.png) no-repeat center center;} #face-code{padding:5px;background: #fff;float:left;width:307px;height:241px;} #insta-slider{position:fixed;left:0px;top:230px;z-index:10000;cursor:pointer;height:106px;width:57px;background: url(../images/slide-insta.png) no-repeat center center;} #allegro-slider{position:fixed;left:0px;top:350px;z-index:10000;cursor:pointer;height:106px;width:57px;background: url(../images/slide-allegro.png) no-repeat center center;} #formularz .row{float:left;width:100%;} #formularz .row:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} #formularz .main-box-info{display:none;color:#fff;} #formularz .main-box-info b{font-weight:500;color:#fff;} #formularz .main-box-info span{font-weight:400;color:#212121;font-size:25px;line-height:53px;} #formularz .main-box-info a{color:#f07f1d;} #formularz .title {font-size:23px;font-weight:400;line-height:30px;margin-top:55px;margin-bottom:35px;} #formularz .title:first-of-type{margin-top:25px;} #formularz .row{margin-bottom:6px;} #formularz label{padding-top:8px;display:block;float:left;color:#fff;} #formularz sup{color:red;margin-left:4px;} #formularz input{font-family:inherit;float:right;width:100%;font-size:15px;border:none;background:none;padding:14px 17px;color:#fff;border:1px solid #c6c6c6;border-radius:5px;} #formularz textarea{font-family:inherit;float:right;width:100%;font-size:15px;height:160px;border:none;background:none;border-radius:5px;padding:10px 15px;color:#fff;border:1px solid #c6c6c6;resize:none;margin-bottom:10px;} #formularz .tip{width:100%;float:right;font-size:12px;margin-top:3px;} #formularz .info, .consent{color:#58595B;font-size:13px;margin-top:30px;} #formularz .consent a{color: #f07f1d;} #formularz .consent input{width:auto;float:left;margin:3px 0;padding:0;} #formularz .consent label{float:right;padding-top:0;padding-left:0px;width:96%;} #formularz .send{margin-top:15px;} #formularz .send input{ width:125px;float:none;display:block;font-size:15px;font-weight:300;background:none;color:#fff;padding:12px;transition: all 0.3s ease;border:0;border-radius:30px;border:2px solid #fe6613;margin:0 auto;} #formularz .send input:hover{cursor:pointer;background:#fe6613;} #formularz .loader{display:none;width:100%;text-align:center;font-style: italic;margin-top:10px;} #formularz .form-errors{color:#bc4b4b;display:none;width:100%;text-align:center;font-style:italic;margin-top:25px;} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: white; } ::-moz-placeholder { /* Firefox 19+ */ color: white; } :-ms-input-placeholder { /* IE 10+ */ color: white; } :-moz-placeholder { /* Firefox 18- */ color: white; } /* Mniejszy komputer/iPad */ @media screen and (max-width:1140px) { .wrapper{width:990px;} #contact-bar{font-size: 16px;} #menu{font-size: 24px;} #menu .link{margin-right:53px;} #slogan .left .logo{width:404px;height:189px;} #slogan{font-size:100px;line-height:128px;height:284px;width:990px;} #o-nas .text-container .left{width:48%;} #o-nas .text-container .right{width:48%;} #jak-dzialamy .box-2 .heading .number{margin-left:208px;} #jak-dzialamy .box-2 .heading .text{margin-left:10px;} #jak-dzialamy .box-2 .icon{margin-left:866px;} #co-nas-wyroznia-content .left img{width:462px;} #co-nas-wyroznia-content .left{width:495px;margin-top:13px;} #co-nas-wyroznia-content .middle .addon-1{margin-left:-77px;} #co-nas-wyroznia-content .right{width:478px;} #oferta .content{font-size:20px;} #oferta .heading{font-size:25px;} #oferta .row-1 .col-1{width:570px;} #oferta .row-1 .e3, #oferta .row-1 .e4, #oferta .row-1 .e5{width:404px;} #oferta .row-1 .e6{text-align:center;} #oferta .row-1 .col-2{width:404px;margin-top:0;} #oferta .row-1 .e7{padding-bottom:208px;} #oferta .row-2 .col-1{width:404px;} #oferta .row-2 .col-2{width:570px;} #oferta .heading{padding:10px 21px;} #oferta .row-2 .e17{width:63%;} #oferta .row-2 .e19{width:33%;padding-bottom:64px;} #oferta .row-2 .e18{margin-left:2%;} #oferta .row-2 .e23{padding-bottom:95px;} #oferta .row-3 .col-1{width:404px;margin-top:-110px;} #oferta .row-3 .col-2{width:569px;} #oferta .row-3 .e27{padding-bottom:77px;} #oferta .row-3 .e29{width:990px;margin-left:-420px;} #oferta .row-3 .e28{margin-left:-420px;} .projects-container .single-project{width:245px;height:245px;} .projects-container .single-project.double-h{height:492px;} .projects-container .single-project.double-w{width:492px;} #kontakt .middle{width:335px;margin-left:42px;} #kontakt .left{width:250px;} } /* Tablet */ @media screen and (max-width:1023px) { .wrapper{width:720px;margin:0 auto;} #contact-bar{font-size:14px;} #contact-bar .left .text-1{padding-left:16px;} #contact-bar .left .icon{width:21px;height:29px;} #contact-bar .right .icon{width:26px;height:24px;margin-top:2px;} #contact-bar .right .text-2{display:none;} #contact-bar .right .text-3{padding-left:16px;} #menu .link{margin-right:29px;} #menu{font-size:19px;} #slogan{width:720px;font-size:71px;line-height:89px;} #slogan .left .logo{margin-left:0;width:324px;height:152px;margin-top:53px;} #pattern{height:84%;} #film-container{display:none;} #film-container-responsive{display:block;height:84%;background:url(../images/bg.jpg);background-size:cover;} #o-nas{background-position:-682px -200px} #o-nas .text-container .left{width:100%;} #o-nas .text-container .right{width:100%;margin-top:24px;} #o-nas .text-container{margin-top:40px;} #o-nas .o-nas-strip .wrapper{padding:0;} .responsive-br{display:none;} #jak-dzialamy .box-2 .heading{margin-left:368px;} #jak-dzialamy .box-2 .icon{margin-left:566px;margin-top:34px;} #jak-dzialamy .box-2 .container{padding:50px 168px 50px 40px;} #jak-dzialamy .box-3 .icon{margin-left:-54px;} #jak-dzialamy{padding-bottom:136px;} #co-nas-wyroznia .title img{width:440px;} #co-nas-wyroznia-content .left img{width:350px;} .gif-desktop{display:none;} .gif-responsive{display:block;} #co-nas-wyroznia-content .left img{width:430px;margin:0 auto;} #co-nas-wyroznia-content .left{width:100%;text-align:center;} #co-nas-wyroznia-content .right{width:78%;margin-top:6%;} #co-nas-wyroznia-content .middle{margin-top:8%;margin-left:20%;} .projects-container .single-project{width:178px;height:178px;} .projects-container .single-project.double-h{height:358px;} .projects-container .single-project.double-w{width:358px;} #kontakt{padding:121px 0 103px 0;} #kontakt .left{width:49%;} #kontakt .middle{width:49%;float:right;margin-left:0;} #kontakt .right{width:100%;margin-top:51px;} #kontakt .right iframe{width:100%;} #oferta .content{font-size:17px;line-height:27px;} #oferta .row-1 .col-1{width:350px;} #oferta .row-1 .col-2{width:350px;} #oferta .row-1 .e7{padding-bottom:34px;} #oferta .row-2 .col-1{float:right;width:350px;margin-top:-256px;} #oferta .row-2 .col-2{width:350px;float:left;} #oferta .heading{font-size:23px;} #oferta .row-2 .e17{width:100%;} #oferta .row-2 .e19{width:100%;margin-left:0;} #oferta .row-2 .e18{margin-left:0} #oferta .row-2 .e19{padding-bottom:32px;} #oferta .row-3 .col-1{margin-top:-650px;margin-left:370px;width:350px;} #oferta .row-2 .eee1{width:350px;} #oferta .row-2 .eee2{left:370px;position:relative;width:350px;margin-top:41px;top:23px;} #oferta .row-3 .col-2{width:350px;} #oferta .row-3 .e29{width:100%;margin-left:-370px;} #oferta .row-3 .col-1{margin-top:-704px;} #oferta .row-3 .e27{padding-bottom:32px;} #oferta .row-2 .e23{padding-bottom:32px;} #oferta .row-3 .col-2{margin-top:-377px;} #oferta .row-3 .e28{margin-left:-370px;top:-55px;position:relative;z-index:5;} #oferta .row-3 .col-2{margin-top:-415px;} #oferta .row-3 .col-1{margin-top:-743px;} #oferta .row-3 .e29{position:relative;top:-56px;} #oferta{padding:44px 0 21px 0;} #oferta .row-1 .e3, #oferta .row-1 .e4, #oferta .row-1 .e5{width:100%;} } /* Telefon poziomy */ @media screen and (max-width : 759px) { .wrapper{width:440px;} #o-nas{font-size:18px;line-height:27px;} #o-nas .o-nas-strip{font-size:19px;line-height:26px;} .projects-container .single-project{width:144px;height:144px;} .projects-container .single-project.double-h{height:290px;} .projects-container .single-project.double-w{width:290px;} .projects-container .single-project:nth-of-type(71){height:290px;} .projects-container .responsive-71{height:290px;} .projects-container .responsive-65{width:290px;} #kontakt .left{width:100%;text-align:center;} #kontakt .right{width:100%;} #kontakt .middle{width:100%;padding: 0 10%;margin-top:40px;margin-left:0;} #formularz input{width:100%;} #kontakt{padding:85px 0 96px 0;} #kontakt-title img{width:63%;} #kontakt-title{padding:62px 0 59px 0;} #realizacje-title img{width:63%;} #realizacje-title{padding:42px 0 55px 0;} #oferta .title img{width:56%;} #jak-dzialamy .title img{width:68%;} #o-nas .title img{width:60%;} #co-nas-wyroznia img{width:85%;} #co-nas-wyroznia-content .left img{width:350px;} .gif-desktop{display:none;} .gif-responsive{display:block;} #co-nas-wyroznia-content .left img{width:430px;margin:0 auto;} #co-nas-wyroznia-content .left{width:100%;text-align:center;} #co-nas-wyroznia-content .right{width:98%;margin-top:9%;} #co-nas-wyroznia-content .middle{margin-top:11%;margin-left:10%;margin-left:0;} #jak-dzialamy .box-1 .icon{width:120px;margin-top:-60px;} #jak-dzialamy .box-1 .icon img{width:100%;} #jak-dzialamy .box-1 .heading .number{margin-left:96px;} #jak-dzialamy .box-1 .container{padding:64px 55px 52px 56px} #jak-dzialamy .box-2 .container{padding:64px 55px 52px 56px} #jak-dzialamy .box-3 .container{padding:64px 55px 52px 56px} #jak-dzialamy .box-2 .icon{width:120px;margin-top:-42px;margin-left:-41px;} #jak-dzialamy .box-2 .icon img{height:210px;} #jak-dzialamy .box-2 .heading .number{margin-left:96px;} #jak-dzialamy .box-2 .heading{margin-left:67px;} #jak-dzialamy .box-2 .heading .number{margin-left:0;} #jak-dzialamy .box-2 .heading .text{margin-left:45px;} #jak-dzialamy .box-3 .icon{width:120px;margin-top:-70px;margin-left:-100px;} #jak-dzialamy .box-3 .icon img{height:200px;} #jak-dzialamy .box-3 .heading .number{margin-left:0;} #jak-dzialamy .box-3 .heading .text{margin-left:45px;margin-top:-74px;} #jak-dzialamy .box-1 .text, #jak-dzialamy .box-2 .text, #jak-dzialamy .box-3 .text{font-size:17px;line-height:26px;} #face-slider, #insta-slider, #allegro-slider{display:none;} #jak-dzialamy{padding-bottom:108px;} #co-nas-wyroznia .title img{width:395px;} #oferta .row-1 .col-1{width:100%;margin-left:0;left:0;position:static;} #oferta .row-1 .col-2{width:100%;margin-left:0;left:0;position:static;margin-top:18px;} #oferta .row-2 .col-1{width:100%;margin-left:0;left:0;position:static;margin-top:0px;} #oferta .row-2 .col-2{width:100%;margin-left:0;left:0;position:static;margin-top:0px;} #oferta .row-3 .col-1{width:100%;margin-left:0;left:0;position:static;margin-top:0px;} #oferta .row-3 .col-2{width:100%;margin-left:0;left:0;position:static;margin-top:19px;} #oferta .row-2 .eee2{width:100%;margin-left:0;left:0;position:static;margin-top:0px;} #oferta .row-2 .eee1{width:100%;margin-left:0;left:0;position:static;margin-top:0px;} #oferta .row-3 .e28{margin-left:0;left:0;position:static;} #oferta .row-3 .e29{margin-left:0;left:0;position:static;} #oferta .heading{text-align:center;width:100%} #oferta .row-1 .e6{width:100%} #oferta{padding:44px 0 65px 0;} #oferta .content{font-size:16px;line-height:24px;} #oferta .row-1{margin-top:43px;} #contact-bar .right{float:left;margin-top:3px;} #contact-bar{height:80px;padding-top:10px;} #contact-bar .right .text-4{padding-left:14px;} #contact-bar .right .text-3{padding-left:12px;} #dl-menu{display:block;} #menu{display:none;} .dl-menuwrapper { width: 100%; max-width: 300px; right:0px; float: right; margin-top:-50px; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; z-index:60;} #contact-bar .right{z-index:130;position:relative;} #contact-bar .left{z-index:130;position:relative;} #slogan .right{text-align:center;width:100%;margin-top:38px;} #slogan {width:440px;text-align:center;transform:none;margin:0 auto;height:auto;position:absolute;top:90px;left:50%;margin-left:-220px;font-size:65px;line-height:85px;} #slogan .left .logo{margin: 0 auto;width:280px;height:131px;margin-top:60px;} #slogan .left{width:100%;} #film-container-responsive{height:630px;} #pattern{height:630px;} } /* Telefon pionowy */ @media screen and (max-width : 479px) { .wrapper{width:300px;} #o-nas .text-container{text-align:left;} #realizacje{padding:92px 0 95px 0;} .projects-container .single-project{width:98px;height:98px;} .projects-container .single-project.double-h{height:198px;} .projects-container .single-project.double-w{width:198px;} .projects-container .single-project:nth-of-type(71){height:198px;} .projects-container .responsive-71{height:198px;} .projects-container .responsive-65{width:198px;} #co-nas-wyroznia-content .left img{width:100%;} #co-nas-wyroznia-content .right .module .text{width:162px;} #co-nas-wyroznia-content .right .module .pozioma-linia{width:19px;} #co-nas-wyroznia-content .right .module .number{margin-left:14px;} #co-nas-wyroznia-content .middle .addon-2{display:none;} #kontakt{padding:85px 0 81px 0;} #kontakt .middle{padding:0;} #kontakt-title img{width:80%;} #kontakt-title{padding:62px 0 59px 0;} #realizacje-title img{width:83%;} #realizacje-title{padding:42px 0 55px 0;} #oferta .title img{width:75%;} #jak-dzialamy .title img{width:90%;} #o-nas .title img{width:80%;} #co-nas-wyroznia img{width:100%;} #jak-dzialamy{padding:56px 0 85px 0;} #jak-dzialamy .box-1 .heading .number{margin-bottom:10px;width:100%;text-align:center;margin-top:0;margin-left:0;} #jak-dzialamy .box-1 .heading .text{width:100%;text-align:center;margin-top:-107px;margin-left:0;} #jak-dzialamy .box-1 .icon{width:100%;margin-left:-15px;margin-top:-25px;} #jak-dzialamy .box-1 .icon img{width:70px;} #jak-dzialamy .box-1 .text, #jak-dzialamy .box-2 .text, #jak-dzialamy .box-3 .text{text-align:left;} #jak-dzialamy .box-1 .container{padding:49px 37px 44px 40px;} #jak-dzialamy .box-2 .container{padding:49px 37px 44px 40px;} #jak-dzialamy .box-3 .container{padding:49px 37px 44px 40px;} #jak-dzialamy .box-2 .icon{width:100%;margin-left:-15px;margin-top:-25px;} #jak-dzialamy .box-2 .icon img{height:130px;} #jak-dzialamy .box-2 .icon{margin-left:-25px;} #jak-dzialamy .box-2 .heading .number{margin-bottom:10px;width:100%;text-align:center;margin-top:0;margin-left:0;} #jak-dzialamy .box-2 .heading .text{width:100%;text-align:center;margin-top:-107px;margin-left:0;} #jak-dzialamy .box-2 .heading{margin-left:0;} #jak-dzialamy .box-3 .heading{margin-left:0;} #jak-dzialamy .box-3 .icon{width:100%;margin-left:-15px;margin-top:-25px;} #jak-dzialamy .box-3 .icon img{height:130px;} #jak-dzialamy .box-3 .icon{margin-left:-52px;margin-top:-20px;} #jak-dzialamy .box-3 .heading .number{margin-bottom:10px;width:100%;text-align:center;margin-top:0;margin-left:0;} #jak-dzialamy .box-3 .heading .text{width:100%;text-align:center;margin-top:-107px;margin-left:0;font-size:53px;} #co-nas-wyroznia .title img{width:300px;} #slogan{top:96px;font-size:60px;line-height:79px;width:300px;margin-left:-150px;} #contact-bar .right .text-4{display:none;} #contact-bar{font-size:13px;} #contact-bar .left .text-1{padding-left:12px;} #contact-bar .right .text-3{padding-left:8px;} #co-nas-wyroznia-content .middle{height:792px;} }