/* ========================================== */
/* Intercept Page
/* ========================================== */
.intercept-modal *, .sub-box *, .extra-box * { -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* Lightboxes */
.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 700px; margin: 10px auto; -webkit-border-radius: 7px; border-radius: 7px; }
.intercept-modal.white-popup { max-width: 700px; }
.intercept-modal .modal-wrap{padding:20px;}
.corporate-box.white-popup { max-width: 580px; }
.notlisted.white-popup { max-width: 420px; }
.thank-you.white-popup { max-width: 420px; }
.address-box.white-popup { max-width: 320px; }
/* Buttons */
.subscribe-button {display: inline-block; color: #FFF; font-weight: 800; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 16px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.subscribe-button:focus { outline: none; }
.subscribe-button:hover { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

/* Yellow - want to deprecate this! */
.subscribe-button.yellow { color: #333; background: #FAD165; border: 1px solid #BB9C4B; width: 162px; height: 46px; padding: 5px 12px 4px 12px; }
.subscribe-button.yellow:hover { color: #333; background: #DFBA5A; border-color: #816a31; }

/* ========================================== */
/* Meter Limit Modal
/* ========================================== */

/* Logo */
.intercept-modal .it-logo { display: block; text-align: center; margin: 5px 0 25px 0; }
.intercept-modal .it-logo img { max-width: 340px; }
/* Headings */
.intercept-modal h1, .intercept-modal h2, .intercept-modal h3, .intercept-modal h4 { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; }
.intercept-modal h1, .intercept-modal h2 { text-align: center; color: #333; }
.intercept-modal h1 { font-size: 22px; margin-bottom: 15px; letter-spacing: -0.02em; }
.intercept-modal h2 { font-size: 19px; margin-bottom: 14px; padding-top: 4px; }
.intercept-modal h3 { font-size: 16px; line-height: 20px; border-bottom: 1px solid #333; margin: 15px 0; letter-spacing: 0.02em; }
.intercept-modal .subscribe { position: relative; background: #F9FAFA; border: 1px solid #CCC; border-top: none; padding: 15px; }
.intercept-modal .subscribe .border { position: absolute; height: 5px; width: calc(100% + 2px); background: #066; top: -5px; left: -1px; }
.intercept-modal .subscribe .editor-message { display: inline-block; vertical-align: top; max-width: 435px; margin: 0; padding-right: 20px; }
.intercept-modal .subscribe .editor-message p { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; font-size: 15px; margin: 0 0 15px 0; padding: 0; color: #333; }
.intercept-modal .subscribe .editor-message p:last-child { margin-bottom: 0; }
.intercept-modal .subscribe .products { display: inline-block; vertical-align: middle; background-image: url(../images/subscriptions/digital2.png); background-repeat: no-repeat; background-position: top right; width: 228px; height: 190px; position: relative; }
.intercept-modal .subscribe .details { background-image: url(../images/subscriptions/circle1.png); background-repeat: no-repeat; background-position: center center; width: 104px; height: 103px; position: absolute; bottom: 0; left: 0; text-align: center; }
.intercept-modal .subscribe .details .top { display: block; font-size: 14px; color: #FFF; font-family: arial, sans-serif; margin-top: 6px; }
.intercept-modal .subscribe .details .price { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-size: 38px; line-height: 28px; color: #FFF; display: block; text-shadow: 0 2px 0 #666; letter-spacing: -0.04em; margin: 8px 0 0 0; }
.intercept-modal .subscribe .details .bottom { display: block; font-size: 13px; color: #FFF; font-family: arial, sans-serif; }
.intercept-modal .subscribe form { position: absolute; bottom: 14px; right: 10px; }
/* Subscriber */
.intercept-modal .subscriber form > div { display: inline-block; }
.intercept-modal .subscriber label { font-family: Arial, sans-serif; font-size: 13px; font-weight: 600; color: #212121; }
.intercept-modal .subscriber input { -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #CCC; background: #F7F7F7; font-weight: 800; max-width: 200px; height: 32px; padding: 6px 8px; margin-right: 15px; }
.intercept-modal .subscriber input:focus, .intercept-modal .subscriber input:invalid:focus { background: #FFF; border: 1px solid #888; outline: none; box-shadow: none; }
.intercept-modal .subscriber button, .intercept-modal .ie-message a.signin { background: #3989CF; border: 1px solid #2E6FA9; color: #FFF; font-weight: 800; font-family: "DINWeb-Bold", Arial, sans-serif; text-transform: uppercase; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; color: #FFF; width: 80px; height: 32px; padding: 4px 6px 3px 6px; margin: 0 15px 0 0; letter-spacing: 0.02em; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.intercept-modal .subscriber button:hover, .intercept-modal .ie-message a.signin:hover { background: #3071A9; border-color: #285E8E; color: #FFF; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.intercept-modal .subscriber a { font-family: arial, sans-serif; font-size: 13px; }
.intercept-modal .subscriber .alert { display: none; font-family: arial, sans-serif; font-size: 14px; margin: 10px 0 0 0; padding: 5px 35px 5px 14px; width: 100%; }
.intercept-modal .btn-subscribe { position: absolute; bottom: 15px; right: 15px; text-align: center; line-height: 36px; }
.intercept-modal .btn-subscribe { width: 216px; }
.eq-ie9 .intercept-modal .subscriber, .lt-ie9 .intercept-modal .subscriber { display: none; }
.intercept-modal .ie-message { margin-top: 15px; }
.intercept-modal .ie-message p { font-family: "DINWeb-Bold", Arial, sans-serif; font-size: 16px; display: inline-block; margin-right: 12px; padding: 0; }
.intercept-modal .ie-message a.signin { display: inline-block; margin: 0; text-align: center; vertical-align: middle; }

/* New Modal */
.intercept-modal.white-popup.modal-1{
  padding:0;
}
.subscribe1{
  text-align:center!important;
  padding-top:20px;
}
.subscribe1 .products{
  background-image: url("/assets/images/subscriptions/digital2.png");
  background-repeat: no-repeat;
  background-position: right top;
  width: 228px;
  height: 190px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
}
.subscribe1 .details {
		border-radius:50%;
		background:#0a6665;
		border:2px solid #085756;
		width: 108px;
    height: 107px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
}
.subscribe1 .details .top, .subscribe1 .details .bottom {
    display: block;
    font-size: 14px;
    color: #FFF;
    font-family: arial,sans-serif;
    margin-top: 6px;
}
.subscribe1 .details .bottom {
  margin-top:2px;
}
.subscribe1 .details .price {
    font-family: "DINWeb-Bold",Arial,Helvetica,sans-serif;
    font-size: 38px;
    line-height: 20px;
    color: #FFF;
    display: block;
    font-weight: 600;
    letter-spacing: -0.04em;
    margin: 10px 0px 0px;
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.subscribe1 h1 {
    color: #066;
    margin: 5px 0px;
    font-size: 30px;
    font-weight: 600;
}
.subscribe1 h2{
  font-size: 18px;
  margin: 0px;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  padding: 0px 0px 20px;

}
.subscribe1 .claim{position:relative;}
.subscribe1 .claim:after {
    top: 80%;
    left: 50%;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    content: " ";
    height: 0px;
    width: 0px;
    position: absolute;
    pointer-events: none;
    border-color: #FEFFFF rgba(254, 255, 255, 0) rgba(254, 255, 255, 0);
    border-width: 30px;
    margin-left: -30px;
  }
.subscribe1 .modal-subscribe{
    background: #006666;
    padding:30px 0 0 0;
    color:#fff;
    border-bottom-right-radius:7px;
    border-bottom-left-radius:7px;
  }
.subscribe1 .modal-subscribe p{
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight:300;
}
.subscribe1 .btn-subscribe{
  position:relative;
  left:initial;
  right:initial;
  bottom:initial;
}
.subscribe1 .modal-login{
  background:#006565;
  margin-top:20px;
  padding:10px;
  border-bottom-right-radius:7px;
  border-bottom-left-radius:7px;
  border-top:1px solid #0E6363;
}
.subscribe1 .modal-login a{
  color:#fff;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size:14px;
  display:block;

}
/* Media Queries */
@media only screen and (max-width:768px) {
    .intercept-modal .it-logo img { max-width: 240px; }
    .intercept-modal .it-logo { margin: 5px 0 20px 0; }
    .intercept-modal h1 { display: none; }
    .intercept-modal .subscribe .editor-message { padding-right: 0; margin-bottom: 10px; }
    .intercept-modal .subscribe .editor-message p:nth-child(4) { display: none; }
    .intercept-modal .subscribe .products { background-position: center center; margin: 10px auto; display: block; }
    .intercept-modal .subscriber form > div { display: block; margin: 5px 0; }
    .intercept-modal .subscriber button { margin: 0; }
    .intercept-modal .btn-subscribe { display: block; position: static; margin: 5px auto; }
    /* New Modal */
    .subscribe1 .modal-subscribe{
      padding:20px 0 0 0;
    }
    .subscribe1 .products{
    width:135px;
    background-size:100%;
    height:125px;
    }
    .subscribe1 .details{
      left: -10px;
      bottom: 10px;
      width: 80px;
      height: 79px;
    }
    .subscribe1 .details .top, .subscribe1 .details .bottom{
      font-size:11px;
      margin-top: 3px;
    }
    .subscribe1 .details .price{
      font-size: 30px;
      margin: 10px 0px 0px;
      line-height: 0.1em;
    }
    .subscribe1 .claim::after {
      top:95%;
      border-width: 15px;
      margin-left: -15px;
    }
    .subscribe1 h1{
      font-size:24px;
      display:inline;
    }
    .subscribe1 h2{
      font-size:14px;
    }
    .subscribe1 .modal-login{
      margin-top:10px;
    }

    .subscribe1 .modal-subscribe p{
      font-size:14px;
      padding-bottom:10px;

    }
    .subscribe1 .modal-subscribe .it-btn{
      width:auto;
      font-size:16px;
      position:relative;
      display:inline-block;
    }
}
@media only screen and (max-width:479px){
  .intercept-modal .btn-subscribe {margin: 10px auto; }
  .subscribe1 .claim span{display:block;line-height:0.3em;margin-top:5px;}
}
@media only screen and (max-width:480px) {
    .intercept-modal .it-logo { margin: -5px 0 20px 0; text-align: left; }
    .subscribe1 .modal-subscribe p span{display:block;margin-top:5px;line-height:0.3em;}
    .subscribe1 .details .price{text-shadow:none;}
}
@media only screen and (min-width:481px) and (max-width:767px) {
    .intercept-modal .subscribe .editor-message { max-width: none; }
}
@media (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3 / 2), (-webkit-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5), (min-resolution:144dpi), (min-resolution:1.5dppx) {
    .intercept-modal .subscribe .products { background-image: url(../images/subscriptions/digital1@2x.png); background-size: 216px; }
    .intercept-modal .subscribe .details { background-image: url(../images/subscriptions/circle2@2x.png); background-size: 104px; }
    .intercept-modal input { font-size: 16px; }
}
/* ========================================== */
/* Subscriptions
/* ========================================== */

.sub-box { background-image: url(../images/subscriptions/sub-box.png); position: relative; }
.sub-box .border { position: absolute; height: 8px; width: 100%; top: -5px; }
.sub-box.teal .border { background: #066; }
.sub-box.dark .border { background: #004C4C; }
.sub-box .heading h1 { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; text-align: center; font-size: 26px; padding: 0; letter-spacing: -0.02em; }
.sub-box.teal h1 { color: #066; }
.subscription-title p {font-size: 14px;color: #096C6C;font-family: Arial,Helvetica,sans-serif;}
.sub-box.dark h1 { color: #004C4C; }
.sub-box .heading { background: #FFF; border: 1px solid #CCC; border-top: none; height: 54px; padding: 15px 0; }
.sub-box .intro { padding: 20px 25px 5px 25px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
.sub-box .intro p { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; padding-bottom: 0; font-size: 19px; line-height: 1.4em; color: #444; }
.sub-box .main-content { border: 1px solid #CCC; border-top: none; padding: 10px 20px 66px 20px; position: relative; }
.sub-box .main-content small { margin-top: 10px; display: block; font-family: arial; font-style: italic; font-size: 80%; position: absolute; left: 6px; bottom: -25px; }
/* Devices Image & Badge */
.sub-box .main-content .devices { width: 216px; position: relative; display: inline-block; vertical-align: middle; text-align: center; }
.sub-box.digital .main-content .devices { vertical-align: top; }
/* Composite Images:Digital Products */
.sub-box.digital#leftPackage .main-content .devices { background-image: url(../images/subscriptions/digital1.png); background-position: center center; background-repeat: no-repeat; height: 190px; }
.sub-box.digital#rightPackage .main-content .devices { background-image: url(../images/subscriptions/digital2.png); background-position: center center; background-repeat: no-repeat; height: 190px; }
/* Composite Images:Print + Digital Products */
.sub-box.print .main-content .devices { height: 315px; vertical-align: bottom; }
.sub-box.print#leftPackage .main-content .devices { background-image: url(../images/subscriptions/digitalprint1.png); background-position: center center; background-repeat: no-repeat; }
.sub-box.print#rightPackage .main-content .devices { background-image: url(../images/subscriptions/digitalprint2.png); background-position: center center; background-repeat: no-repeat; }
/* Details */
.sub-box .main-content .details { width: 104px; height: 104px; position: absolute; bottom: 0; left: -8px; text-align: center; }
.sub-box.teal .main-content .details { background-image: url(../images/subscriptions/circle1.png); background-repeat: no-repeat; background-position: center center; }
.sub-box.dark .main-content .details { background-image: url(../images/subscriptions/circle2.png); background-repeat: no-repeat; background-position: center center; }
.sub-box .main-content .details .top { display: block; font-size: 14px; color: #FFF; font-family: 'Helvetica Neue', Arial, sans-serif; margin-top: 6px; }
.sub-box .main-content .details .price { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-size: 38px; line-height: 28px; color: #FFF; display: block; letter-spacing: -0.04em; margin: 8px 0 0 0; }
.sub-box.teal .main-content .details .price { text-shadow: 0 2px 0 #333; }
.sub-box.dark .main-content .details .price { text-shadow: 0 2px 0 #111; }
.sub-box .main-content .details .bottom { display: block; font-size: 13px; color: #FFF; font-family: 'Helvetica Neue', Arial, sans-serif; }
.sub-box .main-content ul { list-style: none; display: inline-block; vertical-align: middle; width: 195px; padding: 0 0 0 10px; margin: 0; }
.sub-box .main-content ul li { background-image: url(../images/subscriptions/tick.png); background-repeat: no-repeat; background-position: 2px 3px; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 13px; line-height: 20px; font-weight: normal; padding-left: 30px; margin: 5px 0 10px 0; color: #666; }
.sub-box .main-content ul li.no-tick { background: none; }
.sub-box .main-content ul li strong { font-weight: bold; color: #444; }
.sub-box .main-content form { position: absolute; bottom: 10px; right: 15px; }
/* Product Info */
.sub-box .product-info { text-align: center; position: absolute; min-width: 190px; top: 220px; left: 28px; }
.sub-box .product-info p { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-size: 18px; text-align: center; padding: 0; }
.sub-box.teal .product-info p { color: #066; }
.sub-box.dark .product-info p { color: #004C4C; }
.sub-box .question { position: absolute; bottom: 10px; left: 110px; background-image: url(../images/subscriptions/question.png); background-repeat: no-repeat; background-position: center left; display: inline-block; margin-top: -4px; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-weight: 800; text-align: center; padding: 3px 0 0 20px; font-size: 14px; }
.sub-box .question a { color: #066; }
.sub-box .question a:hover { color: #066; text-decoration: underline; }
/* Extra Box */
.extra-box-wrapper { background: url(../images/subscriptions/sub-box.png); position: relative; }
.extra-box-wrapper:before { background-color: #FFF; content: ""; display: block; height: 100%; left: 0; width: 20px; position: absolute; top: 0; }
.extra-box-wrapper:after { background-color: #CCC; content: ""; display: block; height: 1px; left: 20px; width: 940px; position: relative; bottom: 0; }
.extra-box-wrapper > .span8 { border-left: 1px solid #CCC; margin-right: -1px; }
.extra-box-wrapper > .span4:after { background-color: #ccc; content: " "; height: 100%; position: absolute; right: 0; top: 0; width: 1px; }
.extra-box-wrapper > .span8 .right { position: relative; }
.extra-box-wrapper > .span8 .right:before, .extra-box-wrapper > .span8 .right:after { background-color: #CCC; content: ""; display: block; height: 80%; width: 1px; position: absolute; top: 10%; }
.extra-box-wrapper > .span8 .right:before { left: -8px; }
.extra-box-wrapper > .span8 .right:after { right: -10px; }
.extra-box-wrapper > .span12 { border-left: 1px solid #CCC; margin-right: -1px; }
.extra-box-wrapper > .span12:after { background-color: #ccc; content: " "; height: 100%; position: absolute; right: 0; top: 0; width: 1px; }
.extra-box-wrapper > .span12 .right:before { content: ""; display: none; }
.extra-box-heading { background: #FFF; padding: 8px 10px; margin-top: 30px; border: 1px solid #CCC; border-top: 3px solid #009999; }
.extra-box-heading h2 { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; font-size: 20px; letter-spacing: -0.02em; padding: 2px 0 0 0; margin: 0; text-align: center; color: #004C4C; }
.extra-box { padding: 0px 10px 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.extra-box h2 { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; color: #555; padding: 2px 0 8px 0; text-align: center;}
.extra-box p { background: none; font-family: Helvetica, Arial, sans-serif; font-size: 13px; line-height: 16px; color: #515151; padding: 0px; height: 100%; text-align: center; width: 152px; margin: 0 auto; }
.extra-box .button { -webkit-border-radius: 5px; border-radius: 5px; padding: 11px 0 8px; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; line-height: 20px; color: #555; text-align: center; background: #FFEFC0; border: 1px solid #C39A1C; display: inline-block; width: 100px; float: right; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.extra-box .button:hover { background: #E9DAB0; border-color: #B7901B; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in- out; transition: all 0.2s ease-in-out; }
/* More Subscriptions */
@font-face { font-family: 'sub-icon-font'; src: url('/assets/images/subscriptions/sub-icon-font/sub-icon-font.eot'); src: url('/assets/images/subscriptions/sub-icon-font/sub-icon-font.eot?#iefix') format('embedded-opentype'), url('/assets/images/subscriptions/sub-icon-font/sub-icon-font.woff') format('woff'), url('/assets/images/subscriptions/sub-icon-font/sub-icon-font.ttf') format('truetype'), url('/assets/images/subscriptions/sub-icon-font/sub-icon-font.svg#ecoicon') format('svg'); font-weight: normal; font-style: normal; }
.more-subs .sub-icon-effect { box-sizing: border-box; text-align: center; margin: 0 auto; padding: 0px 0 10px 0; height: 100px; cursor:pointer;}
.more-subs .sub-icon-effect .sub-icon { transition: all 0.3s ease; }
.more-subs .sub-icon { display: inline-block; font-size: 0px; cursor: pointer; margin: 0; width: 90px; height: 85px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; }
.more-subs .sub-icon-gift:before { content: "\e604"; }
.more-subs .sub-icon-print-dig:before { content: "\e603"; font-size: 75px !important; top: 6px; }
.more-subs .sub-icon-dig:before { content: "\e605"; top: 4px;}
.more-subs .sub-icon-print:before { content: "\e606"; top: 6px;}
.more-subs .sub-icon-corporate:before { content: "\e600"; }
.more-subs .sub-icon:before { font-family: 'sub-icon-font'; color: #333; font-size: 48px; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; background-size: contain; background-size: 75%; background-repeat: no-repeat; background-position: center; text-align: center; width: 100%; height: 100%; position: relative; }
.more-subs .sub-icon:hover:before { color: #009999; transition: all .3s ease; }
.more-subs .sub-icon:after { content: ""; box-sizing: content-box; height: 4px; width: 75%; background-color: #BB9C4B; position: relative; display: block; left: 12.5%; transition: all .3s ease; }
.more-subs .sub-icon-effect .sub-icon:hover:after { width: 100%; left: 0px; background-color: #FAD165; }
.more-subs .extra-box {cursor: pointer;}
@media only screen and (min-width:767px) and (max-width:979px) {
    .extra-box-wrapper > .span8 { width: 476px !important; }
    .extra-box-wrapper #content_right_upper, .extra-box-wrapper .span4 { width: 228px !important; min-width: 0 !important; }
    .extra-box p { height: 100%; }
    .more-subs .span3 { width: 172px !important; }
}
@media only screen and (max-width:767px) {
    .extra-box-wrapper > .span8 .right { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
    .extra-box-wrapper:before, .extra-box-wrapper > .span8 .right:before, .extra-box-wrapper > .span8 .right:after { content: none; }
    .extra-box-wrapper:after { left: 0; width: 100%; }
    .extra-box-wrapper > .span4 > .extra-box { border-left: 1px solid #CCC; }
    .subscription-title h1 {font-size: 170%;}
    .subscription-title p span { display: block;}
}
/* FAQs */
#faqs { font-family: arial, sans-serif; }
.faqs-box h2 { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; padding: 0; margin-bottom: 6px; font-size: 24px; }
.faqs-box .faq { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-top: -1px; padding-bottom: 10px; }
.faqs-box .faq h3 { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; padding: 10px 0 0 0; color: #555; cursor: pointer; }
.faqs-box .faq h3:hover { color: #222; }
.faqs-box .faq h3.expanded { color: #222; }
.faqs-box .faq .answer { font-size: 14px; color: #515151; padding: 0; }
.faqs-box .faq p { padding: 0 0 10px 0; }
.faqs-box .faq ul { margin: 0 0 10px 0; }
.faqs-box .all-faqs { font-size: 14px; padding: 10px 0 0 0; text-align: right; font-weight: bold; }
.faqs-box .all-faqs a { color: #066; }
/* Corporate */
.corporate-box .it-logo { display: block; text-align: center; margin-bottom: 20px; }
.corporate-box .it-logo img { max-width: 340px; }
.corporate-box h2 { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; padding: 0; margin-bottom: 6px; font-size: 24px; text-align: center; }
.corporate-box p { font-size: 14px; line-height: 1.5em; font-family: Helvetica, Arial, sans-serif; }
.corporate-box form fieldset { margin-bottom: 20px; }
.corporate-box form div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.corporate-box form div.group { margin-bottom: 10px; }
.corporate-box form div.half { display: inline-block; vertical-align: top; width: 50%; margin-right: -4px; }
.corporate-box form div.half.right { float: none; padding-left: 10px; }
.corporate-box form div label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; }
.corporate-box form div label.error { -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 280px; padding: 4px 6px; color: #b94a48; background-color: #f2dede; border: 1px solid #eed3d7; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; }
.corporate-box form div input:not([type="checkbox"]) { -webkit-border-radius: 5px; border-radius: 5px; padding: 8px; font-size: 16px; background-color: #F7F7F7; border: 1px solid #CCC; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; width: 260px; }
.corporate-box form div input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
.corporate-box form div textarea { -webkit-border-radius: 5px; border-radius: 5px; padding: 8px; font-size: 14px; background-color: #F7F7F7; border: 1px solid #CCC; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; width: 260px; height: 80px; margin-bottom: 10px; }
.corporate-box form div textarea:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
.corporate-box form div select { height: 36px; width: 280px; }
.corporate-box .it-btn { margin: 0 10px 10px 0; padding: 9px 16px 5px 16px; display: inline-block; font-weight: 800; font-family: "DINWeb-Bold", Arial, sans-serif; font-size: 16px; line-height: 20px; -webkit-border-radius: 5px; border-radius: 5px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; text-align: center; }
.corporate-box .btn-signin { background: #3989CF; border: 1px solid #2E6FA9; color: #FFF; }
.corporate-box .btn-signin:hover { background: #3071A9; border-color: #285E8E; }
.corporate-box .btn-close { background: #EEE; color: #555; border: 1px solid #AAA; }
.corporate-box .btn-close:hover { background: #DDD; border-color: #888; }
/* Media Queries */
@media only screen and (max-width:979px) {
    .sub-box { margin: 20px 0; }
    .sub-box .main-content { padding: 20px; }
    .sub-box .main-content { text-align: center; }
    .sub-box .main-content .devices { margin-bottom: 10px; }
    .sub-box .main-content .intro { text-align: center; }
    .sub-box .main-content ul li { text-align: left; }
    .sub-box .product-info p { margin: 6px 0; }
    .sub-box .main-content form { display: block; position: static; margin: 10px auto; text-align: right; }
    .corporate-box .it-logo img { max-width: 260px; }
    .corporate-box h2 { font-size: 20px; }
    .corporate-box form div.half { display: block; width: 100%; }
    .corporate-box form div.half.right { padding-left: 0; }
}
@media only screen and (min-width:320px) and (max-width:480px) {
    .sub-box .product-info, .sub-box .question { position: static; }
    .sub-box .main-content form { text-align: center; }
    .sub-box .intro { padding: 20px 15px 5px; }
    .sub-box .intro p { font-size: 17px; }
    .sub-box.print .main-content ul { margin: 25px 0 0 0; width: 210px; }
}
@media only screen and (min-width:768px) and (max-width:979px) {
    .extra-box-wrapper:after { width: 747px; }
    .sub-box .intro p { font-size: 18px; }
    .subscriptions-wrapper .span6 { width: 364px !important; }
    .sub-box .main-content ul { margin: 40px 0 10px; min-height: 195px; width: 300px; }
    .sub-box .product-info { left: 75px; }
    .sub-box .main-content form { text-align: center; }
    .sub-box .question { left: auto; right: 15px; }
}
/* Media Queries */
@media (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3 / 2), (-webkit-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5), (min-resolution:144dpi), (min-resolution:1.5dppx) {
    .sub-box { background-image: url(../images/subscriptions/sub-box@2x.png); -webkit-background-size: 160px; -o-background-size: 160px; background-size: 160px; }
    .sub-box .question { background-image: url(../images/subscriptions/question@2x.png); -webkit-background-size: 16px; -o-background-size: 16px; background-size: 16px; }
    /* Badges */
    .sub-box.teal .main-content .details { background-image: url(../images/subscriptions/circle1@2x.png); -webkit-background-size: 104px; -o-background-size: 104px; background-size: 104px; }
    .sub-box.dark .main-content .details { background-image: url(../images/subscriptions/circle2@2x.png); -webkit-background-size: 104px; -o-background-size: 104px; background-size: 104px; }
    .sub-box .main-content ul li { background-image: url(../images/subscriptions/tick@2x.png); -webkit-background-size: 20px; -o-background-size: 20px; background-size: 20px; }
    /* Devices */
    .sub-box .main-content .devices { background-size: 216px; }
    /* Composite Images:Digital Products */
    .sub-box.digital#leftPackage .main-content .devices { background-image: url(../images/subscriptions/digital1@2x.png); }
    .sub-box.digital#rightPackage .main-content .devices { background-image: url(../images/subscriptions/digital2@2x.png); }
    /* Composite Images:Print + Digital Products */
    .sub-box.print#leftPackage .main-content .devices { background-image: url(../images/subscriptions/digitalprint1@2x.png); }
    .sub-box.print#rightPackage .main-content .devices { background-image: url(../images/subscriptions/digitalprint2@2x.png); }
}
/* ========================================== */
/* Delivery Address / Not Listed
/* ========================================== */

.address-box { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; }
.address-box h3 { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; text-align: center; padding-top: 0; font-size: 22px; }
.address-box p { text-align: center; }
.address-box .center { text-align: center; }
.address-box label { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; }
.address-box form select { width: 100%; }
.address-box form .control-group { margin-bottom: 15px; }
.address-box form input { webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-border-radius: 3px; border-radius: 3px; height: 32px; font-size: 16px; box-shadow: none; border: 1px solid #AAA; padding: 2px 8px; }
.address-box form input:focus { outline: none; border-color: #666; }
.address-box form button { margin: 15px 0 0 0; background: #337ab7; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #2e6da4; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #FFF; font-weight: 800; }
.address-box form button:hover { background: #286090; border-color: #204d74; color: #FFF; }
/* Not Listed */
.notlisted h3 { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; text-align: center; padding-top: 0; font-size: 22px; margin-bottom: 5px; }
.notlisted p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; }
.notlisted p.last { padding-bottom: 0; }
/* Thank You */
.thank-you h3 { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; text-align: center; padding-top: 0; font-size: 22px; margin-bottom: 5px; }
.thank-you p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; }
/* ========================================== */
/* irishtimes.com/gift */
/* ========================================== */
.sub-box.gift-voucher { }
.sub-box.gift-voucher .main-content { padding: 20px 20px 60px 20px; }
.sub-box.gift-voucher .main-content h1 { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; text-align: center; font-size: 26px; padding: 0; letter-spacing: -0.02em; width: 200px; margin: 0 50px; }
.sub-box.gift-voucher .main-content ul { width: 300px; }
.sub-box.gift-voucher .main-content .dark h1 { color: #004C4C; }
.sub-box.gift-voucher .intro { border-left: none; border-right: none; padding: 0; }
.sub-box.gift-voucher .intro p { text-align: center; color: #c00; padding-bottom: 10px; }
.sub-box.gift-voucher .main-content .top-row { margin-bottom: 20px; }
.sub-box.gift-voucher .main-content .devices { background-image: url(/assets/images/gift/standard.png); background-position: center center; background-repeat: no-repeat; height: 258px; width: 236px; margin: 0px 20px 0px 20px; /* left: 20px;  */ }
.sub-box.gift-voucher .main-content .devices.standard { background-image: url(/assets/images/gift/standard.png); }
.sub-box.gift-voucher .main-content .devices.mother { background-image: url(/assets/images/gift/mother.png); }
.sub-box.gift-voucher .main-content .devices.father { background-image: url(/assets/images/gift/father.png); }
.sub-box.gift-voucher .main-content .devices.stpatrick { background-image: url(/assets/images/gift/stpatrick.png); }
.sub-box.gift-voucher .main-content .description { width: 300px; display: inline-block; vertical-align: top; text-align: center; margin-top: 20px; }
/* .sub-box.gift-voucher .main-content .description.premium { border-left: 1px solid #aaa; }
*/
.sub-box.gift-voucher .main-content ul li { text-align: left; }
.sub-box.gift-voucher .main-content .premium ul li { line-height: 22px; }
.sub-box.gift-voucher .main-content .options { //margin: 0 20px; }
.sub-box.gift-voucher .main-content form { position: static; display: inline-block; text-align: center; border-top: 3px solid #066; border-bottom: 2px solid #066; background: #f6f6f6; margin: 0 30px 20px 0; min-width: 170px; padding: 10px; }
.sub-box.gift-voucher .main-content form.premium { border-top: 3px solid #004C4C; border-bottom: 2px solid #004C4C; margin-right: 0; width: 290px; }
.sub-box.gift-voucher .product-info { position: static; min-width: 0; }
.sub-box.gift-voucher .product-info span { display: block; }
.sub-box.gift-voucher .product-info span.price { font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; font-size: 30px; line-height: 31px; margin-top: 10px; color: #066; }
.sub-box.gift-voucher .premium .product-info span.price { color: #004C4C; }
.sub-box.gift-voucher .product-info span.duration { font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 16px; color: #666; line-height: 18px; margin-top: 10px; }
.sub-box.gift-voucher .product-info span.type { font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; font-size: 18px; padding-top: 10px; }
.sub-box.gift-voucher .standard .product-info span.type { color: #066; }
.sub-box.gift-voucher .premium .product-info span.type { color: #004C4C; }
.sub-box.gift-voucher .main-content .it-btn.btn-subscribe { width: 100px; margin: 10px 0 20px 0; }
.sub-box.gift-voucher .question { left: 47%; }
@media only screen and (min-width:768px) and (max-width:979px) {
    .sub-box.gift-voucher .main-content .devices { left: 0; }
    .sub-box.gift-voucher .main-content .description { width: 200px; margin-right: 10px; }
    .sub-box.gift-voucher .main-content ul { width: 200px; margin: 0; }
    .sub-box.gift-voucher .main-content h1 { margin: 0; }
    .sub-box.gift-voucher .main-content .description.premium { margin-left: 0; padding-left: 20px; }
    .sub-box.gift-voucher .main-content form { margin: 0 20px 20px 0; min-width: 144px; }
    .sub-box.gift-voucher .main-content form.premium { width: 210px; }
    .sub-box.gift-voucher .question { right: initial; left: 46%; }
}
@media only screen and (max-width:768px) {
    .sub-box.gift-voucher#giftPackage .top-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    .sub-box.gift-voucher#giftPackage .top-row .devices { -webkit-order: 1; -ms-flex-order: 1; order: 1; }
    .sub-box.gift-voucher#giftPackage .top-row .description.standard { -webkit-order: 2; -ms-flex-order: 2; order: 2; }
    .sub-box.gift-voucher#giftPackage .top-row .description.premium { -webkit-order: 3; -ms-flex-order: 3; order: 3; }
    .sub-box.gift-voucher .main-content .devices { left: 0; margin: 0 0 20px 0; width: 100%; }
    .sub-box.gift-voucher .main-content .description { margin: 0 0 20px 0; width: 100%; }
    .sub-box.gift-voucher .main-content ul { width: 100%; margin: 0; min-height: 0!important;}
    .sub-box.gift-voucher .main-content h1 { width: 100%; margin: 0; }
    .sub-box.gift-voucher .main-content .description.premium { border: none; padding-left: 0;}
    .sub-box.gift-voucher .main-content form, .sub-box.gift-voucher .main-content form.premium { margin: 0 0 20px 0; width: 100%; }
    .sub-box.gift-voucher .question { position: absolute; left: 44%; }
}
@media only screen and (max-width:480px) {
    .sub-box.gift-voucher .heading { height: 80px; }
    .sub-box.gift-voucher .question { left: 41%; }
}
@media (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3 / 2), (-webkit-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5), (min-resolution:144dpi), (min-resolution:1.5dppx) {
    .sub-box.gift-voucher .main-content .devices { background-image: url(/assets/images/gift/standard@2x.png); background-size: contain; }
    .sub-box.gift-voucher .main-content .devices.standard { background-image: url(/assets/images/gift/standard@2x.png); }
    .sub-box.gift-voucher .main-content .devices.mother { background-image: url(/assets/images/gift/mother@2x.png); }
    .sub-box.gift-voucher .main-content .devices.father { background-image: url(/assets/images/gift/father@2x.png); }
    .sub-box.gift-voucher .main-content .devices.stpatrick { background-image: url(/assets/images/gift/stpatrick@2x.png); }
}
/****************************************/
/* irishtimes.com/gift/... REDEEM PAGES */
/****************************************/

.sub-box.gift-voucher.redeem .main-content .devices { width: 47%; margin-top: 0; margin-left: 0; }
.sub-box.gift-voucher .main-content .devices span { font-family: "DINWeb-Medium"; padding-top: 5px; color: #C00; font-size: 19px; line-height: 1.4em; display: block; }
.sub-box.gift-voucher .main-content .devices.standard span { color: #C00; }
.sub-box.gift-voucher .main-content .devices.mother span { color: #bb7202; }
.sub-box.gift-voucher .main-content .devices.father span { color: #3366cc; }
.sub-box.gift-voucher .main-content .devices.stpatrick span { color: #669900; }
.sub-box.gift-voucher.redeem .main-content .description { width: 49%; margin-left: 0; }
.sub-box.gift-voucher.redeem .main-content h1 { width: 100%; margin: 0; }
.sub-box.gift-voucher.redeem .main-content ul { width: 280px; }
.sub-box.gift-voucher.redeem .main-content ul li { margin: 15px 0 15px 0; }
.sub-box.gift-voucher.redeem .main-content .options { margin: 0 20px; }
.sub-box.gift-voucher.redeem .main-content form { margin: 0; min-width: 100%; }
.sub-box.gift-voucher.redeem #voucher { display: block; text-align: center; margin: 0 auto; height: 46px; padding: 4px 6px; margin-top: 20px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle }
.sub-box.gift-voucher.redeem form span.error { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #c00; display: block; position: relative; top: 5px; }
@media only screen and (min-width:768px) and (max-width:979px) {
    .sub-box.gift-voucher.redeem .main-content .devices { margin-right: 0; }
}
@media only screen and (max-width:768px) {
    .sub-box.gift-voucher.redeem .main-content .devices { width: 100%; }
    .sub-box.gift-voucher.redeem .main-content .description { width: 100%; margin-bottom: 0; }
}
@media only screen and (max-width:480px) {
    .sub-box.gift-voucher.redeem .main-content ul { width: 100%; }
    .sub-box.gift-voucher.redeem .product-info span.price:after { content: none; }
}
@media only screen and (max-width:480px) and (min-width:320px) {
    .sub-box.gift-voucher #voucher { width: 165px }
}