/*------------------------------------------------------------------
# [Color codes]

# Background and Border:	#01b9ff | #0181b2 (iwatch Gold)
# Color:	#01b9ff (android blue)
# */

.watch_index header{
  position: relative;
  overflow: hidden;
  background: var(--brand-bg-primary);
}
.watch_index header:after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(25,25,26,1) 0, rgba(25,25,26,1) 102px, rgba(25,25,26,0.92) 142px, rgba(25,25,26,0.56) 205px, rgba(25,25,26,0) 292px),
    radial-gradient(52% 72% at 78% 54%, rgba(255,183,40,0.2) 0%, rgba(255,183,40,0.1) 34%, rgba(255,183,40,0) 70%),
    radial-gradient(28% 38% at 91% 22%, rgba(95,189,230,0.08) 0%, rgba(95,189,230,0) 72%);
  pointer-events: none;
}
.watch_index header .iwatch_container{
  position: relative;
  z-index: 1;
}
.watch_index .navbar-default{
  background: var(--brand-bg-primary);
  border-bottom: none;
}
.watch_index .navbar-default.navbar-shrink{
  background: var(--brand-bg-primary);
}
.watch_index section.section_heading{
  background: #fff;
}
.watch_index section.section_heading.bck_gray{
  background: #FFFCF5;
}
.form_send_btn:hover,.form_send_btn:focus{
  background: var(--brand-bg-primary);
}
.btn-default.bck_color_dark ,.get_api{
  background: var(--brand-tint-primary);
  border-color: var(--brand-tint-primary);
  color: var(--brand-text-inverted);
}
hr.star-primary,.app_screen_mob_icon,.app_screen_mob_icon:hover,.app_screen_iwatch_icon:hover, .app_screen_iwatch_icon_active{border-color:var(--brand-tint-primary);}
.watch_index .iwatch_feature_content .iphone_ban1 h2{
  color: var(--brand-bg-secondary);
}
.form_send_btn {
  color: var(--brand-bg-primary);
}
.carousel-indicators .active,.form_send_btn{border:2px solid var(--brand-tint-primary);}
.app_store_bck{ background-color: #0181b2;}
.form_send_btn:hover,.form_send_btn:focus,.app_screen_iwatch_icon:hover, .app_screen_iwatch_icon_active{ border-color: var(--brand-tint-primary);color:var(--brand-bg-primary); background-color:var(--brand-tint-primary)}
.app_screen_mob_icon{color:#fff;background-color: #01b9ff;}
.app_screen_mob_icon_nonactive{background-color:transparent;background-image:url('../images/mobile1_hover_blue.png');}
.app_screen_iwatch_icon{background-image:url('../images/watch_blue.png');}
.app_screen_iwatch_icon:hover, .app_screen_iwatch_icon_active{background-image:url('../images/watch_white.png');background-color:#01b9ff;}
.app_screen_mob_icon:hover{background-image:url('../images/mobile1.png');background-color:#01b9ff;}
.profile_div img.userImg{border-color:#01b9ff;}
.user_name{color:#01b9ff;}

.hero_headline_accent{
  color: var(--brand-tint-primary);
}
.hero_award_pill{
  border-color: var(--brand-bg-secondary);
  background: var(--brand-bg-secondary);
}
.hero_award_stars,
.hero_rating_star{
    color:rgba(255,255,255,1.0);
}

.comma_icon_blk{
  background: var(--brand-tint-primary);
}

.bck_dark_blk{
  background: var(--brand-bg-primary);
}

@media (max-width: 767px){
  .watch_index header:after{
    background:
      linear-gradient(180deg, rgba(25,25,26,1) 0, rgba(25,25,26,1) 94px, rgba(25,25,26,0.94) 132px, rgba(25,25,26,0.62) 220px, rgba(25,25,26,0.08) 360px, rgba(25,25,26,0) 460px),
      radial-gradient(72% 58% at 60% 70%, rgba(255,183,40,0.18) 0%, rgba(255,183,40,0.08) 36%, rgba(255,183,40,0) 72%),
      radial-gradient(26% 24% at 74% 42%, rgba(95,189,230,0.05) 0%, rgba(95,189,230,0) 72%);
  }
}