@import url(/assets/plugins/font-awesome4/css/font-awesome.css);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script:700);


/********************************/
/* BEGIN navbar
/********************************/
    .navbar {
      background-color: rgba(0,0,0,0.8);
    }
/* ABOUT SECTION */
.about-section {
  background: rgba(0, 0, 0, 0.75);
  border-top: 2px solid #ff4757;
  border-bottom: 2px solid #1b74b8;
}

.about-title {
  font-family: 'Orbitron', sans-serif;
  font-size: 2.5rem;
  color: #ff4757;
  text-shadow: 0 0 10px #ff4757, 0 0 20px #ff4757;
}

.about-box {
  background: rgba(20, 20, 20, 0.8);
  border-radius: 15px;
  box-shadow: 0 0 25px #1b74b8;
  font-size: 1.2rem;
  line-height: 1.7;
  color: #e6e6e6;
  border-left: 4px solid #ff4757;
  border-right: 4px solid #1b74b8;
  transition: 0.3s ease;
}

.about-box:hover {
  transform: scale(1.02);
  box-shadow: 0 0 50px #ff4757;
}
/********************************/
/* END navbar */
/********************************/



/********************************/
/* BEGIN SideBar            
/********************************/

/********************************/
/* END SideBar                
/********************************/


/********************************/
/* BEGIN Header                 
/********************************/

/********************************/
/* END Header                 
/********************************/

/********************************/
/* BEGIN Shopping Cart                 
/********************************/


/********************************/
/* END Shopping Cart                 
/********************************/

