/*
Theme Name: 3a
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/
::selection {
    background: #000;
    color: #fff;
}
.word {
	font-family: 'Anton', sans-serif;
	perspective: 1000px; 
}
.word span {
	cursor: pointer;
	display: inline-block;
	font-size: 100px;
	user-select: none;
	line-height: .8;
}
.word span:nth-child(1).active {
	animation: balance 1.5s ease-out;
	transform-origin: bottom left;
}
/* WPML */
.w-dropdown-list {
    position: absolute;
    top: 2.0em;
    padding-top: 0em;
    padding-bottom: 0.4em;
    min-width: 100%;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
}
.w-dropdown-h {
    text-align: left;
    line-height: 2;
    margin: 0 -1em;
    position: relative;
    top: 4px;
}


/* HOME */
.home-button-position {
left: 50%!important;
-webkit-transform: translateX(-50%)!important;
transform: translateX(-50%)!important;
}
	.klienci-carousel {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
}
	#home-header-container {
		padding-top: 100px!important;
	}
	.oferta-home-boxy .vc_column-inner {
		box-shadow: rgba(36, 37, 38, 0.08) 4px 4px 15px 0px;
}

/* anim mouse icon */
.mouse-icon {
position: absolute;
bottom: -60px;
left: 50%;
transform: translateX(-50%);
}
@keyframes scroll {
	0% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(60px);
	}
}
svg #wheel {
	animation: scroll ease 2s infinite;
}
/* shadow-box */
.shadow-box-info {
-webkit-box-shadow: 0px 15px 23px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 15px 23px -14px rgba(0,0,0,0.75);
box-shadow: 0px 15px 23px -14px rgba(0,0,0,0.75);
}


/* site title letter and word spacing h2 */
.title-letter-spacing {
	letter-spacing: -0.2em!important;
	word-spacing: 0.1em!important;
	color: #2f2f2f;
	font-size: 58px!important;
}


/*.home-title-letter-spacing {
    letter-spacing: -0.2em !important;
    word-spacing: 0.2em !important;
    font-size: 58px !important;
    color: #2f2f2f;
	box-shadow: inset 0 -40px 0 -34px #fff, inset 0 -20px 0 0 #fafe83;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: max-content;
	font-size: 58px!important;
}*/

.home-title-letter-spacing {
	letter-spacing: -0.2em!important;
	word-spacing: 0.2em!important;
	font-size: 58px!important;
	color: #2f2f2f;
}
/* END site title letter and word spacing */

/* podstrona OFERTA  */
.oferta-button-position {
	position: absolute;
	bottom: 40px;
	z-index: 1;
	left: 50%!important;
	-webkit-transform: translateX(-50%)!important;
	transform: translateX(-50%)!important;
}
/* podstrona FOTOGRAFIA REKLAMOWA  */
.fotografia-button-position {
	z-index: 1;
	left: 50%!important;
-webkit-transform: translateX(-50%)!important;
transform: translateX(-50%)!important;
	width: auto;
}
/* O NAS */
	.o-nas-pic-daniel {
	bottom: -40px;
}
	.o-nas-txt-container-daniel{
		width:50%;
	}
.o-nas-pic-agnieszka {
	bottom: -40px;
}
	.o-nas-txt-container-agnieszka{
		width:50%;
	}
/* KONIEC O NAS */

.text-center {
text-align:center;
}
h2 {
margin-bottom:0px;
}
h3 {
margin-bottom:5px;
}
.niebieskie h2 {
color:#2a94be!important;
}
.pl {
padding-left:50px;
	position:relative;
}
.pl:before {
display:table;
content:" ";
position:absolute;
left: -10px;
top: -7px;
width:50px;
height:50px;
background-size:cover;
}
.fl {
width:50%;
display:inline;
float:left;
padding-right: 15px;
}
.fr {
width:50%;
display:inline;
float:right;
}
.text-right {
text-align:right;
}
.w-image.align_right {
    float: inherit!important;
}
.w-copyright p {
margin-bottom:7px;
}


/* contact form 7 */
.wpcf7-form ::-webkit-input-placeholder { /* Edge */
 font-weight: 300;
	color: white;
	opacity: 0.8;
}
.wpcf7-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
 font-weight: 300;
	color: white;
	opacity: 0.8;
}
.wpcf7-form ::placeholder {
 font-weight: 300;
	color: white;
	opacity: 0.8;
}
.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {
	background: rgba(43,74,108,0.51) !important;
	border: 0px solid #949494;
    box-shadow: 0 0 0 0 transparent, 0 0px 0 rgba(0,0,0,.08) inset;
		border-radius: 10px;
}
.wpcf7-form input[type=checkbox] {
    width: 20px;
    height: 20px;
    border: 2px solid #666;
    background: #fff;
}
.wpcf7-form input, .wpcf7-form input[type=password], .wpcf7-form input[type=email], .wpcf7-form input[type=url], .wpcf7-form input[type=tel], .wpcf7-form textarea {
	/*padding-left: 30px;*/
	color: #fff;
}
textarea{
min-height: 145px;
}
.wpcf7-form textarea {
}
.wpcf7-form input[type=tel]:focus,input[type=email]:focus,.wpcf7-form input[type=text]:focus, .wpcf7-form input:focus + .w-form-checkbox, .wpcf7-form textarea:focus, .wpcf7-form select:focus,.wpcf7-form .select2-container--focus .select2-selection {
	border-bottom: 0px solid #ccc7c7;
  box-shadow: 0 0 0 0 transparent;
	background: rgba(60, 102, 148, 0.51) !important;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 1px solid #D2335B;
    color: white;
    background-color: #D2335B;
	margin-top: 20px;
	border-radius: 10px;
}
.wpcf7 p{ 
	position: relative;
}
.wpcf7 p .fa{
  position: absolute;
  color: #fff;
  z-index: 100;
  font-size: 11px;
  top: 24px;;
  left: 10px;
}
.wpcf7 p .fa-pencil{ top: 24px; left: 10px}
.acceptance {
    font-size: 11px;
    line-height: 14px;
}





