/*
Theme Name:     Inquel
Author:         BartoshDesign
Author URI:     http://bartoshdesign.pl
Template:       Divi
Version:        1.0
*/

@import url("../Divi/style.css");
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700,800,900&display=swap&subset=latin-ext');


body {
	font-family: 'Raleway', sans-serif;
	color: #3f4547;
}

body.home {
	    background: #333;
}

body.home #section--first {
	background: #000;
}

h1, h2, h3, h4, h5, h6 {
	    color: #3f4547;
}

@media (max-width: 860px) {
	.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row, .et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row {
    width: 90%;
}
}

.menu-tab {
	height: 70px;
    top: 0px;
    left: 0px;
    cursor: pointer;
    transition: all 0.6s ease-in-out;
    position: fixed;
    width: 65px;
    margin: auto;
    text-align: center;
}
 .menu-tab div, .menu-tab2 div {
	width: 33px;
    height: 4px;
    background-color: #fff;
    display: block;
    transition: all 0.6s ease-in-out;
    margin: auto;
    margin-bottom: 5px;
    border-radius: 2px;
}
 .menu-tab div:nth-child(1), .menu-tab2 div:nth-child(1) {
	 margin-top: 20px;
}
/*end of menu-tab*/
 .menu-tab.active, .menu-tab2.active {
	 left: 50%;
    transition: all 600ms ease-in-out;
    margin-left: -65px;
}
 .menu-tab.active #one, .menu-tab2.active #one {
	 transform: translateY(9px) rotate(-135deg);
	 transition: all 0.6s ease-in-out;
	 background-color: #fff;
}
 .menu-tab.active #two, .menu-tab2.active #two {
	 opacity: 0;
	 transition: 0.4s ease;
}
 .menu-tab.active #three, .menu-tab2.active #three {
	 transform: translateY(-9px) rotate(-45deg);
	 transition: all 0.6s ease-in-out;
	 background-color: #fff;
}
 .menu-hide {
	 width: 345px;
	 left: -345px;
	 height: 100vh;
	 position: fixed;
	 z-index: 10;
	 top: 0px;
	 transition: all 0.6s ease-in-out;
	/*end of nav*/
}
 .menu-hide nav {
	/*end of ul*/
}
 .menu-hide nav ul {
	/*end of li*/
}
 .menu-hide nav ul li {
	 height: 70px;
	 list-style-type: none;
	 text-align: center;
	 line-height: 70px;
	 transition: all 0.5s ease;
}
 .menu-hide nav ul li:hover {
	 background-color: red;
	 transition: all 0.5s ease;
}
 .menu-hide nav ul li a {
	 padding: 30px 25px;
	 text-decoration: none;
	 color: white;
	 font-weight: 800;
}
/*end of menu-hide*/
 .menu-hide.show {
	 left: 0px;
	 background-color: rgba(255, 255, 255, 0.2);
	 transition: all 0.6s ease-in-out;
}
 
header {
	    position: fixed;
    width: 50%;
    height: 100%;
    left: -50%;
    top: 0;
    background: rgb(24,173,231);
    background: linear-gradient(0deg, rgba(24,173,231,1) 0%, rgba(71,56,171,1) 100%);
           z-index: 10000000;
    margin-left: 65px;
	    transition: all 0.6s ease-in-out;
}

header.show {
	left: 0;
	transition: all 0.6s ease-in-out;
	margin-left: 0;
}

#logo--inquel {
	    position: fixed;
    margin: auto;
    top: 0;
    bottom: 0;
    text-align: center;
    height: 92px;
    left: 19px;
    width: 20px;    z-index: 1;
}

#page-container {
    padding-top: 0 !important;
    z-index: 1;
    position: relative;
}

#videlo video {
    max-width: none;
    position: fixed;
    width: 100%;
    height: 101%;
    z-index: 0;
        object-fit: cover;
}

.haslo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent center no-repeat;
    background-size: cover;
}

#intro--one {
	height: 100vh;
    z-index: 1;
    position: relative;
    text-align: center;
}

.logo--main {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

#intro--one--overlay {
	    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
	background: rgba(0,0,0,0.9);
	opacity: 1;
	transition: 0.5s all ease;
}

#intro--two {
	height: 65vh;
    z-index: 0;
    position: relative;
    text-align: center;
}

#wlaczenie {
	    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 200px;
	    max-width: 745px;
    width: 100%;
}

#wlaczenie img {
	    float: left;
}

#wlaczenie h2 {
	display: inline-block;
    text-align: left;
    font-weight: 800;
    color: #fff;
    padding-left: 30px;
    font-size: 4.6rem;
    float: left;
    line-height: normal;
    margin-top: -20px;
}

#wlaczenie img.pulsuj {
	animation: pulse 2s infinite;
}


@keyframes pulse {
  0% {
        filter: drop-shadow(rgb(33, 184, 234) 1px 1px 0px);
  }
  70% {
          filter: drop-shadow(rgb(33, 184, 234) 1px 1px 10px);
  }
  100% {
          filter: drop-shadow(rgb(33, 184, 234) 1px 1px 0px);
  }
}

.enh_scroll_down {
    position: absolute;
    bottom: 100px;
    text-decoration: none;
    font: 12px/18px Raleway, Arial;
    color: #fff;
    width: 40px;
    left: 50%;
    margin-left: -20px;
    text-align: center;
    z-index: 2;
}

.enh_scroll_down, .enh_scroll_down:hover, .enh_scroll_down:focus { color: #fff; }

.enh_scroll_down b {
    width: 25px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 15px;
    display: inline-block;
    position: relative;
}

.enh_wht_txt .enh_scroll_down b {
    border: 2px solid #fff;
}

.enh_scroll_down b:before {
        display: block;
    content: '';
    height: 4px;
    width: 2px;
    background: #fff;
    left: 10px;
    top: 0;
    position: absolute;
    animation: 2s ease 0s normal none infinite mouse-down;
    -webkit-animation: 2s ease 0s normal none infinite mouse-down;
}

@keyframes mouse-down {
			0% {
				height: 4px;
			}
			50% {
				height: 12px;	
			}
			100% {
				height: 4px;
			}
		}

.enh_scroll_down p:after {
	    content: '';
    width: 1px;
    height: 20px;
    background: #18ade7;
    display: block;
    margin: auto;
    margin-top: 10px;
}

.enh_scroll_down {transition: 0.5s all ease;opacity:1;}

#main-footer {
    background-color: #3f4547;
    z-index: 10;
    position: relative;
}

#tresc {
	z-index: 10;
}

#blue--podkladka {
	background: url(img/tlo-corobimy2.png) center;
	background-repeat: repeat-y;
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
}

#zajawka--robimy {
	width: 800px;
    max-width: 100%;
    font-size: 20px;
    line-height: normal;
    margin: auto;
    padding: 50px 20px;
    color: #fff;
    margin-top: -140px;
}

#zajawka--robimy h3 {
	    font-size: 19px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
}

#prot-2 {
	position: absolute;
    left: 0;
    top: 55px;
}

#prot-3 {
	position: absolute;
    right: 95px;
    top: 90px;
    width: 114px;
}

#prot-4 {
	    position: absolute;
    bottom: 55px;
    left: 40px;
	-webkit-animation: rotation 2.5s infinite linear;
}

#prot-5 {
	    position: absolute;
    bottom: -10px;
    left: 75px;
	-webkit-animation: rotation 3s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}

#opisowka {
	padding-top: 140px;
}

#opisowka h2 {
	 font-size: 53px;
    font-weight: 800;
    color: #3F4547;
	cursor: default;
}

#opisowka.trzeci--etap h2 {
	font-size: 52px;
}

#opisowka.czwarty--etap h2 {
	font-size: 52px;
}

#opisowka h2 strong {
	font-weight: 800;
}

#opisowka h3 {
	font-size: 29px;
    font-weight: 800;
    color: #21B8EA;
    margin-top: 10px;
}

#opisowka a {
	font-size: 12.74px;
    font-weight: bold;
    color: #3F4547;
    background:none;
    border: 1px solid #3F4547;
    padding: 5px 20px;
    display: inline-block;
    margin-top: 15px;
    border-radius: 25px;
    text-transform: capitalize;
    transition: 0.5s all ease;
	position: relative;
	overflow: hidden;
}