/********************************/
/* BEGIN defaults
/********************************/
    body {
      font-family: 'Arial', sans‑serif;
      background: linear-gradient(135deg, #1b74b8, #ff9800);
      color: #fff;
    }

/********************************/
/* END defaults
/********************************/

/********************************/
/* BEGIN Buttons
/********************************/

/********************************/
/* END Buttons
/********************************/


/********************************/
/* BEGIN global classes
/********************************/



/********************************/
/* END global classes
/********************************/


/********************************/
/* BEGIN Bread Crumb styles
/********************************/
/* BREADCRUMB STYLES (Custom — won’t override Bootstrap defaults) */
.breadcrumbs {
  background: rgba(0, 0, 0, 0.65);
  padding: 25px 0;
  border-bottom: 2px solid #1b74b8;
  border-top: 2px solid #ff4757;
  box-shadow: 0 0 15px #1b74b8;
}

.breadcrumbs h1 {
  font-family: 'Orbitron', sans-serif;
  color: #ff4757;
  font-size: 2rem;
  margin: 0;
  text-shadow: 0 0 8px #ff4757, 0 0 15px #ff4757;
}

.breadcrumbs .breadcrumb {
  background: transparent;
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
}

.breadcrumbs .breadcrumb > li {
  color: #ddd;
  text-shadow: 0 0 5px #1b74b8;
}

.breadcrumbs .breadcrumb > li > a {
  color: #1b74b8;
  font-weight: bold;
  text-shadow: 0 0 5px #1b74b8;
  transition: 0.3s ease;
}

.breadcrumbs .breadcrumb > li > a:hover {
  color: #ff4757;
  text-shadow: 0 0 8px #ff4757;
}

.breadcrumbs .breadcrumb > .active {
  color: #ff4757;
  font-weight: bold;
  text-shadow: 0 0 8px #ff4757;
}


/* Optional: Separator glowing style */
.breadcrumbs .breadcrumb > li + li:before {
  color: #888;
  text-shadow: 0 0 5px #1b74b8;
}

/********************************/
/* END Bread Crumb styles */
/********************************/

/* ============================================
   BEGIN NEON SECTION DIVIDERS
   ============================================ */

.neon-divider {
  width: 100%;
  height: 6px;
  margin: 60px 0;
  border-radius: 50px;
  background: linear-gradient(90deg, #ff4757, #1b74b8, #ff4757);
  background-size: 300% 100%;
  animation: neonFlow 4s linear infinite, neonGlow 2s ease-in-out infinite alternate;
  box-shadow: 0 0 12px #ff4757;
}

/* Double glowing line */
.neon-double {
  height: 10px;
  box-shadow: 
    0 0 10px #ff4757,
    0 0 20px #1b74b8,
    inset 0 0 10px #ff4757;
}

@keyframes neonFlow {
  0%   { background-position: 0% 0%;   }
  100% { background-position: 300% 0%; }
}

@keyframes neonGlow {
  0% {
    box-shadow: 
      0 0 10px #ff4757,
      0 0 20px #ff4757;
  }
  100% {
    box-shadow: 
      0 0 20px #1b74b8,
      0 0 40px #1b74b8;
  }
}
/* ============================================
    END NEON SECTION DIVIDERS
   ============================================ */

/* ============================================
    BEG NEON BRAND
   ============================================ */


/* ---------- Neon Base Styles ---------- */
.neon-logo {
    font-family: 'Orbitron', sans-serif; /* bold, futuristic neon/gamer font */
    font-size: 2.5rem;
    letter-spacing: 2px;
    display: inline-block;
}
/* Neon Gold */
.neon-gold {
    color: #FFD700; 
    -webkit-text-stroke: 2px #FFF1A8; /* bright outline */
    text-shadow:
        0 0 2px #FFD700,
        0 0 4px #FFD700,
        0 0 6px #FFD700,
        0 0 10px #FFC200,
        0 0 20px #FFB000,
        0 0 30px #FFAA00,
        0 0 40px #FFD633;
    animation: neonGoldPulse 2s ease-in-out infinite;
}

/* Neon Purple */
.neon-purple {
    color: #B266FF; 
    -webkit-text-stroke: 2px #D9B3FF; /* bright outline */
    text-shadow:
        0 0 2px #B266FF,
        0 0 4px #B266FF,
        0 0 6px #B266FF,
        0 0 10px #A64DFF,
        0 0 20px #9933FF,
        0 0 30px #8C1AFF,
        0 0 40px #B266FF;
    animation: neonPurplePulse 2s ease-in-out infinite;
}

/* Pulse animations */
@keyframes neonBluePulse {
    0%, 100% { text-shadow: 0 0 2px #1bb8ff,0 0 4px #1bb8ff,0 0 6px #1bb8ff,0 0 10px #00aaff,0 0 20px #0095ff,0 0 30px #00c0ff,0 0 40px #00e0ff; }
    50% { text-shadow: 0 0 4px #1bb8ff,0 0 8px #1bb8ff,0 0 12px #00aaff,0 0 20px #0095ff,0 0 40px #00c0ff,0 0 60px #00e0ff; }
}

@keyframes neonGoldPulse {
    0%, 100% { text-shadow: 0 0 2px #FFD700,0 0 4px #FFD700,0 0 6px #FFD700,0 0 10px #FFC200,0 0 20px #FFB000,0 0 30px #FFAA00,0 0 40px #FFD633; }
    50% { text-shadow: 0 0 4px #FFD700,0 0 8px #FFC200,0 0 12px #FFB000,0 0 20px #FFAA00,0 0 40px #FFD633,0 0 60px #FFE066; }
}

@keyframes neonPurplePulse {
    0%, 100% { text-shadow: 0 0 2px #B266FF,0 0 4px #B266FF,0 0 6px #B266FF,0 0 10px #A64DFF,0 0 20px #9933FF,0 0 30px #8C1AFF,0 0 40px #B266FF; }
    50% { text-shadow: 0 0 4px #B266FF,0 0 8px #A64DFF,0 0 12px #9933FF,0 0 20px #8C1AFF,0 0 40px #B266FF,0 0 60px #C580FF; }
}
/* ---------- Blue Neon Text ---------- */
.neon-blue {
    color: #1bb8ff; 
    -webkit-text-stroke: 2px #b3edfb; /* creates a bright outline */
    text-shadow:
        0 0 2px #1bb8ff,
        0 0 4px #1bb8ff,
        0 0 6px #1bb8ff,
        0 0 10px #00aaff,
        0 0 20px #0095ff,
        0 0 30px #00c0ff,
        0 0 40px #00e0ff;
    animation: neonBluePulse 2s ease-in-out infinite;
}

/* ---------- Red Neon Text ---------- */
.neon-red {
    color: #ff2a2a;
    -webkit-text-stroke: 2px #faa6a6; /* red outline */
    margin-left: 4px;
    text-shadow:
        0 0 2px #ff2a2a,
        0 0 4px #ff2a2a,
        0 0 8px #ff2a2a,
        0 0 16px #ff0000,
        0 0 32px #ff0000,
        0 0 45px #ff3333;
    animation: neonRedPulse 2s ease-in-out infinite;
}

/* ---------- Blue Pulse Animation ---------- */
@keyframes neonBluePulse {
    0%, 100% {
        text-shadow:
            0 0 2px #1bb8ff,
            0 0 4px #1bb8ff,
            0 0 6px #1bb8ff,
            0 0 10px #00aaff,
            0 0 20px #0095ff,
            0 0 30px #00c0ff,
            0 0 40px #00e0ff;
    }
    50% {
        text-shadow:
            0 0 4px #1bb8ff,
            0 0 8px #00aaff,
            0 0 14px #0095ff,
            0 0 20px #0077cc,
            0 0 28px #005f99,
            0 0 35px #00aaff,
            0 0 50px #00ccff;
    }
}

/* ---------- Red Pulse Animation ---------- */
@keyframes neonRedPulse {
    0%, 100% {
        text-shadow:
            0 0 2px #ff2a2a,
            0 0 4px #ff2a2a,
            0 0 8px #ff2a2a,
            0 0 16px #ff0000,
            0 0 32px #ff0000,
            0 0 45px #ff3333;
    }
    50% {
        text-shadow:
            0 0 4px #ff2a2a,
            0 0 8px #ff0000,
            0 0 14px #cc0000,
            0 0 24px #990000,
            0 0 32px #660000,
            0 0 40px #ff0000;
    }
}

/* ============================================
    END NEON BRAND
   ============================================ */

/********************************/
/* BEG MODAL STYLES
/********************************/



/********************************/
/* END MODAL STYLES
/********************************/


/*********************************/
/* BEG Product Gallery        */
/********************************/

/********************************/
/* END Product Gallery       */
/*******************************/

/*********************************/
/* BEG Footer Styles            */
/********************************/
    footer {
      background: #000;
      text-align: center;
      padding: 20px 0;
      font-size: 0.9rem;
      color: #ccc;
    }

/* Beg Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

/* End Sticky footer styles
-------------------------------------------------- */


.footer .container {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

/* END Footer styles */

/* BEGIN media styles
-------------------------------------------------- */
@media (max-width: 767px) {
.navbar-collapse.in {
    width: 100%;
}
.navbar-toggle {margin-top:30px;}

}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

/* END Media styles */