html, body {font-size: 14px;text-align: center;font-family: 'Raleway', Arial, Verdana, Tahoma;}

/*h1 {font-family: 'Poppins', Arial, Verdana, Tahoma;font-size: 12px;color:#fff}
h2 {font-family: 'Poppins', Arial, Verdana, Tahoma;font-size: 42px;line-height:65px;color:#fff}
h3 {font-family: 'Raleway', Arial, Verdana, Tahoma;font-size: 27px;line-height:44px;color:#fff}
p {font-family: 'Raleway', Arial, Verdana, Tahoma;font-size: 19px;line-height:36px;color:#fff}*/
a, a:hover {text-decoration: none;-webkit-transition: all 0.5s;transition: all 0.5s;}
h2 {font-family: 'Poppins', Arial, Verdana, Tahoma;font-size: 12.4px;color:#000;text-align: center;text-transform: uppercase;font-weight: 600;letter-spacing: 2.5px;margin:20px auto 20px;}
h3 {font-family: 'Poppins', Arial, Verdana, Tahoma;font-size: 23px;line-height:32px;color:#000;text-align: center;font-weight: 700;letter-spacing: 0.0;margin:20px auto 40px;}
p {font-family: 'Raleway', Arial, Verdana, Tahoma;font-size: 14px;line-height:28px;color:#000;text-align: center;font-weight: 300;letter-spacing: 0;margin:40px auto 40px;}
b, strong {font-weight: 600;}
p b, p strong {font-weight: 500;}


button {font-family: 'Poppins', Arial, Verdana, Tahoma;font-size: 12px;color:#fff;text-align: center;text-transform: uppercase;font-weight: 600;letter-spacing: 3px;background: #6dcff6;background-image: linear-gradient(to right , #085eef, #00cae2);border:0;border-radius: 26px;padding: 17px 42px;-webkit-transition: all 0.35s;transition: all 0.35s;}
button:hover {background-image: linear-gradient(to right , #0898ef, #00cae2);}
.clear {clear: both;width: 100%;height: 0;}
.container {padding: 0;width: 100%;background: #141517;}
.start h2 {font-size: 12px;letter-spacing: 1.5px;line-height: 22px;}
.start h2 {font-size: 11px;letter-spacing: 5.5px;line-height: 22px;}
.start h3 {font-weight: 800;margin: 20px auto 30px;}
.start h2, .start h3, .start p {color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.32);}
.start button {background: #2aaacf;background-image:linear-gradient(to right , #085eef, #00cae2);margin: 10px 0;}
.start button:hover {background-image: linear-gradient(to right , #0097e2, #00cae2)}
.start button:last-of-type{background-color: transparent !important;color:#fff;background-image:none}
.start button:first-of-type:hover{box-shadow: 0 0 12px #00cae29e;}
.start button:last-of-type:hover{background-color: #fff !important;color:#000;background-image:none;box-shadow: 0 0 12px #ffffff9e;}
.start button, .start p{display: none;}
.start .tablet, .start .laptop, .start .desktop {display: none !important;}
.start .mobile {display:block}
.carousel {background: transparent;}
.carousel-caption {right: 5%;left: 5%;bottom:5%}
.carousel-control {position: absolute;top: 40%;bottom: 0;left: 0;width: 5%;font-size: 20px;color: #fff;text-align: center;text-shadow: 0 1px 2px rgba(0,0,0,.6);background-color: rgba(0,0,0,0);opacity: .5;height: 15%;background-image: none !important;}
.carousel-indicators {opacity: .35;-webkit-transition: all 0.75s;transition: all 0.75s;width: 80%; margin-left: -40%;bottom: 20px;}.carousel:hover .carousel-indicators {opacity: 1;-webkit-transition: all 0.5s;transition: all 0.5s;}
.carousel-indicators li {display: inline-block;width: 28px;height: 5px;margin: 5px;text-indent: -999px;cursor: pointer;background-color: #717171;border: 0 solid #858585;border-radius: 2px;}
.carousel-indicators .active {width: 28px;height: 5px;margin: 5px;text-indent: -999px;cursor: pointer;background-color: #bbb;border: 0 solid #ccc;border-radius: 2px;}
.start-bg {position: absolute;width: 100%;padding: 0;height: 22%;bottom: 0; background-image: linear-gradient( rgba(0,0,0,0),#141517);}
.carousel-control.left, .carousel-control.right {display: block;}

.logo-mobile {position: absolute;z-index: 10;margin: auto;text-align: center;background: transparent;top: 10px;padding: 12px 6%;right: 0;left: 0;}
.logo-mobile .logo {margin: auto;text-align: center;width: 200px;}
#oferta {background: #141517;width:100%;padding:110px 0 10px 0;}
.oferta {max-width: 1600px;margin: auto;padding: 0 5%;}
.oferta-opis {max-width: 650px;margin:0 auto 0 auto;}
.oferta h1 {font-family: 'Poppins', Arial, Verdana, Tahoma;font-size: 12.4px;color:#fff;font-weight: 600;text-transform: uppercase;letter-spacing: 3px;margin:20px auto 30px;}
.oferta h2 {font-family: 'Poppins', Arial, Verdana, Tahoma;font-size: 20px;line-height:40px;color:#fff;font-weight: 700;text-transform: none;letter-spacing: 0;}
.oferta h3 {font-family: 'Raleway', Arial, Verdana, Tahoma;font-size: 17px;line-height:32px;color:#fff;font-weight: 300;letter-spacing: 0.5px;}
.oferta h2, .oferta h3 {margin-top: 20px; margin-bottom: 40px;}
.oferta a {color:#2780cd;font-weight: 500;letter-spacing: .75px;display: block;margin: 22px auto;}.oferta a:hover {color:#6dcff6;}
#oferta a:first-of-type {margin: 20px 20px 0 0;}
.image img {width:100%;margin:auto;}

#szczegoly {background: #141517;width:100%;padding:0 0 140px;}
.szczegoly {max-width: 1260px;margin: auto;padding: 0 5%;}
.szczegoly h2 {font-family: 'Poppins', Arial, Verdana, Tahoma;font-size: 12.4px;color:#fff;text-align: center;text-transform: uppercase;font-weight: 600;letter-spacing: 3px;}
.szczegoly p {font-family: 'Raleway', Arial, Verdana, Tahoma;color:#fff;text-align: center;font-weight: 300;font-size: 14px;line-height: 26px;margin: 24px auto 40px;}
#szczegoly button {margin: 50px auto 10px;}
#szczegoly button:hover {background: #fff;color:#111;box-shadow: 0 0 12px #ffffff9e;}
.szczegoly .item {background: transparent;}
.szczegoly .carousel-indicators {display: block;}
.mySlides {display: none}
img {vertical-align: middle;}

.hideme {opacity:0;}

/* Slideshow container */
.slideshow-container {
 max-width: 1000px;
 position: relative;
 margin: auto;
}


.dot_wr {height:0;line-height: 0;;}
.dot { cursor: pointer;height: 0; width: 0; margin: 0; background-color: transparent; border-radius: 0; display: inline-block; }

.i {display: none;}


/* Fading animation */
.fade {-webkit-animation-name: fade; -webkit-animation-duration: 5s; animation-name: fade; animation-duration: 5s;}

@-webkit-keyframes fade {from {opacity: 0.36} to {opacity: 1}}

@keyframes fade { from {opacity: 0.36} to {opacity: 1}}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
 .prev, .next,.text {font-size: 11px}
}

#portfolio {background: #fff;width:100%;padding:100px 0 60px 0;}
.portfolio {max-width: 1600px;margin: auto;width: 100%;}
.portfolio .wstep {padding: 0 4% 20px;}
.portfolio .wstep p {margin: auto;font-size: 16px;font-weight: 500;}
.portfolio .wstep h3 {margin-bottom: 20px;}
.portfolio-lewe, .portfolio-prawe {width:100%;}
.projekt {width: 100%;margin:30px 0;text-align: center;background:rgb(206, 206, 206);-webkit-transition: all 0.5s;transition: all 0.5s;position: relative;overflow: hidden;}
.photo {height:460px;}
.photo img {width: 100%;object-fit: cover;padding: 0 0;opacity: 1;-webkit-transition: all 0.35s;transition: all 0.35s;height: 460px;}
.projekt .opis:hover {opacity:1;}
.projekt .opis h2 {color: #fff;margin: 0;padding: 0 6%;font-family: 'Poppins', arial, tahoma, verdana;font-weight: 600;font-size: 23px;text-align: center;text-transform: none;letter-spacing: 0px;}
.projekt .opis h3 {font-family: 'Poppins', Arial, Verdana, Tahoma;font-size: 12px;line-height: 26px;color: #ddd;text-align: center;font-weight: 500;letter-spacing: 0.0;margin: 10px auto 0px;text-transform: uppercase;letter-spacing: 1.5px;}
.projekt .opis {width:100%;position: absolute;bottom: 50%;left: 50%;min-width: 340px;letter-spacing: 0.5px;padding: 68% 0;-ms-transform: translate(-50%, 50%);transform: translate(-50%, 50%);background-image: radial-gradient( rgba(0,0,0,0.56), rgba(7,7,7,.94));background-image: linear-gradient( rgba(0,0,0,0), rgb(7, 7, 7));opacity:0;-webkit-transition: all 0.8s;transition: all 0.8s;}
.projekt .opis a {text-decoration: none;color: #111;font-family: lato, arial,tahoma,verdana;font-weight: 300;-webkit-transition: all 0.5s;transition: all 0.5s;font-size: 1.12em;}
.projekt .opis a:hover {text-decoration: none;color: #fbab00;text-decoration: underline;}
.projekt .photo img {-webkit-transition: all 2.5s;transition: all 2.5s;}
.projekt:hover .photo img {transform: scale(1.2) rotate(-10deg);-webkit-transition: all 3.5s;transition: all 3.5s;}

#doswiadczenie {background: #fff;width:100%;padding:20px 0 110px;}
.doswiadczenie {max-width: 1600px;margin: auto;padding: 0 5%;}
.doswiadczenie img {margin:25px auto 35px;}
.doswiadczenie p {width: 100%;max-width: 1050px;}


.ikonki {width: 100%;margin: 15px auto 70px;display: inline-block;-webkit-transition: all 0.5s;transition: all 0.5s;}
.ikonki .box {width: 48%;margin: 20px 1%;padding:10px 0%;float:left;-webkit-transition: all 0.5s;transition: all 0.5s;}
.ikonki .box img {width: 90%;max-width: 52px;margin: 10px auto;-webkit-transition: all 0.25s;transition: all 0.25s;}
.ikonki .box h2 {font-weight: 700;font-size: 28px;margin: 10px auto 8px;cursor: default;}
.ikonki .box p {font-weight: 600;font-size: 10px;line-height:12px;margin: 5px auto;letter-spacing: 1px;text-transform: uppercase;font-family: 'Poppins';cursor: default;}
.ikonki .box:hover img {transform:scale(1.2) ;}
.ikonki:hover .box {filter: blur(2px);opacity:.74;}
.ikonki:hover .box:hover {filter: blur(0);opacity:1}

#portfolio2 {background: #000;width:100%;padding:0;}
.portfolio2 {margin: auto;padding: 0;}
.portfolio2 img {width: 100%;}


#doswiadczenie2 {background: #000;width:100%;padding:90px 0 150px 0;}
.doswiadczenie2 {max-width: 1160px;margin: auto;padding: 0 5%;}
.doswiadczenie2 h2, .doswiadczenie2 h3, .doswiadczenie2 p {color:#fff;}



#baza-wiedzy {padding:150px 4% 160px;clear: both;display: flex;background: #fff;margin: 0 auto;border-top: 1px solid #e5e5e5;}
.baza-wiedzy {max-width:1600px;margin:auto;}
#baza-wiedzy .kontakt {width:100%;text-align:left;}
#baza-wiedzy .pytania {position: relative;width:100%;margin: 50px 0 0;} 
#baza-wiedzy .pytania h2 {text-align: left;width:100%;max-width: 100%;text-transform: none;font-weight: 500;letter-spacing: 0;font-size: 13px;margin:0 auto;color:#616c72;}
#baza-wiedzy .pytania p {text-align: justify;}
#baza-wiedzy h2 {text-align: left;width:100%;max-width: 100%;}
#baza-wiedzy h3 {text-align: left;width:100%;max-width: 100%;}
#baza-wiedzy h4 {text-align: left;width:100%;max-width: 100%;}
#baza-wiedzy p {text-align: left;width:100%;max-width: 100%;}

/* accordion */
.accordion {background-color: transparent;color: #323232;cursor: pointer;padding: 18px 1.5% !important;width: 97%;border: none;text-align: left;outline: none;font-size: 1.3em;transition: 0.4s;margin: 0 auto 0 auto;font-family: 'Raleway',arial,tahoma,verdana;font-weight:300;}
.accordion:after {content: '\002B';color: #323232;font-weight: 300;float: right;margin: -20px 0 0 0;} 
.active-accordion:after {content: "\2212";color:#6dcff6;font-weight:400;-webkit-text-fill-color:#6dcff6 !important;} 
.panel {margin:0 0 5px 0;padding: 0 0;max-height: 0;overflow: hidden;transition: max-height 0.9s ease-in-out;border-bottom:1px solid #d5d5d5}
.panel p {margin: 0 auto 16px 0%;font-size: 14px !important;line-height: 2em;}
.panel p:last-of-type {margin: 0 auto 50px 0%;}
.active-accordion{font-weight:700;/*-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -moz-linear-gradient(left, #6dcff6 0%, #e4660d 88%);background-image: -webkit-gradient(left, color-stop(0%,#6dcff6), color-stop(88%,#e4660d ));background-image: -webkit-linear-gradient(left, #6dcff6 0%,#e4660d 88%);background-image: -o-linear-gradient(left, #6dcff6 0%,#e4660d 88%);background-image: -ms-linear-gradient(left, #6dcff6 0%,#e4660d 88%);background-image: linear-gradient(left, #6dcff6 0%,#e4660d 88%);*/}
.panel div {margin:12px 5% 22px 2%;padding: 0 1%;}
.panel div li {font-size:13.5px !important;text-align: left;line-height: 2em;font-weight: 100;font-family: 'Raleway', arial,tahoma,verdana;}
.panel a {font-size:1em}
.panel li a {font-size:1em !important;font-weight: 400}

#footer {background: #f8f8f8;width:100%;padding:80px 0 60px;border-top:1px solid #d8d8d8}
.footer {width:92%;margin:0 4%;}
.adres, .telefon, .stopka {width:100%;padding:10px 0;text-align: center;font-size: 15px;line-height: 27px;font-family: 'Poppins', arial,tahoma,verdana;color:#9a9a9a;font-weight: 300;}
.stopka p {font-size: 13px;line-height: 22px;font-family: 'Raleway', arial,tahoma,verdana;color:#9a9a9a;margin:10px auto;}
.adres img, .telefon img, .stopka, #menu, .portfolio2 img {display: none;}
.telefon, .telefon strong {font-weight:400}


video {position: absolute;top: 0;bottom: 0;right: 0;left: -20%;margin: auto;min-height: 50%;min-width: 50%;width:140%;}


nav {
 position: fixed;
 bottom: 0px;
 left: 0;
 right: 0;
 background: #ecececf2;
 backdrop-filter: blur(6px);
 border-top: 1px solid #ffffffa3;

 width: 100%;
 margin: 0 auto;
 padding: 2px 0 5px;
 z-index: 600;
 box-shadow: 0px -10px 15px #04040417;
 }
 nav ul {
 display: inline-block;
 margin: 5px 0 0 0;
 padding:0px;
 width: 100%;
 max-width: 440px;
 }
 
 nav ul li {
 display: inline-block;
 list-style: none;
 margin: 0 ;
 line-height: 10px;
 width: 20%;
 }
 
 nav ul li a {font-family: 'poppins', Arial, Verdana, Tahoma;
 color: #3B3B3B;
 text-decoration: none;
 font-size: 8px;
 text-transform: uppercase;
 letter-spacing: .65px;
 font-weight: 400;
 }
 
 nav ul li a:hover {
 color: #2878CE;
 text-decoration: none;
 }
 
 nav ul li img {width: 24.5px;margin: 0 0 2px;}

.wycena {width: auto;height: 43px;top: 30px;position: absolute;position: absolute;width: 96%;padding: 0 0 0;text-align: right;margin: 0 auto;max-width: 1600px;z-index: -1;}
.wycena button {background: #111;
 text-transform: uppercase;
 padding: 16px 54px;
 margin: 20px 0 0 0;
 color: #fff;
 font-weight: 600;
 letter-spacing: 2px;
 border-radius: 28px;
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
 box-shadow: 0 0 5px #ffffff1f;
 border: 1px solid #ffffff7d;}
 .wycena button:hover {box-shadow: 0 0 50px #ffffff88;text-shadow: 0 0 8px #ffffffad;border: 1px solid #fff;background-color: #000;}
@media (min-width: 350px) {
}

@media (min-width: 480px) {

 .portfolio {width: 90%;}
 video {position: absolute;top: 0;bottom: 0;right: 0;left: -20%;margin: auto;min-height: 50%;min-width: 50%;width:140%;}
 /*.start h2, .start h3 {background: #000;width: fit-content;padding: 5px 22px;}*/
}

@media (min-width: 640px) {
 .start .mobile {display: none !important;}
 .start .tablet {display: block !important;}
 .start button {margin: 10px;}
 .carousel-caption {right: 5%;left: 5%;}
 .photo, .photo img {height: 330px;}
 video {position: absolute;top: 0;bottom: 0;right: 0;left: -5%;margin: auto;min-height: 50%;min-width: 50%;width:110%;}

}

@media (min-width: 720px) {
 
 .adres img, .telefon img {float: left; margin: 7px 35px 20px 0;display:block;}
 .adres, .telefon {text-align: left;width:50%;padding: 0;float: right;}
 .stopka {display:block;padding-top: 20px;clear: both;}
 .start button {margin: 42px 0 0 0;}
 .start button:first-of-type{padding-right: 75px;}
 .start button:last-of-type{background: #000 !important;margin-left: -40px;color:#fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
 .start button:last-of-type:hover{background: #fff !important;color:#000;background-image:none}
 .projekt {width: 100%;margin: 0 0 15px 0;text-align: center;background:rgb(206, 206, 206);-webkit-transition: all 0.5s;transition: all 0.5s;position: relative;overflow: hidden;}
 .photo, .photo img {height:480px;}
 .start button {display: initial;}
 .image img {width: 100%;}
 .szczegoly .carousel-indicators {display: block;}
 video {position: absolute;top: 0;bottom: 0;right: 0;left: -10%;margin: auto;min-height: 50%;min-width: 50%;width:120%;}
 #myCarousel3 {display: none;}
 .portfolio {width: 80%;}
 /*.portfolio2 {background: #030303;-webkit-transition: all 0.5s;transition: all 0.5s;}
 .portfolio2:hover img {opacity: .5;}
 .portfolio2 img {width: 20%;display: initial;-webkit-transition: all 0.5s;transition: all 0.5s;}
 .portfolio2:hover img:hover {opacity: 1;}*/
 .ikonki .box {width: 24%;margin: 0 0.5%;padding:10px 0;float:left}
 nav {display: none;}
 .portfolio2 {background: #030303;display: flex;}
 .portfolio2 .block {width: 20%;float: left;-webkit-transition: all 0.5s;transition: all 0.5s;position: relative;overflow: hidden;}
 .portfolio2:hover .block {opacity: 1;}
 .portfolio2 img {width: 100%;display: initial;-webkit-transition: all 0.5s;transition: all 0.5s;}
 .portfolio2:hover .block:hover img {opacity: .45;}
 .portfolio2 .opis {display: none;}
 .i {width: 100%;display: block;}
}

@media (min-width: 960px) {
 .container {padding: 0;width: 100%;}
 .start .tablet {display: none !important;}
 .start .laptop {display: block !important;}
 #baza-wiedzy .kontakt {float:left;width:34%;margin-right:1%;text-align:left;}
#baza-wiedzy .pytania {position: relative;width:60%;float:right;margin: 50px 0 0;} 
 .oferta-opis {float: right;margin-right: 130px;}
 #footer {display: flex;}
 .portfolio-lewe, .portfolio-prawe {padding: 0 4%;}
 #oferta {background: #141517;width:100%;padding:180px 0 60px 0;}
 .oferta-opis {max-width: 670px;float: right;margin-right: 50px;text-align: left;}
 .oferta h1, .oferta h2, .oferta h3 {text-align: left;}
 .oferta a {margin: 20px 40px 0 0;display: inline;}
 .oferta h2 {font-size: 42px;line-height: 65px;}
 .oferta h3 {font-size: 27px;line-height:44px;letter-spacing: 0;}
 p {font-size: 16px;line-height:34px;letter-spacing: .25px;}
 h3 {font-size: 34px;line-height:50px;}
 .oferta-opis { margin: 0 130px 130px auto;}
 .szczegoly p {font-size: 17px;line-height: 34px;min-height: 140px;}
 #portfolio {background: #fff;width:100%;padding:200px 0 60px 0;}
 #doswiadczenie {background: #fff;width:100%;padding:140px 0 160px;}
 #doswiadczenie2 {background: #000;width:100%;padding:150px 0 180px;}
 .carousel-indicators {bottom: 0;}
 .portfolio .wstep p {display: block;font-size: 18px;font-weight: 400;margin-right: 0;max-width: 580px;}
 video {position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;min-height: 50%;min-width: 50%;width:100%;}
 .portfolio {width: 80%;}
 .portfolio2 .block .opis {display: block;position: absolute;left: 0;right: 0;bottom: 0;}
 .portfolio2 .opis h2 {font-size: 15px;text-align: center;margin: auto;color: #fff;padding:0 2%;text-shadow: 2px 2px 2px #00000096;opacity: 0;-webkit-transition: all 0.5s;transition: all 0.5s;}
 .portfolio2 .opis p {font-size: 12.7px;text-align: center;margin: 15px auto;color: #ffffffc5;padding: 0 2%;line-height: 1.7em;letter-spacing: .5px;font-weight: 500;text-shadow: 2px 2px 2px #00000096;max-width: 320px;opacity: 0;-webkit-transition: all 0.5s;transition: all 0.5s;}
 .portfolio2 .block .opis {-webkit-transition: all 0.5s;transition: all 0.5s;}
 .portfolio2 .block:hover .opis {bottom: 0;-webkit-transition: all 0.5s;transition: all 0.5s;background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.3));padding: 120px 0 20%;}
 .portfolio2 .block:hover .opis h2, .portfolio2 .block:hover .opis p {opacity: 1;}
}

@media (min-width: 1024px) {
 .start h2 {display: block;max-width: 560px;text-align: left;font-weight: 100;margin: 10px 0 ;letter-spacing: 4.5px;}
 .start h3 {display: block;max-width: 560px;font-size: 35px;line-height: 50px;text-align: left;margin: 0 0 20px}
 .start p {display: block;max-width: 560px;font-size: 15px;line-height: 30px;text-align: left;margin: 20px 0}
 .start h2, .start h3 {background: transparent;width: fit-content;padding: 0;}
 .carousel-caption {text-align: left;padding: 0 10% 0 2%;bottom: 10%;left: 0;}
 .start, .start p, .start h2, .start h3 {margin-left:0;}
 .photo, .photo img {height:580px;}
 .ikonki {max-width: 1060px;margin: 55px auto 70px;display: flex;}
 .carousel-control.left, .carousel-control.right {display: none;}
 button {font-size: 11.2px;padding: 16px 42px;}


 .logo-mobile {display: none;}
 #menu {display:block;clear:both;height:auto;max-width:100%;margin:0 0 0;padding: 0 0 0;width: 100%;text-align:right;background:transparent;position:absolute;z-index:100;border-bottom:3px solid transparent;box-shadow:0 0 20px rgba(0,0,0,0);height: 65px;-webkit-transition: all 0.75s; transition: all 0.75s;}
.menuscroll {clear:both;height:auto;max-width:100%;padding:0 !important;width: 100%;text-align:right;background:rgba(0, 0, 0,0.88) !important;position:fixed;z-index:100;border-bottom:3px solid #F53131 !important;box-shadow:0 0 20px rgba(0,0,0,0.5) !important;height: 65px;}
.menuscroll:hover {background:rgba(10, 10, 10,1) !important;}
.menu {width:96%;padding: 0 0 0;text-align:right;margin:0 auto;max-width: 1600px;}

#szczegoly {padding: 50px 0 200px;}
.doswiadczenie img {margin: 55px auto 75px;}
video {position: absolute;top: 0;bottom: 0;right: 0;left: -5%;margin: auto;min-height: 50%;min-width: 50%;width:110%;}
.logo{float:left;margin: 47px 00;width: 250px;}

 #portfolio {display: flex;}
 .photo, .photo img {height:300px;}
 .portfolio {width: 98%;}
 .portfolio-prawe {padding: 0 ;width: 66%;float:right}
 .portfolio-lewe {padding: 0 ;width: 33%;float:left}
 .portfolio-lewe .projekt:last-of-type .photo img, .portfolio-lewe .projekt:last-of-type .photo {height:500px;}
 .portfolio-prawe .projekt {float:left}
 .portfolio-prawe .projekt:nth-child(1) .photo img, .portfolio-prawe .projekt:nth-child(1) .photo {height:300px;} .portfolio-prawe .projekt:nth-child(1) {width: 49.25%;margin-right: .75%;}
 .portfolio-prawe .projekt:nth-child(2) .photo img, .portfolio-prawe .projekt:nth-child(2) .photo {height:300px;} .portfolio-prawe .projekt:nth-child(2) {width: 49.25%;margin-left: .75%;}
 .portfolio-prawe .projekt:nth-child(4) .photo img, .portfolio-prawe .projekt:nth-child(4) .photo {height:300px;} .portfolio-prawe .projekt:nth-child(4) {width: 49.25%;margin-right: .75%;}
 .portfolio-prawe .projekt:nth-child(5) .photo img, .portfolio-prawe .projekt:nth-child(5) .photo {height:300px;} .portfolio-prawe .projekt:nth-child(5) {width: 49.25%;margin-left: .75%;}
 .portfolio-prawe .projekt:nth-child(3) .photo img, .portfolio-prawe .projekt:nth-child(3) .photo {height:500px;} .portfolio-prawe .projekt:nth-child(3) {width: 100%;}
.mid {display: initial;}
video {position: absolute;top: 0;bottom: 0;right: 0;left: -25%;margin: auto;min-height: 50%;min-width: 50%;width:150%;}
}

@media (min-width: 1200px) {
 .carousel-caption {bottom: 14%;}
 .portfolio .wstep {width: 100%;display: flex;margin: 0px auto 60px;}
 .portfolio .wstep div:first-of-type {float: left;width: 48%;}
 .portfolio .wstep div:last-of-type {float: right;width: 52%;}
 .portfolio .wstep div h2 {text-align: left;}
 .portfolio .wstep div h3 {text-align: left;}
 .portfolio .wstep div p {text-align: right;}
 #baza-wiedzy {padding:190px 4% 200px 4%}
 #baza-wiedzy .kontakt {float:left;width:34%;margin-right:11%;text-align:left;}
 #baza-wiedzy .pytania {position: relative;width:50%;float:right;margin: 50px 0 0;} 
 .adres, .telefon {float:right;width:26%;border-left:1px solid #d8d8d8;padding: 60px 0 40px;}
 .stopka {float:left;width:48%;display:block;padding-top: 0;clear: none;padding: 60px 0 0}
 .stopka p {margin:0;text-align: left;max-width: 720px;}
 .adres img, .telefon img {margin-left: 40px;}
 #footer {padding: 0;}
 .ikonki .box img {
 width: 90%;
 max-width: 48px;
 margin: 5px 23px 20px;
 float: left;
 }
 .ikonki .box h2 {
 font-weight: 700;
 font-size: 28px;
 margin: 5px auto;
 text-align: left;
 }
 .ikonki .box p {
 font-weight: 600;
 font-size: 10.2px;
 line-height: 13px;
 margin: 5px auto;
 letter-spacing: 1.5px;
 text-transform: uppercase;
 font-family: 'Poppins';
 text-align: left;
 }
 p {margin: 40px auto 40px;}
}

@media (min-width: 1360px) { 
 .start .laptop {display: none !important;}
 .start .desktop {display: block !important;}
}

@media (min-width: 1440px) {
 #portfolio {display: flex;}
 .photo, .photo img {height:400px;}
 .portfolio-prawe {padding: 0 ;width: 66%;float:right}
 .portfolio-lewe {padding: 0 ;width: 33%;float:left}
 .portfolio-lewe .projekt:last-of-type .photo img, .portfolio-lewe .projekt:last-of-type .photo {height:600px;}
 .portfolio-prawe .projekt {float:left}
 .portfolio-prawe .projekt:nth-child(1) .photo img, .portfolio-prawe .projekt:nth-child(1) .photo {height:400px;} .portfolio-prawe .projekt:nth-child(1) {width: 49.25%;margin-right: .75%;}
 .portfolio-prawe .projekt:nth-child(2) .photo img, .portfolio-prawe .projekt:nth-child(2) .photo {height:400px;} .portfolio-prawe .projekt:nth-child(2) {width: 49.25%;margin-left: .75%;}
 .portfolio-prawe .projekt:nth-child(4) .photo img, .portfolio-prawe .projekt:nth-child(4) .photo {height:400px;} .portfolio-prawe .projekt:nth-child(4) {width: 49.25%;margin-right: .75%;}
 .portfolio-prawe .projekt:nth-child(5) .photo img, .portfolio-prawe .projekt:nth-child(5) .photo {height:400px;} .portfolio-prawe .projekt:nth-child(5) {width: 49.25%;margin-left: .75%;}
 .portfolio-prawe .projekt:nth-child(3) .photo img, .portfolio-prawe .projekt:nth-child(3) .photo {height:600px;} .portfolio-prawe .projekt:nth-child(3) {width: 100%;}
.mid {display: initial;}
video {position: absolute;top: 0;bottom: 0;right: 0;left: -25%;margin: auto;min-height: 50%;min-width: 50%;width:150%;}
.stopka {float:left;width:49%;display:block;padding-top: 0;clear: none;padding: 60px 0 0}
.adres, .telefon {float:right;width:25%;border-left:1px solid #d8d8d8;padding: 60px 0 40px;}
.adres img, .telefon img {margin-left: 50px;}
}

@media (min-width: 1600px) {
 .oferta, .doswiadczenie {padding: 0;}
 .carousel-indicators {bottom: 0}
 .carousel-caption {bottom: 16%;}

 .start h3 {
 display: block;
 max-width: 860px;
 font-size: 60px;
 line-height: 60px;
 text-align: left;

 }

 
 .start p {display: block;max-width: 650px;font-size: 18px;line-height: 34px;text-align: left;}
 #myVideo {left: 0;top: 0;width: auto;height: 100%;transform: translate(-12.8%, 0);position: absolute;}
 video {position: absolute;top: 0;bottom: 0;right: 0;left: -3%;margin: auto;min-height: 50%;min-width: 50%;width:140%;}
}

@media (min-width: 1700px) {
 .carousel-control.left, .carousel-control.right {display: block;}
 .oferta, .doswiadczenie {padding: 0;}
 .carousel-indicators {bottom: 20px}
 .carousel-caption {bottom: 15%;text-align: left;padding: 0 10% 0 3.3%;left: 5%;}

 .start h3 {display: block;max-width: 700px;font-size: 74px;line-height: 78px;text-align: left;margin: 10px 0 30px}
}

@media (min-width: 1920px) {
 video {position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;min-height: 50%;min-width: 50%;width:135%;}
 .portfolio .wstep {padding: 0}
}

@media (min-width: 1200px) {
 
 .container {width:100%;padding:0;}

}

@media (max-width: 960px) {
 
 .start h3 {font-weight: 700;margin: 7px auto 25px;/*top: 110px;position: fixed;width: 90%;*/text-transform: uppercase;font-family: 'Poppins', Arial, Verdana, Tahoma;font-size: 11.4px;line-height: 19px;text-align: center;letter-spacing: 4px;}
 .start h2 {font-size: 11px;letter-spacing: 4px;line-height: 22px;font-family: 'Poppins', Arial, Verdana, Tahoma;text-align: center;text-transform: uppercase;font-weight: 100;margin: 20px auto 5px;}
 /* .carousel-caption {right: 5%;left: 5%;top: 15%;}*/
 
}

@media (max-width: 375px) {
 .start h2 {font-size: 11px;letter-spacing: 2px;}
 .start h3 {font-size: 10.6px;letter-spacing: 3px;}
 
}
#cta {display: none;}
/*@media (max-width: 960px) {
.telefon-cta {width: 51px;height: 51px;border-radius: 50%;background: #2780cd;background-image: linear-gradient(to right bottom, #085eef, #00cae2);float: right;text-align: center;margin: auto;box-shadow: 3px 4px 7px #0000001f;}
.telefon-cta img {width: 34px;margin: 7px auto;}
 #footer {padding: 80px 0 130px;}
 .carousel-indicators {bottom: 3%;margin-bottom: 0;}
 .carousel-caption {bottom: 8%;padding-bottom: 10px;}
 .cta_scroll {bottom: 96px !important;}
 .telefon_animacja {width: 51px;height: 51px;background: transparent;position: fixed;animation: mymove 4s ease;animation-delay: 0s;bottom: 96px;right: 0;padding-right: 5.5%;}
 .start-bg {height: 40%;}
@keyframes mymove {
  from {bottom: -220px;opacity: 0;}
  to {bottom: 96px;opacity: 1;}
}
}*/

@media (max-width: 960px) {
  #cta {
    display: block;
    width: 51px;
    padding: 0;
    border-radius: 32px;
    position: fixed;
    right: 5.5%;
    bottom: -82px;
    margin: auto;
    background: transparent;
    backdrop-filter: blur(6px);
    z-index: 10000;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-align: center;
  }
 #cta .wycena-cta {float: left;margin: 10px 0 0 5%;text-transform: uppercase;font-weight: 500;font-size: 11px;letter-spacing: 3px;}
 #cta .wycena-cta a {font-family: 'poppins';color: #111111;font-weight: 600;}
 #cta .telefon-cta {
  width: 51px;
  height: 51px;
  border-radius: 50%;
  background: #2780cd;
  background-image: linear-gradient(to right bottom, #085eef, #00cae2);
  float: right;
  text-align: center;
  margin: auto;
  box-shadow: 3px 4px 7px #0000001f;
}
#cta .telefon-cta img {
  width: 34px;
  margin: 7px auto;
}
 #footer {padding: 80px 0 130px;}
 .carousel-indicators {bottom: 3%;margin-bottom: 0;}
 .carousel-caption {bottom: 8%;padding-bottom: 10px;}
 .cta_scroll {bottom: 96px !important;}
 .start-bg {height: 50%;}
 }

 #loader-wrapper {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 10001;background: #fff;display: none;background-image: linear-gradient(to right bottom, #085eef, #00cae2);max-width: 100%;}
#loader-wrapper img {position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);width: 70%;max-width:232px;}
.load {
 position: absolute;
 top: 60%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 30px;
 height: 30px;
 display: none; 
}
.load hr {
 border: 0;
 margin: 0;
 width: 38%;
 height: 38%;
 position: absolute;
 border-radius: 50%;
 animation: spin 2s ease infinite;
}

.load :first-child {
 background: #fff;
 animation-delay: -1.5s;
}

.load :nth-child(2) {
 background: #ffffff92;
 animation-delay: -1s;
}

.load :nth-child(3) {
 background: #fff;
 animation-delay: -0.5s;
}

.load :last-child {
 background: #ffffff92;
}

@keyframes spin {
 0%, 100% {
 transform: translate(0)
 }
 25% {
 transform: translate(160%)
 }
 50% {
 transform: translate(160%, 160%)
 }
 75% {
 transform: translate(0, 160%)
 }
}
.js .load, .js #loader-wrapper {
display: block;
}

.oferta_linki a {
  display: initial;
  margin: 20px 30px;
  font-size: 15px;
  letter-spacing: .5px;
  font-weight: 500;
}

@media (max-width: 960px) {
.mob_none {display: none;}
.desk_none {display: block;}
.oferta_linki {max-width: 340px;margin: auto;}
.oferta_linki a {display: initial;margin: 20px 5px;float: left;font-size: 14.8px;font-weight: 600;letter-spacing: .25px;}
.oferta_linki a:last-of-type {margin: 20px 5px;float: right;}
.start button:last-of-type{display: block;background: #2aaacf;background-image: none;background-image: linear-gradient(to right , #085eef, #00cae2);border-radius: 23px;padding: 13px 28px 14px 35px;font-size: 10px;margin: 30px auto 10px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {margin-left: 0px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-right: 0px;}
}

@media (min-width: 960px) {
.mob_none {display: block;}
.desk_none {display: none;}
#loader-wrapper img {max-width:250px;}
}

@media (max-width: 380px) {
p, .szczegoly p{font-size: 13px;}
}
.telefon-top {display: none;}

@media (min-width: 960px) {
.telefon-top {display: block;margin: 20px 40px 0 0;float: right;line-height: 8px;  border-right: 1px solid #ffffff63;padding: 8px 40px 8px 0;}
.telefon-top img {width: 26px;margin: -1px 8px 0 0;}
.telefon-top a {color: #fff;font-family: 'poppins';font-size: 17.2px;font-weight: 600;letter-spacing: .75px;cursor: pointer;}
.telefon-top small a{color: #ffffff9e;font-family: 'poppins';font-size: 10px;font-weight: 400;letter-spacing: .5px;}
.telefon-top small a:hover {color: #fff;}
.wycena button {float: right;}
}