/*! Custom v1.1 | (c) Zebedee Creations */
    .end-date {
        height: 100%;
        padding: 12px;
        color: black;
        background-color: #c0d233;
        font-size:
    }
    
    .competition-image {
        margin: 0 0 20px 0;
        position: relative
    }
    
    .competition-image.aligned {
        text-align: left
    }
    
    .competition-image.aligned img {
        width: 100%;
        display: inline-block
    }
    
    .competition-image:not(.aligned) {
        height: 195px;
        overflow: hidden
    }
    
    .competition-image:not(.aligned) img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
    
    .CompetitionViewSRadio h2.h3.pull-left {
        width: 70%
    }
    
    @media screen and (max-width: 767px) {
        .end-date {
            display: block;
            float: none;
            width: 100%;
            text-align: center;
            padding: 5px
        }
        .CompetitionViewSRadio h2.h3.pull-left {
            width: 100%
        }
        .competition-image.aligned {
            text-align: center
        }
        .competition-image.aligned img {
            width: 80%
        }
        .competition-image:not(.aligned) {
            height: 150px
        }
    }
    
    #form-gs input[type="submit"] {
        right: 0 !important;
        padding: 0 6px
    }
    
    #form-gs i {
        right: 25px
    }
    
    .nav-tabs > li.active > a:focus {
        color: white;
        background-color: #3c3c3c
    }
    
    .filter__box__button.collapsed:hover .filter__image {
        background: url("../img/plusgreen.svg") center center no-repeat
    }
    
    .form-pod-inline .form-control-feedback {
        top: 4px !important
    }
    
    .form-pod-inline .form-control-feedback:hover {
        color: #c0d233
    }
    
    body.podcast-app .card__btn-group .col-lg-12 a {
        margin-top: 8px !important;
        width: 100%
    }
    
    body.podcast-app {
        padding-top: 0
    }
    
    .podcast-app .share-this-widget {
        margin-top: 0px !important
    }
    
    .share-this-widget span span span {
        margin-top: 0px !important
    }
    
    .card__image {
        margin-bottom: 10px
    }
    
    .player-actions {
        padding: 0;
        min-height: 250px
    }
    
    p.card__block.card__text--xs {
        margin-top: 0px
    }
    
    .card__text--xs {
        margin-bottom: 0px
    }
    
    .feedContent {
        position: relative
    }
    
    #social1395 {
        text-align: right
    }
    
    .share-this-widget {
        text-align: right;
        width: auto !important
    }
    
    .share-this-widget.center {
        text-align: center
    }
    
    .bg-light-green .share-this-widget {
        width: 40% !important;
        margin-top: -2px;
        float: right
    }
    
    .bg-light-green .col-sm-4 .share-this-widget {
        width: 100% !important;
        margin-top: -2px;
        float: none
    }
    
    .card__btn-group a {
        vertical-align: top
    }
    
    .col-divider-right {
        height: 100%
    }
    
    .subscribe-collapse p {
        text-align: left
    }
    
    .card__btn-group {
        margin-bottom: 8px
    }
    
    .panel-box em {
        font-weight: bold
    }
    
    @media screen and (max-width: 991px) {
        .adds-section > div {
            padding: 0
        }
        .form-pod-inline .form-control-feedback {
            right: 5px
        }
        .move-on-mobile {
            padding: 0
        }
    }
    
    @media (max-width: 1200px) {
        .bg-light-green .share-this-widget {
            width: 100% !important;
            text-align: left;
            float: none;
            margin-top: 5px
        }
        .stButton {
            margin-right: 5px !important;
            margin-left: 5px !important
        }
        .bg-light-green .col-sm-4 .share-this-widget {
            text-align: center
        }
    }
    
    @media (min-width: 768px) {
        .card .col-divider-right {
            padding-right: 20px !important
        }
    }
    
    .social-controls {
        margin: 10px 0 0 0
    }
    
    .social-controls a {
        border-radius: 0;
        border: 0px;
        margin-right: -3px;
        margin-bottom: 2px;
        text-align: left;
        box-shadow: none
    }
    
    .social-controls a.phone {
        color: black;
        background: #c0d233
    }
    
    .social-controls a.email {
        color: white;
        background: #000
    }
    
    .social-controls a.twitter {
        color: white;
        background: #51ABF2
    }
    
    .social-controls a.text {
        color: black;
        background: white
    }
    
    .ProgrammeDetailViewSRadio .social-controls a.text {
        background: #ECECEC
    }
    
    .ProgrammeDetailViewSRadio .tel-toggle,
    .ProgrammeDetailViewSRadio .text-toggle {
        left: 0;
        top: 0;
        margin-top: 0px;
        z-index: 10
    }
    
    .ProgrammeDetailViewSRadio .text-toggle {
        background: #ECECEC
    }
    
    .img {
        width: 140px;
        height: 140px;
        float: left;
        margin: 0 15px 15px 0
    }
    
    .figure-sub_title {
        margin-bottom: 5px
    }
    
    .number {
        float: right
    }
    
    #tab1 #twitter-widget-0 {
        width: 100% !important
    }
    
    #tab1 #twitter-widget-0 .timeline {
        margin-bottom: 0 !important
    }
    
    aside.schedule>a {
        display: block;
        padding-bottom: 15px;
        width: 100%;
        margin: 15px auto
    }
    
    aside.schedule>a img {
        display: block;
        width: 100%
    }
    
    @media screen and (min-width: 992px) {
        .no-right {
            padding-right: 0
        }
        .twitter-feed-container {
            padding-right: 0
        }
    }
    
    @media screen and (max-width: 767px) {
        .btn-social {
            width: 49%
        }
        .tel-toggle,
        .text-toggle {
            width: 100%;
            height: 82px
        }
        .number {
            float: none;
            display: block;
            width: 100%;
            margin: 10px 0 0 0
        }
    }
    
    .form-control-sort {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: relative;
        z-index: 10
    }
    
    .form-control-sort::-ms-expand {
        display: none
    }
    
    .ie10 .form-control-sort::-ms-expand {
        display: block
    }
    
    .ie10 .form-control-sort {
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        appearance: menulist;
        padding-right: 8px !important
    }
    
    #form-or {
        position: relative
    }
    
    #form-or:before {
        content: " ";
        display: inline-block;
        width: 100%;
        height: 43px;
        position: absolute;
        background: white;
        top: 0;
        z-index: 1;
        pointer-events: none
    }
    
    #form-or:after {
        position: absolute;
        top: 14px;
        right: 10px;
        z-index: 100;
        content: "\f063";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        pointer-events: none
    }
    
    .ie10 #form-or:after {
        display: none
    }
    
    #form-or:hover:after {
        color: #c0d233
    }
    
    .mainmenu .sf-menu li.selected {
        background-color: transparent
    }
    
    .bg-white {
        background-color: #FFFFFF
    }
    
    .field-validation-error {
        color: #ff0000
    }
    
    .field-validation-valid {
        display: none
    }
    
    .input-validation-error {
        border: 1px solid #ff0000;
        background-color: #ffeeee
    }
    
    .validation-summary-errors {
        font-weight: bold;
        color: #ff0000
    }
    
    .validation-summary-valid {
        display: none
    }
    
    .white-color p {
        color: white
    }
    
    .form-info,
    .news-info {
        display: none
    }
    
    .panel-box .img-presenter {
        width: 65px
    }
    
    .col-divider-green {
        border-color: #9fb000
    }
    
    .padding-right-15 {
        padding-right: 15px
    }
    
    .share-page a {
        text-decoration: none
    }
    
    .form-search-icon {
        background-color: transparent;
        border: 0
    }
    
    .subscribe-collapse p {
        margin-bottom: 5px
    }
    
    body.podcast-app .subscribe-collapse div.subscribe-links,
    body.podcast-app .subscribe-collapse p {
        color: #FFF
    }
    
    .subscribe-collapse div.subscribe-links {
        color: #000;
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
        display: block
    }
    
    .player-actions .card__btn-group .col-xs-6 a {
        margin-bottom: 10px
    }
    
    div.tooltip-wrapper {
        display: inline-block;
        width: 100%
    }
    
    div.tooltip-wrapper a {
        width: 100%
    }
    
    .tooltip-wrapper a {
        margin-bottom: 8px !important
    }
    
    .card__btn-group div+a {
        float: right
    }
    
    .dark-tooltip + .tooltip > .tooltip-inner {
        background-color: #000
    }
    
    .filterItem .close-filter {
        display: none
    }
    
    .filterItem.activeFilter {
        background-color: #fff
    }
    
    .filterItem.activeFilter .close-filter {
        display: block
    }
    
    [id^=div_adnxs] {
        text-align: center
    }
    
    @media screen and (max-width: 767px) {
        div.tooltip-wrapper {
            display: inline-block;
            width: 100%
        }
    }
    
    .podcastFeedWidget .subscribe-links {
        color: #000;
        text-align: center;
        width: 100%;
        border-bottom: #ddd 1px solid;
        padding-bottom: 10px;
        margin-top: -15px;
        margin-bottom: 10px
    }
    
    .podcastFeedWidget ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0
    }
    
    .podcastFeedWidget ul li {
        border-bottom: #ddd 1px solid;
        margin-bottom: 5px;
        padding: 0 15px 5px 15px
    }
    
    .podcastFeedWidget ul li:last-child {
        margin-bottom: 0px
    }
    
    .podcastFeedWidget ul li h4 {
        font-weight: 600;
        padding-bottom: 5px;
        width: 88%
    }
    
    .podcastFeedWidget .feedContent span.time {
        display: inline-block;
        color: black;
        padding: 0px 7px;
        margin-bottom: 3px;
        background: #c0d233;
        font-size: 12px;
        font-weight: 600
    }
    
    .podcastFeedWidget ul li p {
        font-size: 14px;
        width: 88%;
        margin: 0
    }
    
    .color-black {
        color: #000
    }
    
    .no-gutter > [class*='col-'] {
        padding-right: 0;
        padding-left: 0
    }
    
    .podcastFeedWidget .btn-main {
        font-size: 16px;
        color: black !important;
        border-radius: 3px !important;
        padding-top: 4px;
        position: absolute;
        right: 0px;
        margin-right: 0;
        height: 24px;
        top: 50%;
        margin-top: -12px
    }
    
    .podcastFeedWidget .allPodcastsLink {
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        margin: 10px 0 10px 0
    }
    
    .podcastFeedWidget .separatorColor {
        color: #ddd
    }
    
    .genre-podcast-count {
        font-size: 14px;
        margin-top: 3px
    }
    
    .forgot-pass-link {
        color: #000;
        font-weight: 800
    }
    
    .new-member-pass {
        text-align: right;
        margin-top: 10px;
        margin-bottom: 0
    }
    
    .login-button {
        width: 110px
    }
    
    #OtherInterest {
        margin-top: -10px
    }
    
    .overlay {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000;
        display: none
    }
    
    .overlay .box {
        width: 600px;
        height: auto;
        margin-bottom: 10px;
        padding: 25px;
        position: absolute;
        top: 50%;
        left: 50%;
        background: white
    }
    
    .overlay h3 {
        font-size: 20px;
        font-weight: bold
    }
    
    .overlay h4 {
        font-size: 18px;
        font-weight: bold;
        padding: 5px 0 20px 0
    }
    
    .overlay .box>a:first-child {
        color: white;
        position: absolute;
        right: 0;
        top: -30px
    }
    
    .overlay .box>a:first-child:hover {
        text-decoration: none;
        color: #c0d233
    }
    
    .overlay .box h3 {
        text-align: center
    }
    
    .overlay .box>div {
        width: 50%
    }
    
    .overlay div.pull-left {
        padding-right: 20px;
        border-right: 1px solid #DDDDDD
    }
    
    .overlay .pull-left p {
        text-align: right;
        margin: 0 0 0 0
    }
    
    .overlay div.pull-right {
        padding-left: 20px
    }
    
    .overlay .pull-right p {
        text-align: left
    }
    
    .overlay label {
        display: block
    }
    
    .overlay input[type="text"] {
        width: 100%;
        margin: 0 0 10px 0
    }
    
    .overlay input[type="submit"] {
        margin: 15px 0 0 0
    }
    
    .overlay form {
        margin-bottom: 10px
    }
    
    .overlay form:after {
        content: " ";
        display: block;
        float: none;
        clear: both
    }
    
    .overlay p span {
        display: block;
        margin: 0 0 5px 0
    }
    
    .card__title {
        font-size: 22px
    }
    
    @media screen and (max-width: 767px) {
        .overlay {
            overflow-y: scroll
        }
        .overlay .box {
            width: 300px;
            top: 40px !important;
            margin-top: 0 !important;
            left: 50%
        }
        .overlay .box>div {
            width: 100%
        }
        .overlay div.pull-left {
            padding-right: 0;
            padding-bottom: 20px;
            border-right: 0px solid #DDDDDD;
            border-bottom: 1px solid #DDDDDD
        }
        .overlay div.pull-right {
            padding-left: 0;
            padding-top: 20px
        }
    }
    
    .pwd::-webkit-input-placeholder {
        font-size: 12px;
        line-height: 22px
    }
    
    .pwd:-moz-placeholder {
        font-size: 12px;
        line-height: 22px
    }
    
    .pwd::-moz-placeholder {
        font-size: 12px;
        line-height: 22px
    }
    
    .pwd:-ms-input-placeholder {
        font-size: 12px;
        line-height: 22px
    }
    
    .form-control {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    
    input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"] {
        -webkit-appearance: none;
        -moz-appearance: none
    }
    
    #loginForm a.forgot-pass-link {
        display: block
    }
    
    #loginForm input[type="submit"] {
        margin: 0 0 5px 0
    }
    
    #registrationForm select {
        -webkit-appearance: none;
        position: relative;
        background: transparent
    }
    
    #registrationForm .fa-chevron-down {
        position: absolute;
        bottom: 12px;
        right: 22px;
        font-size: 12px;
        pointer-events: none
    }
    
    #registrationForm .has-error .fa-chevron-down {
        bottom: 50px
    }
    
    @media screen and (max-width: 767px) {
        #registrationForm .has-error .fa-chevron-down {
            bottom: 40px
        }
    }
    
    .register-banner {
        position: relative;
            width: 100%;
            padding: 10px 95px;
            background: #C0D233;
            text-align: left;
            z-index: 9999;
    }
    

        .register-banner h3 {
            color: black;
            font-size: 1.2em;
            padding-top: 0;
            padding-bottom: 10px;
        }
        
        .register-banner p,
        .register-banner a {
            color: black;
            font-size: 0.9em;
            margin-bottom: 0;
        }
    
    .register-banner a {
        font-weight: bold;
        display: inline-block;
        border-bottom: 1px solid black
    }
    
    .register-banner a:hover {
        text-decoration: none
    }
    
        .register-banner a.close-register {
            display: inline-block;
            font-size: 0.9em;
            font-weight: normal;
            position: absolute;
            top: 10px;
            margin-left: 10px;
            right: 10px;
            color: black;
            border-bottom: none;
        }
    
    .section-banner .sub-header {
        display: block;
        font-style: normal;
        font-size: 15px;
        margin-top: -25px
    }
    
    .row.personal-offers {
        margin-right: -15px;
        margin-left: -7.5px;
        position: relative;
        z-index: 100
    }
    
    .row.business-offers {
        margin-right: -7.5px;
        margin-left: -15px;
        position: relative;
        z-index: 50
    }
    
    .row.personal-offers div.col-sm-4 {
        padding-right: 7.5px;
        padding-left: 7.5px
    }
    
    .row.business-offers div.col-sm-12 {
        padding-right: 7.5px;
        padding-left: 7.5px
    }
    
    .strapline-container {
        margin-bottom: 30px
    }
    
    .strapline-container p {
        text-align: center
    }
    
    .strapline-container p:first-child {
        margin-bottom: 5px
    }
    
    .offers {
        margin-bottom: 50px
    }
    
    .offer__item {
        position: relative;
        border: 1px solid #b7b7b7;
        display: block;
        background: white;
        background-size: cover;
        background-position: center center;
        padding: 15px;
        margin-bottom: 30px;
        height: 250px;
        transition: all 0.2s ease
    }
    
    .business .text-center:last-child .offer__item {
        margin-bottom: 0
    }
    
    .offer__item h4 {
        font-size: 24px;
        /*font-weight:600;*/
        padding: 0;
        width: 100%;
        text-align: center;
        position: absolute;
        color: white;
        left: 0;
        top: 45%
    }
    
    .offer__item p {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 0
    }
    
    .offer__item a {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .offer__item__overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5)
    }
    
    .offer__item span img {
        max-height: 100%
    }
    
    .offers-block > div {
        padding-left: 5px;
        padding-right: 5px
    }
    
    .offers-block img {
        max-width: 350px
    }
    
    .ad-item,
    .rkt-item {
        position: relative;
        display: table;
        background: white;
        border: 1px solid #dedede;
        min-height: 425px;
        margin-bottom: 10px;
        width: 100%
    }
    
    .ad-item:before,
    .ad-item:after,
    .rkt-item:before.rkt-item:after {
        content: "";
        display: block;
        float: none;
        clear: both
    }
    
    .ad-item__left,
    .ad-item__right,
    .rkt-item__left,
    .rkt-item__right {
        display: table-cell;
        vertical-align: middle
    }
    
    .ad-item__left,
    .rkt-item__left {
        padding-left: 20px
    }
    
    .ad-item__left a + img,
    .rkt-item__left a + img {
        width: 0
    }
    
    .ad-item__left .altLink,
    .rkt-item__left .altLink {
        display: block;
        max-width: 330px;
        min-width: 275px
    }
    
    .ad-item__left .altLink img,
    .rkt-item__left .altLink img {
        width: 100%
    }
    
    .ad-item__right,
    .rkt-item__right {
        padding: 0 20px
    }
    
    .ad-item h3,
    .rkt-item h3 {
        padding-top: 15px;
        color: #727272
    }

    .modal-content {
        max-width: 872px;
        display: grid;
        grid-template-columns: 350px 522px;
        margin: 10vh auto;
        min-height: 650px;
        border-radius: 0;
        color: #fff;
    }

    .leftcontent {
        z-index: 2;
        text-align: center;
        padding: 0 50px;
    }

    .leftside {
        background: url(/img/bg-leftside.png) no-repeat;
        background-size: cover;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    .leftside::after {
        content: '';
        width: 370px;
        height: 419px;
        background: url(/img/leftside-icon.png) no-repeat;
        position: absolute;
        bottom: 0;
        left: -18px;
    }

    .leftside p, .leftside h4 {
        color: #fff;
    }

    .leftside p {
        text-shadow: 0px 3px 12px #00000029;
    }

    .leftside h4 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .modal .main {
        padding: 40px;
    }
    .modal label {
        color: #292930;
        font-size: 14px;
        line-height: 19px;
    }

    .modal .form-check-input {
        position: absolute;
        width: 23px;
        height: 23px;
        border: 1px solid #CCCCCC;
        border-radius: 3px;
    }

    .modal .iti, #newsletterModal {
        display: none;
    }

    .modal .form-check-label {
        padding-left: 30px;
        font-size: 12px;
        line-height: 24px;
    }

    #submitnewsletter {
        background-color: #F9AF43!important;
        width: 124px;
        height: 44px;
        padding: 0!important;
        line-height: 44px;
    }

    button#submitnewsletter:hover {
        background-color: #d99a55!important;
    }

    .close {
    opacity: 1;
    color: #000;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 40px;
    }

    a.close:hover {
        opacity: .2;
    }

    .modal h2 {
        font-size: 40px;
        line-height: 52px;
    }

    @media screen and (max-height: 750px) { 

        .modal-content {
            margin-top: 20px;
        }
    }

    @media screen and (max-height: 670px) { 

        .modal-content {
            margin-top: 0px;
        }
    }
    
    @media screen and (max-width: 1199px) {
        .ad-item,
        .rkt-item {
            min-height: auto
        }
        .ad-item__left,
        .rkt-item__left {
            padding-left: 0
        }
        .offers-block > div {
            padding-left: 15px;
            padding-right: 15px
        }
    }
    
    @media screen and (max-width: 767px) {
        .row.personal-offers,
        .row.business-offers {
            margin-right: -15px;
            margin-left: -15px
        }
        .row.personal-offers div.col-sm-4 {
            padding-right: 15px;
            padding-left: 15px
        }
        .business .row:last-child {
            border-left: none
        }
        .business .text-center:last-child .offer__item {
            margin-bottom: 30px
        }
        .section-banner .sub-header {
            margin-top: 0px
        }

        .modal .col-sm-6:first-child {
            margin-bottom: 15px!important;
        }
    }
    
    @media screen and (max-width: 600px) {
        .ad-item__left,
        .ad-item__right,
        .rkt-item__left,
        .rkt-item__right {
            display: block
        }
        .ad-item__left,
        .rkt-item__lef {
            padding-top: 10px
        }
        .ad-item__left .altLink,
        .rkt-item__left .altLink {
            margin: 0 auto
        }
        .close {
            right: auto;
            left: 25px;
            top:10px;
        }
    }
    
    .poll-box {
        padding-bottom: 20px
    }
    
    .PDS_Poll {
        width: 100%;
        overflow: hidden
    }
    
    .PDS_Poll .pds-box-outer {
        padding: 0
    }
    
    .PDS_Poll .pds-box {
        width: 100% !important;
        border: none !important;
        background: none !important
    }
    
    .corporate-company-header .corporate-company-logo {
        float: right
    }
    
    @media screen and (max-width: 991px) {
        .corporate-company-header {
            text-align: center
        }
        .corporate-company-header .corporate-company-logo {
            margin-top: 20px;
            float: none
        }
        .modal-content {
            max-width: 90vw;
            grid-template-columns: 1fr;
        }
    
        .leftside {
            display: none;
        }
    }
    
    .sf-menu .sub-current .sub-current .sub-current li a {
        padding-left: 20px
    }
    
    .sf-menu .sub-current .sub-current {
        left: 100%;
        top: -1px
    }
    
    .sf-menu .sub-current {
        right: 0;
        left: auto
    }
    
    @media (max-width: 1340px) {
        .sf-menu .sub-current ul {
            width: 180px
        }
        .sf-menu li.current:nth-last-child(1) > .sub-current .sub-current,
        .sf-menu li.current:nth-last-child(2)> .sub-current .sub-current {
            left: -180px;
            top: -1px
        }
        .sf-menu .sub-current .sub-current li a {
            padding-left: 15px
        }
        .sf-menu li.current:nth-last-child(1) .sub-page:hover .sf-with-ul:after,
        .sf-menu li.current:nth-last-child(2) .sub-page:hover .sf-with-ul:after {
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg)
        }
    }

    #pie1 p {
        text-align: left;
    }

    #newsletter .has-error {
        color: red;
    }

    #inputConsent-error {
        padding-left: 30px;
    }

    .grecaptcha-badge { 
        visibility: hidden;
    }