/*
 * Blue Ad Responsive : Order Page;  ===================================================== 
 */

.gradient {
  filter: none;
}
.strike {
  text-decoration: line-through;
}
@media screen and (min-width: 768px) {
  .desktop {
    display: block;
    visibility: visible!important;
  }
  .mobile {
    display: none!important;
    visibility: hidden!important;
  }
}
@media screen and (max-width: 767px) {
  .desktop {
    display: none!important;
    visibility: hidden!important;
  }
  .mobile {
    display: block;
    visibility: visible!important;
  }
}
body#blue-ad-responsive-order {
  background-color: #ffffff;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 1200px) {
  body#blue-ad-responsive-order .container {
      width: 970px;
  }
}
body#blue-ad-responsive-order a,
body#blue-ad-responsive-order a:hover {
  color: #ff8300;
  text-decoration: underline;
}
body#blue-ad-responsive-order .wrapper {
  width: 100%;
}
body#blue-ad-responsive-order .wrapper .header .fa {
    color: #ffffff;
}
body#blue-ad-responsive-order .wrapper .header #header-1,
body#blue-ad-responsive-order .wrapper .header #header-2,
body#blue-ad-responsive-order .wrapper .header #header-3 {
  width: 100%;
  position: relative;
}
body#blue-ad-responsive-order .wrapper .header #header-1 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#258dc8+0,006593+100 */
  background: #258dc8; /* Old browsers */
  background: -moz-linear-gradient(top,  #258dc8 0%, #006593 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #258dc8 0%,#006593 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #258dc8 0%,#006593 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#006593',GradientType=0 ); /* IE6-9 */
  color: #ffffff;
  position: relative;
  padding: 1em;
}
body#blue-ad-responsive-order .wrapper .header #header-1 a {
  color: #ffffff;
  text-decoration: none;
}
body#blue-ad-responsive-order .wrapper .header #header-1 .brand h1 {
  padding: 0;
  margin: 0;
  font-size: 1.3em;
}
@media screen and (max-width: 767px) {
  body#blue-ad-responsive-order .wrapper .header #header-1 .brand h1 {
    font-size: 1em;
  }
}
body#blue-ad-responsive-order .wrapper .header #header-2 {
  background: rgba(255,255,255,1);
  font-weight: 300;
}
body#blue-ad-responsive-order .wrapper .header #header-2 h3 {
  font-size: 3em;
}
@media screen and (max-width: 767px) {
  body#blue-ad-responsive-order .wrapper .header #header-2 h3 {
    font-size: 1.3em;
  }
}
body#blue-ad-responsive-order .wrapper .header #header-2 h3 strong {
  color: #f00;
  text-decoration: underline;
}
body#blue-ad-responsive-order .wrapper .header #header-3 {
  font-size: 2em;
  font-weight: 300;
  padding: 5px;
  color: #ffffff;
  background: rgba(130,130,130,1);
  background: -moz-linear-gradient(top, rgba(130,130,130,1) 0%, rgba(79,79,79,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130,130,130,1)), color-stop(100%, rgba(79,79,79,1)));
  background: -webkit-linear-gradient(top, rgba(130,130,130,1) 0%, rgba(79,79,79,1) 100%);
  background: -o-linear-gradient(top, rgba(130,130,130,1) 0%, rgba(79,79,79,1) 100%);
  background: -ms-linear-gradient(top, rgba(130,130,130,1) 0%, rgba(79,79,79,1) 100%);
  background: linear-gradient(to bottom, rgba(130,130,130,1) 0%, rgba(79,79,79,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#4f4f4f', GradientType=0 );
}

@media screen and (min-width: 768px) {
  body#blue-ad-responsive-order .wrapper .header #header-3 strong {
    margin-left: .5em;
  }
}

