/*------------------------------------------*/
/*	 Theme Button
/*------------------------------------------*/

.btn-theme {
	background-color: #ffc400;
	color: #fff;
}

.btn-theme:hover {
	background-color: #f5b324;
	color: #fff;
}

.btn-buy {
	background-color: #ffc400;
	color: #fff;
}

.btn-buy:hover {
	background-color: #f5b324;
	color: #fff;
}

.btn-detail {
	background-color: #b1b1b1;
	color: #333;
}

.btn-detail:hover {
	background-color: #d1d0ce;
}


/*------------------------------------------*/
/*	 Section Titlebar
/*------------------------------------------*/

.titlebar h2:after {
	background: #ffc400;
}


/* ==========================================================================
   02. HEADER & NAVIGATION
   ========================================================================== */

/*------------------------------------------*/
/*	 Logo Image    
/*------------------------------------------*/

.navbar-brand:hover {color: #ffc400;}

.header-pnone {
	color: #ffc400;
}


/*------------------------------------------*/
/*	 Menu Hover
/*------------------------------------------*/

.navbar-nav > li > a:hover,
.navbar-nav > li > a.selected-nav {
	color: #ffc400;
}

/*------------------------------------------*/
/*	  Register Form Input
/*------------------------------------------*/

.form-control:focus {
	background-color: #f0f0f0;
	border-color: #ffc400; 
	-webkit-box-shadow: inset 0 1px 1px #ffc400, 0 0 3px #ffc400;
	box-shadow: inset 0 1px 1px #ffc400, 0 0 3px #ffc400;
}


/*------------------------------------------*/
/*	TABS
/*------------------------------------------*/

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
	color: #ffc400;
}

.nav-tabs > li > a:hover {
	color: #ffc400;
}

/*------------------------------------------*/
/*	Panel Title
/*------------------------------------------*/

.panel-title > a:hover {
    color: #ffc400;
}

/*------------------------------------------*/
/*	Panel Title Icon
/*------------------------------------------*/

.panel-title i {
	color: #ffc400;
}

/*------------------------------------------*/
/*	 SKILLS TITLEBAR
/*------------------------------------------*/

#skills .titlebar h2:after {
	background: #ffc400;
}

/* ==========================================================================
   03. INTRO
   ========================================================================== */

#intro {
	background-image: linear-gradient(rgba(255, 196, 0, 0.7), rgba(255, 196, 0, 0.7)), url("../img/thumbs/bg_kids.png");
	color: #fff;
}


#statistic_banner,
#skills,
#features {
	background-image: url("../img/thumbs/bg_dark.png");
	background-repeat: repeat;
	background-size: auto auto;
}

/* ==========================================================================
   08. FEATURES
   ========================================================================== */
#features svg{
	fill: #ffc400;
}

/* ==========================================================================
   17. PROMO LINE
   ========================================================================== */ 

#promo_line {
	background-color: rgba(255, 196, 0, 0.8);
}

#newsletter .col-sm-3{
	border-right: 1px solid #ffc400;
}

#newsletter p,
#newsletter h3 {
	color: #444;
	width: 75%;
    text-align: left;
}
#newsletter h3 {
	margin: 0 auto 25px;
}

#newsletter p {
 	margin: 0 auto;
}

/* ==========================================================================
   21. SCROLL TO TOP
   ========================================================================== */

#scrollUp {
	background-color:rgba(255, 196, 0, 0.85);	
}

#scrollUp:hover {
	background-color:rgba(255, 196, 0, 1);	
}
   
   

/*------------------------------------------*/
/*	  Feature Icon
/*------------------------------------------*/

.icon-box i {
	color: #ffc400;
}


/*------------------------------------------*/
/*	 TIMELINE YEAR 
/*------------------------------------------*/
.timeline-year span {
    background-color: #ffc400;
    color: #fff;
}


/*------------------------------------------*/
/*	Timeline Item Hover
/*------------------------------------------*/

.timeline-item:hover.timeline-item:before {
	background-color: #ffc400;
	border-color: #ffc400;
}

.timeline-item:hover.timeline-item:before {
	background-color: #ffc400;
	border-color: #ffc400;
}

.timeline-item:hover .timeline-item-content.pull-right:before {
    border-color: transparent transparent #262626 #262626;
}

