body{
    overflow-x:hidden;
    background-color:#FAFAFA;
    max-width: 100%;
}
.lgi-main-wrapper {
    overflow-x: hidden;
}

 .frostedBk{
    background-color:rgba(188,188,188,0.3)
}
.frostedBk h3, .frostedBk h2 {
    text-shadow: 0px 0px 2px #3d3d3d;
}
.frostedBk p {
    text-shadow: 0px 1px 2px #000;
}
 .vmwp-hero-title-box{
    position:absolute;
    bottom:-40px;
    width:40%;
    max-width:470px;
    padding:20px 20px 70px 80px
}
 .vmwp-hero-title-box h2{
    font-size:57px
}
 .vmwp-hero-title-box .richtext{
    max-width:320px
}


.vmwp-hero-title-box-wide {
    width:80%;
    max-width: 800px;
}
.vmwp-hero-title-box-wide h2 {
    font-size: 76px;
    line-height: 64px;
}
.vmwp-hero .vmwp-hero-title-box-wide picture img {
    width: 100%;
    padding: 0px 0px 25px 40px;
}
.vmwp-hero .vmwp-hero-title-box-wide .italic {
    font-family: 'VM Circular Black Italic',Arial,sans-serif;
}

.article-body .row {
    max-width: 960px;
    padding: 0 10% 0 4%;
}


 .gallery-cell{
    margin-right:10px
}
 .vmwp-hero{
    background-size:cover;
    position:relative;
    top:-15px
}
 .vmwp-hero picture{
    opacity:0
}
 .vmwp-hero picture img{
    width:100vw
}
 .vmwp-hero-bg{
    background-image:inherit;
    filter:blur(10px);
    width:103%;
    height:inherit;
    display:block;
    background-size:cover;
    position:absolute!important;
    top:0;
    left:-1.5%;
    z-index:-1
}
 .fpt-media-item h3{
    margin:20px 0 0 0;
    font-size:16px;
    color:#424242
}


 .owl-nav{
    right:0;
    float:right;
    margin-top:-5px;
    margin-right:-5px;
}
 .owl-prev,.owl-next{
    background-color:rgba(0,0,0,0.8);
    color:#fff;
    padding:7px 14px;
    display:inline-block;
    margin:0 1px
}
 .owl-controls{
    z-index:30;
    position:relative
}
 .owl-prev:after{
    content:"\f053";
    font-family:Fontawsome;
    font-size:12px
}
 .owl-next:after{
    content:"\f054";
    font-family:Fontawsome;
    font-size:12px
}


 .vm-hero-carousel .owl-nav{
    right:inherit;
    float:inherit;
    margin-top:inherit;
    margin-right:inherit;
}
 .vm-hero-carousel .owl-prev,.vm-hero-carousel .owl-next{
    background-color:transparent;
    color:inherit;
    padding:inherit;
    display:inherit;
    margin:inherit;
}
 .vm-hero-carousel .owl-controls{
    z-index:inherit;
    position:inherit;
}
 .vm-hero-carousel .owl-prev:after{
    content:"\f053";
    font-family:Fontawsome;
    font-size:inherit;
}
 .vm-hero-carousel .owl-next:after{
    display: none;
}
.owl-next:before {
    content: "\f105";
    font-family: FontAwsome;
    text-indent: 0;
    position: absolute;
    right: 12px;
    font-size: 50px;
    text-shadow: 1px 1px 2px rgba(150,150,150,1);
}
.vm-cards .owl-next:before,
.lazy-parent .owl-next:before{
    display: none;
}

.vm-cards .owl-controls {
    display: block!important;
}




.vm-card{
    width:100%;
	margin:10px 0; 
    display:flex;
    height:100%;
    background-size:cover;
	transition: all 1s ease;
}

.vm-card:hover {
	margin: 5px 0 15px 0;
}