#opisowka a:before {
	content: '\f002';
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 5px;
    font-size: 90%;
}

#opisowka a:hover {
	color: #fff;border-color: #fff;
}

#opisowka a:after {
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgb(71,56,171);
background: linear-gradient(90deg, rgba(71,56,171,1) 0%, rgba(77,69,204,1) 100%);
	position: absolute;
	    z-index: -1;
	opacity: 0;transition: 0.5s all ease;
}

#opisowka a:hover:after {
	opacity: 1;
}

#prot-7 {
	position: absolute;
    top: -85px;
    left: -50px;
	z-index: -1;
}

#prot-6 {
	    position: absolute;
    left: 0;
    top: -20px;
    z-index: -1;
}

#zawartosc--tekstowa {
	padding-left: 35px;
}

.trzeci--etap #zawartosc--tekstowa {
	padding-left: 60px;
}

#zawartosc--tekstowa h2 strong {
	  background: linear-gradient(to right, #21b8ea 50%, rgba(255,255,255,0) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

#zawartosc--tekstowa h2:hover strong {
	background-position: left bottom;
	color: #fff;
}

#ulepsz-1 {
	position: absolute;
	    top: 30px;
    left: -120px;
}

#ulepsz-2 {
	position: absolute;
	    top: 90px;
    left: -240px;
}

#stworzymy--prototyp--2 {
	margin-top: 80px;
}

#ulepsz-4 {
	    position: absolute;
    top: 30px;
    left: -20px;
}

#ulepsz-5 {
	    position: absolute;
    bottom: 45px;
    right: -40px;
    z-index: -1;
}

#ulepsz-6 {
	    width: 115px;
    position: absolute;
    bottom: 30px;
    left: 10px;
}

#ulepsz-7 {
	position: absolute;
	-webkit-animation: rotation 2.5s infinite linear;
	top: 180px;
    right: 55px;
	z-index: -1;
}

#ulepsz-8 {
	position: absolute;
	-webkit-animation: rotation 2.5s infinite linear;
	right: -10px;
    top: 120px;
}

#zad-1 {
	    margin-top: 70px;
}

#zad-2 {
	position: absolute;
	    top: 170px;
    right: -235px;
    z-index: -1;
}

#zad-3 {
	position: absolute;
	    top: 120px;
}

#czwor-sekcja {
	margin-top: 90px;
}

#wdro-2 {
	position: absolute;
	    left: -170px;
    z-index: -1;
    top: 170px;
}

#wdro-3 {
	position: absolute;
	    left: -90px;
    z-index: -1;
    top: 150px;
}

#opisowka.czwarty--etap h3 {
	font-size: 27px;
}

#wdro-4 {
	position: absolute;
	    bottom: -70px;
    left: -20px;
}

#wdro-5 {
	position: absolute;
	width: 30px;
    top: 240px;
    right: 90px;
	    -webkit-animation: rotation 2.5s infinite linear;
}

#wdro-6 {
	position: absolute;
	-webkit-animation: rotation 2.5s infinite linear;
    width: 55px;
    top: 190px;
    right: 50px;
}

.et_pb_row.historie--inquel {
	float: right;
	padding: 90px;
    padding-right: 0;
	margin-top: 130px;
}

.et_pb_row.historie--inquel h2 {
	font-size: 50px;
    font-weight: 800;
    color: #fff;
}

#formularz--kontaktowy {
	display: inline-block;
	width: 100%;
}

#section--first {
	    z-index: -1;
}

@media (min-width: 981px) {.home .owl-stage{padding-left:0px !important;}}


.realizacje--karuzela--calosc .owl-item {
	opacity: 0.4;
	transition: 0.5s all ease;
}

.realizacje--karuzela--calosc .owl-item.active {
	opacity:1;
}

.zestaw {
	    position: relative;
    overflow: hidden;
}

.zestaw:before {
	content: '';
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.87718837535014) 0%, rgba(0,0,0,0.3449754901960784) 100%);    z-index: 1;
}

.historia--kategoria {
	    font-size: 19.71px;
    font-weight: 800;
    color: #fff;
    position: absolute;
    padding: 20px 60px;    z-index: 2;
}

.zestaw h3 {
	font-size: 29.57px;
	color: #fff;
    font-weight: 800;
    padding-bottom: 20px;
	line-height: normal;
	transition: 0.5s all ease;
}

#inf--historie {
	position: absolute;
	bottom: 0;
    width: 100%;
    left: 0;
    padding: 20px 60px;    z-index: 2;
}

#historie--slajdow a {
	display: inline-block;
}

#historie--slajdow {
	margin-top: 40px;
}

.zobacz--wiecej {
	    font-weight: bold;
    color: #21b8ea;
    border-bottom: 1px solid;
    transition: 0.5s all ease;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
}

.zestaw:hover .zobacz--wiecej {
	color: #fff;
}

.zestaw:hover h3 {
	color: #21b8ea;
}

.owl-nav button.owl-prev span, .owl-nav button.owl-next span {
	display: none;
}

#historie--slajdow .owl-nav button.owl-prev {
	background: url(img/lewa.png);
	width: 32px;
    height: 36px;
    position: absolute;
    left: -70px;
    top: 40%;
}


#historie--slajdow .owl-nav button.owl-next {
	background: url(img/prawa.png);
	width: 32px;
    height: 36px;
    position: absolute;
        right: 115px;
    top: 40%;
}

.foto img {
	-moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.zestaw:hover .foto img {
	 -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.zobacz--wiecej:after {
	    content: '';
    background: url(img/strzalka-niebieska.svg);
    background-size: cover;
    width: 20px;
    height: 8px;
    position: absolute;
    transition: 0.5s all ease;
    top: 8px;
    right: -36px;
}

.zestaw:hover .zobacz--wiecej:after {
	background: url(img/strzalka.svg);background-size: cover;
}

.wszystkie-realizacje {
	font-size: 12.74px;
    color: #fff;
    font-weight: bold;
    border: 2px solid #fff;
    transition: 0.5s all ease;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 35px;
    margin-top: 20px;
}

.wszystkie-realizacje:hover {
	background: #fff;color: #2ea3f2;
}

#pomysly--formularz {
	text-align: center;
}

#pomysly--formularz h2 {
	    font-size: 53.9px;
    font-weight: 800;
    color: #3f4547;line-height: normal;
}

#pomysly--formularz h3 {
	    font-size: 29.4px;
    font-weight: 800;
    color: #21b8ea;
    margin-top: 15px;
    padding-bottom: 45px;
}

#szybki--kontakt {
	    width: 720px;
    margin: auto;
    background: #fff;
    border-radius: 25px;
    box-shadow: 1px 1px 30px #18ade76e;
    overflow: hidden;
    padding: 20px 60px;
	    margin-top: 40px;
    margin-bottom: 60px;
	max-width: 100%;
}

div#kolumna--formularz {
    width: 50%;
    float: left;
    padding: 0 10px;
}

#szczegolowy--opis--osoby img {
	    float: left;
    padding-right: 20px;margin-bottom: 55px;
}

#kolumna--formularz--cala {
	width: 100%;
	padding: 0 10px;    display: inline-block;
}

#kolumna--formularz--cala p {
	margin: 0 !important;padding: 0;
}

#szybki--kontakt .wpcf7 .wpcf7-form .wpcf7-submit {
	    font-size: 12.74px;
    font-weight: 800;
    text-transform: none;
    box-shadow: none;
    background: rgb(71,56,171) !important;
    background: linear-gradient(90deg, rgba(71,56,171,1) 0%, rgba(77,69,204,1) 100%) !important;
    padding: 11px 35px;
    height: auto;
    border-radius: 30px;
	transition: 0.5s all ease;
}

#szybki--kontakt .wpcf7 .wpcf7-form .wpcf7-submit:hover {
	opacity: 0.8;
}

#form-1 {
	position: absolute;
	    z-index: -2;
    top: 100px;
    left: 80px;
}

#form-2 {
	position: absolute;
	    z-index: -1;
    left: 120px;
    top: 400px;
}

.et_pb_scroll_top.et-pb-icon {
	    right: 40px;
    bottom: 40px;
    background: rgb(70,59,173);
    background: linear-gradient(90deg, rgba(70,59,173,1) 0%, rgba(25,171,230,1) 100%);
    border-radius: 0;
}