@media screen and (max-width: 767px) {
  body#blue-ad-responsive-order .wrapper .header #header-3 strong {
    display: block;
  }
}
body#blue-ad-responsive-order .terms {
  font-weight: 300;
  font-size: 11px;
  margin: 1em 0 0 0;
  text-align: justify;
}
body#blue-ad-responsive-order .mobile.terms {
  margin-bottom: 2em;
  color: #99d0ef;
}
body#blue-ad-responsive-order .wrapper #main {
  background-color: #8aa3b2;
  background-image: url("/resources/images/blue-ad-responsive-lead/bg-tech-light.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 0;
}
@media screen and (min-width: 768px) {
  body#blue-ad-responsive-order .wrapper #main {
    padding-top: 1em;
  }
}
body#blue-ad-responsive-order .wrapper #main .well {
  background-image: none;
  border-color: transparent;
  border: none;
}
body#blue-ad-responsive-order .wrapper #main .well h3 {
  margin: 0;
}
body#blue-ad-responsive-order .wrapper #main .well-1 {
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  body#blue-ad-responsive-order .wrapper #main .well-1 {
    margin-bottom: 0;
  }
}
body#blue-ad-responsive-order .wrapper #main .well-1 .title {
  background-color: #ff8300;
  padding: 5px;
  font-size: 2.5em;
  margin: -19px -19px 20px -19px;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  body#blue-ad-responsive-order .wrapper #main .well-1 .title {
    font-size: 1.5em;
  }
}
body#blue-ad-responsive-order .wrapper #main .well-1 .bullets-1 li:before {
  position: absolute;
  font-family: FontAwesome;
  top:0;
  left:0;
  font-size: 1.2em;
  content: "\f058";
  color: #00a3ff;
}
body#blue-ad-responsive-order .wrapper #main .well-1 .bullets-1 li {
  font-size: 1.8em;
  font-weight: 900;
  position: relative;
  width: 100%;
  display: block;
  padding-left: 1.5em;
  margin-bottom: .5em;
}
@media (min-width: 480px) and (max-width: 991px) {
  body#blue-ad-responsive-order .wrapper #main .well-1 .bullets-1 li {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 479px) {
  body#blue-ad-responsive-order .wrapper #main .well-1 .bullets-1 li {
    font-size: 1.05em;
  }
}
body#blue-ad-responsive-order .wrapper #main .well-1 #was {
    position: relative;
    margin: .7em 0;
    white-space: nowrap;
    
}
body#blue-ad-responsive-order .wrapper #main .well-1 #was .underline,
body#blue-ad-responsive-order .wrapper #main .well-1 #was .underline-x {
    position: absolute;
}
@media screen and (min-width: 768px) {
  body#blue-ad-responsive-order .wrapper #main .well-1 #was {
      font-size: 1.5em;
      white-space: nowrap;
  }
  body#blue-ad-responsive-order .wrapper #main .well-1 #was .underline {
    bottom: -7px;
    margin-left: -30px;
  }
  body#blue-ad-responsive-order .wrapper #main .well-1 #was .underline-x {
    top: -3px;
  }
}
@media screen and (max-width: 767px) {
  body#blue-ad-responsive-order .wrapper #main .well-1 #was {
      font-size: 1.15em;
      margin: 2em 0;
      white-space: nowrap;
  }
  body#blue-ad-responsive-order .wrapper #main .well-1 #was .underline {
    bottom: -7px;
    margin-left: -30px;
    width: 80px;
  }
  body#blue-ad-responsive-order .wrapper #main .well-1 #was .underline-x {
    top: -5px;
    margin-left: -5px;
  }
}
body#blue-ad-responsive-order .wrapper #main .well-1 .title-2 {
  color: #ffffff;
  padding: 7.5% 0;
}
@media screen and (min-width: 768px) {
  body#blue-ad-responsive-order .wrapper #main .well-1 .title-2 {
    background-image: url("/resources/images/blue-ad-responsive-lead/arrow-long2.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right center;
    margin: 0 -4em;
  }
}
@media screen and (max-width: 767px) {
  body#blue-ad-responsive-order .wrapper #main .well-1 .title-2 {
    background: rgba(76,76,76,1);
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
    margin: .5em -19px -20px -19px;
    font-size: 1.5em;
    padding: 15px;
  }
}
body#blue-ad-responsive-order .wrapper #main .well-1 .title-2 h3 {
  /*font-size: 1.8em;*/
  margin: 0;
  padding: 0;
  text-shadow: 1px 2px 6px rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 992px) {
  body#blue-ad-responsive-order .wrapper #main .well-1 .title-2 h3 {
    font-size: 2em;
  }
}
@media screen and (max-width: 991px) {
  body#blue-ad-responsive-order .wrapper #main .well-1 .title-2 h3 {
    font-size: .9em;
  }
}
body#blue-ad-responsive-order .wrapper #main .well-2 {
  background-color: #258dc8;
  color: #ffffff;
}
body#blue-ad-responsive-order .wrapper #main .well-2 .col {
  padding-right: 3px;
  padding-left: 3px;
}
body#blue-ad-responsive-order .wrapper #main .well-2 label {
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  body#blue-ad-responsive-order .wrapper #main .well-2 .col {
    padding-right: 3px;
    padding-left: 3px;
  }
}
@media screen and (max-width: 767px) {
  body#blue-ad-responsive-order .wrapper #main .well-2 label {
    font-weight: 300;
    text-align: right;
  }
}
@media screen and (max-width: 991px) {
  body#blue-ad-responsive-order .wrapper #main .well-2 .has-feedback .form-control {
    padding-right: 0;
  }
}
body#blue-ad-responsive-order .wrapper #main .well-2 a {
  color:#ffff00;
}
body#blue-ad-responsive-order .wrapper #main .well-2 .desktop.arrow {
    position: absolute;
    background-image: url(/resources/images/blue-ad-responsive-order/arrow-cc-form-rev.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}
