/*==============================================
/* PRESET COLOR
/* You can change your brand color from here!
================================================*/

/* Theme primary color
-------------------------------------------------------------- */
a,
a:hover,
a:focus,
.primary-color,
.text-primary,
.package-price,
.featured-item .icon i,
.facts-wrapper .counter-wrap i {
  color: #f2635f;
}

/* Theme primary background color 
---------------------------------------------------------------*/
.primary-bg,
.label.label-primary,
.tt-main-header,
.section-divider,
.tt-preloader-wave:before,
.tt-preloader-wave:after,
.featured-item:hover .icon i,
.tt-screenshot-wrap .arrow-left:hover,
.tt-screenshot-wrap .arrow-right:hover,
.featured-carousel.owl-theme .owl-dots .owl-dot.active span,
.featured-carousel.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #f2635f;
}

/*
Button Style
------------------------------------------------------------*/
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary:active:focus,
.btn.btn-primary:active:hover,
.btn.btn-primary.active:focus,
.btn.btn-primary.active:hover,
.open > .btn.btn-primary.dropdown-toggle,
.open > .btn.btn-primary.dropdown-toggle:focus,
.open > .btn.btn-primary.dropdown-toggle:hover,
.navbar .navbar-nav > li > a.btn.btn-primary,
.navbar .navbar-nav > li > a.btn.btn-primary:hover,
.navbar .navbar-nav > li > a.btn.btn-primary:focus,
.navbar .navbar-nav > li > a.btn.btn-primary:active,
.navbar .navbar-nav > li > a.btn.btn-primary.active,
.navbar .navbar-nav > li > a.btn.btn-primary:active:focus,
.navbar .navbar-nav > li > a.btn.btn-primary:active:hover,
.navbar .navbar-nav > li > a.btn.btn-primary.active:focus,
.navbar .navbar-nav > li > a.btn.btn-primary.active:hover,
.open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle,
.open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus,
.open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover {
  background-color: #f2635f;
  color: #fff;
}

.btn.btn-primary,
.navbar .navbar-nav > li > a.btn.btn-primary {
  box-shadow: 0 2px 2px 0 rgba(249, 99, 50, 0.14),
    0 3px 1px -2px rgba(249, 99, 50, 0.2), 0 1px 5px 0 rgba(249, 99, 50, 0.12);
}

.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover,
.navbar .navbar-nav > li > a.btn.btn-primary:focus,
.navbar .navbar-nav > li > a.btn.btn-primary:active,
.navbar .navbar-nav > li > a.btn.btn-primary:hover {
  box-shadow: 0 14px 26px -12px rgba(249, 99, 50, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(249, 99, 50, 0.2);
}

.btn.btn-primary.btn-simple,
.navbar .navbar-nav > li > a.btn.btn-primary.btn-simple {
  color: #f2635f;
  box-shadow: none;
  background-color: transparent;
}

.btn.btn-white,
.btn.btn-white:focus,
.btn.btn-white:hover,
.navbar .navbar-nav > li > a.btn.btn-white,
.navbar .navbar-nav > li > a.btn.btn-white:focus,
.navbar .navbar-nav > li > a.btn.btn-white:hover {
  color: #f2635f;
  background-color: #fff;
}

/*
Form Styling
------------------------------------------------------------*/
.form-control,
.form-group .form-control,
.form-group.is-focused .form-control {
  background-image: linear-gradient(#f2635f, #f2635f),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.form-group.is-focused label,
.form-group.is-focused label.control-label {
  color: #f2635f;
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check,
.radio input[type="radio"]:checked ~ .check {
  background-color: #f2635f;
}
.slider .noUi-handle,
.radio input[type="radio"]:checked ~ .circle,
.togglebutton label input[type="checkbox"]:checked + .toggle:after {
  border-color: #f2635f;
}

.togglebutton label input[type="checkbox"]:checked + .toggle {
  background-color: rgba(249, 99, 50, 0.7);
}

.card .header-primary {
  background: linear-gradient(60deg, #ff8158, #f2635f);
}

/*
Navbar
--------------------------------------------------*/
.navbar,
.navbar.navbar-default,
.navbar.navbar-primary {
  background-color: #f2635f;
}

.navbar .dropdown-menu li > a:hover,
.navbar .dropdown-menu li > a:focus,
.navbar.navbar-default .dropdown-menu li > a:hover,
.navbar.navbar-default .dropdown-menu li > a:focus {
  color: #fff;
  background-color: #f2635f;
}

@media screen and (max-width: 768px) {
  .navbar.navbar-transparent {
    background-color: #f2635f;
  }
}

@media screen and (max-width: 767px) {
  .navbar .navbar-nav > li > a:hover,
  .navbar .navbar-nav > li > a:focus,
  .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f2635f;
    background-color: #fff;
  }
  .navbar .navbar-nav > li > a.btn.btn-white.btn-simple {
    text-align: left;
  }
}

/*
Progress Bar
------------------------------------------------------*/
.progress .progress-bar,
.progress .progress-bar.progress-bar-default,
.progress .progress-bar.progress-bar-primary {
  background-color: #f2635f;
}
.progress.progress-line-primary {
  background-color: rgba(249, 99, 50, 0.2);
}

/*
Pagination
------------------------------------------------------*/
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #f2635f;
  border-color: #f2635f;
  color: #fff;
  box-shadow: 0 4px 5px 0 rgba(249, 99, 50, 0.14),
    0 1px 10px 0 rgba(249, 99, 50, 0.12), 0 2px 4px -1px rgba(249, 99, 50, 0.2);
}