@import
	url(//fonts.googleapis.com/css?family=Roboto:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i)
	;

body {
	font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #223343 !important;
	font-weight: bolder !important;
}

[type=button], [type=reset], [type=submit], button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.form-control:disabled, .form-control[readonly] {
	background-color: #FAFAFA;
	opacity: 1
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6e707e;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #EAEAEA !important;
	border-radius: .35rem;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow
		.15s ease-in-out;
	transition: border-color .15s ease-in-out, -webkit-box-shadow .15s
		ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out,
		-webkit-box-shadow .15s ease-in-out
}

.bg-solid-hotel {
	background-color: #333 !important;
}

.bg-primary {
	background-color: #223343 !important;
	color: #ffffff;
}

.btn-schedule {
	color: #fff;
	background-color: #9E6C1B !important;
	border-color: #9E6C1B !important;
}

.btn-schedule:hover {
	color: #fff;
	background-color: #7a5315 !important;
	border-color: #d9a627 !important;
}

.btn-schedule.focus, .btn-schedule:focus {
	color: #fff;
	-webkit-box-shadow: 0 0 0 .2rem rgba(219, 172, 93, .5);
	box-shadow: 0 0 0 .2rem rgba(219, 172, 93, .5)
}

.btn-choosed {
	color: #fff;
	background-color: #7a5315 !important;
	border-color: #d9a627 !important;
}

.btn-choosed:hover {
	color: #fff;
	background-color: #7a5315 !important;
	border-color: #d9a627 !important;
}

.btn-choosed.focus, .btn-choosed:focus {
	color: #fff;
	-webkit-box-shadow: 0 0 0 .2rem rgba(122, 83, 21, .5);
	box-shadow: 0 0 0 .2rem rgba(122, 83, 21, .5)
}

.btn-hotel {
	color: #fff;
	background-color: #413a6c !important;
	border-color: #413a6c !important
}

.btn-hotel:hover {
	color: #fff;
	background-color: #342a55;
	border-color: #59558e
}

.btn-hotel.focus, .btn-hotel:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(111, 106, 178, .5);
	box-shadow: 0 0 0 .2rem rgba(111, 106, 178, .5)
}

.btn-hotel.disabled, .btn-hotel:disabled {
	color: #fff;
	background-color: #413a6c;
	border-color: #413a6c
}

#wrapper #content-wrapper {
	background-color: #333 !important;
	width: 100%;
	overflow-x: hidden;
}

.btn-hotel:not (:disabled ):not (.disabled ).active, .btn-hotel:not	(:disabled ):not (.disabled ):active,
	.show>.btn-hotel.dropdown-toggle {
	color: #fff;
	background-color: #413a6c;
	border-color: #413a6c
}

.btn-hotel:not (:disabled ):not (.disabled ).active:focus, .btn-hotel:not (:disabled ):not (.disabled ):active:focus,
	.show>.btn-hotel.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 .2rem rgba(105, 136, 228, .5);
	box-shadow: 0 0 0 .2rem rgba(105, 136, 228, .5)
}

.required {
	color: red;
}

footer.sticky-footer {
	color: white !important;
	padding: 2rem 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

footer.sticky-footer .copyright {
	line-height: 1;
	font-size: .8rem
}

a {
	color: #223343;
	text-decoration: none;
	background-color: transparent;
}

.progress {
    position: relative;
    display: flex;
    height: 4rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: transparent;
    border-radius: 0rem
}

.progress .progress-track {
	position: absolute;
	top: 5px;
	width: 100%;
	height: 5px;
	margin-top: 10px;
	background-color: #dfe3e4;
	z-index: 1;
}

.progress .progress-step {
	position: relative;
	width: 100%;
	margin-top: 8px;
	font-size: 12px;
	text-align: center;
	z-index: 2;
}

.progress .progress-step:last-child:after {
	display: none;
}

.progress .progress-step:before {
	content: "\f00c";
	display: flex;
	margin: auto;
	margin-bottom: 10px;
	padding-left: 1px;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 4px solid #dfe3e4;
	border-radius: 100%;
	color: transparent;
}

.progress .progress-step:after {
	content: "";
	position: absolute;
	top: 6px;
	margin-top: 1px;
	left: 50%;
	width: 0%;
	transition: width 1s ease-in;
	height: 5px;
	background: #dfe3e4;
	z-index: -1;
}

.progress .progress-step.is-active {
	color: #7a5315;
}

.progress .progress-step.is-active:before {
	border: 4px solid #777;
	animation: pulse 2s infinite;
}

.progress .progress-step.is-complete {
	color: #59558e;
}

.progress .progress-step.is-complete:before {
	font-family: FontAwesome;
	font-size: 10px;
	color: #fff;
	background: #59558e;
	border: 4px solid transparent;
}

.progress .progress-step.is-complete:after {
	background: #7a5315;
	animation: nextStep 1s;
	animation-fill-mode: forwards;
}

@keyframes pulse {
	0% {
	   box-shadow: 0 0 0 0 rgba(122, 83, 21, 0.4);
	   }
   70% {
       box-shadow: 0 0 0 10px rgba(122, 83, 21, 0);
       }
  100% {
       box-shadow: 0 0 0 0 rgba(122, 83, 21, 0);
       }
}
        
@keyframes nextStep {
	0% {
       width: 0%;
       }
  100% {
       width: 100%;
       }
}