.footer-widget h4 {
	font-size: 19.74px;
    font-weight: 800;
    padding-bottom: 25px;
}

#footer-bottom {background: none;color: #fff;font-size: 12.74px;padding-bottom: 30px;}

#footer-info, #footer-info a {color: #fff;}

#menu-nawigacja {
list-style: none !important;padding: 0; margin: 0;
}

#footer-widgets .footer-widget li {padding: 0;    margin-bottom: 12px;}

#footer-widgets .footer-widget li:before {display:none;}

#menu-nawigacja li a {
	font-size: 17.93px;
	transition: 0.5s all ease;
	font-weight: 800;
}

#menu-nawigacja li a:hover {
	padding-left: 10px;
}

#menu-menu-eng li a {
	font-size: 17.93px;
	transition: 0.5s all ease;
	font-weight: 800;
}

#menu-menu-eng li a:hover {
	padding-left: 10px;
}

.et_pb_gutters3 .footer-widget {margin-bottom: 20px;}

#text-5 a {
	transition: 0.5s all ease;
}

#text-5 a:hover {
	opacity: 0.7;
}

.logo-min {
	    position: absolute;
    width: auto;
    max-width: 100px;
    z-index: 1;
    right: 30px;
    top: 30px;
}

.menu-desktop {
	flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -webkit-inline-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    height: 100%;    width: calc(100% - 90px);
}

#menu-menu-glowne li a, #menu-menu-glowne-eng li a {
	    font-size: 32px;
    font-weight: bold;
    opacity: 0.48;
    color: #fff;
    transition: 0.5s all ease;
    margin-bottom: 35px;
    display: inline-block;
}

#menu-menu-glowne li a:hover, #menu-menu-glowne-eng li a:hover {
	opacity: 1;
	padding-left: 15px;
}

#menu-menu-glowne, #menu-menu-glowne-eng {
	    min-width: 220px;
}

#menu-menu-glowne-eng {
	min-width: 317px;
}

#social--gora {
	width: 220px;margin-top: 50px;
}

html:lang(en-GB) #social--gora {
	width: 317px;
}

#social--gora a {
	padding: 0 10px;
}

#jezyki {
	width: 190px;margin-top: 50px;
}

html:lang(en-GB) #jezyki {
	width: 317px;
}

@media (max-width: 860px) {
	#menu-menu-glowne-eng {
        min-width: unset;
    width: 215px;
}
	
	html:lang(en-GB) #jezyki {
	width:215px;
}
	
	html:lang(en-GB) #social--gora {
	width:215px;
}
}

#jezyki a {
	    font-size: 31.45px;
    font-weight: bold;
    color: #fff;
    opacity: 0.48;
    transition: 0.5s all ease;
	padding: 0 10px;
}

#jezyki a:hover, #jezyki a.active {
	opacity: 1;
}

.wpcf7 .wpcf7-mail-sent-ng {
    color: #ff9800;
    background-color: #fff3e0;
    border-radius: 25px;
    margin-top: 20px;
}

#videlo:after {
	content: '';
	background: url(img/siatka.png);    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.logo-mobile {
	display:none;
}

@media (max-width: 1100px) {
	#blue--podkladka {display:none;}
	#zajawka--robimy {
		background: #18ade7;
    padding: 40px 50px;
    float: right;
    width: 90%;
	}
}

@media (max-width: 860px) {
	
	#text-7 {
		display: inline-block !important;
    width: 100% !important;
	}
	.logo-mobile {
	display:block;
}
	.logo-desktop {
		display:none;
	}
	#szybki--kontakt .wpcf7 .wpcf7-form .wpcf7-submit {margin-right: 0;}
	header {
		width: 100%;
    background: rgb(55,96,192);
    background: linear-gradient(90deg, rgba(55,96,192,1) 0%, rgba(70,59,173,1) 100%);
    left: 0;
    margin-left: 0;
    height: 100%;
    top: calc(-100% + 45px);
}
	header.show {
		top: 0;
	}
	
	.menu-tab {
		height: 45px;
    left: initial;
    right: 10px;
		z-index: 1;
	}
	
	.menu-tab div {
		width: 30px;
	}
	
	.menu-tab div:nth-child(1) {
    margin-top: 11px;
}
	
	#logo--inquel {
		width: 66px;
    height: 16px;
    top: 12px;
    bottom: initial;left: 30px;
}
	.menu-tab.active {left: initial;}
	
	#wlaczenie img {
    float: none;
    display: block;
    margin: auto;
		    width: 120px;
}
	
	#owijka--wlaczenie {margin-left: -12px;}
	
	#wlaczenie h2 {
		    font-size: 41px;
    text-align: center;
    float: none;
    margin-top: 20px;
    padding: 0;
}
	
	#menu-menu-glowne li a, #menu-menu-glowne-eng li a {
		    font-size: 27px;
    	margin-bottom: 30px;
}
	#menu-menu-glowne-eng li a {
    font-size: 21px;
    margin-bottom: 20px;
}
	#social--gora {
		margin-top: 20px;
	}
	
	#social--gora img {width: 28px;}
	#intro--two {height:100vh;}
	#zajawka--robimy {
		font-size: 16px;
    line-height: 23px;    padding: 25px 45px;margin-right: -20px;
	}
}

.wyswietlanie-mobile {
	display: none !important;
}

#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000000}
#loader{display:block;position:relative;left:50%;top:50%;width:130px;height:130px;margin:-75px 0 0 -75px;background: url(/wp-content/uploads/2019/12/in-2.png) center no-repeat;z-index:1001;transition: 2s all ease;}
#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background: rgb(24,173,231);
    background: linear-gradient(0deg, rgba(24,173,231,1) 0%, rgba(71,56,171,1) 100%);z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
#loader-wrapper .loader-section.section-left{left:0}
#loader-wrapper .loader-section.section-right{right:0}
.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1.000);transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1.000)}
.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1.000);transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1.000)}
.loaded #loader{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s 1s ease-out;transition:all .3s 1s ease-out}
.no-js #loader-wrapper{display:none}
.animuj {
	transform: rotate(-134deg);
}

@media (max-width: 980px) {
	.wyswietlanie-mobile {
	display: block !important;text-align: center;
}
	
	.wyswietlanie-desktop {
	display: none !important;
}
	
	#grafmob-1 {
		margin: auto;
	}
	
	.et_pb_row {width: 94%;}
	
	#opisowka h2, #opisowka.trzeci--etap h2, #opisowka.czwarty--etap h2 {
	    font-size: 28.4px;
}

#zawartosc--tekstowa {
    padding-left: 0;
	text-align: center;
}

#opisowka h3, #opisowka.czwarty--etap h3 {
	font-size: 15.68px;line-height:normal;
}

#opisowka.pierwszy--etap h2 strong {
	display: block;
}

