* {
  box-sizing:border-box;
  border-radius:0;
}
html {
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body {
  font-family:'Open Sans', sans-serif;
  font-weight:400;
  background:#fff;
  width:100%;
  height:100%;
}
h1, h2, h3, h4, h5, h6 {
  font-weight:700;
  font-family: Arial, sans-serif;
}
h1 {
  font-size:24px;
  color:#555;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:-1px;
  margin:0 0 10px 0;
  font-weight:normal !important;
}
h2 {
  font-size:18px;
  color:#777;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:0px;
  margin:20px 0 10px 0;
  font-weight:normal !important;
}
select, textarea, input, button {
  outline: none;
}
nav {
  max-width:800px;
  width:100%;
  margin:20px auto 20px auto;
}
.home_logo {
  display:inline-block;
}
.home_logo img {
  height:63px;
  image-rendering: auto;
}
.home_menu {
  display:inline-block;
  max-width:500px;
  vertical-align: middle;
}
.home_menu ul {
  list-style:none;
  margin:0;
  padding:0;
}
.home_menu ul li {
  display:inline-block;
  margin:0 0 0 20px;
}
.home_menu ul li a {
  font-size: 14px;
  color:#888;
  line-height: 30px;
  cursor:pointer;
}
.home_menu ul li a:hover {
  color:#ec4282;
}
.page_intro {
  text-align: center;
  max-width:800px;
  margin:20px auto 50px auto;
  padding:0 20px;
}
.page_intro h1 {
  text-align: center;
}
.home_container {
  border-top: 2px solid #ec4282;
}
.hero_container {
  width:100%;
  height:500px;
  max-height:500px;
  background:url('/images/hero.jpg') 0 -30px no-repeat;
  background-size: cover;
  position: relative;
}
.hero_headline {
  color:#444;
  font-size:40px;
  position: absolute;
  bottom:10%;
  right:20%;
  background-color:rgba(255, 255, 255, .7);
  padding:0 10px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: -2px;
}
.home_brands_container,
.home_posts_container,
.home_stats_container,
.home_contact_container,
.home_audience_container {
  border-top: 1px solid #ccc;
  margin:30px 0 80px 0;
}
.home_brands_title,
.home_posts_title,
.home_stats_title,
.home_contact_title,
.home_audience_title {
  font-size: 26px;
  color:#ec4282;
  text-align: center;
  text-transform: uppercase;
  padding:0 20px;
  float:center;
  margin:-20px auto 0 auto;
  width:300px;
  background:#fff;
  white-space: nowrap;
}
.home_brands,
.home_posts {
  margin:20px auto 30px auto;
  width:100%;
  max-width:1200px;
  text-align: center;
}
.home_brands div {
  width:250px;
  min-height:300px;
  display: inline-block;
  vertical-align: top;
  margin:0 20px 20px 0;
}
.home_brands div img {
  margin:0 0 10px 0;
}
.home_stats {
  background:url('/images/shopping_bags.jpg') 0 30% no-repeat;
  background-size: cover;
  margin:20px auto 30px auto;
  width:100%;
  text-align: center;
  padding:20px 0;
}
.home_stats_inner {
  width:100%;
  max-width:1090px;
  margin:0 auto;
}
.home_stats_inner div {
  width:300px;
  height:200px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin:10px 30px 10px 30px;
  padding:60px 0 0 0;
  font-size:24px;
  letter-spacing: -2px;
  background-color: rgba(255, 255, 255, 0.7);
  color:#111;
}
.home_stats div b {
  font-size:36px;
}
.sub_img {
  width:100%;
}
.home_contact {
  max-width:650px;
  margin:50px auto 0 auto;
}
#advertising-form .form-section {
    width: 303px;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    padding: 0 20px;
}
#advertising-form .form-section.float-left {
    float: left;
}
#advertising-form div {
    margin-bottom: 15px;
    text-align: left;
}
#advertising-form .input-head {
    display: block;
    margin-bottom: 4px;
}
#advertising-form .clear {
    margin-bottom: 0;
}
#advertising-form .extra-section {
    margin-top: 10px;
    display: none;
}
#advertising-form .questions {
    font-weight: 400;
    margin-top: 10px;
}
#advertising-form input[type=radio] {
    margin-right: 6px;
}
#advertising-form .full-width {
    margin-bottom: 30px;
    padding: 0 20px;
}
#advertising-form .questions.seller {
    margin-top: 5px;
}
#advertising-form select {
    width: 100%;
    background-image: linear-gradient(#fcfcfc,#f1f1f1);
    border-radius: 3px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #e1e1e1;
    outline: 0;
    font-family: "Open Sans Semibold","Open Sans",Arial,sans-serif;
    font-weight: 600;
    font-size: 13px;
}
#advertising-form textarea {
    height: 100px;
}
.textinput {
    font-family: "Open Sans",Arial,sans-serif;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    color: #999;
    border-radius: 3px;
    border: 1px solid #ccc;
    line-height: 17px;
    padding: 8px 11px;
    font-size: 13px;
    width: 100%;
}
.clear {
    clear: both;
}