.vm-card .card-header{
}
.vm-card .card-title h3 {
    margin: 0;
	font-size: 24px;
	font-weight: 900;
	font-family: 'VMCircularShout-Bold',Arial,sans-serif;
	line-height: 1.17;
}

.vm-card.sm-vm-card .card-title h3 {
    line-height: 28px;
    font-size: 26px;
}


.vm-card.vm-video-card .card-title h3 {
    line-height: 32px;
    font-size: 29px;
}

.vm-card .vm-card-content {
    width:100%;
    display:block;
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 21%,rgba(0,0,0,0.83) 100%);
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 21%,rgba(0,0,0,0.83) 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,0) 21%,rgba(0,0,0,0.83) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#d4000000',GradientType=0);
    bottom: 0;
    position: absolute;
    z-index: 0;
    padding: 50px 20px 25px 10%;
	transition: all 1s ease;
}



.chevron-right {
	text-align:center; 
	bottom: 25px; 
	position: absolute; 
	right: 30px;
	transition: all 1s ease;
}

.vm-card:hover .chevron-right {
right: 20px;

}

.vm-card .card-meta {
    font-size: 12px;
    padding-bottom: 15px;
    display: block;
    color:#fff;
}

.vm-card.sm-vm-card.vm-card-full .card-meta{
    display:none;
}

.vm-card-content {
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    padding: 0px 20px 35px 10%;
}

.vm-card.sm-vm-card.vm-card-full .vm-card-content {
    padding: 0px 20px 20px 10%;
}

.vm-card.sm-vm-card{
    background-size: auto!important;
    max-width: 95%;
    margin-bottom: 15px;
}

 .owl-carousel-cards .parsys{
    width:100%;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}
.owl-carousel-cards .owl-stage{ 
    left: -100px;

} 
 .vm-card{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex:1 0 auto;
    flex-direction:column;
    width:9999px;
    float:left;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    display:block;
    width:100%;
    background-size:cover!important;
    background-position:center top!important;
    position:relative;
    overflow:hidden;
    background:#fefff9;
	border: solid 1px #dedede;
    color:#fff;
    text-decoration:none;
	border-radius: 20px;
    background-color: #ccc;
}




/* ===== CARD:; image left variation ======= */
.vm-card.vm-card-left-img .vm-card-content {
    background: #fff;
    height: 100%;
    width: 66%;
    right: 0;
}
.vm-card.vm-card-left-img .card-title h3 {
    color: #5a5a5a;
    font-size: 18px;
    line-height: 27px;
}
.vm-card.vm-card-left-img .card-meta {
    color:#858585;
}
.vm-card-left-img .vm-card-content-inner {
    position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
    -webkit-transform: perspective(1px) translateY(-50%);
    -moz-transform: perspective(1px) translateY(-50%);
}
.vm-card.vm-card-left-img{
    background-size: contain!important;
    background-position: left top!important
}


.vm-card.vm-card-left-img.dark-var .vm-card-content {
    background: transparent;
    color:#fff;
}
.vm-card.vm-card-left-img.dark-var .vm-card-content h3,
.vm-card.vm-card-left-img.dark-var .vm-card-content span{
    color:#fff;
}


.vm-card-logo {
    position: absolute;
    max-width: 110px;
    right: 15px;
    top: 15px;
}

.owl-carousel .owl-stage-outer {
    overflow: visible!important;
}

.owl-carousel.vm-hero-carousel .owl-stage-outer {
    overflow: hidden!important;
}

.fpt-media-item img.lazy {
    background-color: #ccc;
}


/* ==== CARD: Video card ----- */
.vm-card .vm-play-video {
    width: 50px;
    height: 47px;
    display: block;
    position: absolute;
    left: calc(50% - 20px);
    top: 50%;
    transform: perspective(1px) translateY(-50%);
    -webkit-transform: perspective(1px) translateY(-50%);
    -moz-transform: perspective(1px) translateY(-50%);
    background-image: url(/content/dam/www-virginmedia-ie/img/PLAYER_PLECTRUM-RED_RGB.svg);
    background-size: cover;
    background-repeat: no-repeat;
}


