/*
Theme Name: emedia.pl
Author: eMedia (Łukasz Widz)
Author URI: https://emedia.pl

*/

#container {
	position: relative;
	z-index: 99;
	
	background-image: url(../graf/bg_blue.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-attachment: fixed;
}

header {
	background: transparent !important;
	position: absolute !important;
	padding: 20px !important;
}

	header #top_line {
		justify-content: center;
	}

	header.fixed #logo a.custom-logo-link svg {
		width: 200px;
	}
	
	
#content {
	position: relative;
	z-index: 2;
}
	
#wypelnijbrief {
	opacity: 0;
	transform: scale(0);
	border-radius: 10px;
	padding: 30px;
	box-sizing: border-box;
	background: #fff;
	
	transition: all 0.4s ease;
}

#wypelnijbrief.on {
	opacity: 1;
	transform: scale(1);
	
	
	transition: all 0.4s ease;
}

	#wypelnijbrief form {
		display: flex;
		flex-direction: column;
	}

	#wypelnijbrief form[data-status="sent"] > *:not(.wpcf7-response-output) {
		max-height: 0 !important;
		transform: scale(0) !important;
		opacity: 0 !important;
		padding: 0 !important;
		transition: all 0.3s ease;
	}
	
	#wypelnijbrief .wypelnijbrief_progressbar {
		order: 1;
		position: relative;
		width: 75%;
		height: 5px;
		margin: 20px auto;
		background: #ccc;
		border-radius: 5px;
	}

		#wypelnijbrief .wypelnijbrief_progressbar span.current {
			position: absolute;
			left: 0;
			top: 0;
			
			height: 5px;
			background: #f25e2a;
			border-radius: 5px;
			
			transition: all 0.2s ease;
		}

		#wypelnijbrief .wypelnijbrief_progressbar span.number {
			position: absolute;
			top: 5px;
		
			font-size: 14px;
			font-weight: 600;
			
			transition: all 0.2s ease;
		
		}

	#wypelnijbrief form .wypelnijbrief_progressbar:after {
		content: "";
		display: block;
		width: 100%;
		height: 50px;
		position: absolute;
		left: 0;
		transform: translateY(-50%);
		top: 0;
		background-color: #fff;
		background-image: url(../graf/dark-dots.svg);
		background-size: 80px auto;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		opacity: 0;
		transition: all 0.4s ease;
	}
			
		#wypelnijbrief form.submitting .wypelnijbrief_progressbar:after {
			opacity: 1;
			transition: all 0.4s ease;
		}

	#wypelnijbrief .wpcf7-response-output,
	#wypelnijbrief .wypelnijbrief_message {
		order: 2;
		width: 75%;
		margin: 0 auto;
		background: #F9AB1C;
		border-radius: 5px;
		color: #fff;
		border: 0;
		padding: 0 20px;
		box-sizing: border-box;
		text-align: center;
		font-weight: 600;
		transition: all 0.2s ease;
	}
	
	#wypelnijbrief .wpcf7-response-output {
		margin-top: 5px;
		padding: 10px 20px;
	}
	
	#wypelnijbrief form[data-status="sent"] .wpcf7-response-output {
		background: #f8f8f8;
		color: #2E3A53;
	}
		
	#wypelnijbrief form .wypelnijbrief_message_sent {
		order: 3;
		width: 75%;
		margin: 0 auto;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		padding: 0 20px;
		box-sizing: border-box;
		background: #f8f8f8;
	}		
	
		#wypelnijbrief form[data-status="sent"] .wypelnijbrief_message_sent {
			max-height: 1000px !important;
			transform: scale(1) !important;
			opacity: 1 !important;
			padding: 20px !important;
		}

		#wypelnijbrief form .wypelnijbrief_message_sent ul {
			list-style: none;
		}
		
		#wypelnijbrief form .wypelnijbrief_message_sent ul li {
			padding: 3px 0;
		}
			
			
		#wypelnijbrief .wypelnijbrief_message.active {
			margin-top: 5px;
			padding: 10px 20px;
			transition: all 0.2s ease;
		}
		
	#wypelnijbrief form .group {
		order: 5;
		transition: all 0.2s ease;
	}
		

		#wypelnijbrief h3 {
			font-weight: 700;
			font-size: 32px !important;
			padding: 0 0 15px 0 !important;
		}
		
		#wypelnijbrief h4 {
			font-size: 25px !important;
			font-weight: 700;
			padding: 10px 0 5px 0 !important;
		}
		
			#wypelnijbrief h4 + p strong {
				font-weight: 600 !important;
				font-size: 13px !important;
			}
		
		#wypelnijbrief form input {
			border: 1px solid #000;
		}

		
			#wypelnijbrief form .group:not(.group-disabled) {
				opacity: 1;
				transform: scale(1);
				overflow: hidden;
				transition: all 0.3s ease 0.4s;
			}
			
				#wypelnijbrief form .group.group-disabled {
					opacity: 0;
					max-height: 0;
					transform: scale(0);
					transition: all 0.3s ease;
				}	
		
			#wypelnijbrief form .group:not(.current-active) {
				opacity: 0;
				transform: scale(0);
				max-height: 0;
				min-height: 0px;
				padding: 0;
				box-sizing: border-box;
				overflow: hidden;
				transition: all 0.3s ease;
			}
			
				#wypelnijbrief form .group.current-active {
					opacity: 1;
					transform: scale(1);
					min-height: 50px;
					padding: 20px 0;
					transition: all 0.3s ease 0.4s;
				}
				
				#wypelnijbrief form .group.current-active div[data-class="wpcf7cf_group"] {
					display: block !important;
				}
		
		#wypelnijbrief form {
			text-align: center;
		}
			
			#wypelnijbrief form h3 {
				display: block;
				text-align: center;
			}		
			
			#wypelnijbrief form .wpcf7-form-control-wrap {
				width: 90%;
				margin: 8px auto;
				display: inline-block;
				position: relative;
			}
				
			#wypelnijbrief form .wpcf7-checkbox,
			#wypelnijbrief form .wpcf7-radio {
				display: flex;
				flex-wrap: wrap;
				padding: 0px 20px 20px 20px;
			}
				
			#wypelnijbrief form .wpcf7-checkbox.wpcf7-validates-as-required,
			#wypelnijbrief form .wpcf7-radio.wpcf7-validates-as-required {
				border-radius: 10px;
				border: 1px solid transparent;
				transition: all 0.2s ease;
			}	
			
			#wypelnijbrief form .wpcf7-checkbox.wpcf7-validates-as-required.error,
			#wypelnijbrief form .wpcf7-radio.wpcf7-validates-as-required.error {
				border: 2px solid #f25e2a;
				padding-top: 10px;
				transition: all 0.2s ease;
			}
			
			#wypelnijbrief form span.wpcf7-list-item {
				display: block;
				width: 45%;
				padding: 8px 2%;
				margin: 0;
			}
				
				#wypelnijbrief form label {
					display: block;
					line-height: 1;
				}
					
				#wypelnijbrief form input[type='checkbox'],
				#wypelnijbrief form input[type='radio'] {
					opacity: 0;
					display: none;
					max-height: 0;
					overflow: hidden;
					border: 0;
				}
				
				#wypelnijbrief form label span.wpcf7-list-item-label {
					display: block;
					width: 100%;
					box-sizing: border-box;
					position: relative;
					text-align: left;
					line-height: 1.3;
					font-size: 14px;
					padding: 15px 25px 15px 45px;
					background: #fff;
					border-radius: 35px;
					cursor: pointer;
					border: 1px solid #ddd;
					transition: all 0.2s ease;
				}

				#wypelnijbrief form label input[type="radio"]:checked + span.wpcf7-list-item-label,
				#wypelnijbrief form label input[type="checkbox"]:checked + span.wpcf7-list-item-label {
					background: #f25e2a;
					color: #fff;
					border: 1px solid #f25e2a;
				}

				#wypelnijbrief form label:hover span.wpcf7-list-item-label {
					border: 1px solid #f25e2a;
					transition: all 0.2s ease;
				}
					
				#wypelnijbrief form label input[type="radio"] + span.wpcf7-list-item-label:before,
				#wypelnijbrief form label input[type="checkbox"] + span.wpcf7-list-item-label:before {
					content: "";
					position: absolute;
					left: 15px;
					top: 15px;
					
					width: 20px;
					height: 20px;
					background: #eee;
					border-radius: 3px;
				}				
				
				#wypelnijbrief form .wpcf7-exclusive-checkbox label input[type="checkbox"] + span.wpcf7-list-item-label:before {
					border-radius: 50%;
				}
					
					#wypelnijbrief form label input[type="radio"]:checked + span.wpcf7-list-item-label:before,
					#wypelnijbrief form label input[type="checkbox"]:checked + span.wpcf7-list-item-label:before {
						content: "\2713";
						font-family: "Open Sans", sans-serif;
						font-weight: 600;
						font-size: 15px;
						color: #fff;
						position: absolute;
						z-index: 1;
						left: 15px;
						top: 16px;
						background: transparent;
						width: 20px;
						height: 20px;
						padding: 0 3px;
						box-sizing: border-box;
					}
					
				#wypelnijbrief form label input[type="radio"] + span.wpcf7-list-item-label:after,
				#wypelnijbrief form label input[type="checkbox"] + span.wpcf7-list-item-label:after {
					content: "";
					position: absolute;
					left: 15px;
					top: 15px;
					transform: scale(0);
					
					width: 20px;
					height: 20px;
					background: #f25e2a;
					border-radius: 3px;
					transition: all 0.2s ease;
				}
				
				#wypelnijbrief form .wpcf7-exclusive-checkbox label input[type="checkbox"] + span.wpcf7-list-item-label:after {
					border-radius: 50%;
				}
				
					#wypelnijbrief form label input[type="radio"]:checked + span.wpcf7-list-item-label:after,
					#wypelnijbrief form label input[type="checkbox"]:checked + span.wpcf7-list-item-label:after {
						content: "";
						position: absolute;
						left: 15px;
						top: 15px;
						transform: scale(1);
						
						width: 20px;
						height: 20px;
						background: #f25e2a;
						border-radius: 3px;
						transition: all 0.2s ease;
					}
					
					#wypelnijbrief form .wpcf7-exclusive-checkbox label input[type="checkbox"]:checked + span.wpcf7-list-item-label:after {
						border-radius: 50%;
					}
						
				#wypelnijbrief form #strona-last .wpcf7-form-control.wpcf7-checkbox {
					width: 80%;
					display: block;
					margin: 0 auto;
					padding: 0;
				}
				
				#wypelnijbrief form #strona-last .wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item {
					width: 100%;
					padding: 0;
				}
				
				#wypelnijbrief form #strona-last label span.wpcf7-list-item-label {
					border: 0;
					font-size: 14px;
					line-height: 1.5;
					background: none;
					color: #22334D;
				}
				
					#wypelnijbrief form #strona-last label span.wpcf7-list-item-label:before {
						top: 14px;
						border: 1px solid #f25e2a;
					}
					
					#wypelnijbrief form #strona-last label input:checked + span.wpcf7-list-item-label:before {
						border: 1px solid transparent;
					}
						
				#wypelnijbrief form #strona-last .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.wpcf7-not-valid span.wpcf7-list-item-label {
					color: #f25e2a;
				}

				




			#wypelnijbrief form textarea,
			#wypelnijbrief form input[type=text],
			#wypelnijbrief form input[type=email],
			#wypelnijbrief form input[type=tel]	{
				font-family: inherit;
				position: relative;
				width: 90%;
				max-width: 90%;
				margin: 5px 0 15px 0;
				box-sizing: border-box;
				padding: 12px 15px;
				line-height: 1;
				border-radius: 5px;
				font-size: 14px;
				text-align: left;
				border: 1px solid #e1e1e1;
				resize: none;
			}
			
			#wypelnijbrief form textarea {
				height: 100px;
			}

			#wypelnijbrief form textarea.wpcf7-not-valid,
			#wypelnijbrief form input[type=text].wpcf7-not-valid,
			#wypelnijbrief form input[type=email].wpcf7-not-valid,
			#wypelnijbrief form input[type=tel].wpcf7-not-valid,
			#wypelnijbrief form textarea.error,
			#wypelnijbrief form input[type=text].error,
			#wypelnijbrief form input[type=email].error,
			#wypelnijbrief form input[type=tel].error {
				border: 2px solid #f25e2a;
			}

			#wypelnijbrief form textarea::placeholder,
			#wypelnijbrief form input[type=text]::placeholder,
			#wypelnijbrief form input[type=email]::placeholder,
			#wypelnijbrief form input[type=tel]::placeholder {
				color: transparent;
			}

			#wypelnijbrief form input[type=text] + .floating-label,
			#wypelnijbrief form input[type=email] + .floating-label,
			#wypelnijbrief form input[type=tel] + .floating-label {
				position: absolute;
				pointer-events: none;
				transition: 0.2s ease all;
				color: #aaa;
				font-size: 14px;
				text-align: left;
				top: 15px;
				left: 7%;
				width: 80%;
			}
			

			#wypelnijbrief form textarea + .floating-label {
				position: absolute;
				pointer-events: none;
				transition: 0.2s ease all;
				color: #aaa;
				font-size: 14px;
				text-align: left;
				top: 15px;
				left: 7%;
			}
			
			

				#wypelnijbrief form input[type=text]:focus ~ .floating-label,
				#wypelnijbrief form input[type=text]:not(:placeholder-shown) ~ .floating-label,
				#wypelnijbrief form input[type=email]:focus ~ .floating-label,
				#wypelnijbrief form input[type=email]:not(:placeholder-shown) ~ .floating-label,
				#wypelnijbrief form input[type=tel]:focus ~ .floating-label,
				#wypelnijbrief form input[type=tel]:not(:placeholder-shown) ~ .floating-label {			
					font-size: 10px;
					
					top: 7px;
					left: 7%;
					transform: translateX(0%);
				}	
					

				#wypelnijbrief form textarea:focus ~ .floating-label,
				#wypelnijbrief form textarea:not(:placeholder-shown) ~ .floating-label {
					font-size: 10px;
					
					top: 7px;
					left: 7%;
					transform: translateX(0%);
				}	
			

				#wypelnijbrief form input[type=text]:focus,
				#wypelnijbrief form input[type=text]:not(:placeholder-shown),
				#wypelnijbrief form input[type=email]:focus,
				#wypelnijbrief form input[type=email]:not(:placeholder-shown),
				#wypelnijbrief form input[type=tel]:focus,
				#wypelnijbrief form input[type=tel]:not(:placeholder-shown) {
					padding: 19px 15px 5px 15px;
				}

				#wypelnijbrief form textarea:focus,
				#wypelnijbrief form textarea:not(:placeholder-shown) {
					padding: 19px 15px 5px 15px;
				}

					
			#wypelnijbrief form .wpcf7-not-valid-tip {
				display: none;
			}
			
					
					
		#wypelnijbrief form .wypelnijbrief_buttons.top {
			order: 4;
			padding: 20px 0 0 0;
		}					
		
		#wypelnijbrief form .wypelnijbrief_buttons.bottom {
			order: 6;
			padding: 20px 0 30px 0;
		}
		
		#wypelnijbrief form .wypelnijbrief_buttons {
			display: flex;
			width: 90%;
			margin: 0 auto;
			align-items: center;
			justify-content: space-between;
		}
			
			#wypelnijbrief form a#prevstep {
				display: none;
			}
			
			#wypelnijbrief form:not(.strona0) a#prevstep {
				display: block;
				padding: 8px 35px;
			}
			
			#wypelnijbrief form a#nextstep {
				margin-left: auto;
				padding: 10px 65px;
				font-weight: 600;
			}
			
			#wypelnijbrief form.strona-last > .wypelnijbrief_buttons {
				display: none !important;
			}
			
			
			#wypelnijbrief form.strona-last #strona-last .wypelnijbrief_buttons .submit {
				position: relative;
				text-align: right;
			}

			#wypelnijbrief form.strona-last #strona-last .wypelnijbrief_buttons .submit p {
				position: relative;
				display: inline-block;
			}
			
			#wypelnijbrief form.strona-last #strona-last .wypelnijbrief_buttons .submit button.button {
				padding: 15px 75px;
				font-weight: bold;
				text-transform: uppercase;
				letter-spacing: 1px;
				padding: 15px 55px;
				transition: all 0.3s ease;
			}
			
			#wypelnijbrief form.strona-last #strona-last .wypelnijbrief_buttons .submit .ajax-loader {
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
			}

			#wypelnijbrief form.strona-last #strona-last .wypelnijbrief_buttons .submit .ajax-loader {
				background-image: url(../graf/white-dots.svg);
				background-size: 30%;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				margin: 0;
				z-index: 10;
				display: block;
				width: 100%;
				height: 100%;
				background-color: #F25E2A;
				border-radius: 35px;
				
				opacity: 0;
				
				transition: 0.3s ease;
			}

			#wypelnijbrief form.strona-last #strona-last .wypelnijbrief_buttons .submit .ajax-loader.is-active {
				opacity: 1;
				transition: 0.3s ease;
			}

			
			#wypelnijbrief .wypelnijbrief_admindanych {	
				text-align: center;
				font-size: 14px;			
			}