#opisowka a {
	font-size: 16px;
}
	
	#prot-6 {
		transform: scale(0.64);
    left: initial;
    right: -70px;
    top: -90px;
	}
	
	#prot-7 {
		    transform: scale(0.6);
    left: initial;
    right: -45px;
    top: -145px;
	}
	
	#opisowka {
    padding-top: 5px;
}
	
	#stworzymy--prototyp--1 {
		position: relative;
		z-index: 10;max-width: 353px;
    margin: auto;
    width: 100%;
	}
	
	#stworzymy--prototyp--2 {
		position: relative;
		z-index: 10;max-width: 353px;
    margin: auto;
    width: 100%;
	}
	
	#ulepsz-4 {
		transform: scale(0.8);
    top: 0;
    left: -40px;
	}
	
	#opii {
		    position: relative;
    z-index: 1;
	}
	#zawartosc--tekstowa h2:hover strong {background: none !Important;color: #3F4547 !Important;}
	#opisowka h2 br {display:none;}
	
	.trzeci--etap #zawartosc--tekstowa {
    padding-left: 0;
    text-align: center;
}
	#zawartosc--tekstowa h2 strong {
		width: 100%;
    display: inline-block;
	}
	
	#graf-3-mobile {
		    margin-right: -20%;
    margin-bottom: -50px;
	}
	#czwor-sekcja {
    margin-top: 0;
}
	#graf-4-mobile {margin-left: -12%;}
	.et_pb_row.historie--inquel {margin-top: 30px;width: 100%;    padding: 50px 0;}
	.et_pb_row.historie--inquel h2 {
		font-size: 27px;
    text-align: center;
    padding: 0 30px;
	}
	
	.zestaw h3 {
		font-size: 21px;
	}
	.historia--kategoria {
		font-size: 16px;
	}
	#inf--historie, .historia--kategoria {
		    padding: 20px 35px;
	}
	.realizacje--karuzela--calosc .owl-item {opacity: 1;}
	.logo-min {
		    max-width: 80px;
    right: 20px;
    top: 20px;
	}
	
	.owl-theme .owl-dots .owl-dot span {
		    opacity: 0.48;
    background: #fff;
	}
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background: #fff;
		opacity: 1;
	}
	#pomysly--formularz h2 {
		font-size: 30px;
    padding: 0 20px;
	}
	#pomysly--formularz h2 br {display:none;}
	#pomysly--formularz h3 {
		font-size: 16px;padding-bottom: 0;
	}
	#szybki--kontakt {
    width: 90%;
    padding: 20px;
}
	div#kolumna--formularz {
		width: 100%;
	}
	#szybki--kontakt .wpcf7-form {
    padding: 0 10px;
}
	#szybki--kontakt .wpcf7-form p {
    font-size: 1rem;
    margin: 0 !important;
}
	#szybki--kontakt .wpcf7-form .input-field {
    display: block;
    margin-top: 0 !important;
}
	#form-1 {
		display:none;
	}
	
	#form-2 {
		    left:-30px;
    top: 250px;
	}
	
	#footer-widgets .footer-widget:nth-child(1), #footer-widgets .footer-widget:nth-child(2) {
		width: 50% !important;text-align: center;
	}
	
	#footer-widgets .footer-widget {margin: 0 !important;}
	
	#footer-widgets {
		padding-top: 140px;padding-bottom: 0;
	}
	
	#footer-widgets .footer-widget:nth-child(3), #text-4, #nav_menu-2 {
		text-align: center;margin-bottom: 0;width: 100% !important;
	}
	
	#footer-widgets .footer-widget:nth-child(4) {
		    position: absolute;
    text-align: center;
		top: 35px;    width: 100% !important;
	}
	
	#footer-widgets .footer-widget:nth-child(4) img {
		margin: auto;
	}
	
	#footer-widgets .footer-widget:nth-child(4) #media_image-2, #text-5 {
		display: block;width: 100%;
	}
	
	#nav_menu-2 {
		display: block;
		width: 100%;
	}
	
	#footer-bottom {
		    padding-top: 0;
    padding-bottom: 20px;
	}
	#footer-info a {
		    display: block;
    width: 100%;
	}
	

} /* koniec max width 980px */


@media (max-width: 980px) and (orientation: landscape) {
	#menu-menu-glowne li a, #menu-menu-glowne-eng li a {
   font-size: 17px;
    margin-bottom: 4px;
}
	#social--gora {
    margin-top: 10px;    width: 240px;
}
	#social--gora img {
    width: 20px;
}
	
	#jezyki {
    width: 190px;
    margin-top: 20px;
}
	#jezyki a {
		font-size: 18px;
	}
	
	.enh_scroll_down {
		bottom: 0;
	}
	
	#intro--two {
    height: 200vh;
}
}


#co--robimy--podstrona #zajawka--robimy {
	margin-top: 0;
}

.page-id-178 #podstrona--tytul, .page-id-535 #podstrona--tytul {
	padding-left: 85px;
}

#podstrona--tytul h1 {
	font-size: 18.64px;
    font-weight: 800;
    color: #21b8ea;
}

#box--rob {
	    text-align: center;
    border: 1px solid #21b8ea;
    border-radius: 20px;
	    padding: 47px;
	margin: 25px 0;
}

#box--rob #obrazekboxa {
	    margin-top: -145px;    display: inline-block;
    min-height: 195px;
}

#co--robimy--podstrona {
	margin-bottom: 50px;
}

#box--rob h2 {
	font-size: 34.16px;
    font-weight: 800;
    color: #3f4547;
    margin-bottom: 25px;
}

#box--rob h3 {
	font-size: 19.6px;
	font-weight: 800;
	color: #21b8ea;
	margin-bottom: 20px;
}

#box--rob p{
	font-size: 14.73px;
    font-weight: bold;
    color: #000000;
}

.proces--3 #obrazekboxa img {float: left;}

#box--roboty, #box--roboty .et_pb_code_inner, #box--rob {
	height: 100%;
}

div#boxy-razem-corobimy {
    margin-top: 80px;
}

@media (min-width: 981px) {
	#centruj {
		    width: calc(100% - 15%);
	}
}

@media (max-width: 980px) {
	.page-id-178 #podstrona--tytul {
    padding-left: 25px;
}
	#co--robimy--podstrona {
    margin-bottom: 0;
    padding-top: 0;
}
	#podstrona--tytul h1 {
		font-size: 25px;
	}
	div#boxy-razem-corobimy {
    margin-top: 0;    width: 80%;
}
	#box--rob h2 {font-size: 27px;}
	#box--rob #obrazekboxa {    transform: scale(0.8);    min-height: 165px;    margin-top: -120px;}
	div#box--roboty {
    margin-top: 30px;
    margin-bottom: 30px;
    display: inline-block;
}
	#box--rob h3 {font-size: 13px;}
	#box--rob p {
    font-size: 11px;
    line-height: normal;
    font-weight: bold;
    color: #000000;
}
	#box--rob {padding:30px;}
	
	#kontakt--podstronka {
		background: none !Important;
		padding: 0;
	}
}

#menu-menu-glowne li.current-menu-item a, #menu-menu-glowne-eng li.current-menu-item a {
	opacity: 1;
}

@media (min-width: 1921px) {
	#wlaczenie {
		    transform: scale(1.3);
	}
}

#rb2 {
	position: absolute;
    right: 70px;
    top: 70px;
}

@media (max-width: 1245px) {
	#rb2 {
		    transform: scale(0.8);
    right: -20px;
    top: 50px;
	}
}

#babel-1 {
	    position: absolute;
    top: -650px;
    left: -100px;
}

#babel-2 {
	position: absolute;left: 0;
    top: 0;
}

#babel-3 {
	position: absolute;    top: 90px;
    left: 140px;
}

#babel-4 {
	position: absolute;
	    right: -150px;
    top: -200px;
}

#babel-5 {
	position: absolute;
	    right: -220px;
    top: -80px;
}

@media (max-width: 980px) {
	#babel-1, #babel-2, #babel-3, #babel-4, #babel-5 {
		display: none;
	}
}

#ofirmie-1 {
	position: absolute;
	left: 130px;
    top: 175px;
    z-index: -1;
}

#ofirmie-2 {
	position: absolute;
	    left: 140px;
    z-index: -2;
    top: 20px;
}

#ofirmie-3 {
	position: absolute;
	    left: 365px;
    top: 20px;
    z-index: -1;
	-webkit-animation: rotation 3s infinite linear;
}

#ofirmie-4 {
	position: absolute;
	left: 465px;
    top: 60px;
	-webkit-animation: rotation 3s infinite linear;
}

.etap--tytul span {
	font-size: 54.53px;
	color: #18ade7;
	font-weight:800;
	display: inline-block;
}

.etap--tytul h2 {
	font-size: 54.53px;
	color: #3f4547;
	font-weight:800;
	display: inline-block;
	padding-left: 15px;
}

#historia--etapy {
	margin-top: 90px;
}

#tekst--historii {
	font-size: 14.7px;
}

#tekst--historii span {
	font-weight: 800;
	color: #18ade7;
}

#tekst--historii a {
	    font-size: 12.74px;
    font-weight: 800;
    text-transform: none;
    box-shadow: none;
    background: rgb(71,56,171) !important;
    background: linear-gradient(90deg, rgba(71,56,171,1) 0%, rgba(77,69,204,1) 100%) !important;
    padding: 11px 35px;
    height: auto;
    border-radius: 30px;
    transition: 0.5s all ease;    color: #fff;
    margin-top: 40px;
    display: inline-block;
}

#tekst--historii a:hover {
	opacity: 0.7;
}

#klienci--logotypy #pojedyncze--logo {
	width: 16%;
    padding: 15px 0;
    float: left;
    text-align: center;
}