/* ==== CARD: Image on top variation ----- */
/*.vm-card.vm-card-top-img {
    max-width: 270px;
    min-height: 370px;
} */
.vm-card.vm-card-top-img .vm-card-content {
    background: #fff;
    height: 45%;
}
.vm-card.sm-vm-card.vm-card-top-img .vm-card-content {
    height: 55%;
}

.vm-card.vm-card-top-img .card-title h3 {
    margin: 0;
    color: #636363;
    line-height: 20px;
    font-size: 16px;
}
.vm-card.vm-card-top-img .card-meta {
    color: #8f8f8f;
}

.vm-card.vm-card-top-img .vm-card-content {
    padding: 35px 20px 35px 10%;
}
.vm-card.sm-vm-card.vm-card-top-img .vm-card-content {
    padding: 30px 20px 35px 10%;
}


/* ==== CARD: Deck cards same size boxes ----- */
.deck-cards .vm-card{
    max-width: 270px;
}


.vm-cards.center-cards {
    text-align: center;
}

/* ==== Card Helper: Center align cards ----- */
.vm-cards.center-cards .vm-card {
    display: inline-block!important;
    float: none;
}
.vm-cards.center-cards .vm-card .vm-card-content {
    text-align:left;
}

.vm-cards.center-cards .parsys >div {
    display: inline;
}



/* ==== Article pages ----- */
/* ==== ||||||||||||| ----- */
/* ==== ||||||||||||| ----- */

.vm-article-header h1 {
    font-size: 59px;
    letter-spacing: -1px;
}
.vm-article-header .red {
    color:#F20000;
}
.vm-article-header .italic {
    font-family: 'VM Circular Black Italic',Arial,sans-serif;
}





.player-callout {
    display: table;
    width: 100%;
    float: left;
    padding: 35px 0;
}
.player-callout .co-logo {
    max-width: 180px;
}
.player-callout .left-col {
    display: table-cell;
    padding: 0 6% 0 0;
    vertical-align: middle;
}
.player-callout .right-col {
    border-left: 10px solid #ed0000;
    color: #ed0000;
    display: table-cell;
    padding: 0px 0 0 6%;
    vertical-align: top;
    font-size: 24px;
    line-height: 28px;
    font-family: 'VM Circular Bold',Arial,sans-serif;
}

.lead-text h2,
.lead-text h3,
.lead-text h4,
.lead-text h5,
.lead-text p {
    font-size: 26px;
    font-family: 'VM Circular Whisper',Arial,sans-serif;
    line-height: inherit;
}
.article-copy p {
    font-family: 'VM Circular Book',Arial,sans-serif;
    font-size: 19px;
    line-height: 29px;
    color: #404040;
}

.article-img-right .imageresponsive picture img{
    max-width: 99999999px!important;
}

ul.share-buttons {
    display: block;
    float: right;
    position: absolute;
    right: 30px;
    top: 45px;
	/* maz added for watch play aritcles 20-02-2019 */
	z-index: 1;
}
/*div#CQ ul.share-buttons {*/
body[id^="cq-gen"] ul.share-buttons { 
	position: relative;
    top: 0px;
}
a.ss-image-left {
}
.ss-image-right {
}

.ss-images {
    height: 545px;
    overflow: hidden;
}

.ss-image-left,
.ss-image-right{
    width: 50%;
    display: inline-block;
    float:left;
    height:100%;
    background-size:cover;
    background-position:top center;
    position: relative;
}