.home_audience {
  max-width:800px;
  margin:20px auto 0 auto;
  text-align: center;
}
.home_audience_content {
  position: relative;
  display: inline-block;
  width: 225px;
  height: 330px;
  padding: 0;
  margin: 0;
  margin-right: 20px;
  margin-bottom: 20px;
  line-height: 1.5em;
  background: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
  box-shadow: 0 1px 5px rgba(0,0,0,0.2);
  overflow: hidden;
  position: relative;
  text-align: left;
}
.home_audience_content img {
  overflow: hidden;
}
.home_audience_content p {
  padding:10px 5px 5px 5px;
  font-size:14px;
}
.home_audience_content span {
  background: #ed356d;
  color: #fff;
  padding: 10px 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.home_retailers {
  max-width:800px;
  margin:20px auto 0 auto;
  text-align: center;
}
.home_retailers_img {
  width:100%;
}
.home_retailers div {
  width:300px;
  display:inline-block;
  margin:25px 50px 25px 0;
  vertical-align: top;
}
.home_retailers div img {
  height:60px;
}
.home_retailers div p {
  font-size:18px;
  font-style: italic;
  font-family:Georgia,serif;
  font-weight: lighter;
  color:#666;
}


.home_opportunities {
  max-width:800px;
  margin:20px auto 0 auto;
  text-align: center;
}
.home_opportunities span {
  width:300px;
  display:inline-block;
  margin:25px 50px 25px 0;
  vertical-align: top;
}
.home_opportunities span img {
}
.home_opportunities span p {
  font-size:16px;
  font-weight: lighter;
  color:#666;
}
.home_opportunities_full {
  width:100%;
  font-size:16px;
}
.home_opportunities_full div {
  width:300px;
  display:inline-block;
  margin:25px 50px 25px 0;
  vertical-align: top;
}
.home_opportunities_full div img {
  width:100%;
}
.home_opportunities_full ul {
  list-style: none;
  list-style-type: none;
  text-align: left;
}
.home_opportunities_full ul li {
  font-size:20px;
  font-weight: normal;
}
.home_opportunities_full ul li:before {
  content: "\2713";
  color: darkgreen;
  padding:0 10px 0 0;
}
.home_footer {
  border-top:1px solid #ccc;
  border-bottom:4px solid #ec4282;
  color:#fff;
  padding:0 30px 5px 30px;
  text-align: center;
  font-size:12px;
  background:#666;
}
.home_footer_inner {
  width:100%;
  margin:20px auto 0 auto;
}
.home_footer_content {
  width:200px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin:0 0 30px 0;
}
.home_footer_content ul {
  padding:0 0 0 15px;
}
.home_footer_content ul li {
  font-size:9px;
  color:#ec4282;
}
.home_footer_content ul li a {
  font-size:13px;
  color:#fff;
  cursor:pointer;
}
.home_footer_content ul li a:hover {
  color:#ec4282;
}
.home_footer_copyright {
  font-size:11px;
}
.home_footer_badge {
  width:100%;
  text-align: left;
}
.grecaptcha-badge {
  box-shadow:none!important;
  float:right;
}
.home_subpage {
  width:100%;
  max-width:800px;
  margin:0 auto 40px auto;
  font-size:18px;
  padding:0 20px;
}
.home_subpage h1 {
  margin:20px 0 20px 0;
}
.home_subpage_img {
  width:300px;
  text-align: left;
  display: inline-block;
  margin:0 20px 20px 0;
}
.home_subpage_div {
  display:inline-block;
  max-width:500px;
}
.home_faq {
  margin:30px 0 0 0;
  max-width:800px!important;
  font-size:16px;
}
.home_faq div {
  margin:0 0 30px 0;
  max-width:800px!important;
}
.home_terms {
  font-size:12px;
}
.hdn {
  display:none;
}
.sub_logo {
  height: 55px;
  line-height: 45px;
}
.small_text {
  font-size: 12px;
  letter-spacing:normal;
  margin:10px 0 0 0;
  color:#666;
}
.home_reach {
  position: relative;
}
.home_reach_figure {
  position: absolute;
  top:63px;
  left:8px;
  font-size:28px;
  color:#4b4f56;
}

/* 300px */
@media (min-width:320px) and (max-width:425px) {
  nav {
    text-align: center;
  }
  .home_menu {
    max-width:300px;
    margin:10px 0 0 0;
  }
  .home_retailers div,
  .home_opportunities div {
    margin:25px 0;
  }
  .home_footer_content {
    margin:0 0 10px 0;
  }
  .hero_container {
      height:300px;
  }
  .hero_headline {
      font-size: 32px;
      bottom: 20%;
      padding: 4px 10px;
      line-height: 40px;
  }
  .page_intro {
      margin: 0 auto 50px auto;
  }
  .home_audience_content {
      width: 280px;
      margin-right: 0;
      margin-bottom: 30px;
      text-align: center;
  }
  .home_audience_content span {
      left: 0;
      text-align: left;
  }
  .home_stats_inner div {
      margin: 10px auto;
  }
}

@media (min-width:426px) and (max-width:767px) {
  nav {
    padding:0 20px;
    text-align: center;
  }
}

/* 768px */
@media (min-width:768px) and (max-width:1199px){
  nav {
    padding:0 20px;
    text-align: center;
  }
}
/* 1200px */
@media (min-width:1200px) {

  .home_brands_container {
    border-top: 1px solid #ccc;
    margin:50px 0 0 0;
  }
  .hero_container {
    width:100%;
    height:500px;
    max-height:500px;
    background:url('/images/hero.jpg') 0 -80px no-repeat;
    background-size: cover;
    position: relative;
  }
  .hero_headline {
    font-size:40px;
    position: absolute;
    bottom:10%;
    right:20%;
    background-color:rgba(255, 255, 255, .6);
    padding:0 10px;
  }
}