#klienci--logotypy.loga-zrtv #pojedyncze--logo {
	    width: 20%;
}

#klienci--logotypy {
	    display: inline-block;
    width: 100%;
}

@media (min-width: 861px) and (max-width: 980px) {
	#tresc {
    z-index: 10;
    padding-left: 65px;
}
}

@media (max-width: 860px) {
	#graficzka--historia {
		max-width: 320px !Important;
	}
	
	#ofirmie-1 {
		    transform: scale(0.7);
    top: 0;
    left: 0;
	}
	
	#ofirmie-2 {
		    transform: scale(0.7);
    left: 0;
    top: -55px;
	}
	
	#ofirmie-3 {
		    left: 135px;
    top: -15px;
    width: 100px;
	}
	
	#ofirmie-4 {
		    width: 30px;
    left: 185px;
    top: 5px;
	}
	
	.etap--tytul span, .etap--tytul h2 {
    	font-size: 30px;
	}
	
	#tekst--historii {
		font-size: 16px;
	}
	
	#historia--etapy {
    margin-top: 50px;
    padding: 20px 25px;
}
	
	.et_pb_row {
    width: 94%;
    padding: 30px 20px;
}
	
	#rownaj--mobile {
		text-align: center;
	}
	
	#rownaj--mobile a  {
		margin: auto;
		margin-top: 30px;
	}
	#klienci--logotypy #pojedyncze--logo {
		    width: 33.3%;
	}
}

#kariera-1 {
	position: absolute;
	left: 330px;
    z-index: -1;
}

#kariera-2 {
	position: absolute;
	    left: 510px;
    z-index: -1;
}

#kariera--tekst h2 {
	font-size: 41px;
	font-weight: 800;
	color: #3F4547;
}

#kariera--tekst h3 {
	font-size: 29.4px;
	font-weight: 800;
	color: #21B8EA;
}

#kariera--tekst a {
	font-size: 18px;
	color: #3F4547;
	text-decoration: underline;
	transition: 0.5s all ease;
	padding: 55px 0;
	display: inline-block;
}

#kariera--tekst a:hover {
	color: #21B8EA;
}

#kariera--tekst p {
	max-width: 100%;
	width: 550px;
	font-size: 12.74px;
	color: #3F4547;
}

#kariera--tekst p strong {
	font-size: 17.64px;margin-bottom: 20px;display: inline-block; width: 100%;
}

@media (max-width: 860px) {
	#kariera--tekst h2 {
		font-size: 27.4px;
	}
	
	#kariera--tekst h3 {
		font-size: 15px;margin-bottom: 15px;
	}
	
	#kariera--tekst a {
		font-size: 16px;
    	padding: 15px 0;
    	padding-bottom: 35px;
	}
	
	#kariera--tekst p strong {
    font-size: 15.68px;
	}
	
	#kariera-1 {
		     left: inherit;
    right: -70px;
    top: 35px;
    width: 313px;
	}
	
	#kariera-2 {
		    left: inherit;
    right: -90px;
    width: 202px;
    top: 40px;
	}
	
	#et-main-area {
		overflow: hidden;
	}
	
	#corobimy--bable {
		display: none;
	}
	
	.page-id-178 #formularz--kontaktowy {
		display:none;
	}
}

.kontakt--zawartosc--naglowek #podstrona--tytul h1 {
	color: #fff;
}

.et_pb_column_1_2 .et_pb_map, .et_pb_column_3_5 .et_pb_map, .et_pb_column_3_8 .et_pb_map {
    height: 440px;
}

#dane--firma {
	    margin-top: 280px;
    background: #fff;
    padding: 0;
}

#opis--firma--kontakt--dane {
	    padding: 80px;
    font-size: 18px;
    line-height: 37px;
} 

#opis--firma--kontakt--dane a {
	    color: #3f4547;
}

#opis--firma--kontakt--dane strong {
	color: #2ea3f2;
}

#opis--firma--kontakt--dane span {
	padding: 0 10px;
}

#formularz--zakladkakontakt #pomysly--formularz {
	text-align: left;
}

#formularz--zakladkakontakt #pomysly--formularz h2 {
	    font-size: 35.28px;
}

#formularz--zakladkakontakt #pomysly--formularz.tekst-form {
	padding-top: 120px;
}

.form-form #szybki--kontakt {
	    padding: 10px 20px;
}

.form-form #szybki--kontakt .wpcf7-form p {
	margin: 0 !important;
}

.form-form #szybki--kontakt .wpcf7-form .input-field {
	margin: 0 !important;
}

.form-form #szybki--kontakt .wpcf7-form {
	text-align: center;
}

#tresc.kontakt--zawartosc--naglowek:after {
    content: '';
    position: absolute;
    width: 96%;
    background: #fff;
    height: 80px;
    bottom: -1px;
    left: 0;
}

.page-id-252 #tresc.kontakt--zawartosc--naglowek:after {
	width: 100%;    height: 200px;
}


#tresc.kontakt--zawartosc--naglowek {
	padding-bottom: 0;
	margin-bottom: 50px;
}

#for--kontakt {
		position: absolute;
    bottom: -50px;
    z-index: -1;
    right: 80px;
	}

@media (max-width: 860px) {
	#dane--firma {
		margin-top: 100px;
		    width: 100%;
    background: none;
	}
	
	#dane--firma .et_pb_column_1 {
		    padding: 0 40px;
	}
	
	#opis--firma--kontakt--dane {
		background: #fff;
    padding: 30px 50px;
	}
	
	#dane--firma .et_pb_column_2 {
		background: #fff;
		padding-top: 50px;
	}
	
	#tresc.kontakt--zawartosc--naglowek .et_parallax_bg {
		    background-position: left top;
	}
	.et_pb_column .et_pb_map, .et_pb_fullwidth_section .et_pb_map {
    height: 300px;
}
	
	#mobile--mapka {padding: 0;}
	#xtresc {
		padding-top: 0;
		margin-top: -40px;
	}
	#tresc.kontakt--zawartosc--naglowek:after {
		display: none;
	}
	#formularz--zakladkakontakt #pomysly--formularz h2 {
    font-size: 30px;
    text-align: center;
}
	#pomysly--formularz h3 {text-align: center;}
	
	#for--kontakt {
		right: inherit;
    left: -20px;
    top: 100px;
    bottom: initial;
	}
	.form-form #szybki--kontakt {
    padding: 10px 20px;
    width: 95%;
}
}


#zakladka--realizacje--items {
	margin-bottom: 140px;
}

#poznaj--historie h2 {
	margin-top: 30px;
	    font-size: 53.9px;
    font-weight: 800;
}

#poznaj--historie p {
	font-size: 14.7px;
    width: 100%;
    max-width: 685px;
    margin-top: 20px;
}

#zakladka--realizacje--items #historie--slajdow a {
    display: inline-block;
    padding: 10px;
}

@media (max-width: 860px) { 
	#poznaj--historie h2 {font-size: 30px;}
	#zakladka--realizacje--items #historie--slajdow a {
    display: inline-block;
    padding: 10px 30px;
}
	#formularz--zakladkakontakt #pomysly--formularz.tekst-form {
    padding-top: 0;
}
	
	.page-id-252 #szybki--kontakt .wpcf7 .wpcf7-form .wpcf7-submit {
margin-left: 15px;
    margin-right: 15px;
	}

}

#tresc.kontakt--zawartosc--naglowek.realizacje--naglowek {
    height: 90vh;
}

#realizacja--kategoria--nazwa span {
	font-size: 18.64px;
    font-weight: 800;
    color: #fff;
    padding: 20px 0;
}

#tresc.kontakt--zawartosc--naglowek.realizacje--naglowek:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(/wp-content/uploads/2019/12/nakladka-realizacja-2.png);
	z-index: 1;
}


#tresc.kontakt--zawartosc--naglowek.realizacje--naglowek:after {
	z-index: 1;
}

#tresc.kontakt--zawartosc--naglowek.realizacje--naglowek .et_parallax_bg:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(/wp-content/uploads/2019/12/realizacja-nakladka.png);
	z-index: 1;
}


#realizacja-tytulik h1 {
	    font-size: 53.9px;
    font-weight: 800;
    color: #fff;
}


#tresc.kontakt--zawartosc--naglowek.realizacje--naglowek .et_pb_row, #tresc.kontakt--zawartosc--naglowek.realizacje--naglowek .et_pb_column {
	    position: initial;
}

