.req {
	color: red;
}

.stages {
	font-size: 0;
	text-align: justify;
}

.stages:after {
	content: '';
	display: inline-block;
	font-size: 0;
	text-align: justify;
	width: 100%;
}

#kalkulator-form input[type="radio"] {
	display: none;
}

.stages label {
	background: #ffffff;
	border: solid 5px #c0c0c0;
	border-radius: 50%;
	cursor: default;
	display: inline-block;
	font-size: 0;
	font-weight: 700;
	height: 50px;
	line-height: 42px;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 50px;
	z-index: 1;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.stages label:after {
	content: '\2713';
	color: #85C226;
	display: inline-block;
	font-size: 16px;
}

#one:checked ~ .stages label[for="one"],
#two:checked ~ .stages label[for="two"],
#three:checked ~ .stages label[for="three"],
#four:checked ~ .stages label[for="four"],
#five:checked ~ .stages label[for="five"],
#six:checked ~ .stages label[for="six"]{
	border-color: #85C226;
}

.stages label.active{
	border-color: purple !important;
}

#one:checked ~ .stages label,
#two:checked ~ .stages label[for="one"] ~ label,
#three:checked ~ .stages label[for="two"] ~ label,
#four:checked ~ .stages label[for="three"] ~ label,
#five:checked ~ .stages label[for="four"] ~ label,
#six:checked ~ .stages label[for="five"] ~ label{
	font-size: 1.5rem;
}

#one:checked ~ .stages label:after,
#two:checked ~ .stages label[for="one"] ~ label:after,
#three:checked ~ .stages label[for="two"] ~ label:after,
#four:checked ~ .stages label[for="three"] ~ label:after,
#five:checked ~ .stages label[for="four"] ~ label:after,
#six:checked ~ .stages label[for="five"] ~ label:after{
	display: none;
}

.progress-line > span {
	background: #c0c0c0;
	display: inline-block;
	height: 5px;
	transform: translateY(-2.75em);
	transition: 0.3s;
	width: 0;
}

#two:checked ~ .progress-line span {
	width: calc(100% / 5 * 1);
}

#three:checked ~ .progress-line span {
	width: calc(100% / 5 * 2);
}

#four:checked ~ .progress-line span {
	width: calc(100% / 5 * 3);
}

#five:checked ~ .progress-line span {
	width: calc(100% / 5 * 4);
}

#six:checked ~ .progress-line span {
	width: calc(100% / 5 * 5);
}

.panels div.panels-inner {
	display: none;
}

#kalkulator-form h2,
#kalkulator-form h3,
#kalkulator-form h4,
#ajanlatkeres {
	margin-top: 0;
	text-decoration: none;
}

#kalkulator-form hr,
#ajanlatkeres{
	margin: 0.1em 0 1em 0;
}

#kalkulator-form h3,
#ajanlatkeres h3{
	background: #009ed9;
	line-height: 1.5em;
	color: #ffffff;
	padding-left: 5px;
}

#kalkulator-form .flight_departure p{
	margin-bottom: 5px;
}

#kalkulator-form {
	position: relative;
	background: #ffffff;
	margin: 3em 2em;
	min-width: 480px;
	padding: 1em;
	-webkit-box-shadow: 1px 0px 5px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 0px 5px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 0px 5px 2px rgba(0,0,0,0.3);	
}

#kalkulator-inner {
	position: relative;
}

#packagesTable{
	position: relative;
}

.panels-inner{
	border-top: solid 1px #c0c0c0;
	padding: 1em 0 0;
}

input[type="text"], input[type="select"] {
	box-sizing: border-box;
	display: block;
	padding: .4em;
	width: 100%;
}

.contact {
  padding-top: 20px;
  padding-bottom: 20px;
}

.picker-switch .glyphicon-time,
.picker-switch .glyphicon-calendar{
	font-size: 30px;
}

.checkbox label{
	font-family: "Raleway";
	font-weight: 300;
}

.well{
	padding-right: 4em;
}

.well p{
	margin-bottom: 0;
}

.packages,
.summary{
	font-size: 85%;
}

div.loading{
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff url(../images/loading.gif) 50% 0 no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	display: none;
}

.panel-heading a:hover,
.panel-heading a:focus{
	color: #eeeeee;
}