/*
APPLICATION FORMS CSS CODE
Author: Rok Kreslin
*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

.wizard > .content > .title, .tabcontrol > .content > .title {
	display: none;
}
.wizard > .steps .current-info, .tabcontrol > .steps .current-info {
	display: none;
}

/* STEPS */
.application-form .spb_parallax_asset {
    box-shadow: none;
    overflow: visible;
}

.application-form .steps ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 80%;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAAAXNSR0IArs4c6QAAABZJREFUCB1jOHbs2H8QZoACJhgDRgMAw0QGpZss1wkAAAAASUVORK5CYII=);
	background-repeat: repeat-x;
	background-position: center;
}
.application-form .steps ul li {
	display: block;
	background-color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}
.application-form .steps ul li:first-child {
	padding-left: 0;
}
.application-form .steps ul li:last-child {
	padding-right: 0;
}
.application-form .steps ul li a {
	font-family: "Source Sans Pro" !important;
	color: #c6c6c6;
}
.application-form .steps ul li.current a {
	color: #3eb6a6;
}
.application-form .steps ul li a .number {
	background-color: #c6c6c6;
	border-radius: 50%;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
	margin-right: 10px;
}
.application-form .steps ul li.current a .number{
	background-color: #3eb6a6;
}

@media screen and (max-width: 1280px) {
	.application-form .steps ul {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.application-form .steps ul {
		width: 100%;
	}
	.application-form .steps ul li a .title {
		display: none;
	}
	.application-form .steps ul li.current a .title {
		display: inline;
	}
}

@media screen and (max-width: 480px) {
	.application-form .steps ul li {
		padding-left: 4px;
		padding-right: 4px;
	}
	.application-form .steps ul li:first-child {
		padding-left: 0;
	}
	.application-form .steps ul li:last-child {
		padding-right: 0;
	}
	.application-form .steps ul li a .number {
		margin-right: 4px;
	}
}

/* Content */

.application-form h2 {
	font-size: 32px;
	font-family: "Source Sans Pro" !important;
}
@media screen and (max-width: 480px) {
  .application-form h2 {
  	font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  .application-form h3 {
  	font-size: 18px;
  }
}

.application-form section.container {
	padding: 0;
}
.application-form label {
	font-size: 16px;
	font-family: "Source Sans Pro" !important;
	font-weight: 600;
}
.application-form select {
	margin-top: 6px;
	margin-bottom: 20px;
}
.application-form select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
.application-form select:invalid {
    box-shadow: none;
}
.application-form p {
  font-size: 16px;
}
.application-form p:last-child, .application-form .one_half p:last-child, .application-form .one_third p:last-child, .application-form .two_third p:last-child, .application-form .three_fourth p:last-child, .application-form .one_fourth p:last-child, .application-form .one_fifth p:last-child {
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .application-form p:last-child, .application-form .one_half p:last-child, .application-form .one_third p:last-child, .application-form .two_third p:last-child, .application-form .three_fourth p:last-child, .application-form .one_fourth p:last-child, .application-form .one_fifth p:last-child {
    margin-bottom: 10px;
  }
}
.application-form textarea, .application-form input[type="date"], .application-form input[type="text"], .application-form input[type="email"], .application-form input[type="password"], .application-form select {
	background-color: #ffffff;
	border-width: 1px;
  margin-bottom: 0;
}
.application-form textarea:focus, .application-form input[type="date"]:focus, .application-form input[type="text"]:focus, .application-form input[type="email"]:focus,  .application-form input[type="password"]:focus, .application-form select:focus {
	border-width: 2px;
	border-color: #3EB6A6;
}
.application-form textarea.error, .application-form input[type="date"].error, .application-form input[type="text"].error, .application-form input[type="email"].error,  .application-form input[type="password"].error, .application-form select.error {
	border-width: 2px;
	border-color: #FF5722;
}
.application-form .option {
	margin-right: 30px;
	font-size: 16px;
	font-family: "Source Sans Pro" !important;
	margin-top: 5px;
	display: inline-block;
}

.application-form .option label {
	font-weight: normal;
}

.application-form .option input[type="radio"]:checked+label {
	font-weight: 600;
}

.application-form .departure, .application-form .course {
  display: block;
  padding-top: 5px;
}

.application-form .departure .option, .application-form .course .option {
  margin-top: 0px;
  display: block
}

.application-form p {
  margin: 0 0 24px;
}

.application-form p.full-description {
  display: none;
  color: orange;
}

.application-form .option input {
	margin-right: 5px;
}

.application-form .applied-departure {
  color: #c6c6c6;
}

.application-form .field {
	position: relative;
}

.application-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #aaa !important;
}
.application-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #aaa !important;
   opacity: 1 !important;
}
.application-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #aaa !important;
   opacity: 1 !important;
}
.application-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #aaa !important;
}