#realizacja-tytulik {
	position: absolute;
    bottom: 150px;
    z-index: 10;
    width: 850px;
    max-width: 100%;
}

#realizacja--kategoria--nazwa {
	z-index: 10;
    position: relative;
}

#realizacja-tytulik h4 {
	font-size: 13.74px;
    font-weight: normal;
    color: #fff;
    max-width: 495px;
    width: 100%;
    line-height: normal;
    margin-top: 35px;
}

#logo--realizacja {
	margin-top: -100px;display:inline-block;
	width: 100%;margin-bottom: 50px;
}

#logo--realizacja img {
	float: left;
    width: 75px;
    margin-right: 15px;
}

#logo--realizacja p {
	    float: left;
    margin-top: 25px;
}

.zajawka {
	font-size: 16.65px;
    color: #18ade7;
    font-weight: 800;
    margin-top: 50px;
}

.zajawka.zrtv--zajaw {
	font-size: 19.6px;
}

.wlasciwa {
	    font-size: 14.7px;
    margin-top: 30px;
}


::selection {background: rgb(55,96,192);color: #fff;}
::-moz-selection {background: rgb(55,96,192);color: #fff;}

#szum-2 {
	position: absolute;
	left: 35px;
    z-index: -1;
    top: 130px;
}

#szum-3 {
	position: absolute;
	    left: 100px;
    top: 130px;
    z-index: -1;
}

#szum-4 {
	position: absolute;
	    left: 45px;
    z-index: -1;
    top: 10px;
	-webkit-animation: rotation 2.5s infinite linear;
}

#szum-5 {
	position: absolute;
	    left: 155px;
    top: -15px;
	-webkit-animation: rotation 2.5s infinite linear;
}

#szum-6 {
	position: absolute;
	left: 55px;
    bottom: -30px;
}

.single-post #page-container {
	overflow: hidden;
}

#roz-inq {
	z-index: 10;
}

#roz-inq.et_pb_row.historie--inquel {
	    width: 93% !important;
    max-width: 93% !important;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 60px;
	padding: 50px 30px;
}

#ws--xc {
	font-size: 19.4px;
    font-weight: 800;
    padding-left: 55px;
    width: 100%;
    max-width: 775px;
    margin-bottom: 20px;
}

div#kolumna--szumisie {
        width: 48%;
    float: left;
    padding: 15px 0;
    margin-right: 2%;
}

#kolumna--szumisie--rozwiazanie img {
	    width: 50px;
    float: left;
    margin-right: 10px;
    height: fit-content;
}

#kolumna--szumisie--rozwiazanie p {
	   font-size: 15.78px;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -webkit-inline-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
}

#kolumna--szumisie--rozwiazanie {
	width: 100%;display: flex;    padding: 10px 0;
}

#ws--xc--2 {
	max-width: 925px;
    width: 100%;
    display: inline-block;
}

@media (min-width: 1400px) {
	#rozwiazanie--realizacji {
		max-width: 1000px;

    width: 100%;
	}
	
	#roz-inq.et_pb_row.historie--inquel {
	    width: 80% !important;
    max-width: 80% !important;
	}
}

#spiecie--eff--szumisie {
	display: inline-block;
	width: 100%;
}

div#jedeneff--szumisie {
    width: 50%;
    float: left;    padding: 20px 35px;position: relative;
}

#jedeneff--szumisie p {
	font-size: 15.58px;
    font-weight: 800;
    box-shadow: 1px 1px 30px #18ade76e;
    padding: 10px 55px;
    min-height: 90px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -webkit-inline-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
	background: #fff;
}

#checker {
	background: url(/wp-content/uploads/2019/12/efekt-check.png);
	top: -40px;
    left: -60px;
    width: 180px;
    height: 180px;
    background-size: cover;
	position: absolute;    z-index: 1;
		
}

#ef1 {
	position: absolute;
	    left: 110px;
    top: 150px;
    z-index: -1;
}

.efekt--rtv--plus #ef1 {
	top: -30px;
    left: 150px;
}

#ef2 {
	position: absolute;
	    left: 140px;
    z-index: -1;
    top: 25px;
}

.efekt--rtv--plus #ef2 {
	    top: -120px;
    left: 200px;
}

#efekty--szumisie {
	    margin-bottom: 100px;
    margin-top: 50px;
}

#efekty--szumisie.efekt--rtv--plus {
	margin-bottom: 0;
}

#pozostale--realizacje.historie--inquel {
	    width: 100% !important;
    max-width: 100%;
    padding-left: 65px;
    padding-right: 0;
    padding-top: 0;    margin-top: 80px;
}

#pozostale--realizacje.historie--inquel h2 {
	text-align: center;
	margin-bottom: 60px;
}

#pozostale--realizacje.historie--inquel #centruj {
    width: 100%;
}

.single .et_pb_post {
    margin-bottom: 0;
    padding-bottom: 0;
}

#left-area {
	padding-bottom: 0;
}

#pozostale--realizacje.historie--inquel .owl-carousel .owl-item img.logo-min {
	    width: auto;
    max-width: 100px;
}

@media (max-width: 1330px) {
	
	#pozostale--realizacje.historie--inquel .zestaw h3 {
		font-size: 25px;
}
	#pozostale--realizacje.historie--inquel #inf--historie {
		padding: 20px;
	}
}

@media (min-width: 861px) and (max-width:980px) {
	#tresc.kontakt--zawartosc--naglowek.realizacje--naglowek .et_pb_row {
		width: 92% !Important;
	}
	#realizacja-tytulik {width: 700px;}
}

@media (min-width: 981px) and (max-width: 1049px) {
	.etap--tytul span {font-size: 42px;}
	.etap--tytul h2 {font-size: 42px;}
}

#szumis-mobile {
	display: none;
}

@media (max-width: 860px) {
	#pozostale--realizacje.historie--inquel {
		    margin-top: 40px;
    padding-left: 0;
	}
	#realizacja-tytulik {
		      position: relative;
    width: 100%;
    bottom: inherit;
    padding-top: 40px;
    padding-bottom: 70px;
	}
	#realizacja-tytulik h1 {
		font-size: 29px;
	}
	
	#tresc.kontakt--zawartosc--naglowek.realizacje--naglowek .et_pb_row {
		width: 90% !important;
	}
	#tresc.kontakt--zawartosc--naglowek.realizacje--naglowek {
    height: auto;z-index:1;
}
	#tresc.kontakt--zawartosc--naglowek.realizacje--naglowek:after {
		content: '';
		width: 90%;
		height: 50px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: #fff;
		display: block;
	}
	#logo--realizacja {
		margin-top: -160px;
    position: relative;
    z-index: 10;
    float: left;
    margin-bottom: 0;
	}
	
	#szumis-mobile {
	display: block;
    max-width: 100%;
    margin-top: 50px;
}
	

	#roz-inq.et_pb_row.historie--inquel {
    width: 100% !important;
    max-width: 100% !important;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 60px;
    padding: 40px;
}

	#ws--xc {
		    padding-left: 0;
    font-size: 16px;
	}
	
	div#kolumna--szumisie {
		    width: 100%;
    margin-right: 0;
	}
	div#jedeneff--szumisie {
		width: 100%;    padding-right: 0;
	}
	
	#xtresc {
    padding-top: 0;
    margin-top: -40px;
    display: inline-block;
    width: 100%;
}
	#eff-rzad-podszumis {
		padding: 0;
    float: right;
    width: 90%;
	}
	
	#ef1,#ef2 {display:none;}
}

#pozostale--realizacje.historie--inquel .owl-nav button.owl-prev {
    background: url(img/lewa.png);
    width: 32px;
    height: 36px;
    position: absolute;
    left: 70px;
    top: 44%;
}

#pozostale--realizacje.historie--inquel .owl-nav button.owl-next {
    background: url(img/prawa.png);
    width: 32px;
    height: 36px;
    position: absolute;
    right: 70px;
    top: 44%;
}
#loga--zlecajacy {
	display: inline-block;
    width: 100%;
    margin-top: -240px;
    margin-bottom: 60px;
}

#firma--zlec {
	    display: inline-block;
    width: 100%;
}

#grafika-zlec {
	    width: 40%;
    float: left;text-align: center;min-height: 60px;
}