@media screen and (min-width: 992px) {
  body#blue-ad-responsive-order .wrapper #main .well-2 .desktop.arrow {
    width: 199px;
    height: 170px;
    top: -135px;
    right: -15px;
  }
}
@media screen and (max-width: 991px) {
  body#blue-ad-responsive-order .wrapper #main .well-2 .desktop.arrow {
    width: 100px;
    height: 85px;
    top: -35px;
    right: 30px;
  }
}
body#blue-ad-responsive-order .wrapper #main .well-2 .mobile.arrow {
  background-image: url("/resources/images/blue-ad-responsive-lead/arrow-form.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 0;
  width: 100%;
  padding: 10% 0 14% 0;
  margin-top: -19px;
}
body#blue-ad-responsive-order .wrapper #main .well-2 .mobile.arrow h3 {
  margin: 0;
  padding: 0;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, .3);
}
@media screen and (max-width: 479px) {
  body#blue-ad-responsive-order .wrapper #main .well-2 .mobile.arrow h3 {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 480px) {
  body#blue-ad-responsive-order .wrapper #main .well-2 .mobile.arrow h3 {
    font-size: 2em;
  }
}
body#blue-ad-responsive-order .wrapper #main .well-3 {
  background-color: #4c4c4c;
  color: #ffffff;
}
body#blue-ad-responsive-order .wrapper #main .well-3 h3 {
    font-size: 4em;
}
@media screen and (max-width: 991px) {
  body#blue-ad-responsive-order .wrapper #main .well-3 h3 {
      font-size: 3em;
  }
}
body#blue-ad-responsive-order .wrapper #main .well-3 span {
  display: block;
  font-size: 58%;
}

body#blue-ad-responsive-order #footer hr {
  border-color: #6d8594;
}
body#blue-ad-responsive-order #footer p {
  text-align: justify;
}
body#blue-ad-responsive-order #footer p,
body#blue-ad-responsive-order #footer a {
  color: #50768c;
  font-size: 11px;
  font-weight: 300;
}
/* ======= Form Validation ======= */
body#blue-ad-responsive-order form .help-block ul,
body#blue-ad-responsive-order form .help-block.with-errors {
  margin: 0;
}
body#blue-ad-responsive-order form .has-success .checkbox,
body#blue-ad-responsive-order form .has-success .checkbox-inline,
body#blue-ad-responsive-order form .has-success .control-label,
body#blue-ad-responsive-order form .has-success .help-block,
body#blue-ad-responsive-order form .has-success .radio,
body#blue-ad-responsive-order form .has-success .radio-inline,
body#blue-ad-responsive-order form .has-success.checkbox label,
body#blue-ad-responsive-order form .has-success.checkbox-inline label,
body#blue-ad-responsive-order form .has-success.radio label,
body#blue-ad-responsive-order form .has-success.radio-inline label {
    color: #ffffff;
}
body#blue-ad-responsive-order form .has-error .checkbox,
body#blue-ad-responsive-order form .has-error .checkbox-inline,
body#blue-ad-responsive-order form .has-error .control-label,
body#blue-ad-responsive-order form .has-error .help-block,
body#blue-ad-responsive-order form .has-error .radio,
body#blue-ad-responsive-order form .has-error .radio-inline,
body#blue-ad-responsive-order form .has-error.checkbox label,
body#blue-ad-responsive-order form .has-error.checkbox-inline label,
body#blue-ad-responsive-order form .has-error.radio label,
body#blue-ad-responsive-order form .has-error.radio-inline label {
    color: #bd0400;
}