/* Error handling */
.application-form .field label.error {
	color: #FF5722;
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	right: 0;
	top: 0;
}

/* Gray box */
.application-form .gray-box {
	background-color: #F4F4F4;
	padding: 32px !important;
	margin-left: 40px;
	display: none;
}

@media screen and (max-width: 768px) {
	.application-form .gray-box {
		margin-left: 0;
    margin-top: 20px;
    margin-bottom: 10px;
	}
}

.application-form .gray-box .spb_text_column {
	margin-bottom: 8px;
}
.application-form .gray-box p {
	font-size: 16px;
}

.application-form .gray-box h3 {
	font-size: 22px;
	margin-top: 0;
	font-weight: normal;
	font-family: "Source Sans Pro" !important;
}

/* Pricing box */
.application-form .price, .application-overview .price {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.application-form .price.discount, .application-overview .price.discount {
	color: #3EB6A6;
	font-weight: 600;
}

.application-form .price.potential-final, .application-overview .price.potential-final{
	color: #3EB6A6;
}

.application-form .price.final, .application-form .price.potential-final, .application-overviewe .price.final, .application-overview .price.potential-final {
	font-weight: 600;
}

.application-form .price span, .application-overview .price span {
	display: inline-block;
	font-size: 16px;
}

.application-form .price .general-price, .application-form .price .final-price, .application-form .price .potential-final-price, .application-overview .price .general-price, .application-overview .price .final-price, .application-overview .price .potential-final-price {
	display: block;
}

.application-form .price .final-price,  .application-form .price .potential-final-price, .application-overview .price .final-price,  .application-overview .price .potential-final-price{
	font-size: 18px;
}

.application-form .price .general-price, .application-overview .price .general-price {
	text-decoration: line-through;
	color: #999999;
	font-weight: normal;
}

.application-form .price .value, .application-overview .price .value {
	text-align: right;
}

.application-form prices hr, .application-overview prices hr {
	border-color: #E3E3E3;
}

/* Actions */
.application-form .actions {
	margin-top: 20px;
}
.application-form .actions ul {
	display: flex;
}
.application-form .actions li {
	display: block;
	background-color: #3EB6A6;
	margin-right: 20px;
}
.application-form .actions li:first-child {
	background-color: #999999;
}
.application-form .actions li a {
	display: inline-block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 20px;
	color: #ffffff;
	font-size: 18px;
	font-family: "Source Sans Pro" !important;
	font-weight: 400;
	text-transform: uppercase;
}
.application-form .actions li.disabled {
	display: none;
}

/* Friends */
.application-form #add-friend-link {
	font-weight: normal;
	color: #3EB6A6;
	font-family: "Source Sans Pro" !important;
}

/* Facebook share */
.facebook-sharing-success {
  display: none;
}

/* Overview */

hr.narrow {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* Animation */
.application-form .actions li.loader {
  background-color: transparent;
}

.spinner {
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #3eb6a6;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* Profile */
.spb_tabs .nav-tabs li a {
  font-size: 18px;
  padding: 10px 30px;
  font-family: "Lato";
}

a.sf-button.invite-friends-button,  a.sf-button.save-costumer-button{
  font-family: "Lato";
  font-size: 14px;
  padding: 10px;
  margin-right: 0;
  font-weight: normal;
}

select[name=day], select[name=month], select[name=year] {
  width: auto;
  margin-right: 10px;
}

@media only screen and (max-width: 479px) {
.nav-tabs>li {
  width:100%;
}
}


.label-description {
    font-style: italic;
    font-size: 14px;
    display: block;
}



/*.wizard > .content {
    overflow: hidden;
    position: relative;
}
.wizard > .content > .body {
	float: left;
    position: relative;
}*/