#grafika-zlec img {
	margin: auto;
}

#firma--zlec p {
	    width: 60%;
    float: left;
    padding-left: 10px;padding-top: 7px;
}

#cement--lista {
	 margin-top: 30px;list-style: none !important;margin-left: 0;
}

#cement--lista li {
	position: relative;padding-left: 15px;
}

#cement--lista li:before {
	    content: '';
    width: 6px;
    height: 6px;
    background: #18ade7;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%
}

#cement--etapy .etap--tytul span, #cement--etapy .etap--tytul h2 {
	    font-size: 46.53px;
}

#cemgraf-2 {
	position: absolute;
	    top: 190px;
    z-index: -1;
    left: 20px;
}

#cemgraf-3 {
	position: absolute;
	    left: 230px;
    top: 200px;
    z-index: -1;
}

#cemgraf-4 {
	position: absolute;
	    top: 20px;
    left: 65px;-webkit-animation: rotation 3s infinite linear;
    z-index: -1;
}

#cemgraf-5 {
	position: absolute;
	top: -20px;-webkit-animation: rotation 3s infinite linear;
    left: 160px;
}

#cemgraf-1 {
	max-width: 108%;
}

.etpix svg path {
  fill: none;
  stroke: #21b8ea;
  stroke-width: 1;
}

.etpix svg {
	opacity: 0;
	transition: 0.5s all ease;    position: absolute;
    z-index: -2;    top: 53px;
    left: -30px;
}

div#kroki--twor {
    display: flex;
    margin: 30px 0;
    margin-top: 90px;    z-index: 1;
    position: relative;
}

div#danykrok {
        width: 21%;
    background: #fff;
    margin: 0 2%;
    padding: 10px 20px;
    font-size: 13.62px;
    font-weight: 800;
    text-align: center;
    display: flex;
    border-radius: 20px;
    border: 1px solid #21b8ea;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -webkit-inline-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
}

#kroki--twor.kr-2rzad {
	margin-top: 110px;
}

#cemost {
	margin-bottom: 55px;
}

#cem1 {
	position: absolute;
	left: 410px;
    bottom: -50px;
    z-index: -1;
}

#cem2 {
	position: absolute;
	    bottom: 110px;
    left: 560px;z-index: -1;
}

@media (max-width: 1150px) {
	.etpix svg {display:none;}
	div#kroki--twor, #kroki--twor.kr-2rzad {
		        margin: 0;
    display: block;
    text-align: center;
	}
	
	div#danykrok {
		    display: inline-block;
    width: 50%;
    margin: auto;
    min-height: 70px;
    margin-bottom: 15px;
    padding: 15px 30px;
	}
}

@media (max-width: 860px) {
	#cement--etapy .etap--tytul span, #cement--etapy .etap--tytul h2 {
    font-size: 27px;
}
	div#danykrok {
		width: 100%;
	}
}

#loga--zlecajacy.mon-log #grafika-zlec img {
	float: left;
}

#mon2 {
	position: absolute;
	left: 0;
    top: 200px;
    z-index: -1;
}

#mon3 {
	position: absolute;
	    left: 80px;
    top: 215px;
    z-index: -1;
}

#mon4 {
	position: absolute;
	    right: 15px;
    z-index: -1;
    top: 45px;
	-webkit-animation: rotation 3s infinite linear;
}

#mon5 {
	position: absolute;
	    right: 35px;
    z-index: -1;
    top: 150px;
	-webkit-animation: rotation 3s infinite linear;
}

.mon--kroki div#danykrok {
	width: 46%;
}

#kroki--twor.mon--kroki:before {
	content: '';
    height: 1px;
    width: 10%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    background: #21b8ea;
    top: 50%;
}

.efekt-moni #jedeneff--szumisie p {
	    font-size: 14.7px;
    font-weight: normal;    padding: 15px 75px;
    min-height: 170px;
}

#eff-rzad-podszumis.rzad-mon-ef {
	max-width: 1000px!important;
}

#eff-rzad-podszumis.rzad-mon-ef #ef2 {
top: -60px;
    left: 300px;
}

#eff-rzad-podszumis.rzad-mon-ef #ef1 {
	    left: 280px;
    top: 90px;
}

@media (max-width: 860px) {
.mon--kroki div#danykrok {
    width: 100%;
    margin: 15px 0;
}
	#kroki--twor.mon--kroki:before {height: 25%;
    width: 1px;
    top: 0;
    bottom: 0;}
}

#tresc.kontakt--zawartosc--naglowek.realizacje--naglowek.naglowek--rtv:before {
	background: #000;
    z-index: 1;
    opacity: 0.7;
}

.rtv--log #firma--zlec p {
	    margin-top: -13px;
    padding-left: 15px;
}

#rtv2 {
	position: absolute;
	left: 35px;
    z-index: -1;
    top: 135px;
}

#rtv3 {
	position: absolute;
	left: 20px;
    top: 200px;
    z-index: -1;
}

#rtv4 {
	position: absolute;
	left: 140px;
    z-index: -1;
    top: 30px;
	-webkit-animation: rotation 3s infinite linear;
}

#rtv5 {
	position: absolute;
	 left: 225px;
    top: -20px;
	-webkit-animation: rotation 3s infinite linear;
}

#rea1 {
	position: absolute;
	    bottom: -65px;
    left: -180px;
    z-index: -1;
}

#rea2 {
	position: absolute;
	left: -140px;
    bottom: 65px;
    z-index: -1;
}

#spinka--rt {
	    max-width: 925px;
    width: 100%;
    display: flex;
}

#spinka--rt #haslo--rt {
	    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -webkit-inline-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    -ms-flex-align: center;
    -webkit-box-align: center;
    font-size: 23.52px;
    font-weight: 800;
    width: 50%;
    padding-left: 50px;
    padding-right: 55px;
    line-height: normal;
}

#spinka--rt #ws--xc--2 {
	width: 61%;
    max-width: 100%;
}

#spinka--rt #ws--xc--2 div#kolumna--szumisie {
	width: 60%;
}

@media (min-width: 981px) and (max-width: 1242px) {
	#cement--etapy .etap--tytul span, #cement--etapy .etap--tytul h2 {
    font-size: 35px;
}
	.rtv--log #firma--zlec p strong {
		display: block;
	}
}

@media (max-width: 860px) {
	#szumis-mobile.rtv--grafika--mobile {
		    max-width: 100%;
	}.rtv--log #firma--zlec p strong {
		display: block;
	}
	
	#spinka--rt {
		display: block;
	}
	
	#spinka--rt #haslo--rt {
		    flex: none;
    padding: 0;
    text-align: center;
    display: block;
    width: 100%;
	}
	
	#spinka--rt #ws--xc--2 {
    width: 100%;
    max-width: 100%;
}
	#spinka--rt #ws--xc--2 div#kolumna--szumisie {
    width: 100%;
}
	#klienci--logotypy.loga-zrtv #pojedyncze--logo {
    width: 50%;
}
	
	.rtv--log.mecz--log #firma--zlec p {
    margin-top: -10px;
    padding-left: 15px;
    line-height: normal;
}
	#rownaj {display:none;}
	#meczet--opisowkaend {
    margin-bottom: 40px;
}
}

#zeg2 {
	position: absolute;
	z-index: -1;
	    left: 0;
    top: 115px;
}

#zeg3 {
	position: absolute;
	z-index: -1;
	    left: -30px;
    top: 165px;
}

#zeg4 {
	position: absolute;
	z-index: -1;
	    left: 210px;
    top: 100px;
	-webkit-animation: rotation 3s infinite linear;

}

#zeg5 {
	position: absolute;
	z-index: -1;
	-webkit-animation: rotation 3s infinite linear;
	left: 355px;
    top: 75px;
}

#zeg6 {
	position: absolute;
	z-index: -1;
	    left: 265px;
    top: -50px;
}

#zeg7 {
	position: absolute;
	z-index: -1;
	    left: 30px;
    bottom: 50px;
}

.grafiki--kuala {
	margin-top: 80px;
}

#rownaj {
	    display: inline-block;
    width: 100%;
    max-width: 100%;
}

#meczet--opisowkaend {
	margin-bottom: 100px;
}

