html {
    font-size: 10px;
}
body {
    margin: 0px;
    font-smoothing: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-smoothing: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.banner h1 {
    font-family: TimesModern-Bold;
    font-size: 5rem;
    max-width: 600px;
    margin: 0 auto;
    font-smoothing: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
p, li {
    font-family: TimesDigitalW04-Regular;
    font-size: 1.6rem;
    font-smoothing: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.logo-image {
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 3rem;
}
.portrait-image img {
    width: 100%;
    /*image-rendering: optimizeSpeed;*/
    /*image-rendering: -moz-crisp-edges;*/
    /*image-rendering: -o-crisp-edges;*/
    /*image-rendering: -webkit-optimize-contrast;*/
    /*image-rendering: pixelated;*/
    /*image-rendering: optimize-contrast;*/
    /*-ms-interpolation-mode: nearest-neighbor;*/
}
.logo-image img{
    width: 100%;
}
.container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0px;
}
/* .banner {
    background         : url(imgs/header_img_v1.jpg);
    background-size    : cover;
    background-position: center;
    color              : #fff;
    text-align         : center;
    display            : inline-flex;
    width              : 100%;
    margin-top         : 90px;
    min-height         : 250px;
    padding            : 25px 10px 0 10px !important;
    flex-direction     : column;
    justify-content    : center;
    clear              : both;
} */
.banner {
    background: url(imgs/header_img_v1.jpg);
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 13rem 0px 3rem 0rem;
    text-align: center;
    position: relative;
    clear: both;
}
.button-wrapper a{
    background: #00aaad;
    color: #fff;
    text-decoration: none;
    padding: 1.9rem 1.4rem 1.4rem 1.4rem;
    font-size: 1.8rem;
    /* line-height: 2rem; */
    display: block;
    line-height: normal;
    max-width: 300px;
    margin: 0 auto;
    font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif;
    font-smoothing: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.button-wrapper a:hover {
    background-color: #005557;
    color:#fff;
}
.three-columns .container {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 3rem;
    border-bottom: 1px solid #dbdbdb;
    padding: 2rem 0px;
}
.three-columns .container > div {
    padding: 0rem 1rem 1rem 1rem;
    flex: 1;
}
.three-columns .container > div:not(:last-child) {
    border-right: 1px solid #dbdbdb;
}
.three-columns h3 {
    font-family: TimesModern-Bold;
    font-size: 2.4rem;
    color: #1D1D1B;
    font-smoothing: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

.two-columns .container {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 30px;
    border-bottom: 1px solid #dbdbdb;
}
.two-columns .container > div {
    flex: 1;
    padding: 20px;
}
.two-columns .container > div img {
    width: 100%;
}

.two-column-flex {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
    margin-top: 3rem;
    max-width: 980px;
    margin: 0 auto;
}
.two-column-flex > div {
    flex: 1;
    padding: 2rem;
}
.two-column-flex > div img {
    width: 100%;
}
.two-column-flex > div {
    align-self: center;
}
.two-column-flex ul {
    text-align: left;
    list-style-type: none;
    padding: 0px;
}
.two-column-flex ul li:not(:last-child) {
    margin-bottom: 5px
}
.two-column-flex ul li:before {
    content: url('imgs/tick_retina_v1.jpg');
    align-self: center;
    margin-right: 10px;
}
.two-column-flex ul li  {
    display: flex;
    font-size: 1.4rem;
    color: #696969;
}

.feature-column .container {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dbdbdb;
}
.feature-column h4 {
    font-family: TimesDigitalW04-Regular;
    font-size: 2.4rem;
    line-height:2.5rem;
    color: #696969;
    max-width: 840px;
    margin: 0 auto;
    padding-bottom: 1em;
    font-smoothing: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    text-align: center;
}
.two-column-flex h3 {
    font-family: TimesModern-Bold;
    font-size: 2.4rem;
    color: #1D1D1B;
    text-align: left;
    margin-bottom: 2rem;
    font-smoothing: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

.headline{
    font-family: TimesModern-Bold;
    text-align: center;
    font-size: 3.6rem !important;
    margin-top: 3rem;
    color: #000;
    font-smoothing: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.headline:after {
    content: '';
    width: 18rem;
    border-bottom: 1px solid #BCBDBB;
    display: block;
    margin: 0 auto;
    margin-top: 3rem;
    margin-bottom: 2rem;
}
p.uppercase {
    /*text-transform: uppercase;*/
}
.prompt {
    font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif;
    font-smoothing: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.panel-title > a {
    font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-smoothing: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.per-month-thereafter {
    font-family: TimesDigitalW04-Regular;
    font-size: 1.6rem;
    color: #696969;
    margin-top:0.5em;
    text-align: center;
}
.margn-bottom-none {
    margin-bottom: 0px;
}

@media (min-width: 960px) {
    .container-nav {
        width:100%;
        margin-left:5%;
    }
    .features-list {
        margin-top:-7rem
    }
}
footer {
    color: #999999;
    background: #323232;
    background: -moz-linear-gradient(top,  #323232 0%, #171717 100%, #171717 100%, #171717 100%);
    background: -webkit-linear-gradient(top,  #323232 0%,#171717 100%,#171717 100%,#171717 100%);
    background: linear-gradient(to bottom,  #323232 0%,#171717 100%,#171717 100%,#171717 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#171717',GradientType=0 );
    text-align: center;
    padding: 4rem 1rem;
}
footer a {
    font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif;
    color: #fff !important;
    text-decoration: none !important;
}
footer img {
    margin-bottom: 3rem;
    max-width: 400px;
    width: 100%;
}

footer .footer-two-columns {
    display: flex;
    justify-content: space-around;
}
footer .footer-two-columns > div {
    padding: 2rem;
}

.link {
    color: #C00;
    text-decoration: none;
}
.link:hover {
    color: #696969;
    text-decoration: none;
}


/*ACCORDEON STYLES*/
.panel-group {
    display: flex;
    justify-content: center;
}
.panel-group > div {
    flex: 1;
}
.panel-group .panel {
    border-radius: 0px;
    border: none;
    border-top: 1px solid #dbdbdb;
    border-bottom: none;
    box-shadow: none;
}
.panel-left > .panel:nth-child(6), .panel-right > .panel:nth-child(5) {
    border-bottom: 1px solid #dbdbdb;
}
.panel-group .panel+.panel {
    margin-top: 0px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}
.panel-default>.panel-heading {
    background-color: #fff;
    padding: 0px;
}
.panel-title {
    font-size: 10px;
}
.panel-title > a {
    display: block;
    padding: 1.5rem 0rem;
    color: #006699;
    font-size: 1.5rem;
    text-decoration: none !important;
}
.panel-body {
    color: #696969;
}
.panel-left {
    margin-right: 1.5rem;
}
.panel-body {
    padding: 0px;
}

@media screen and (max-width: 769px) {
    .panel-group {
        display: block;
    }
    .panel-left {
        margin-right: 0px;
    }
    .panel-left > .panel:nth-child(6) {
        border-bottom: none;
    }
}
/*ACCORDEON STYLES END*/

/*LANGUAGE SELECTOR*/
.top-bar{
    background-color: #edeBe5;
    height:30px;
    width:100%;
    position:fixed;
    font-size: 11px !important;
    font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif !important;
    z-index:20000000;

}
.top-bar ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.top-bar *{
    box-sizing: border-box;
}

.contact-list{
    float:right;
}
.membership-list{
    float:left;
    position: relative;
    z-index: 100;
}
.top-bar ul li {
    border-right: 1px solid #e5e3df;
    float: left;
    color: #727272;
    border: none;
}
.top-bar ul li a,
.top-bar #lpButtonDiv-subscribe > *{
    padding: 3px 20px 0px 31px;
    display: inline-block;
    color: inherit;
    text-decoration: none;
    border-left: 1px solid #e5e3df;
    line-height:2em;
    cursor: pointer;
    font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
}
.top-bar ul li.members-login a {
    background:url(imgs/skin/iconprofile@2x.png) no-repeat 8px 6px;
    background-size: 14px auto;
    border: none;
}
.top-bar ul li.helpline a {
    background:url(imgs/skin/iconPhone@2x.png) no-repeat 8px 5px;
    background-size: 14px auto;
}
.top-bar #lpButtonDiv-subscribe{
    background:url(imgs/skin/iconChat@2x.png) no-repeat 8px 7px;
    background-size: 16px auto;
    border-left: none;
}

.top-bar #lpButtonDiv-subscribe button{
    -webkit-appearance: none;
    background: none 0px 0px repeat scroll rgba(0, 0, 0, 0);
    border-width: medium;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 8px 5px 5px 30px;
}

@media screen and (max-width: 1023px) {
    .container {
        width:100%;
    }
    .tt-strap {
        padding: 0px 10px;
    }
}



@media screen and (max-width: 1024px) {
    .top-bar {
    // display: none;
    }
}

.country-list.dropdown{
    width:120px;
    background:url(imgs/skin/chevrondown@2x.png) no-repeat right 13px;
    background-size: 21px auto;
    z-index: 999;
}

.country-list.dropdown.open{
    width:120px;
    background:url(imgs/skin/chevronup@2x.png) no-repeat right 13px;
    background-size: 21px auto;
}

.country-list.dropdown li a{
    background-color: #edebe5 !important;
}
.country-list.dropdown li a:hover{
    background-color: #fff !important;
}
.country-list.dropdown ul li{
    width:100%;
    border:none;
    border-top: 1px solid #e5e3df;
    border-left: 1px solid #e5e3df;
}
.country-list.dropdown > a{
    border-left: 0px;
}
.country-list.dropdown ul li:last-child {
    border-bottom: 1px solid #e5e3df;
}
.country-list.dropdown ul{
    display: none;
    z-index: 999;
    width:100%;
}

.country-list.dropdown.open ul{
    display: block;
    position: absolute;
    margin-top: -2px;
}


.country-list.Ireland > a,
.country-list li.Ireland a{
    background:url(imgs/skin/iconIreland@2x.png) no-repeat 8px 7px;
    background-size: 16px auto;
    border-left: none;
    width:100%
}
.country-list.Global > a,
.country-list li.Global a {
    background:url(imgs/skin/iconglobal@2x.png) no-repeat 8px 7px;
    background-size: 16px auto;
    border-left: none;
    width:100%
}
.country-list.UK > a,
.country-list li.UK a{
    background:url(imgs/skin/iconUK@2x.png) no-repeat 8px 7px;
    background-size: 16px auto;
    border-left: none;
    width:100%;
}
.country-list.UK.dropdown li.UK,
.country-list.Global.dropdown li.Global,
.country-list.Ireland.dropdown li.Ireland{
    display:none;
}
.contact-us {
    /*background: #f6f4f1;*/
    padding: 40px 0;
    display: block;
    color: #000;
    font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif;
    letter-spacing: 0.01em;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    clear: both;
}
.contact-us .inner .content-block > h3 {
    color: #000;
    font-family: "Times Modern Bold" !important;
    /*font-family: "Times Digital Regular"  !important;*/
    font-size: 2rem;
    font-weight: 400;
    line-height: 2rem;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
.contact-us .inner .content-block > .sub-title {
    line-height: 28px;
    padding-bottom: 15px;
    color: #00aaad;
    font-family: "Times Digital Regular";
    font-size: 22px;
    font-weight: normal;
    padding-bottom: 30px;
    text-align: center;
    margin: 0px;
}

/*LANGUAGE SELECTOR END*/

.button-wrapper {
    margin: 2rem 0rem;
}

.less-margin {
    margin: 1rem 0rem;
}

.faq .headline {
    margin-bottom: 3rem;
}
.faq .headline:after {
    display: none;
}
.faq a {color:#069; text-decoration:underline}
.headline.no-pseudo:after {
    display: none;
}

.tt-strap {
    background: #000;
    position: sticky;
    top: 30px;
    width: 100%;
    z-index: 9;
    clear: both;
}
.tt-strap img{
    min-width: 175px;
    padding: 8px 0 13px;
}

section.three-columns > div > div > p {
    color: #696969;
    text-align: left;
}
@media screen and (max-width:  640px) {
    section.three-columns > div > div > p, .three-columns > .container h3 {
        text-align: center !important;
    }
}

.three-columns > .container h3 {
    text-align: left;
}



@media screen and (min-width: 770px) and (max-width:1020px) {
    .faq {margin:0 2em 0 2em}
}

@media screen and (max-width: 769px) {
    .tt-strap img{
        max-width: 180px;
    }
    .tt-strap {
        text-align: center;
    }
    section:not(.tt-strap) {
        padding: 0px 10px;
    }
    .logo-image {
        display: none;
    }
   
    .banner h1 {
        padding: 2rem 1rem 3rem 1rem;
    }
}

@media screen and (max-width: 640px) {
    .two-column-flex {
        flex-direction: column;
    }
    .three-columns .container {
        border: none;
        flex-direction: column;
    }
    .three-columns .container > div {
        border-right: none !important;
        border-bottom: 1px solid #dbdbdb;
        padding: 0px;
    }
    .banner h1 {
        font-size: 4rem;
        margin-top: 1em;
    }
    .three-columns .container > div {
        margin-bottom: 20px;
        padding-bottom: 4rem;
    }
    .headline:after {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .banner {
        background: url(imgs/header_img_mobile_v1.jpg);
        background-position: center center;
    }

    .rts {
        margin-top: -3em !important;
    }
    .features-list {
        margin-top:-3rem
    }
}


/*******
*
*   New header styles
*
****/
.new-header {
    background-color: #00aaad;
    color: #fff;
    padding: 0;
    /* min-height: 250px; */
}
@media screen and (max-width: 961px) and (min-width: 479px) { /* between desktop and mobile size */
    .new-header {
        padding: 0 10px;
        min-height: 250px;
    }
}
.new-header .content-block {
    padding: 5% 0 4% 0;
    position: relative;
    z-index: 2;
    width: auto;
    max-width: 960px;
    margin: 0px auto;
}
@media screen and (max-width: 480px) {
    .new-header .content-block {
        text-align: center;
        padding: 5% 0 4% 0;
        position: relative;
        z-index: 2;
        width: auto;
        max-width: 960px;
        margin: 0px auto;
    }
}
/* .new-header .content-block .left-aligned {
    clear          : both;
    display        : inline-flex;
    width          : 100%;
    margin-top     : 90px;
    min-height     : 250px;
    padding        : 25px 10px 0 10px !important;
    flex-direction : column;
    justify-content: center;
} */

.new-header .content-block .inner-content {
    max-width: 620px;
}
.new-header h2 {
    font-size: 44px;
    line-height: 44px;
    font-family: "Times Modern Bold";
    color: #fff;
    margin: 0;
    font-smoothing: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
@media screen and (max-width: 480px) {
    .new-header h2 {
        font-size: 24px;
        line-height: 24px;
    }
}
@media screen and (max-width: 667px) {
    .new-header h2 {
        font-size: 32px;
        line-height: 36px;
        max-width: 100%;
    }
    .new-header h3.header-subtitle {
        max-width: 100%;
    }
}
.new-header h3.header-subtitle {
    color: #fff;
   
    font-weight: 400;
    font-size: 23px;
    line-height: 30px;
    font-family: "Times Digital Regular";
    margin-top: 10px;
    text-align: left;
    letter-spacing: -0.6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
}
@media screen and (max-width: 480px) {
    .new-header h3.header-subtitle {
        text-align: center;
        font-size: 16px;
        line-height: 21px;
    }
}

.new-header .small-print {
 
    font-size: 12px;
    line-height: 1.67;
    color: #fff;
    margin: 30px 0 10px 0;
    display: block;
}
@media screen and (max-width: 480px) {
    .new-header .small-print {
        right: 0;
    }
}

.banner-style {
    background-size    : cover !important;
    background-position: center !important;
    background-repeat  : none !important;
    /* min-height         : 250px; */
    margin-top: 30px;
}

.ribon-container {
    width   : 100%;
    height  : auto;
    float   : left;
    overflow: hidden;
}

@media (min-width: 768px) {
    .ribon-container {
        width   : 150px;
        position: absolute;
        top     : 0;
        right   : -25%;
        height  : 160px;
    }
}

.ribon-container .corner-ribbon {
    padding      : 5px;
    font-size    : 28px;
    margin-bottom: 20px;
    margin-top   : 10px;
    font-family  : "Roboto-Bold", "Roboto-Medium,", Arial, Helvetica, sans-serif;
}

@media (min-width: 768px) {
    .ribon-container .corner-ribbon {
        width            : 220px;
        top              : 28px;
        background       : #1dc3dc;
        position         : absolute;
        right            : -58px;
        height           : 58px;
        font-size        : 40px;
        font-family      : arial;
        font-weight      : 700;
        text-align       : center;
        line-height      : 56px;
        letter-spacing   : -1px;
        color            : white;
        -ms-transform    : rotate(45deg);
        transform        : rotate(45deg);
        -webkit-transform: rotate(45deg);
        z-index          : 1;
        display          : block;
        margin-top       : 0;
        padding          : 0;
        font-family      : "Roboto-Bold", "Roboto-Medium", Arial, Helvetica, sans-serif;
    }
}

/* Buttons */
.new-header .btn-collection {
    margin-top: 20px;
}
.new-header .btn {
    font-size: 15px;
    letter-spacing: 0.4px;
    display: inline-block;
    background: #fff;
    color: #00aaad;
    height: 44px;
    width:220px;
    border-radius: 0px;
    padding: 10px !important;
}
@media screen and (max-width: 480px) {
    .new-header .btn {
        margin-right: 0 !important;
    }
}

.new-header .btn.button1 {
  background: #00aaad;
  border:1px solid #00aaad;
  color:#fff;
}
.new-header .btn.button1:hover {
  background: #008c8e;
}
.new-header .btn.button2 {
  background: #ffffff;
  border:1px solid #ffffff;
}
.new-header .btn.button2:hover {
  background: #b3e6e6;
  border:1px solid #b3e6e6;
}
.new-header .btn.button3 {
  background: #ffffff;
  border:1px solid #00aaad;

}
.new-header .btn.button3:hover {
  background: #b3e6e6;

}
.new-header .btn--alt {
    background: transparent;
    color: #fff;
}

/* Image */
.new-header .img-logo {
    position: absolute;
    right: 0;
    top: 160px;
    max-width: 110px;
 /*   background: #fff;*/
}
@media screen and (max-width: 480px) {
    .new-header .img-logo {
        position: static;
        margin: 0 0 10px 0;
        width: 90px;
    }
}

/* Links */
.new-header .additional-links {
    margin-top: 22px;
    font-size: 15px;
    color: #fff;
    font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif;
}
.new-header .additional-links p {
    padding: 0;
    margin: 0 0 12px;
}
.new-header .additional-links a {
    color: #fff;
    text-decoration: underline;
    font-size: 15px;
    font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif;
}

/* Variation 1 - centre aligned */
.new-header.new-header--centered {
    text-align: center;
    clear     : both;
    /* display        : inline-flex;
    width          : 100%;
    margin-top     : 90px;
    min-height     : 250px;
    padding        : 25px 10px 0 10px !important;
    flex-direction : column;
    justify-content: center; */
}
.new-header.new-header--centered .content-block .inner-content {
    text-align: center;
    max-width: 100%;
}
.new-header.new-header--centered h3.header-subtitle {
    text-align: center;
}
.new-header.new-header--centered .small-print {
    right: 0;
    text-align: center;
}
.new-header.new-header--centered .img-logo {
    position: static;
    margin: 0 0 20px;
}

/* Variation 2 - with background image */
.new-header.new-header--image-bg {
    /*background: #000 url(images/sample-ipad.jpg) 50% 100% no-repeat;*/
    background-size: cover;
    position: relative;
}
.new-header.new-header--image-bg:after {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 0;
  }

/* End new header styles */

.CookieMessage {
    background-color: #EAA000;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    padding: 1rem 0;
    text-align: left;
    overflow: hidden;
    font-family: "TimesModern-Bold",TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
    font-size: 16px;
    color: #000;
}
.CookieMessage p {
    margin: 0 140px 0 0;
}
.CookieMessage-button {
    float: right;
    font-family: "Roboto-Regular", "Roboto-Medium",Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    background-color: #333;
    color: #FFF;
    line-height: 3rem;
    padding: .6rem 1.5rem .2rem;
    margin: 1rem 1rem 0;
    margin-top: 0;
    margin-right: 2rem;
    margin-left: 1rem;
    text-decoration: none;
}
.CookieMessage-button:hover {
    background-color: #069;
    text-decoration: none;
    color: #FFF;
}


.content-interstitial__container .col-xs-12  {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.content-interstitial__container .row {
    margin-left: -10px;
    margin-right: -10px;
}
 
.content-interstitial__container {
    padding: 40px 36px 20px;
    margin: 240px auto 0;
    width: 100%;
    max-width: 640px;
    background: #fff;
    color: #000;
    text-align: center;
}
.content-interstitial__container:before {
    content: '';
    background: transparent url(imgs/times-st-logo.svg) 0 0 no-repeat;
    background-size: 100%;
    width: 190px;
    height: 42px;
    position: absolute;
    margin-top: -130px;
    margin-left: -95px;
}
@media (min-width: 768px) {
    .content-interstitial__container { 
        padding: 140px 36px 100px;
        margin: 260px auto 0;
    }

    .content-interstitial__container:before { 
        width: 225px;
        height: 50px;
        margin-top: -254px;
        margin-left: -111px;
    }
}

.store-inactive-popup {
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-right: 16px;
    padding-left: 16px;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.7);
}
.store-inactive-popup .inactive-container {
    position: relative;
    padding: 32px 16px 16px;
    max-width: 421px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
    font-family: Times;
}
.store-inactive-popup button.popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px;
    height: 20px;
    width: 20px;
    color: #0a0a0a;
    fill: currentColor;
    transition: 50ms opacity;
    background: none;
    opacity: 0.8;
    border: none;
}
.store-inactive-popup .popup-head {
    border-radius: 20px;
    padding: 4px 12px;
    background-color: #212121;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
}
.store-inactive-popup h1.popup-title {
    margin-top: 14px;
    margin-bottom: unset;
    color: #000;
    font-weight: bold;
    font-size: 32px;
    line-height: 37px;
    text-align: center;
}
.store-inactive-popup p.popup-subheading {
    margin-top: 8px;
    margin-bottom: unset;
    font-size: 18px;
    line-height: 21px;
    color: #212121;
    text-align: center;
}
.store-inactive-popup a.popup-link {
    margin-top: 24px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    background-color: #1573A2;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 18px;
    font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
}
.store-inactive-popup a.popup-link:hover {
    background-color: #006699;
}
.store-inactive-popup a.popup-link:active {
    background-color: #005C8A;
}
.store-inactive-popup p.popup-info-hint {
    margin-top: 10px;
    margin-bottom: unset;
    color: #6B6B6B;
    font-size: 12px;
    line-height: 16px;
    font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .store-inactive-popup .container {
        max-width: 328px;
    }
    .store-inactive-popup p.popup-info-hint {
        margin-top: 12px;
    }
    .store-inactive-popup .popup-head {
        font-size: 14px;
        line-height: 16px;
    }
    .store-inactive-popup p.popup-subheading {
        margin-top: 4px;
    }
    .store-inactive-popup h1.popup-title {
        margin-top: 10px;
    }
}

.modal-content {
    border: none;
}
.content-interstitial__header {
    font-size: 34px;
    font-size: 3.4rem;
}

.content-interstitial__header {
    font-family: "TimesModern-Bold",TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.21;
    margin: 0 0 12px;
}

.content-interstitial__body {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0 0 40px;
}
.content-interstitial__body {
    font-family: "TimesModern-Regular",TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.5;
    letter-spacing: 0.3px;
    color: #696969;
    margin: 0 0 20px;
}
.content-interstitial__link {
    margin: 0;
}
.content-interstitial__link {
    display: block;
    padding: 12px 0;
    line-height: 1.2;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px #00AAAD;
    font-family: "Roboto-Regular", "Roboto-Medium",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.4px;
    color: #00AAAD;
    text-decoration: none;
    margin: 0 0 10px;
        -webkit-font-smoothing: antialiased;
}

.content-interstitial__link:hover,
.content-interstitial__link:active,
.content-interstitial__link:focus {
        color: #009194;
        border-color: darken($color-3, 5%);
        text-decoration: none;
    }

.content-interstitial__link--int {
    color: #fff;
    background-color: #00AAAD;
}
.content-interstitial__link--int:hover,
.content-interstitial__link--int:active,
.content-interstitial__link--int:focus {
        background-color:#009194 !important;
        color: #fff !important;
    }

@font-face {
        font-family: 'Roboto-Medium';
        src: url('fonts/Roboto-Medium.eot?iefix') format('eot'),
            url('fonts/Roboto-Medium.woff2') format("woff2"),
            url('fonts/Roboto-Medium.woff') format('woff'),
            url('fonts/Roboto-Medium.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
    
@font-face {
        font-family: 'Roboto-Bold';
        src: url('fonts/Roboto-Bold.eot');
        src: url('fonts/Roboto-Bold.eot?iefix') format('eot'),
            url('fonts/Roboto-Bold.woff2') format("woff2"),
            url('fonts/Roboto-Bold.woff') format('woff'),
            url('fonts/Roboto-Bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
    
@font-face {
        font-family: 'Roboto-Regular';
        src: url('fonts/Roboto-Regular.eot');
        src: url('fonts/Roboto-Regular.eot?iefix') format('eot'),
            url('fonts/Roboto-Regular.woff2') format("woff2"),
            url('fonts/Roboto-Regular.woff') format('woff'),
            url('fonts/Roboto-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: TimesDigitalW04-Regular;
    src: url(fonts/TimesDigitalW04-Regular.woff2) format("woff2"), url(fonts/TimesDigitalW04-Regular.woff) format("woff"), url(fonts/TimesDigitalW04-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: TimesModern-Bold;
    src: url(fonts/TimesModern-Bold.woff2) format("woff2"), url(fonts/TimesModern-Bold.woff) format("woff"), url(fonts/TimesModern-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

/*---------- Countdown timer ----------*/
.c-timer {
    color: #fff;
    padding: 12px 0;
    text-align: center;
    margin-top: 20px;
}

.c-timer .container {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: transparent !important;
}

@media screen and (max-width: 768px) {

    .c-timer .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        background-color: transparent !important;
    }
}

.c-timer .timer-title {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 2.5rem;
    font-family: "TimesModern-Bold", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    width: 100%;
    margin-bottom: 10px;
}

.c-timer .time-group {
    display: inline-block;
}

.c-timer .time-segment {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    padding: 2px 12px 1px;
    border-radius: 3px;
	font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 768px) {

    .c-timer .time-segment {
        padding: 2px 12px 5px;
        min-width: 75px;
    }
}

.c-timer .time-segment span {
    font-weight: 700;
}

.c-timer .time-segment .days,
.c-timer .time-segment .hours,
.c-timer .time-segment .minutes,
.c-timer .time-segment .seconds {
    font-size: 2.8rem;
    font-family: "TimesDigital-Regular", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

@media screen and (max-width: 768px) {

    .c-timer .time-segment .days,
    .c-timer .time-segment .hours,
    .c-timer .time-segment .minutes,
    .c-timer .time-segment .seconds {
        font-size: 1.8rem;
    }
}

.c-timer .time-segment .label {
    color: #696969;
    font-size: 1.2rem;
    width: 100%;
    display: block;
    font-weight: 300;
}

.c-timer .time-segment--day {
    margin-right: 5px;
}

.c-timer .time-segment-sep {
    display: inline-block;
    padding: 0;
    font-weight: 700;
}

.swg_hide, .swg-description.swg_hide {
    display: none;
  }
  
  .swg-wrapper--width {
    max-width: 288px;
    position: relative;
    z-index: 10;
  }
  .swg-wrapper--width.width-220 {
    max-width: 220px;
  }
  .swg-wrapper--width.swg-wrapper--center {
    margin: 0 auto;
  }

  .swg-wrapper--width.width-full {
    max-width: 100%;
  }
  .swg-wrapper--width .swg_option, .swg-wrapper--width .swg_container-btn button {
    max-width: 288px;
  }

  .swg-wrapper--banner .swg_container-text {
    font-family: inherit;
    font-size: 12px;
    line-height: 1.67;
  }

  .swg-wrapper--left .swg_container {
    text-align: left;
  }
  
  .swg_container {
    color: inherit;
    margin: 30px auto;
    text-align: center;
  }
  .swg_container .swg_option {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: TimesModern-Bold,TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
    font-size: 14px;
    margin: 10px auto;
  }
  .swg_container .swg_option .divider {
    width: 40%;
    height: 4px;
    border-top: 1px solid #333333;
    border-top-color: inherit;
  }
  .swg_container .swg_container-btn button {
    margin: 10px 0;
  }
  
  .swg_container-text {
    font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif;
    margin: 5px 0;
  }
  
  h4.swg_container-benefit {
    font-family: TimesModern-Bold,TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
    font-size: 18px;
    line-height: 20px;
    margin: 10px 0;
    padding: 0;
    text-align: center;
  }
  
  .swg_container-btn .swg-button-light {
    border: 1px solid #696969;
    box-shadow: none;
    width: 100%;
    height: 49px;
  }
  .swg_container-btn .swg-button-light:focus {
    background-color: #FFF;
  }
  
  .swg-modal-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(10, 10, 10, 0.6);
    z-index: 100;
  }

  .swg-modal {
    box-sizing: border-box;
    width: 90%;
    max-width: 448px;
    padding: 48px 40px;
    background: white;
    text-align: center;
  }

  .swg-modal h2 {
    font-family: TimesModern-Bold,TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
      font-size: 28px;
      color: #01000D;
      margin-top: 0;
      padding-top: 0;
  }

  .swg-modal p {
    color: #333333;
    font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  
  .swg-modal-link {
    color: #069;
    text-decoration: underline;
  }

  .swg-modal-button {
    border: 0;
    color: white;
    cursor: pointer;
    padding: 14px 16px 9px;
    background: #005C8A;
    margin-top: 20px;
    width: auto;
    min-width: 236px;
    font-size: 16px;
    font-family: "Roboto-Medium", "Roboto-Medium-fallback", Arial, Helvetica, sans-serif;
  }

  .swg-modal-button:hover, .swg-modal-button:active, .swg-modal-button:focus {
    background: #005C8A;
  }


  .swg-modal-loader {
    box-sizing: border-box;
    width: 90%;
    max-width: 448px;
    padding: 12px 20px;
    background: white;
    text-align: left;
  }

  .swg-modal-loader p {
        color: #333333;
        font-family: "Roboto-Regular", "Roboto-Medium", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 36px;
    }

  .swg-modal-loader div {
        float: left;
        display: inline-block;
        margin-right: 12px;
        width: 30px;
        height: 30px;
        border: 3px solid #f3f3f3;
        border-radius: 50%;
        border-top: 3px solid #005C8A;
        -webkit-animation: swg-spin 2s linear infinite; /* Safari */
        animation: swg-spin 2s linear infinite;
  }

  @-webkit-keyframes swg-spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }

  @keyframes swg-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  @media screen and (max-width: 767px) {  
    .swg-modal {
        padding: 24px 20px;
    }
  }
  @media screen and (max-width: 479px) {
    .swg-wrapper--width.width-220 {
        margin: 0 auto;
    }
  }

.c-page-block--other-subscriptions-digital {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
}

.c-page-block--other-subscriptions-digital .c-heading {
    font-family: "TimesModern-Bold", "TimesNewRoman", "Times New Roman", "Times", "Baskerville", "Georgia", "serif";
    font-size: 30px;
    color: #1d1d1b;
    text-align: center;
    line-height: 1.25;
    padding-bottom: 20px;
    margin: 0;
}

.c-page-block--other-subscriptions-digital .c-heading a {
    font-size: inherit;
    color: inherit;
    text-align: center;
}

.c-page-block--other-subscriptions-digital .c-heading a:hover {
    text-decoration: none;
}

.c-page-block--other-subscriptions-digital .c-subscription__item {
    color: #000;
    text-align: center;
}

.c-page-block--other-subscriptions-digital .c-subscription__item a {
    display: block;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    position: relative;
    margin-bottom: 15px;
    min-height: 140px;
    color: #000;
    text-decoration: none;
}

.c-page-block--other-subscriptions-digital .c-subscription__item a:hover,
.c-page-block--other-subscriptions-digital .c-subscription__item a:active,
.c-page-block--other-subscriptions-digital .c-subscription__item a:focus {
    color: #000;
    text-decoration: none;
    background-color: #fcfcfc;
    border-color: #a9a9a9;
}

.c-page-block--other-subscriptions-digital .c-subscription__heading {
    font-family: "TimesModern-Bold", "TimesNewRoman", "Times New Roman", "Times", "Baskerville", "Georgia", "serif";
    font-size: 18px;
    margin-top: 0;
}

.c-page-block--other-subscriptions-digital .c-subscription__info {
    font-family: "TimesNewRoman", "Times New Roman", "Times", "Baskerville", "Georgia", "serif";
    font-size: 18px;
    color: #333;
    line-height: 1.4;
}

.c-page-block--other-subscriptions-digital .c-subscription__image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.c-page-block--other-subscriptions-digital .c-subscription__cta-label {
    display: block;
    font-family: "Roboto-Regular", "Roboto-Medium", "Arial", "Helvetica", "sans-serif";
    font-size: 15px;
    color: #069;
    letter-spacing: 0.38px;
    margin-top: 10px;
}

/* Media Queries */
@media screen and (min-width: 768px) {
    .c-page-block--other-subscriptions-digital .c-heading {
        font-size: 36px;
        padding-bottom: 40px;
    }

    .c-page-block--other-subscriptions-digital .c-subscription__heading {
        font-size: 24px;
    }

    .c-page-block--other-subscriptions-digital .c-subscription__item a {
        padding: 20px 20px 20px 140px;
    }

    .c-page-block--other-subscriptions-digital .c-subscription__item {
        text-align: left;
    }

    .c-page-block--other-subscriptions-digital .c-subscription__image {
        width: 98px !important;
        height: 98px;
        position: absolute;
        left: 20px;
        top: 20px;
        margin: 0;
    }

    .c-page-block--other-subscriptions-digital .c-subscription__cta-label {
        display: none;
    }
}
