*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.nba-wrapper {
  padding-top: 0;
}

.opt-out-wrapper {
  background-color: #ededed;
}

.opt-out-wrapper div.app-bar {
  width: 100%;
  padding: 0;
  background-color: #14171a;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 3;
  overflow: hidden;
}

.opt-out-wrapper div.app-bar img {
  width: 50%;
  height: auto;
  margin: 0 auto;
  padding: 16px;
  display: block;
  overflow: hidden;
}

div.etowah_photo_gallery_created, div.etowah_photo_gallery_embed div.share {
  display: none !important;
}

.opt-out-wrapper div.app-bar > h1, .opt-out-wrapper div.app-bar > h2 {
  margin: 0;
  color: #FFF;
}

.opt-out-wrapper h2 {
  padding: 16px;
  font-family: "sw3", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #CD212B;
  font-size: 36px;
  text-transform: uppercase;
  text-align: center;
}

.opt-out-wrapper .hero {
  width: 100%;
  overflow: hidden;
  display: block;
}

.opt-out-wrapper .hero h2 {
  width: 33.3%;
  color: #FFF;
  font-family: "Roboto Slab", "Vitesse", Rockwell, serif;
  font-size: 58px;
  font-weight: 700;
  text-align: right;
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
  line-height: 1.2;
  position: absolute;
  top: 40%;
  right: 36px;
}

.opt-out-wrapper .letter {
  width: 100%;
  max-width: 700px;
  margin: 0 auto 24px auto;
  background-color: #FFF;
  border-radius: 2px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  top: -40px;
  z-index: 3;
}

.opt-out-wrapper p, .opt-out-wrapper li {
  font-size: 16px;
  font-family: "Roboto Slab", "Vitesse", Rockwell, serif;
  line-height: 1.4;
}

.opt-out-wrapper p {
  padding: 16px;
  text-align: justify;
}

.opt-out-wrapper .letter .var-csr {
  font-family: cursive;
}

.opt-out-wrapper .letter h3 {
  margin: 0;
  padding: 12px 16px;
  font-family: "Roboto Slab", "Vitesse", Rockwell, serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.6;
}

.opt-out-wrapper .letter ul li {
  margin: 8px 0;
}

.opt-out-wrapper .content {
  width: 100%;
  overflow: hidden;
}

.opt-out-wrapper .content:nth-child(odd) {
  background-color: #e1e1e1;
}

.opt-out-wrapper .content:nth-child(even) {
  background-color: #EEEEEE;
}

.opt-out-wrapper .chip {
  margin: 50px auto;
  background-color: #FFF;
  border-bottom: solid 2px #d9d9d9;
  border-radius: 2px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.opt-out-wrapper .chip h2 {
  margin: 0;
  padding: 16px;
  color: #CD212B;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.6;
}

.opt-out-wrapper .chip .links {
  width: 100%;
  overflow: hidden;
}

.opt-out-wrapper .chip .links a {
  padding: 16px;
  color: #17a2e2;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
  display: block;
  float: right;
  overflow: hidden;
}

.opt-out-wrapper .message, .opt-out-wrapper .static-message {
  max-width: 700px;
  margin: 24px auto;
  padding: 16px;
  background-color: #FFF;
  border: solid 1px #cfcfcf;
  border-radius: 10px;
  overflow: hidden;
  display: block;
}

.opt-out-wrapper .static-message {
  border: 0;
  border-radius: 2px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.opt-out-wrapper .message.success h3 {
  color: #2b3036;
}

.opt-out-wrapper .message:before, .opt-out-wrapper .static-message:before {
  width: 12%;
  margin: 0;
  padding: 12% 0 0 0;
  background-image: url("http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/rockets/1516_renewals/opt-out/_images/question_icon.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  content: "";
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.opt-out-wrapper .message.question:before, .opt-out-wrapper .static-message.question:before {
  background-image: url("http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/rockets/1516_renewals/opt-out/_images/question_icon.svg");
}

.opt-out-wrapper .message.error, .opt-out-wrapper .static-message.error {
  background-image: none !important;
}

.opt-out-wrapper .message.error:before, .opt-out-wrapper .static-message.error:before {
  background-image: url("http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/rockets/1516_renewals/opt-out/_images/error_icon.svg");
}

.opt-out-wrapper .message.success:before, .opt-out-wrapper .static-message.success:before {
  background-image: url("http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/rockets/1516_renewals/opt-out/_images/success_icon.svg");
}

.opt-out-wrapper .static-message.error:before {
  opacity: 0.4;
}

.opt-out-wrapper .message h3, .opt-out-wrapper .static-message h3 {
  width: 85%;
  margin: 0;
  padding: 0 0 0 16px;
  color: #de333d;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.3;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.opt-out-wrapper .static-message h3 {
  color: #8f9496;
}

.opt-out-wrapper div.btn-wrapper {
  width: 100%;
  margin: 24px auto;
  padding: 16px;
  text-align: center;
  overflow: hidden;
  display: block;
}

.opt-out-wrapper div.btn-wrapper a.btn {
  margin: 0;
  padding: 12px 24px;
  border-radius: 2px;
  font-size: 16px;
  line-height: 1;
  border-radius: 21px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  overflow: hidden;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.opt-out-wrapper div.btn-wrapper a.primary {
  border: solid 2px #de333d;
  background-color: transparent;
  color: #de333d;
}

.opt-out-wrapper div.btn-wrapper a.primary:hover {
  background-color: #de333d;
  color: #FFF;
}

.opt-out-wrapper div.btn-wrapper a.generic {
  background-color: #FFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  color: #0099EB;
}

.opt-out-wrapper div.btn-wrapper a.disabled {
  opacity: 0.7;
}

.opt-out-wrapper ul.chip {
  padding: 0;
  list-style: none;
}

.opt-out-wrapper ul.chip li {
  width: 100%;
  margin: 0;
  padding: 16px 16px 16px 40px;
  background-image: url("http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/rockets/1516_renewals/opt-out/_images/star_gold.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 8px 14px;
  border-bottom: solid 1px #e9e9e9;
  font-size: 16px;
}

.opt-out-wrapper ul.chip li:last-child {
  border-bottom: 0;
}

#opt-out-form {
  margin: 0 auto 50px auto;
  padding: 20px;
  background-color: #FFF;
  border-bottom: solid 2px #d9d9d9;
  border-radius: 2px;
  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.3);
  position: relative;
  top: -50px;
  z-index: 3;
  overflow: hidden;
}

#opt-out-form input[type="text"], #opt-out-form input[type="tel"], #opt-out-form input[type="email"], #opt-out-form textarea {
  width: 100%;
  margin: 15px 0;
  padding: 10px;
  background-color: #F0F0F0;
  border: solid 1px #CCC;
  border-radius: 2px;
  font-size: 14px;
  display: block;
}

#opt-out-form textarea {
  resize: none;
}

#opt-out-form input.input-error, #opt-out-form select.input-error, #opt-out-form textarea.input-error, #opt-out-form ul.radio-list.input-error {
  border-color: #CD212B;
  background-color: #ffc0c0;
}

#opt-out-form > .btn {
  margin: 15px 0;
  padding: 15px;
  border: 0;
  border-radius: 2px;
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
}