.ss-content {
    position: absolute;
    bottom: 0;
    padding: 100px 20px 25px 20px;
    color: #fff;
    width:100%;
    display:block;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 21%, rgba(0,0,0,0.83) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 21%,rgba(0,0,0,0.83) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 21%,rgba(0,0,0,0.83) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d4000000',GradientType=0 );
}
 .ss-content h4 {
    color: #fff;
    padding:0;
    margin:0;
    max-width:480px
    padding: 15px 0 0 0;
}
.ss-content .normal {
    color: #fff;
    padding:0;
    margin:0;
}

.ss-content .big {
    font-size:33px;
}

.ssleftlogo, .ssrightlogo {
    float: left;
    max-width: 30%;
    padding: 30px;
}

.vm-cards-three-row .vm-card.vm-video-card .card-title h3 {
    line-height: 18px;
    font-size: 22px;
}


 @media(max-width:700px){
    .vm-card{
        width:100%;
        min-height: 295px;
    }

    .vmwp-hero-title-box,
    .vmwp-hero-title-box-wide {
        width: 100%;
        max-width: 530px;
        padding: 15px 15px 20px 25px;
        position: relative;
        bottom:0;
    }

    .vmwp-hero-title-box p,
    .vmwp-hero-title-box .button,
    .vmwp-hero-bg{
        display:none;
    }

    .vmwp-hero-title-box .vmwp-hero-logo img{
        max-width:100px!important;
        opacity: 1;
        display: block;
    }

    .vmwp-hero-title-box .spacer{
        display:none;
    }

    .vmwp-hero-title-box h2{
        margin-bottom:0;
        font-size: 42px;
        line-height: 40px;
        margin-top:-25px;
    }
    .vmwp-hero {
        background-position: center;
    }
    .vmwp-hero picture {
        visibility: hidden;
    }



    .vm-card .card-title h3 {
        line-height: 27px;
        font-size: 24px;
    }
    .vm-card-logo {
        max-width: 75px;
    }
    .owl-carousel-cards .owl-stage {
        left: -30px;
    }
    .owl-carousel-cards .owl-controls {
       /* display: block; */
    }

    .owl-carousel-cards .owl-nav {
        margin-top: -56px;
    }


    .player-callout {
        padding: 20px 0;
    }
    .player-callout .co-logo {
        display: none;
    }
    .player-callout .left-col {
        display: table-cell;
        padding: 0 6% 0 0;
        vertical-align: middle;
    }
    .player-callout .right-col {
        border-left: 6px solid #ed0000;
        font-size: 22px;
        line-height: 26px;
    }

    .ss-image-left, .ss-image-right {
        width: 100%;
        height: 50%;
    }


}


 @media(min-width:700px){
    .vm-card{
        /* max-width:470px; */
        min-height:370px;
    }

    .vm-cards-three-row .vm-card.vm-video-card{
        max-width:470px;
        min-height:255px;
    }
    .vm-card.sm-vm-card {
        min-height: 315px;
    }
     .vm-card:nth-child(even){
        margin-right:0;
    }
    .vmwp-hero {
        background-image: none!important;
    }

    .vm-article-header h1 {
        margin-left: 45px;
    }

}


 @media(min-width:980px){
    .vm-card:nth-child(even){
        margin-right:20px;
    }
     .vm-card:nth-child(3n){
        margin-right:0;
    }
}


 @media(max-width:1024px){
    .owl-carousel-cards .owl-stage {
        left: -50px;
    }
    .vm-card {
        min-height: 285px;
        /*max-width: 360px;*/
    }
}



/* for Author mode only */
.ext-gecko .vm-card,
.ext-strict .vm-card {
    display:block;
    width:100%;
    max-width:250px;
}




 @media(max-width:700px){
    .vm-channels {
        position: relative;
        display: block;
        padding-left: 0;
    }
    .vm-channels:before {
        transform: rotate(0deg);
        position: relative;
        left: inherit;
        text-align: center;
        top: inherit;
        padding: 10px 0;
    }
    .vm-card.vm-video-card .card-title h3 {
        line-height: 27px;
        font-size: 22px;
    }
}