.meczet--inquel:after {
	content: '';
	width: 137px;
	height: 122px;
	background: url(/wp-content/uploads/2019/12/babel-meczet.png);
	    position: absolute;
    visibility: unset;
    left: -50px;
    bottom: -50px;
}

#szkoly2 {
	position: absolute;
	z-index: -1;
	    left: 20px;
    top: 50px;
}

#szkoly3 {
	position: absolute;
	z-index: -1;
	    left: 140px;
    top: 200px;
}

#szkoly4 {
	position: absolute;
	z-index: -1;
	left: 310px;
    top: 70px;
	-webkit-animation: rotation 3s infinite linear;
}

#szkoly5 {
	position: absolute;
	z-index: -1;
	    left: 390px;
    top: 55px;
	-webkit-animation: rotation 3s infinite linear;
}

@media (min-width: 861px) {
#rozwiazanie--szkoly {
	margin-top: -90px;
}

.wlasciwa.szkol {
	    margin-top: 90px;
    padding-right: 10px;
}
}

.szkoly--final .efekt--rtv--plus #ef2 {
    top: -120px;
    left: -350px;
}

.szkoly--final .efekt--rtv--plus #ef1 {
    top: -170px;
    left: -160px;
}

@media (max-width: 860px) {
	.szkoly--log #grafika-zlec {
		    width: 100%;
	}
	
	.rtv--log.mecz--log.szkoly--log #firma--zlec p {
    margin-top: 0;
    padding-left: 0;
    line-height: normal;
    width: 100%;
}
	 #loga--zlecajacy.szkoly--log {margin-top: -165px;}
	#rownaj {
    display: none;
}
	#meczet--opisowkaend {
    margin-bottom: 40px;
}
}

#et-main-area {
	overflow: hidden;
}

.lang-item a {
	font-size: 31.45px;
    font-weight: bold;
    color: #fff;
    opacity: 0.48;
    transition: 0.5s all ease;
    padding: 0 10px;
}



.lang-item:hover a {
	opacity: 1;
}

.lang-item.current-lang a {
	opacity: 1;
}

.lang-item {
	display: inline-block;
}

#polylang-2 {
	display: inline-block;
    width: 100%;
    max-width: 220px;margin-top:70px;
}


html:lang(en-GB) #polylang-2 {
	display: inline-block;
    width: 100%;
    max-width: 317px;margin-top:70px;
}

@media (max-width: 860px) {
	#polylang-2 {    max-width: 220px;margin-top:40px; }
	html:lang(en-GB) #polylang-2 {max-width: 215px;margin-top:40px; }
#footer-bottom .container {
		text-align: center;
	}
	
	#footer-bottom .container a {
		display: inline-block; width: 100%;
	}
}

@media (max-width: 980px) and (orientation: landscape) {
	.lang-item a {
		    padding: 0 5px;
    font-size: 20px;
	}
	
	#polylang-2 {
        max-width: 230px;
    margin-top: 15px;
}
	
	html:lang(en-GB) #polylang-2 {
    max-width: 215px;
    margin-top: 15px;
}
	html:lang(en-GB) #social--gora {
    width: 228px;
}
	
	#footer-bottom .container {
		text-align: center;
	}
}

#footer-bottom a {
	color: #fff;
}

#ludzie--inquel .foto img {
	float: left;
}

#ludzie--inquel .zestaw:before {opacity: 0.4;}
#ludzie--inquel #inf--historie {padding: 20px 40px;}
#ludzie--inquel h4 {
	font-size: 12.81px;
    color: #fff;
    padding-bottom: 15px;    text-transform: uppercase;
    line-height: normal;
}

#ludzie--inquel .zestaw h3 {
	padding-bottom: 5px;
}

#ludzie--inquel .wariant {    display: inline-block;cursor: pointer;}

#opisy--wszystkie-boxy {
	    z-index: 10000000;
}
.opis-caly-okno {
	    position: fixed;
    top: 0;
    visibility: hidden;
    right: -100%;
    transition: 0.5s all ease;
    width: 100%;
    height: 100%;
    text-align: center;
	display: flex;
}

.opis-caly-okno.pokaz--opis {
	right: 0;
	visibility: unset;
}

.opis-caly-okno .et_pb_code_inner {
	display: flex;
    width: 100%;
}

#zawartosc--okna {
	    max-width: 100%;
    width: 1130px;
    background: #18ADE7;
    color: #fff;
    margin: auto;
    text-align: left;
    padding: 50px;
	position: relative;
}

#zawartosc--okna h2 {
	font-size: 30.97px;
    font-weight: 800;
    color: #fff;
}

#zawartosc--okna h3 {
	font-size: 13.42px;
    color: #fff;
    margin-bottom: 20px;    text-transform: uppercase;
    line-height: normal;
}

#zamknij--okno .menu-tab2.active {
	    position: absolute;
    top: 0;
    right: 15px;
    left: inherit;
    margin-left: 0;
}


#zamknij--okno {cursor: pointer;}
#podkladka--wylacz {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#kariera--linka {
    font-size: 15px;
    font-weight: 800;
    text-transform: none;
    box-shadow: none;
    background: rgb(71,56,171) !important;
    background: linear-gradient(90deg, rgba(71,56,171,1) 0%, rgba(77,69,204,1) 100%) !important;
    padding: 15px 55px;
    height: auto;
    border-radius: 30px;
    transition: 0.5s all ease;color: #fff;
}

#kariera--linka:hover {
	opacity: 0.8;
}

@media (max-width: 980px) and (min-width: 861px) {
	#listowanie--ludzie-in {padding-left: 65px;}
}

@media (max-width: 860px) {
	#ludzie--inquel #inf--historie {
    padding: 20px 25px;
}
	#szczegolowy--opis--osoby img {
		    float: none;
    padding-right: 0;
    margin: auto;
	}
	#ludzie--inquel h4 {font-size: 10px;}
	#szczegolowy--opis--osoby {
		max-height: 350px;
    overflow-y: scroll;font-size: 13px;
	}
	#zawartosc--okna h2 {font-size: 20.58px;}#zawartosc--okna h3 {font-size: 9.8px;}
}

@media (max-width: 860px) and (orientation: landscape) {
	#szczegolowy--opis--osoby {
		max-height: 200px;
    overflow-y: scroll;
	}
}

@media (min-width: 860px) {
	div#grafiki-cement {
    margin-left: 50px;
}
}

#kariera--foto1 {
	    position: absolute;
    left: 60px;
    bottom: 800px;
}

#kariera--foto2 {
	position: absolute;
	    bottom: 50px;
    left: -280px;
}

@media (max-width: 860px) {
	#kariera--foto1, #kariera--foto2 {display: none;}
	#loga--zlecajacy.mon-log.rtv--log.mecz--log #grafika-zlec {
		    padding-bottom: 65px;
}
	
	.postid-103 #logo--realizacja, .postid-567 #logo--realizacja {
		    margin-top: -130px;
	}
	
.postid-120 #loga--zlecajacy.mon-log.rtv--log.mecz--log #grafika-zlec, .postid-573 #loga--zlecajacy.mon-log.rtv--log.mecz--log #grafika-zlec {
    padding-bottom: 0;
}

	.postid-111 #loga--zlecajacy, .postid-579 #loga--zlecajacy {
    display: inline-block;
    width: 100%;
    margin-top: -105px;
    margin-bottom: 40px;
}
	
	#loga--zlecajacy.szkoly--log {
    margin-top: -125px;
    margin-bottom: 35px;
}
	#loga--zlecajacy.mon-log.rtv--log.mecz--log #grafika-zlec {
    padding-bottom: 35px;
}

}

.et_right_sidebar #main-content .container:before {display:none;}

#main-content.blad--404 div#left-area {
    float: none;
    padding-right: 0;
    width: 100%;
    text-align: center;
    height: 60vh;padding-top: 150px;
}

.wpcf7 .wpcf7-mail-sent-ok {
    color: #4CAF50;
    background-color: #E8F5E9;
    margin-top: 10px;
    box-shadow: none;
    border-radius: 15px;
}

@media (min-width: 760px) and (max-width: 1100px) {
	#tresc.kontakt--zawartosc--naglowek .et_parallax_bg {
		display: none;
	}
	
	#tresc.kontakt--zawartosc--naglowek {
	    background-image: url(/wp-content/uploads/2019/12/kontakt.jpg);
    background-size: auto;
    background-position: center;
	}
}