/* --------------------------------------
$Author: ThemeMascot
$URL: https://themeforest.net/user/ThemeMascot

----------------------------------------- */
/*
 * background: theme-color
 * -----------------------------------------------
*/
a {
  color: #f42222; }
  a:hover, a:focus {
    color: #ffd480; }

/*
 * text: theme-color
 * -----------------------------------------------
*/

/*
 * border: theme-color
 * -----------------------------------------------
*/

/* border-top-color */

/* border-right-color */

/* border-bottom-color */

/* box-shadow */
/* Dropdown Search Form */

/* Modern Header */

/* -------- Text Theme Color ---------- */
.text-theme-colored1 {
  color: #f42222 !important; }

/* -------- border-theme-color ---------- */

/* -------- bg-theme-color ---------- */
.bg-theme-colored1 {
  background-color: #f42222 !important; }

.bg-hover-theme-colored1:hover {
  background: #f42222 !important;
  border-color: #f42222 !important;
  color: #fff !important; }
   .bg-hover-theme-colored1:hover h2, .bg-hover-theme-colored1:hover h3, .bg-hover-theme-colored1:hover h4, .bg-hover-theme-colored1:hover h5, .bg-hover-theme-colored1:hover p, .bg-hover-theme-colored1:hover a, .bg-hover-theme-colored1:hover i {
    color: #fff !important; }

/* -------- lighter/darker bg Color ---------- */

/* -------- Transparent bg Color ---------- */

/* -------- btn-themr-color ---------- */

/* -------- layer overlay Color ---------- */
.layer-overlay {
  /* .overlay-theme-colored1 */ }
  .layer-overlay.overlay-theme-colored1-9::before {
    background-color: rgba(244, 34, 34, 0.9); }

/*
 * Shortcode: styled-icons Theme Colored
 * -----------------------------------------------
*/
.icon-theme-colored1 a {
  color: #f42222; }

.icon-theme-colored1.icon-dark a {
  background-color: #f42222;
  color: #fff; }
  .icon-theme-colored1.icon-dark a:hover {
    background-color: #d80b0b; }

/*
 * Shortcode: Icon Boxes Theme Colored
 * -----------------------------------------------
*/
.icon-box.iconbox-theme-colored1 .icon {
  color: #f42222; }
  .icon-box.iconbox-theme-colored1 .icon.icon-dark {
    background-color: #f42222;
    color: #fff; }
    .icon-box.iconbox-theme-colored1:hover .icon.icon-dark {
      color: #fff; }

/*
 *  accordion.scss
 * -----------------------------------------------
*/

/*
 * widget
 * -----------------------------------------------
*/

/* Modern Header */

/* -------- Text Theme Color ---------- */

/* -------- border-theme-color ---------- */

/* -------- bg-theme-color ---------- */

/* -------- lighter/darker bg Color ---------- */

/* -------- Transparent bg Color ---------- */

/* -------- btn-themr-color ---------- */

/* -------- layer overlay Color ---------- */
.layer-overlay {
  /* .overlay-theme-colored2 */ }

/*
 * Shortcode: styled-icons Theme Colored
 * -----------------------------------------------
*/

/*
 * Shortcode: Icon Boxes Theme Colored
 * -----------------------------------------------
*/

/*
 *  accordion.scss
 * -----------------------------------------------
*/

/*
 * widget
 * -----------------------------------------------
*/

/* Modern Header */

/* -------- Text Theme Color ---------- */

/* -------- border-theme-color ---------- */

/* -------- bg-theme-color ---------- */

/* -------- lighter/darker bg Color ---------- */

/* -------- Transparent bg Color ---------- */

/* -------- btn-themr-color ---------- */

/* -------- layer overlay Color ---------- */
.layer-overlay {
  /* .overlay-theme-colored3 */ }

/*
 * Shortcode: styled-icons Theme Colored
 * -----------------------------------------------
*/

/*
 * Shortcode: Icon Boxes Theme Colored
 * -----------------------------------------------
*/

/*
 *  accordion.scss
 * -----------------------------------------------
*/

/*
 * widget
 * -----------------------------------------------
*/

/* Modern Header */

/* -------- Text Theme Color ---------- */

/* -------- border-theme-color ---------- */

/* -------- bg-theme-color ---------- */

/* -------- lighter/darker bg Color ---------- */

/* -------- Transparent bg Color ---------- */

/* -------- btn-themr-color ---------- */

/* -------- layer overlay Color ---------- */
.layer-overlay {
  /* .overlay-theme-colored4 */ }

/*
 * Shortcode: styled-icons Theme Colored
 * -----------------------------------------------
*/

/*
 * Shortcode: Icon Boxes Theme Colored
 * -----------------------------------------------
*/

/*
 *  accordion.scss
 * -----------------------------------------------
*/

/*
 * widget
 * -----------------------------------------------
*/

/*
 * header-top.scss
 * -----------------------------------------------
*/
header#header .header-top {
  background-color: #f42222; }

/*
 * header-mid.scss
 * -----------------------------------------------
*/

/*
 * header-nav.scss
 * -----------------------------------------------
*/

#top-primary-nav .menuzord-menu ul.dropdown li.active > a:not(.tm-submenu-title), #top-primary-nav .menuzord-menu ul.dropdown li:hover > a:not(.tm-submenu-title) {
  color: #f42222; }
  #top-primary-nav .menuzord-menu ul.dropdown li.active > a:not(.tm-submenu-title) i, #top-primary-nav .menuzord-menu ul.dropdown li:hover > a:not(.tm-submenu-title) i {
    color: #f42222; }

/*
 * header-type.scss
 * -----------------------------------------------
*/

/*
 * menuzord.scss
 * -----------------------------------------------
*/
.menuzord.menuzord-color-default.menuzord-rounded-boxed .menuzord-menu > li.active > a,
.menuzord.menuzord-color-default.menuzord-rounded-boxed .menuzord-menu > li:hover > a,
.menuzord.menuzord-color-default.menuzord-rounded-boxed .menuzord-menu ul.dropdown li:hover > a {
  background: #f42222;
  color: #fff; }

.menuzord.menuzord-color-default.menuzord-border-boxed .menuzord-menu > li.active > a,
.menuzord.menuzord-color-default.menuzord-border-boxed .menuzord-menu > li:hover > a,
.menuzord.menuzord-color-default.menuzord-border-boxed .menuzord-menu ul.dropdown li:hover > a {
  border-color: #f42222 !important; }

/*
 *	menu-full-page.scss
 * -----------------------------------------------
*/
/* menu-full-page plugin code */

/*
 * side-push-panel.scss
 * -----------------------------------------------
*/

/*
 * Footer widget
 * -----------------------------------------------
*/
/*
 * page-title.scss
 * -----------------------------------------------
*/
/*
 * 404.scss
 * -----------------------------------------------
*/

/*
 * custom-section-color-set.scss
 * -----------------------------------------------
*/
/*
 * custom-section-color1.scss
 * -----------------------------------------------
*/
/*
 * custom-section-color2.scss
 * -----------------------------------------------
*/
/*
 * elements: forms.scss
 * -----------------------------------------------
*/

.form-control:active, .form-control:focus {
  box-shadow: 0 0 0 2px #f42222; }

/*
 * elements: isotope-layout.scss
 * -----------------------------------------------
*/
/* -------- Isotop Filter ---------- */
.isotope-layout-filter.cat-filter-theme-colored1 a.active, .isotope-layout-filter.cat-filter-theme-colored1 a:focus, .isotope-layout-filter.cat-filter-theme-colored1 a:hover {
  background-color: #f42222; }

/*
 * elements: owl-carousel.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: blockquote.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: blog.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: buttons.scss
 * -----------------------------------------------
*/
.btn-theme-colored1 {
  color: #fff;
  background-color: #f42222;
  border-color: #f42222;
  box-shadow: 0 7px 20px rgba(244, 34, 34, 0.2); }
  .btn-theme-colored1:hover {
    color: #fff;
    background-color: #e40b0b;
    border-color: #d80b0b;
    box-shadow: 0 10px 20px rgba(244, 34, 34, 0.5); }
  .btn-theme-colored1:focus {
    box-shadow: 0 0 0 0.2rem rgba(244, 34, 34, 0.5); }
   .btn-theme-colored1:disabled {
    color: #fff;
    background-color: #f42222;
    border-color: #f42222; }
  .btn-theme-colored1:not(:disabled):not(.disabled):active, .btn-theme-colored1:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #d80b0b;
    border-color: #cc0a0a; }
    .btn-theme-colored1:not(:disabled):not(.disabled):active:focus, .btn-theme-colored1:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(244, 34, 34, 0.5); }

.btn-theme-colored2 {
  color: #212529;
  background-color: #ffa800;
  border-color: #ffa800;
  box-shadow: 0 7px 20px rgba(255, 168, 0, 0.2); }
  .btn-theme-colored2:hover {
    color: #fff;
    background-color: #d98f00;
    border-color: #cc8600;
    box-shadow: 0 10px 20px rgba(255, 168, 0, 0.5); }
  .btn-theme-colored2:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5); }
   .btn-theme-colored2:disabled {
    color: #212529;
    background-color: #ffa800;
    border-color: #ffa800; }
  .btn-theme-colored2:not(:disabled):not(.disabled):active, .btn-theme-colored2:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #cc8600;
    border-color: #bf7e00; }
    .btn-theme-colored2:not(:disabled):not(.disabled):active:focus, .btn-theme-colored2:not(:disabled):not(.disabled).active:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 168, 0, 0.5); }

/*
 * Shortcode: pricing-tables.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: newsletter.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: icon-box.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: instagram-feed.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: nav-tabs-pricing.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: section-title.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: unordered-list.scss
 * -----------------------------------------------
*/
.tm-sc-unordered-list ul li:before {
  color: #f42222; }

/*
 * Shortcode: working-steps.scss
 * -----------------------------------------------
*/
/*
 * Shortcode: pagination.scss
 * -----------------------------------------------
*/

/*
 * progress-bar.scss
 * -----------------------------------------------
*/

/*
 * video-popup.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: final-countdown.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: social-links.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: location-marker.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: tribe-events.scss
 * -----------------------------------------------
*/

/*
 * widget-brochure-box.scss
 * -----------------------------------------------
*/

/*
 * widget-contact-info.scss
 * -----------------------------------------------
*/
.tm-widget-contact-info.contact-icon-theme-colored1 li .icon i {
  color: #f42222; }

/*
 * widget-search.scss
 * -----------------------------------------------
*/

/*
 * widgets.scss
 * -----------------------------------------------
*/

 .widget.widget_nav_menu ul > li::before {
  color: #f42222; }

.widget ul > li:hover::before {
  color: #f42222; }

.widget ul > li:hover > a {
  color: #f42222; }

/*
 * sidebar-nav-menu.scss
 * -----------------------------------------------
*/

/*
 * shop.scss
 * -----------------------------------------------
*/
/*
 * shop-common
 * -----------------------------------------------
*/

/*
 * shop-mini-cart
 * -----------------------------------------------
*/
/*
 * shop-catalog-layouts.scss
 * -----------------------------------------------
*/

/*
 * shop-single.scss
 * -----------------------------------------------
*/

/*
 * shop-widgets.scss
 * -----------------------------------------------
*/

/*
 *  cpt-staff.scss
 * -----------------------------------------------
*/

/*
 *  cpt-departments.scss
 * -----------------------------------------------
*/

/*
 *  cpt-gallery.scss
 * -----------------------------------------------
*/

/*
 *  cpt-gallery.scss
 * -----------------------------------------------
*/

/*
 *  cpt-portfolio.scss
 * -----------------------------------------------
*/

/*
 *  cpt-projects.scss
 * -----------------------------------------------
*/

/*
 *  cpt-services.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: testimonials.scss
 * -----------------------------------------------
*/

/*
 *  cpt-works.scss
 * -----------------------------------------------
*/

/*
 *  common.scss
 * -----------------------------------------------
*/

.scrollToTop {
  background-image: linear-gradient(to right, #f42222 0%, #f76464 51%, #f42222 100%); }
  .scrollToTop:hover {
    box-shadow: 0 10px 20px rgba(244, 34, 34, 0.5);
    background-position: right center; }

/*
 *  Gradients BG+BGTransparent Color
 * -----------------------------------------------
*/
/* Gradient BG Colors */

/* -------- layer overlay gradient Color1 ---------- */

/* -------- layer overlay gradient Color2 ---------- */

/* -------- layer overlay gradient Color Combined 12 ---------- */

/* -------- layer overlay gradient Color Combined 21 ---------- */

/*
 * Shortcode: clients.scss
 * -----------------------------------------------
*/
/*
 * Shortcode: gallery.scss
 * -----------------------------------------------
*/
.tm-sc-gallery.gallery-style1-current-theme .tm-gallery .details {
  background-color: #f42222; }

/*
 * Shortcode: projects.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: services.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: staff.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: testimonials.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: works.scss
 * -----------------------------------------------
*/
/*
 * Feature & About Section: Industry.scss
 * -----------------------------------------------
*/
.tm-sc-about .thumb:before {
  border: 2px solid #f42222; }

/*
 * FunFact Section: Industry.scss
 * -----------------------------------------------
*/

/*
 * Service Section: Industry.scss
 * -----------------------------------------------
*/

/* recent case */

/*
 * Our Team Section: Our Team
 * -----------------------------------------------
*/

/*
 * shortcode.scss
 * -----------------------------------------------
*/
/*
 * Shortcode: common.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: button.scss
 * -----------------------------------------------
*/
/* btn-plain-text*/

/*
 * Shortcode: features-box.scss
 * -----------------------------------------------
*/
/*
* Shortcode: final-countdown.scss
* -----------------------------------------------
*/
/*
 * Shortcode: funfacts.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: Icon Boxe current theme
 * -----------------------------------------------
*/
/*
 * Shortcode: pricing-tables.scss
 * -----------------------------------------------
*/

/*
 * progress-bar.scss
 * -----------------------------------------------
*/
/*
 * Shortcode: section-title.scss
 * -----------------------------------------------
*/
/*
 * social-links.scss
 * -----------------------------------------------
*/
/*
 * Shortcode: working-steps.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: unordered-list.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: single-feature.scss
 * -----------------------------------------------
*/

/*
 * Shortcode: common.scss
 * -----------------------------------------------
*/
/*
 * Shortcode: typography.scss
 * -----------------------------------------------
*/
/*
 * Shortcode: icon-box.scss
 * -----------------------------------------------
*/
/*
 * Shortcode: footer.scss
 * -----------------------------------------------
*/