:root {
  --color-primary: #ff7a4b;
  --color-secondary: #2493e0;
  --color-gradient-start: #ff7a4b;
  --color-gradient-stop: #ff7a4b;
  --color-link: #0c3e72;
  --color-link-hover: var(--color-primary), #ff7a4b;
}

body {
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  line-height: 1.8;
  font-size: 15px;
  color: #828282;
}

.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #0c3e72;
}

.h1,
h1 {
  line-height: 1.4em;
  font-size: 48px;
}

.h2,
h2 {
  font-size: 38px;
  line-height: 1.4em;
}

.h3,
h3 {
  font-size: 26px;
  line-height: 1.6em;
}

.h4,
h4 {
  font-size: 23px;
  line-height: 1.7em;
}

.h5,
h5 {
  font-size: 19px;
  line-height: 1.8em;
}

.h6,
h6 {
  font-size: 16px;
  line-height: 1.8em;
}

.main-nav > li > a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #ffffff;
}
.main-nav > li > a .link-ext {
  background-color: #ff7a4b;
}
.main-nav > li.is-active > a, .main-nav > li:hover > a,
.main-nav > li > a:hover {
  color: #ff7a4b;
}

.secondarybar-wrap {
  padding-right: 2%;
  padding-left: 2%;
  background-color: rgba(12, 62, 114, 0.08);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.secondarybar-wrap .header-module {
  padding-top: 12px;
  padding-bottom: 12px;
}

.header-module .ld-v-sep-inner {
  background-color: #e5e5e5;
}

#travel-testimonials-title .flickity-button {
  color: #fff;
  background: #181b31;
}
#travel-testimonials-title .flickity-button svg {
  stroke: currentColor;
}
#travel-testimonials-title .flickity-button:hover {
  background-color: var(--color-secondary);
}

.main-footer {
  color: #a7a9b8;
}
.main-footer a:not(.btn) {
  color: #a7a9b8;
}
.main-footer a:not(.btn):hover {
  color: var(--color-primary);
}
.main-footer .social-icon a, .main-footer .social-icon a:hover {
  color: #fff;
}
.main-footer .widget-title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.row-bg-wrap, .row-bg-inner, .row-bg {
    background-position: center !important;
}

.ld-sf [type=text], .ld-sf [type=email] {
    padding: 0 1em;
}
.form-inline input{
  margin-left: 5px;
  margin-right: 5px;
}

.search-content-box {
  z-index: 1;
  width: 100%;
  position: absolute;
  border: 1px solid #ddd;
  background-color: #ffffff;
}
.search-content-box a {
  color: #8b8b8b;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
}
.search-content-box a:hover {
  color: #000000;
}
.no-search{
  display: none;
}
.search-content-box a:hover {background-color: #ddd;}
#btn-search-holder{
  text-align: left;
}
.ld-sf [type=submit] {
    background-color: #447cc9;
}
#location{
  text-align: left;
}
#rating blockquote img{
  width: 60px;
  height: 60px;
  margin-right: 10px;
  border-radius: 50px;
}
.main-nav > li.active > a, .main-nav > li.current-menu-item > a, .main-nav > li > a:hover {
    color: #ffffff;
}
.bg-card-form{
  background: linear-gradient(rgba(0,0,0,.3), rgba(0,0,0,.3)), url('/assets/img/login/card.jpg');
  background-size: cover;
  background-position: top center;
}

.login-btn{
  width: 95%;
  padding: 10px;
}
.login-btn img{
  margin-top: -5px;
}
.login-btn:hover {
    background-color: #f5f5f5;
    border-color: black;
    color: black;
}
.bg-transparent {
    background: #00000061 !important;
}
.body-bg-color{
    background: #bdbdbd38;
}

.wizard .steps .current a .number, .wizard .steps .current a:active .number, .wizard .steps .current a:hover .number {
    background-color: #ff8c58;
    color: #fff;
}
.wizard .steps .number {
    color: #ff8c58;
    border: 2px solid #ff8c58;
}
.wizard .steps .current a, .wizard .steps .current a:active, .wizard .steps .current a:hover {
    background-color: rgb(237 109 52 / 20%);
}
.wizard .steps>ul>li a {
    background-color: rgb(252 226 214);
    color: #ff8c58;
}
.wizard>.actions a, .wizard>.actions a:active, .wizard>.actions a:hover {
    background-color: #ff8c58;
    color: #fff;
}
.wizard>.actions .disabled a, .wizard>.actions .disabled a:active, .wizard>.actions .disabled a:hover {
    background-color: #ff8c58;
}
#location{
  max-height: 400px;
  overflow-y: auto;
}
.img-thumbnail {
    padding: 0.25rem;
    background-color: #f8f8fb00 !important;
    border: 1px solid #f6f6f600 !important;
    border-radius: 0.25rem;
    max-width: 100%;
}