/*------------------------------------------*/
/*	   Filter Button Hover
/*------------------------------------------*/ 

#gallery-filter .btn-group > .btn:hover {
	color: #fff;
	background-color: #ffc400;
}

#gallery-filter .btn-group > .btn.active,
#gallery-filter .btn-group > .btn.focus {
	color: #fff;
	background-color: #ffc400;
}

.tz-cost {
	color: #ffc400;
}

/*------------------------------------------*/
/*	  Team Member Meta
/*------------------------------------------*/

.team-img-meta h6 {
	color: #ffc400;
}


/*------------------------------------------*/
/*	  TESTIMONIALS TITLEBAR
/*------------------------------------------*/ 
#testimonials .clients-counter {
	color:  #ffc400;
}


/*------------------------------------------*/
/*	  Blog Post Meta
/*------------------------------------------*/ 
.blog-post-info a {
	color: #ffc400;
}

/*------------------------------------------*/
/*	 Contact Info Icon
/*------------------------------------------*/ 
.contact-info .fa {
    color: #ffc400;
}

.contact-info a {
	color: #ffc400;
}

.contact-info a:hover {
  color: #ffc400;
}

/*------------------------------------------*/
/*	  Newsletter Form Input
/*------------------------------------------*/
#newsletter form input[type="email"] {
	border: 1px solid #ffc400;
}
#newsletter form input[type="submit"] {
	background-color: #303030;
	border: 1px solid #303030;
	color: #fff;
}

#newsletter form input[type="submit"]:hover {
	background-color: #f5b324;
	border-color: #f5b324;
	color: #fff;
}

/*------------------------------------------*/
/*	  Footer
/*------------------------------------------*/

#developer {color: #ffc400;}

#developer a {color: #ffc400;}

#form_response .btn-theme {
	background-color: #ffc400;
	color: #333;
}

#form_response .btn-theme:hover {
	background-color: #ffc400;
	color: #fff;
}

#jpreBar {background-color:#ffc400;}

.slides-pagination a:hover,
.slides-pagination a.current {
	background-color: #ffc400;
}
#intro-video h4,
#intro-slides h4 {color: #ffc400;}


.tz-dark-color {
	fill:#f5b324;
}

.tz-white-color {
	fill:#ffc400;
}

#tz-promo-countdown .tz-sales-box{
	border: 1px solid #ffc400;
}
#tz-promo-countdown .tz-old-cost {
	color: #ffc400;
}

#tz-promo-countdown .flip-clock-wrapper ul li a div.up:after {
	background-color: rgba(255, 196, 0, 0.4);
}

#tz-promo-countdown .flip-clock-wrapper ul {
	background: #ffc400;
}
#tz-promo-countdown .flip-clock-wrapper ul li a div div.inn {
	background-color: #ffc400;
	text-shadow: 0 1px 2px #f5b324;
}

#tz-promo-countdown .flip-clock-dot {
	background: #ffc400;
}

/* SHADOW */
#tz-promo-countdown .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(255, 196, 0, 0.1) 0%, rgba(255, 196, 0, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 196, 0, 0.1)), color-stop(100%, rgba(255, 196, 0, 1)));
  background: linear, top, rgba(255, 196, 0, 0.1) 0%, rgba(255, 196, 0, 1) 100%;
  background: -o-linear-gradient(top, rgba(255, 196, 0, 0.1) 0%, rgba(255, 196, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 196, 0, 0.1) 0%, rgba(255, 196, 0, 1) 100%);
  background: linear, to bottom, rgba(255, 196, 0, 0.1) 0%, rgba(255, 196, 0, 1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

#tz-promo-countdown .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(255, 196, 0, 0.1) 0%, rgba(255, 196, 0, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 196, 0, 0.1)), color-stop(100%, rgba(255, 196, 0, 1)));
  background: linear, top, rgba(255, 196, 0, 0.1) 0%, rgba(255, 196, 0, 1) 100%;
  background: -o-linear-gradient(top, rgba(255, 196, 0, 0.1) 0%, rgba(255, 196, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 196, 0, 0.1) 0%, rgba(255, 196, 0, 1) 100%);
  background: linear, to bottom, rgba(255, 196, 0, 0.1) 0%, rgba(255, 196, 0, 1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }