.steps { 
		background: transparent;
 		margin-top:50px;
		margin-bottom: 50px;
		border:2px solid #209EBB;
border-width: 2px 0px 2px 0px;  	
border-radius: 10px;	}
 		.steps-top { 
	 		overflow: hidden;
	 		position: relative;
	 		border-radius: 10px;
	 		border-bottom: 2px solid #209EBB;
	 		border-left: 2px solid #209EBB;
	 		padding-left: 20px;
 	 		margin-bottom: 30px;
 		}
 		.wybrane { 
	 		text-align: center;
 		}
 		.wybrane span { 
	 		color:#209EBB;
 		}
 		a.close-step-top { 
	 		position: absolute;
	 		right:0px;
	 		top:0px;
	 		height: 40px;
	 		z-index: 9999999;
	 		border-radius: 0px 10px 10px 0px;
	 		width: 40px;
	 		border-left: 2px solid #209EBB;
	 		border-right: 2px solid #209EBB;
	 		color:#209EBB;
	 		font-size: 20px;
	 		text-align: center;
	 		line-height: 40px;
	 		
 		}
 		.close-step-top:hover { 
	 		background: #fff;
	 		cursor: pointer;
 		}
	.step-top { 
		font-weight: bold;
		color:#209EBB;
		display: none;
		min-height: 40px;
		line-height: 40px;
		position: relative;
 	}	
	.step-top.pre-active { 
		display: block;
		position: absolute;
		width: 100%;
		top:0px;
		 
		
	}
	.step-top.active { 
		position: relative;
		display: block;
	}
	.step-top.go-out-left { 
		position: absolute;
		width: 100%;
	}
	.step-top-in { 
		transform: translateX(50%);
		opacity: 0;
		position: absolute;
		left:0px;
		transition: all .5s ease;
	}
	.step-top.active .step-top-in { 
		transform: translateX(0);
		opacity: 1;
		position: relative;		transition: all .5s ease;

	}
	.step-top.go-from-left .step-top-in { 
		transform: translateX(-50%);
		position: absolute;
		opacity: 0;
		transition: none;
	}
	.step-top.go-out-left .step-top-in { 
		transform: translateX(-50%);
		position: absolute;
		opacity: 0;
	}
	.step-top span { 
		color: #999;
		font-weight: 500;
	}
	.steps-content { 
 		position: relative;
	}
 		.step-content { 
			font-size: 18px;
 			display: none;
			position: relative;
		}
				.step-content.pre-active { 
					position: absolute;
					width: 100%;
					height: auto;
					overflow: visible;
				}
				.step-content.active { 
					position: relative;
					transition: all .5s ease;
				}
				
		.step-content.active, .step-content.pre-active { 
			display: block;
		}

	.step-content.go-from-up .step-content-in { 
		transform: translateY(-50%);
 		position: absolute;
		opacity: 0;
		transition: none;
	}
		.step-content.go-out-up { 
			position: absolute;
			width: 100%;
		}
		.step-content-in { 
			transform: translateY(30px);
			opacity: 0;
			position: absolute;
			left:0px;
			color:#003049;
			top:0px;
			width: 100%;
			transition: all .5s ease;
		}
		.step-content.active .step-content-in { 
			transform: translateY(0);
			opacity: 1;			transition: all .5s ease;

			position: relative;
		}
		.step-content.go-out-up .step-content-in { 
			transform: translateY(-50px);
			position: absolute;
			width: 100%;
			opacity: 0;
		}
		.steps-bottom { 
			margin-top: 30px;
			border-top:2px solid #209EBB;
 			height: 70px;
 			border-right: 2px solid #209EBB;
 			border-left: 2px solid #209EBB;
 			border-radius: 10px;
			line-height: 70px;
			overflow: hidden;			position: relative;

		}
		.step-bottom { 
 			height: 70px;
			margin: 0px;
			position: relative;
			line-height: 70px;
			display: none;
		}
		.step-bottom .col-6 { 
			height: 70px;
			display: flex;
			padding: 0px;
			overflow: hidden;
			text-align: center;
			justify-content: center;
			align-items: center;
		}
		.step-bottom .col-6:first-of-type { 
			border-right: 2px solid #209EBB;
		}
		.step-bottom.pre-active { 
			display: flex;
			position: absolute;
			width: 100%;
			top:0px;
 		}
		.step-bottom.active { 
			display: flex;
			position: relative;
		}
		.step-bottom .btn-back { 
			transform: translateX(50px);
			opacity: 0;
			width: 100%;
			height: 70px;
			line-height: 70px;
			transition: all .5s ease;
			display: none;
			border-radius: 10px 0px 0px 10px;
			padding: 0px;
		}
		.step-bottom .btn-back:hover { 
			background: #f9f9f9;
		}
		.step-bottom .btn-next,		.step-bottom .btn-payment { 
			transform: translateX(-50px);
			opacity: 0;
			transition:all .5s ease;
			display: none;
			border: 0px;
			color:#fff;
			padding: 0px;
			line-height: 70px;
			background: #209EBB;
			border-radius: 0px;
			height: 70px;
			border-radius: 0px 10px 10px 0px;
			width: 100%;
 		}
 		.step-bottom.pre-active .btn-back { 
			display: block;
 		}
 		.step-bottom .btn-next.pre-showed, 		.step-bottom .btn-payment.pre-showed { 
			display: block;
 		}
		.step-bottom.active .btn-next.showed, .step-bottom.active .btn-back,		.step-bottom.active .btn-payment.showed { 
			transform: translateX(0);
			opacity: 1;
			display: block;
		}
		.mentor_product_wrap { 
			margin-bottom: 30px;
		}
	.mentor_product { 
		display: block;
		margin-bottom: 20px;
		border:2px solid #209EBB;
		position: relative;
		border-radius: 10px;
min-height: 100px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
height: 100%;
 		border-radius: 0px;
 		color: #209EBB;
 		transition: all .3s ease;
		text-align: center;
		border-radius: 10px;
		font-size: 14px;
		font-weight: 500;
		line-height: 28px;
 		padding: 20px 20px 50px 20px;
	}
	.mentor_product span { 
		position: absolute;
		bottom:0px;
		right:0px;
		left:0px;
 		padding-left: 10px;
 		padding-right: 10px;
 		border-radius: 0px 0px 10px 10px;
 		height: 30px;
 		line-height: 29px;
 		color: #003049;
 		text-align: center;
 		background: #209EBB;
 	}
	.mentor_product:hover { 
		background: #003049;
		color:#fff;
		cursor: pointer;
	}
	.mentor_product.active { 
		background: #209EBB;
		color:#003049;
		box-shadow: 0px 5px 30px #fff;
	}
	.method.btn { 
		border-radius: 0px;
 		color: #003049;
 		transition: all .3s ease;
 		font-weight: 500; 		border:2px solid #003049;
}
.method.btn:hover { 
 		background: #003049;
		color:#fff;
		cursor: pointer;
	
}
.method.btn.active.btn-outline-primary { 
 		background: #FCBF49;
		color:#003049;border:2px solid #003049;
		box-shadow: 5px 5px 0px #FCBF49;
 }
	.mentor_product span { 
		float: right;
	}
	.mentor-calendar-time { 
		font-size: 15px;
		padding: 0px 10px;
		height: 30px;
		line-height: 28px;
	}
	.border-col { 
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom:1px dashed #2C4975;
	}
	.border-col.border-solid { 
		border-bottom:1px solid #2c4975;
	}
 .dark-col { 
		background: #2c4975;
		color:#fff;padding-top: 20px;
		padding-bottom: 20px;
				border-bottom:1px solid #2c4975;

	}