/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

#top .main_color  .hookflash-hero-form{
  max-width: 500px;
}

#top .main_color  .hookflash-hero-form h3{
  margin: 0 0 1rem;

  color: #FFFFFF;
}

#top .main_color  .hookflash-hero-form input[type="email"],
#top .main_color  .hookflash-hero-form input[type="text"]{
  margin: 0 0 0.5rem;
  padding: 1rem;

  background: transparent;

  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

  border: 2px solid #FFFFFF;

  color: #FFFFFF;
  font-size: 12px;
  line-height: 1em;
}

#top .main_color .hookflash-hero-form input[type="submit"]{
  margin: 0 0 0.5rem;
  padding: 1rem 3rem;

  background: #91cf4e;

  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

  border: none;
  border-radius: 4px;

  color: #FFFFFF;
  font-size: 12px;
  line-height: 1em;
}

#top .main_color  .hookflash-hero-form input[type="email"]::-webkit-input-placeholder,
#top .main_color  .hookflash-hero-form input[type="text"]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#top .main_color  .hookflash-hero-form input[type="email"]:-moz-placeholder,
#top .main_color  .hookflash-hero-form input[type="text"]:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#top .main_color  .hookflash-hero-form input[type="email"]::-moz-placeholder,
#top .main_color  .hookflash-hero-form input[type="text"]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#top .main_color  .hookflash-hero-form input[type="email"]:-ms-input-placeholder,
#top .main_color  .hookflash-hero-form input[type="text"]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.avia_pricing_minimal .pricing-table{
  box-shadow: none;

  font-size: 12px;
  line-height: 1.2em;
}
#top .avia_pricing_minimal .pricing-table>li{
  padding-left: 0; padding-right: 0;
}

.main_color .pricing-table>li:nth-child(odd){
  background: transparent;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */


}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}