#opt-out-form > .btn.disabled {
  opacity: 0.5;
}

#opt-out-form input[type="submit"] {
  background-color: #CD212B;
  color: #FFF;
  -webkit-transition: background-color 250ms ease-out;
  -moz-transition: background-color 250ms ease-out;
  -o-transition: background-color 250ms ease-out;
  -ms-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out;
}

#opt-out-form input[type="submit"]:hover {
  background-color: #ae1c25;
}

#opt-out-form {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#opt-out-form label {
  margin: 35px 0 0 0;
  display: block;
  overflow: hidden;
}

#opt-out-form label small {
  color: #CCC;
  font-size: 80%;
}

#opt-out-form .radio-list {
  width: 100%;
  margin: 10px 0;
  padding: 5px;
  border-radius: 2px;
  list-style: none;
  overflow: hidden;
}

#opt-out-form .rating-list li {
  width: 20%;
  margin: 0;
  padding: 0;
  text-align: center;
  float: left;
  overflow: hidden;
}

#opt-out-form .rating-list li span {
  width: 100%;
  padding: 5px;
  /*font-size:14px;*/
  display: block;
}

@media screen and (min-width: 991px) {
  .opt-out-wrapper h3 {
    padding: 16px;
    font-size: 28px;
  }

  #opt-out-form {
    width: 800px;
  }

  .opt-out-wrapper .chip {
    width: 700px;
  }
}
@media screen and (max-width: 990px) {
  .opt-out-wrapper .content {
    padding: 0 16px;
  }
}
@media screen and (max-width: 767px) {
  .opt-out-wrapper .letter {
    margin: 0 auto;
    top: 0;
  }

  .opt-out-wrapper .message h3, .opt-out-wrapper .static-message h3 {
    font-size: 24px;
  }
}
@media screen and (min-width: 640px) and (max-width: 990px) {
  .opt-out-wrapper .hero h2 {
    width: 45%;
    font-size: 48px;
  }

  .opt-out-wrapper h3 {
    padding: 16px;
    font-size: 24px;
  }

  .opt-out-wrapper .chip {
    width: 100%;
    max-width: 700px;
  }

  #opt-out-form {
    width: 90%;
  }
}
@media screen and (max-width: 639px) {
  .opt-out-wrapper div.app-bar > h2 {
    font-size: 24px;
  }

  .opt-out-wrapper .hero h2 {
    display: none;
  }

  .opt-out-wrapper h3 {
    padding: 12px;
    font-size: 22px;
  }

  .opt-out-wrapper .chip {
    width: 100%;
  }

  #opt-out-form {
    width: 100%;
    margin: 0 0 50px 0;
    top: 0;
    position: static;
  }
}
@media screen and (max-width: 399px) {
  .opt-out-wrapper .message h3, .opt-out-wrapper .static-message h3 {
    font-size: 17px;
  }

  .opt-out-wrapper ul.chip li {
    font-size: 14px;
  }
}
@font-face {
  font-family: 'sw3';
  src: url("http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/rockets/f/sw/sw3.eot");
  src: url("http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/rockets/f/sw/sw3.woff2") format("woff2"), url("http://i.cdn.turner.com/nba/nba/.element/media/2.0/teamsites/rockets/f/sw/sw3.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}