/* Iškelta iš index.php; bloko eilė: 1. */
#cardsB
	{
		width: 500px; margin: 0 auto 20px;
	}

	.step_card_b
	{
		width: 27%;
    	margin-right: 6%;
		float: left;
		position: relative;
	}

		.card_hover
	{
		cursor: pointer;
		z-index: 2;
		background-image: url(/pub/img/card-back.png);
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
	 box-shadow: 1px 1px 2px black, 0 0 25px #5c60f5, 0 0 5px #5c60f5;
		background-size: cover;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		border: 1px solid #537394;
		border-radius: 10px;
		display: none;
	}

	.card_hover.closed
	{
		display: block;
	}

	.card_inner_display
	{
		z-index: 1;
	}

	.card_inner_display img 
	{
		display: block;
		width: 100%;
		min-height: 20px;

		border: 1px solid #537394;
		border-radius: 10px;
		background: #000;
	}

	#old_feature_text
	{
		font-size: 20px;
	}


	#features_b, #old_feature_text
	{
		margin-top: 30px;
	}

	.mark_i
	{
		float: left;
		width: 40px;
		font: normal normal normal 36px/40px FontAwesome;

	}

	.mark_i:after
	{
		content: "\f058";
	}

	.feature_text
	{
		width: calc(100% - 45px);
		float: left;
	}



	#landing_v2_step3 input[type=text]
	{
		width: 60%;
		display: block;
		padding: 0px;
		border: 0px;
		height: 40px;
		margin: 0px;
		float: left;
		font-size: 30px;
		text-align: center;
	}

	#landing_v2_step3 input[type=submit]
	{
		width: 40%;
		display: block;
		padding: 0px;
		border: 0px;
		height: 40px;
		margin: 0px;
		float: left;
		font-size: 20px;

		background: #ff4800;
		box-shadow: 0 2px 3px rgba(70, 20, 0, 0.61);
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);

		-webkit-appearance: none;
	}


	#bg_filler_b, #container_middle_b
	{
		padding-top: 130px;
	}


	.step_card_b
	{
			transition: all 0.2s linear;
	}


	@media all and (min-width: 800px)
	{
		.step_card_b:hover
		{
			transform: rotate(5deg);
			transition: all 0.2s linear;
		}
	}

@media all and (max-width: 800px)
	{

		.bbbootstrap form input[type="submit"] {
		    width: 100% !important;
		    position: static !important;
		}
		.yellow-out { padding: 10px 20px; }
	}

	@media all and (max-width: 1020px)
	{


		#landing_v2_step3 input[type=text]
		{
			width: 100%;
		}

		#landing_v2_step3 input[type=submit]
		{
			width: 100%;
			margin-top: 10px;
		}

		#cardsB
		{
			width: 70%;
		}

		#bg_filler_b, #container_middle_b
		{
			height: 500px;
		}
	}


	@media all and (max-width: 600px)
	{
		#cardsB
		{
			width: 94%;
		}
	}