#klienci img{
  border: 0;
}

/* top button */

.w-toplink {
    display: block;
    position: fixed;
    z-index: 99;
    bottom: 0;
    text-align: center;
   /* font-size: 1.4rem;
    border-radius: 0;*/
    transform: translate3d(0,5rem,0);
    line-height: 50px;
    height: 70px;
    width: 50px; 
    margin: 0!important;
}
/*.w-toplink:hover{
	background: #AA2446!important;
}
.w-toplink:before {
    content: '\f062';
    font-family: fontawesome;
    font-weight: 200;
    vertical-align: top;
}*/
.w-toplink span::after {
    content: '\f062';
    font-family: fontawesome;
    /*font-weight: 200;
    font-size: 1.6em;*/
    vertical-align: top;
}


/* RECAPTCHA ukrycie baneru */
.grecaptcha-badge { 
	visibility: hidden!important; 
}




@media all and (min-width:1920px) {
	.o-nas-pic-daniel {
		left: 220px!important;
}
	.o-nas-txt-container-daniel{
		width:30%;
	}
	.o-nas-pic-agnieszka {
		right: 280px!important;
}
	.o-nas-txt-container-agnieszka{
		width:30%;
	}
}
@media all and (max-width:1920px) {
	.o-nas-pic-daniel {
		left: 220px!important;
}
	.o-nas-txt-container-daniel{
		width:30%;
	}
	.o-nas-pic-agnieszka {
		right: 240px!important;
}
	.o-nas-txt-container-agnieszka{
		width:30%;
	}
}
@media all and (max-width:1600px) {
	.o-nas-pic-daniel {
		left: 100px!important;
}
	.o-nas-txt-container-daniel{
		width:30%;
	}
	.o-nas-pic-agnieszka {
		right: 170px!important;
}
	.o-nas-txt-container-agnieszka{
		width:30%;
	}
}
@media all and (max-width:1300px) {
	.o-nas-pic-daniel {
		left: -70px!important;
}
	.o-nas-txt-container-daniel{
		width:40%;
	}
	.o-nas-pic-agnieszka {
		right: 0px!important;
}
	.o-nas-txt-container-agnieszka{
		width:40%;
	}
}

@media all and (max-width:900px) {
h3 {
    font-size: 24px;
}
		.o-nas-pic-daniel {
		left: -120px!important;
}
	.o-nas-txt-container-daniel{
		width:40%;
	}
	.o-nas-pic-agnieszka {
		right: -30px!important;
}
	.o-nas-txt-container-agnieszka{
		width:40%;
		left:30px;
		top: 40px;
		z-index: 6;
	}
}
@media all and (max-width:768px) {
	.o-nas-column-agnieszka{
		
	}
	.o-nas-txt-container-agnieszka {
		left:30%;
	}
	.o-nas-pic-daniel {
		left: -110px!important;
}
	.o-nas-txt-container-daniel{
		width:40%;
	}
	.o-nas-pic-agnieszka {
		right: -30px!important;
}
	.o-nas-txt-container-agnieszka {
		left:80px;
		top: 40%;
		z-index: 6;
	}
		.o-nas-column-agnieszka{
		padding-top:0;
			min-height: 480px;
	}
}
@media all and (max-width:767px) {
}

/*@media all and (max-width:419px) {*/
@media all and (max-width:450px) {
	#home-header-container {
		padding-top: 0!important;
	}
	/* site title letter and word spacing h2 */
.title-letter-spacing {
	letter-spacing: -0.3em!important;
	word-spacing: 0.2em!important;
	font-size: 35px!important;
}
.home-title-letter-spacing {
	letter-spacing: -0.2em!important;
	word-spacing: 0.2em!important;
	font-size: 50px!important;
}
	/* END site title letter and word spacing */
.footer-left {
		text-align: center;
	}
.footer-right p {
		text-align: center!important;
	}
	.o-nas-pic-daniel {
		left: -110px!important;
}
	.o-nas-txt-container-daniel{
		width:47%;
	}
	.o-nas-pic-agnieszka {
		right: -30px!important;
}
	.o-nas-txt-container-agnieszka{
		width:40%;
	}
	.o-nas-txt-container-agnieszka {
		left:30px;
		top: 40px;
		z-index: 6;
	}
		.o-nas-column-agnieszka{
			min-height: 480px;
	}
	
}