/* -------------------- General Styles -------------------- */

/*------------------ Generic Grid Styles -------------------*/
/* --- None --- */
.bgStyleNone { background: #fff; }
.bgStyleNone h2 { color: #3e3e3e; }
/* --- Grey Solid Colour --- */
.bgStyle1 { background: #e5e5e5; /*border-top:1px solid #fff;*/ border-bottom: 1px solid #fff; }
.bgStyle1 h2 { color: #3e3e3e; }
/* --- Light Grey Gradient --- */
.bgStyle2 { background: url('/assets/common/images/long/backgrounds/grey-grad.png') top repeat-x #f5f5f5; /*border-top:1px solid #cbcbcb;*/ border-bottom: 1px solid #fff; }
.bgStyle2 h2 { color: #3e3e3e; }
/* --- Dark Solid Colour --- */
.bgStyle3 { background: #181818; }
.bgStyle3 h2, .bgStyle3 h3, .bgStyle3 p { color: #fff; }
.bgStyle3.slimSubFooter p, .bgStyle3.fullSubFooter p { color: #fff; }
/* --- Dark Grey Gradient --- */
.bgStyle4 { background: url('/assets/common/images/long/backgrounds/dark-grey-grad.png') top repeat-x #e5e5e5; /*border-top:1px solid #cbcbcb;*/ border-bottom: 1px solid #fff; }
.bgStyle4 h2 { color: #3e3e3e; }
/* --- Sparkly Grey Image --- */
.bgStyle5 { background: url('/assets/common/images/long/backgrounds/freeticket-bg.jpg') top repeat-x #f5f5f5; /*border-top:1px solid #cbcbcb;*/ border-bottom: 1px solid #fff; }
.bgStyle5 h2 { color: #3e3e3e; }
/* --- Madrid Image --- */
.bgStyle6 { background: url('/assets/common/images/long/backgrounds/madrid-bg.jpg') top repeat-x #f5f5f5; /*border-top:1px solid #fff;*/ border-bottom: 1px solid #fff; }
.bgStyle6 h2 { color: #3e3e3e; }
/* --- Dream Team Collection Image --- */
.bgStyle7 { background: url('/assets/common/images/long/backgrounds/dtc_background.jpg') top repeat-x #f5f5f5; /*border-top:1px solid #fff;*/ border-bottom: 1px solid #fff; }
.bgStyle7 h2 { color: #3e3e3e; }
/* --- Light Grey Solid Colour --- */
.bgStyle8 { background: #f5f5f5; border-bottom: 1px solid #fff; }
.bgStyle8 h2 { color: #3e3e3e; }
/* --- Black Solid Colour --- */
.bgStyle9 { background: #000; }
.bgStyle9 h2, .bgStyle9 h3 { color: #fff; }
/* --- Series Globe Image --- */
.bgStyle10 { background: url('/assets/common/images/long/backgrounds/globe.png') top no-repeat #e5e5e5; /*border-top:1px solid #fff;*/ border-bottom: 1px solid #fff; }
.bgStyle10 h2 { color: #3e3e3e; }
/* --- Hero Background - Off White --- */
.bgStyle11 { background: #f9f9f9; }
.bgStyle11 h2 { color: #3e3e3e; }
/* --- Storm / Power-up --- */
.bgStyle12 { background: #ffffff; }
.bgStyle12 h2 { color: #3e3e3e; }
/* --- Power-Up Hexagon bg --- */
.bgStyle13 { background-image: url('/assets/common/images/power-up/hexagon.png'); }
.bgStyle13 h2 { color: #3e3e3e; }
/* --- Stars Rewards --- */
.bgStyle14 { background: url('/assets/common/images/long/backgrounds/stars-reward-bg.jpg') no-repeat center; background-size:cover} 
.bgStyle14 h1, .bgStyle14 h2, .bgStyle14 h3, .bgStyle14 p {color:#fff !important}
/* --- Text --- */
.red { color: #bc2228; }

/* --- Links --- */
a { color: #1B7F8D; }
a:hover { color: #56B4C3; text-decoration: underline; }
.featuredLink { font-weight: bold !important; }

/* --- Positions --- */
.left { text-align: left; }
.right { text-align: right; }

/* --- Header Reset --- */
#siteHeader { margin-bottom: 0px !important; }

/* --- Universal JS Clock --- */
.universalClock { background-color: #272727; color: #FFF; display: inline-block; padding: 6px 0; text-align: center; width: 100%; font-family: 'Roboto Condensed' ,Arial,Helvetica,sans-serif; font-size: 12px; }

/*Global Video Classes*/
.BrightcoveExperience { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
video, #bcVideo { height: 100% !important; width: 100% !important; }

/* ---------------------- Section Header --------------------- */
.section-header { background: url('/assets/common/images/layout/section-header/responsive/section-header-spade.gif') no-repeat 84% 0 #222; padding: 19px 0; border-bottom: 1px solid #444; }
.section-header p { font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; padding: 0; margin: 0; color: #fff; }
.section-header span { display: block; }

@media (max-width:767px) {
    .section-header { display: none; }
}
@media (min-width:768px) {
    .section-header span.line1 { font-size: 30px; }
    .section-header span.line2 { font-size: 15px; }
}
@media (min-width:992px) {
    .section-header span.line1 { font-size: 30px; }
    .section-header span.line2 { font-size: 15px; }
}
@media (min-width:1200px) {
    .section-header span.line1 { font-size: 36px; }
    .section-header span.line2 { font-size: 18px; }
}

/* ------------------------ Social Bar ---------------------- */
.social-bar { font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; padding: 14px 0 20px 0; }
.social-bar p { font-size: 24px; margin: 0; text-align: center; }
.socialIcon { background: url(/assets/common/images/layout/responsive/social/sprite-social-media.png) no-repeat; height: 37px; display: block; float: left; margin: 0 10px; }

/*.socialIcons a:last-child .socialIcon {margin-right:0}*/
.socialIcon.facebookIcon { width: 16px; background-position: -3px 0; }
.socialIcon.facebookIcon:hover { background-position: -40px 0; }
.socialIcon.twitterIcon { width: 31px; background-position: -3px -37px; }
.socialIcon.twitterIcon:hover { background-position: -40px -37px; }
.socialIcon.instagramIcon { width: 31px; background-position: -3px -74px; }
.socialIcon.instagramIcon:hover { background-position: -40px -74px; }
.socialIcon.youtubeIcon { width: 27px; background-position: -3px -111px; }
.socialIcon.youtubeIcon:hover { background-position: -40px -111px; }
.socialIcon.googleIcon { width: 31px; background-position: -3px -148px; }
.socialIcon.googleIcon:hover { background-position: -40px -148px; }
.socialIcon.twitchIcon { width: 29px; background-position: -3px -185px; }
.socialIcon.twitchIcon:hover { background-position: -40px -185px; }
.socialIcon.vkIcon { width: 31px; background-position: -3px -222px; }
.socialIcon.vkIcon:hover { background-position: -40px -222px; }

.socialIcon { display: table; }
.socialIcons { margin: 15px auto auto; display: table-cell; text-align: center; }
.socialIcons a { display: inline-block; padding-top: 6px; }

@media (max-width:767px) {
    .socialIcon { margin: 0 10px; }
    /*.socialIcons {float:none; margin:15px auto auto; display:table}
        .social-bar p {font-size:24px; margin:0; text-align:center}*/
}
@media (min-width:768px) {
    .socialIcon { margin: 0 20px; }
    /*.socialIcons {float:none;margin:15px auto auto; display:table}
        .social-bar p {font-size:24px; margin:0; text-align:center}*/
}
@media (min-width:992px) {
    .socialIcon { margin: 0 20px; }
    /*.socialIcons {float:right; margin:0; display:block}
        .social-bar p {font-size:24px; margin:0; text-align:left}*/
}
@media (min-width:1200px) {
    .socialIcon { margin: 0 20px; }
    /*.socialIcons {float:right; margin:0; display:block}
        .social-bar p {font-size:24px; margin:0; text-align:left}*/
}

/* --------------------- Header Rotator --------------------- */
.header-rotator-grid #cmsRotator { width: 100%; height: 160px; position: relative; }
.header-rotator-grid #cmsRotator div.slide { display: none; width: 100%; position: absolute; }
.header-rotator-grid #cmsRotator div.option { height: 160px; max-width: 1650px; background-position: center 0; background-size: cover; background-repeat: no-repeat; margin: auto; }
.header-rotator-grid #cmsRotator .bHolder { font-size: 0.9em; left: 50%; position: absolute; top: 54%; z-index: 7 !important; display: none; text-align: center; padding: 0px !important; }
.header-rotator-grid #cmsRotator .bHolder a { background-color: #262626; color: #000; float: left; height: 9px; margin-right: 3px; margin-left: 3px; outline: medium none; overflow: hidden; text-decoration: none; width: 9px; }
.header-rotator-grid #cmsRotator span#bHolder.bHolder a.selected { background: #E41E26; color: #FFF; }

.header-rotator-grid #cmsRotator { height: 366px; }
.header-rotator-grid .headerContentWrap { padding: 18px 0 5px; }
.header-rotator-grid .headerContentWrap h1 { margin: 0 0 20px 0; font-size: 24px; font-weight: 400; }
.header-rotator-grid .headerContentWrap .paragraph p { margin: 0 0 30px 0; font-size: 18px; font-weight: 400; }
.header-rotator-grid .headerContentWrap .button, .sub-footer-grid .highlightButtons { padding-bottom: 25px; }
.header-rotator-grid .headerContentWrap .greenButton, .header-rotator-grid .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton { font-size: 18px; display: inline-block; }

@media (min-width:677px) and (max-width:767px) {
    .header-rotator-grid #cmsRotator { height: 406px; }
    .header-rotator-grid #cmsRotator div.option { height: 200px; }
}
@media (min-width:768px) {
    .header-rotator-grid #cmsRotator .bHolder { display: block; top: 48%; }
    .header-rotator-grid #cmsRotator { height: 481px; }
    .header-rotator-grid #cmsRotator div.option { height: 250px; }
    .header-rotator-grid .headerContentWrap { padding: 18px 0 5px; }
    .header-rotator-grid .headerContentWrap h1 { margin: 0 0 20px 0; font-size: 30px; font-weight: 400; }
    .header-rotator-grid .headerContentWrap .paragraph p { margin: 0 0 30px 0; font-size: 18px; font-weight: 400; }
    .header-rotator-grid .headerContentWrap .button, .sub-footer-grid .highlightButtons { padding-bottom: 25px; }
    .header-rotator-grid .headerContentWrap .greenButton, .header-rotator-grid .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton { font-size: 24px; display: inline-block; }
}
@media (min-width:992px) {
    .header-rotator-grid #cmsRotator { height: 512px; }
    .header-rotator-grid #cmsRotator div.option { height: 275px; }
    .header-rotator-grid #cmsRotator .bHolder { top: 49%; }
    .header-rotator-grid .headerContentWrap { padding: 18px 0 5px; }
    .header-rotator-grid .headerContentWrap h1 { margin: 0 0 20px 0; font-size: 36px; font-weight: 400; }
    .header-rotator-grid .headerContentWrap .paragraph p { margin: 0 0 30px 0; font-size: 24px; font-weight: 400; }
    .header-rotator-grid .headerContentWrap .button, .sub-footer-grid .highlightButtons { padding-bottom: 25px; }
    .header-rotator-grid .headerContentWrap .greenButton, .header-rotator-grid .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton { font-size: 24px; display: inline-block; }
}
@media (min-width:1200px) {
    .header-rotator-grid #cmsRotator { height: 588px; }
    .header-rotator-grid #cmsRotator div.option { height: 340px; }
    .header-rotator-grid #cmsRotator .bHolder { top: 54%; }
    .header-rotator-grid .headerContentWrap { padding: 18px 0 5px; }
    .header-rotator-grid .headerContentWrap h1 { margin: 0 0 20px 0; font-size: 36px; font-weight: 400; }
    .header-rotator-grid .headerContentWrap .paragraph p { margin: 0 0 30px 0; font-size: 24px; font-weight: 400; }
    .header-rotator-grid .headerContentWrap .button, .sub-footer-grid .highlightButtons { padding-bottom: 25px; }
    .header-rotator-grid .headerContentWrap .greenButton, .header-rotator-grid .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton { font-size: 24px; display: inline-block; }
}

/* --------------------- Header Rotator Legacy --------------------- */
.header-rotator-grid-legacy #cmsRotator { width: 100%; height: 160px; position: relative; }
.header-rotator-grid-legacy #cmsRotator div.slide { display: none; width: 100%; position: absolute; }
.header-rotator-grid-legacy #cmsRotator div.option { height: 160px; max-width: 1650px; background-position: center 0; background-size: cover; background-repeat: no-repeat; margin: auto; }
.header-rotator-grid-legacy #cmsRotator .bHolder { font-size: 0.9em; left: 50%; position: absolute; top: 38%; z-index: 7 !important; text-align: center; height: 25px; padding: 0px !important; }
.header-rotator-grid-legacy #cmsRotator .bHolder a { background-color: #EFEFEF; color: #000; border-radius: 12px 12px 12px 12px; border: 2px solid #999999; float: left; height: 12px; margin-right: 3px; margin-left: 3px; outline: medium none; overflow: hidden; text-decoration: none; width: 12px; }
.header-rotator-grid-legacy #cmsRotator span#bHolder.bHolder a.selected { background: #BC2228; border: 2px solid #BC2228; }

.header-rotator-grid-legacy #cmsRotator { height: 376px; }
.header-rotator-grid-legacy .headerContentWrap { padding: 18px 0 5px; height: 216px; }
.header-rotator-grid-legacy .headerContentWrap p.heading { font-size: 24px; font-weight: 400; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; margin: 0; }
.header-rotator-grid-legacy .headerContentWrap .paragraph p { font-size: 18px; font-weight: 400; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; width: 100%; margin: auto; }
.header-rotator-grid-legacy .headerContentWrap .button, .header-rotator-grid-legacy .highlightButtons { padding-bottom: 25px; }
.header-rotator-grid-legacy .headerContentWrap .greenButton, .header-rotator-grid-legacy .headerContentWrap .greyButton, .header-rotator-grid-legacy .headerContentWrap .btn-ps-red, .header-rotator-grid-legacy .headerContentWrap .duelButton { font-size: 18px; display: inline-block; }
.header-rotator-grid-legacy .headerContentWrap .paragraph { display: table-cell; height: 85px; vertical-align: middle; padding-bottom: 5px; }

@media (min-width:677px) and (max-width:767px) {
    .header-rotator-grid-legacy #cmsRotator { height: 406px; }
    .header-rotator-grid-legacy #cmsRotator div.option { height: 200px; }
    .header-rotator-grid-legacy #cmsRotator .bHolder { top: 44%; }
}
@media (min-width:768px) {
    .header-rotator-grid-legacy #cmsRotator .bHolder { display: block; top: 48%; height: 25px; }
    .header-rotator-grid-legacy #cmsRotator { height: 485px; }
    .header-rotator-grid-legacy #cmsRotator div.option { height: 250px; }
    .header-rotator-grid-legacy #cmsRotator .bHolder { top: 47%; }
    .header-rotator-grid-legacy .headerContentWrap { padding: 18px 0 5px; height: 235px; }
    .header-rotator-grid-legacy .headerContentWrap p.heading { margin: 0; font-size: 30px; font-weight: 400; }
    .header-rotator-grid-legacy .headerContentWrap .paragraph { display: table-cell; height: 85px; vertical-align: middle; padding-bottom: 5px; }
    .header-rotator-grid-legacy .headerContentWrap .paragraph p { width: 100%; margin: auto; font-size: 18px; font-weight: 400; }
    .header-rotator-grid-legacy .headerContentWrap .button, .header-rotator-grid-legacy .highlightButtons { padding-bottom: 25px; }
    .header-rotator-grid-legacy .headerContentWrap .greenButton, .header-rotator-grid-legacy .headerContentWrap .greyButton, .header-rotator-grid-legacy .headerContentWrap .btn-ps-red, .header-rotator-grid-legacy .headerContentWrap .duelButton { font-size: 24px; display: inline-block; }
}
@media (min-width:992px) {
    .header-rotator-grid-legacy #cmsRotator { height: 519px; }
    .header-rotator-grid-legacy #cmsRotator div.option { height: 275px; }
    .header-rotator-grid-legacy #cmsRotator .bHolder { top: 49%; }
    .header-rotator-grid-legacy .headerContentWrap { padding: 18px 0 5px; height: 244px; }
    .header-rotator-grid-legacy .headerContentWrap p.heading { margin: 0; font-size: 36px; font-weight: 400; }
    .header-rotator-grid-legacy .headerContentWrap .paragraph p { margin: 0; font-size: 24px; font-weight: 400; }
    /*.header-rotator-grid-legacy .headerContentWrap h1 {margin:0 0 20px 0; font-size:36px; font-weight:400}*/
    .header-rotator-grid-legacy .headerContentWrap .button, .header-rotator-grid-legacy .highlightButtons { padding-bottom: 25px; }
    .header-rotator-grid-legacy .headerContentWrap .greenButton, .header-rotator-grid-legacy .headerContentWrap .greyButton, .header-rotator-grid-legacy .headerContentWrap .btn-ps-red, .header-rotator-grid-legacy .headerContentWrap .duelButton { font-size: 24px; display: inline-block; }
}
@media (min-width:1200px) {
    .header-rotator-grid-legacy #cmsRotator { height: 584px; }
    .header-rotator-grid-legacy #cmsRotator div.option { height: 340px; }
    .header-rotator-grid-legacy #cmsRotator .bHolder { top: 54%; }
    .header-rotator-grid-legacy .headerContentWrap { padding: 18px 0 5px; }
    /*.header-rotator-grid-legacy .headerContentWrap h1 {margin:0 0 20px 0; font-size:36px; font-weight:400}
        .header-rotator-grid-legacy .headerContentWrap .paragraph p {margin:0 0 30px 0; font-size:24px; font-weight:400}*/
    .header-rotator-grid-legacy .headerContentWrap .button, .header-rotator-grid-legacy .highlightButtons { padding-bottom: 25px; }
    .header-rotator-grid-legacy .headerContentWrap .greenButton, .header-rotator-grid-legacy .headerContentWrap .greyButton, .header-rotator-grid-legacy .headerContentWrap .btn-ps-red, .header-rotator-grid-legacy .headerContentWrap .duelButton { font-size: 24px; display: inline-block; }
}

/* --------------------- Image carousel --------------------- */
.image-carousel { padding: 40px 0 60px; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; }
.image-carousel h1, .image-carousel h2 { text-align: center; margin: 0; font-size: 26px; font-weight: 400; }
.image-carousel #promotionsHP { margin: auto; margin-top: 30px; }
.image-carousel p { color: #7B7B7B; font-weight: 100; font-size: 18px; text-align: center; margin: 25px 0 0; }

.image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited, .image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited { background: url('../../images/layout/general/promoarrows.png') no-repeat scroll 0 0 transparent; cursor: pointer; height: 40px; position: absolute; top: 62px; width: 19px; }
.image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited { background-position: 0 0; left: 0; }
.image-carousel a#arrowLeft:hover { background-position: 0 -80px; }
.image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited { background-position: 0 -39px; right: 0; }
.image-carousel a#arrowRight:hover { background-position: 0 -119px; }

@media (max-width: 360px) {
    .image-carousel #promotionsHP { width: 260px; }
    .image-carousel #promotionsHP .paneTest { height: 179px; overflow: hidden; position: relative; width: 100%; }
    .image-carousel #promotionsHP .paneTest .pane { display: block; float: left; width: 260px; }
    .image-carousel #promotionsHP .paneTest img { max-width: 260px; height: auto; }
    .image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited, .image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited { top: 60px; }
}
@media (min-width: 361px) {
    .image-carousel p { font-size: 18px; }
    .image-carousel { padding: 30px 0 45px; }
    .image-carousel #promotionsHP { width: 320px; }
    .image-carousel #promotionsHP .paneTest { height: 179px; overflow: hidden; position: relative; width: 100%; }
    .image-carousel #promotionsHP .paneTest .pane { display: block; float: left; width: 320px; }
    .image-carousel #promotionsHP .paneTest img { max-width: 320px; height: auto; }
    .image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited, .image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited { top: 75px; }
    .image-carousel p { color: #7B7B7B; font-weight: 100; font-size: 18px; text-align: center; margin: 25px 0 0; }
}
@media (min-width:768px) {
    .image-carousel h1, .image-carousel h2 { font-size: 36px; }
    .image-carousel #promotionsHP { width: 100%; }
    .image-carousel #promotionsHP .paneTest { height: 200px; overflow: hidden; position: relative; width: 100%; }
    .image-carousel #promotionsHP .paneTest .pane { display: block; float: left; width: 359px; }
    .image-carousel #promotionsHP .paneTest img { max-width: 359px; height: auto; padding-right: 4px; }
    .image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited, .image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited { top: 85px; }
    .image-carousel p { font-size: 18px; }
}
@media (min-width:992px) {
    .image-carousel h1, .image-carousel h2 { font-size: 36px; }
    .image-carousel #promotionsHP { width: 100%; }
    .image-carousel #promotionsHP .paneTest { height: 175px; overflow: hidden; position: relative; width: 100%; }
    .image-carousel #promotionsHP .paneTest .pane { display: block; float: left; width: 315px; }
    .image-carousel #promotionsHP .paneTest img { max-width: 315px; height: auto; padding-right: 4px; }
    .image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited, .image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited { top: 70px; }
    .image-carousel p { font-size: 20px; }
}
@media (min-width:1200px) {
    .image-carousel h1, .image-carousel h2 { font-size: 36px; }
    .image-carousel #promotionsHP { width: 100%; }
    .image-carousel #promotionsHP .paneTest { height: 157px; overflow: hidden; position: relative; width: 100%; }
    .image-carousel #promotionsHP .paneTest .pane { display: block; float: left; width: 286px; }
    .image-carousel #promotionsHP .paneTest img { max-width: 286px; height: auto; padding-right: 4px; }
    .image-carousel a#arrowLeft:link, .image-carousel a#arrowLeft:visited, .image-carousel a#arrowRight:link, .image-carousel a#arrowRight:visited { top: 62px; }
    .image-carousel p { font-size: 20px; }
}
/* -------------------- Header Image Grid -------------------- */
.header-image-wrapper { width: 100%; }
.header-image-grid { background-size: cover; height: 400px; background-position: center 0; }
.header-image-grid .table { display: table; height: 100%; margin: auto; }
.header-image-grid .cell { display: table-cell; vertical-align: middle; }
.header-image-grid .heading { font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; }
.header-image-grid .blackBG { background: none repeat scroll 0 0 rgba(1, 1, 1, 0.7); padding: 8px 15px; font-size: 42px; font-weight: 400; display: inline-block; line-height: 30px; }
.header-image-grid .whiteBG { font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); padding: 6px 15px; font-size: 32px; display: block; float: left; }
.header-image-grid .break { clear: both; display: block; }
.header-image-grid a { font-size: 30px; margin: 20px 0 0px 0; display: inline-block; }
.header-image-grid p { margin: 0; }
.header-image-grid h1 { margin: 0px; }
.header-image-grid .greenButton, .header-image-grid .greyButton, .header-image-grid .btn-ps-red, .header-image-grid .duelButton { font-size: 18px; }
.header-image-wrapper .footContent { background: #434247; color: #FFF; text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; }
.header-image-wrapper .footContent p { margin: 0px; padding: 15px 0px; font-weight: 300; font-size: 16px; }

.header-image-grid.imageOnly { height: auto !important; background-image: none; }
.header-image-grid.imageOnly h1 { text-align: center; color: #3E3E3E; font-weight: normal; font-size: 26px; }
.header-image-grid.imageOnly .button { text-align: center; }
.header-image-grid.imageOnly .table { padding: 20px 0 30px 0; }
.header-image-grid.imageOnly .cell { padding: 0; }

/*---Slim Header---*/
.header-image-wrapper .header-image-grid.slimHeader { height: 160px; background-position: center 0px; }
.header-image-wrapper .headerContentWrap { padding: 18px 0 5px; background-color: #fff; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; }
.header-image-wrapper .headerContentWrap h1 { margin: 0 0 20px 0; font-size: 24px; font-weight: 400; text-align: center; color: #333333; }
.header-image-wrapper .headerContentWrap .paragraph { margin: 0 0 30px 0; font-size: 18px; font-weight: 400; text-align: center; color: #333333; }
.header-image-wrapper .headerContentWrap .paragraph p { margin: 0; }
.header-image-wrapper .headerContentWrap .button, .sub-footer-grid.slimSubFooter .highlightButtons { padding-bottom: 25px; text-align: center; }
.header-image-wrapper .headerContentWrap .greenButton, .header-image-wrapper .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton { font-size: 18px; display: inline-block; }

@media (max-width:767px) {
    .header-image-grid { height: 390px; }
    .header-image-grid .blackBG { font-size: 26px; display: inline-block; float: none; line-height: 30px; }
    .header-image-grid .whiteBG { font-size: 18px; display: inline-block; float: none; }
    .header-image-grid .container { text-align: center; }
    .header-image-grid h1 { margin: 0px; }
    .header-image-grid .cell { display: table-cell; vertical-align: bottom; padding-bottom: 20px; }

    .header-image-grid.standardHeader .container { text-align: left; }
    .header-image-grid.standardHeader .cell { vertical-align: middle; padding-bottom: 0; }
    .header-image-grid.standardHeader .blackBG { font-size: 22px; display: inline-block; float: none; line-height: 30px; }
    .header-image-grid.standardHeader .whiteBG { font-size: 9px; display: inline-block; float: none; }

    /*---Slim Header---*/
    .header-image-wrapper .header-image-grid.slimHeader { height: 160px; background-position: center 0px; }
}
@media (min-width:677px) and (max-width:768px) {
    /*---Slim Header---*/
    .header-image-wrapper .header-image-grid.slimHeader { height: 200px; background-position: center 0px; }
}
@media (min-width:442px) and (max-width:991px) {
    .header-image-grid.imageOnly h1 { text-align: center; color: #3E3E3E; font-weight: normal; font-size: 30px; }
    .header-image-grid.imageOnly .button { text-align: center; }
    .header-image-grid.imageOnly .table { padding: 20px 0 30px 0; }
    .header-image-grid.imageOnly .cell { padding: 0; }
    .header-image-grid .greenButton, .header-image-grid .greyButton, .header-image-grid .btn-ps-red, .header-image-grid .duelButton { font-size: 24px; }
}
@media (min-width:768px) {
    .header-image-grid { height: 340px; }
    .header-image-grid .blackBG { font-size: 34px; line-height: 40px; }
    .header-image-grid .whiteBG { font-size: 18px; }
    .header-image-grid .greenButton, .header-image-grid .greyButton, .header-image-grid .btn-ps-red, .header-image-grid .duelButton { font-size: 24px; }
    .header-image-grid h1 { margin: 0px; }
    .header-image-wrapper .footContent p { font-size: 18px; }

    /*---Slim Header---*/
    .header-image-wrapper .header-image-grid.slimHeader { height: 250px; background-position: center 0px; }
    .header-image-wrapper .headerContentWrap h1 { margin: 0 0 20px 0; font-size: 30px; font-weight: 400; }
    .header-image-wrapper .headerContentWrap .paragraph { margin: 0 0 30px 0; font-size: 18px; font-weight: 400; }
    .header-image-wrapper .headerContentWrap .greenButton, .header-image-wrapper .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton { font-size: 24px; }
}
@media (min-width:992px) {
    .header-image-grid { height: 400px; }
    .header-image-grid .blackBG { font-size: 42px; line-height: 50px; }
    .header-image-grid .whiteBG { font-size: 22px; }
    .header-image-grid .greenButton, .header-image-grid .greyButton, .header-image-grid .btn-ps-red, .header-image-grid .duelButton { font-size: 24px; }
    .header-image-grid h1 { margin: 0px; }
    .header-image-wrapper .footContent p { font-size: 18px; }

    .header-image-grid.imageOnly h1 { text-align: center; color: #3E3E3E; font-weight: normal; font-size: 30px; }
    .header-image-grid.imageOnly .button { text-align: center; }
    .header-image-grid.imageOnly .table { padding: 20px 0 30px 0; }

    /*---Slim Header---*/
    .header-image-wrapper .header-image-grid.slimHeader { height: 275px; background-position: center 0px; }
    .header-image-wrapper .headerContentWrap h1 { margin: 0 0 20px 0; font-size: 36px; font-weight: 400; }
    .header-image-wrapper .headerContentWrap .paragraph { margin: 0 0 30px 0; font-size: 22px; font-weight: 400; }
    .header-image-wrapper .headerContentWrap .greenButton, .header-image-wrapper .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton { font-size: 24px; }
}
@media (min-width:1200px) {
    .header-image-grid { height: 440px; }
    .header-image-grid .greenButton, .header-image-grid .greyButton, .header-image-grid .btn-ps-red, .header-image-grid .duelButton { font-size: 24px; }
    .header-image-grid h1 { margin: 0px; }
    .header-image-grid { background-color: #000; background-size: cover; background-repeat: no-repeat; max-width: 1650px; margin: auto; }
    .header-image-wrapper .footContent p { font-size: 20px; }

    .header-image-grid.imageOnly h1 { text-align: center; color: #3E3E3E; font-weight: normal; font-size: 36px; }
    .header-image-grid.imageOnly .button { text-align: center; }
    .header-image-grid.imageOnly .table { padding: 20px 0 30px 0; }
    .header-image-grid.imageOnly { max-width: 3000px !important; }

    /*---Slim Header---*/
    .header-image-wrapper .header-image-grid.slimHeader { height: 340px; background-position: center 0px; }
    .header-image-wrapper .headerContentWrap { padding: 18px 0 5px; }
    .header-image-wrapper .headerContentWrap h1 { margin: 0 0 20px 0; font-size: 36px; font-weight: 400; }
    .header-image-wrapper .headerContentWrap .paragraph { margin: 0 0 30px 0; font-size: 24px; font-weight: 400; }
    .header-image-wrapper .headerContentWrap .button, .sub-footer-grid.slimSubFooter .highlightButtons { padding-bottom: 25px; }
    .header-image-wrapper .headerContentWrap .greenButton, .header-image-wrapper .headerContentWrap .greyButton, .header-image-wrapper .headerContentWrap .btn-ps-red, .header-image-wrapper .headerContentWrap .duelButton { font-size: 24px; }
}

/* -------------------- Categories Grid ---------------------- */
.categories-grid { padding: 40px 0 45px; font-family: 'Roboto Condensed' ,Arial,Helvetica,sans-serif; }
.categories-grid h1, .categories-grid h2 { text-align: center; margin: 0 0 40px 0; font-size: 26px; font-weight: 400; }
.categories-grid p.sectionHeading { font-family: 'Roboto Condensed' ,Arial,Helvetica,sans-serif; font-size: 28px; font-weight: normal; color: #3e3e3e; }
.categories-grid p { color: #7B7B7B; font-weight: 100; font-size: 14px; }
.categories-grid .button { text-align: center; padding-top: 35px; }
.categories-grid .greenButton, .categories-grid .greyButton, .categories-grid .btn-ps-red, .categories-grid .duelButton { font-size: 18px; display: inline-block; }
.categories-grid .highlightButtons { text-align: center; padding-top: 35px; }
.categories-grid .paragraph { margin-bottom: 30px; font-size: 18px; text-align: center; }

@media (max-width: 441px) {
    .categories-grid { padding: 40px 0 45px; }
    /*.categories-grid img {width:220px}*/
    .categories-grid .category { text-align: center; padding-bottom: 50px; }
    .categories-grid .categoryLast { padding-bottom: 0; }
    .categories-grid p.sectionHeading { font-size: 20px; }
    .categories-grid p { font-size: 14px; }
    .categories-grid .paragraph p { margin-bottom: 30px; font-size: 18px; }
    .categories-grid h2 { margin: 0 0 10px 0; }
}
@media (min-width:442px) and (max-width:991px) {
    .categories-grid .greenButton, .categories-grid .greyButton, .categories-grid .btn-ps-red, .categories-grid .duelButton { font-size: 24px; }
    .categories-grid .categoryImage, .categories-grid .categoryContent { float: left; width: 50%; }
    .categories-grid .categoryImage { padding-right: 15px; text-align: center; }
    .categories-grid .category { text-align: left; }
    /* .categories-grid .categoryImage img {width:100%; max-width:250px}  */
    .categories-grid p.sectionHeading { font-size: 22px; margin-top: 0; }
    .categories-grid p { font-size: 18px; }
    .categories-grid h1, .categories-grid h2 { font-size: 30px; }
    .categories-grid .category { padding-bottom: 10px; }
}
@media (max-width:767px) {
    .categories-grid .highlightButtons .apple { margin: 0 0 5px 0; display: block; }
    .categories-grid .highlightButtons .android { margin: 5px 0 0 0; display: block; }
    /*.categories-grid .categoryImage img {height:auto; max-width:288px; width:100%}*/
    .categories-grid h2 { margin: 0 0 10px 0; }
}
@media (min-width:768px) {
    .categories-grid { padding: 48px 0 60px 0; }
    .categories-grid .greenButton, .categories-grid .greyButton, .categories-grid .btn-ps-red, .categories-grid .duelButton { font-size: 24px; }
    .categories-grid .paragraph { margin-bottom: 30px; font-size: 18px; font-weight: 400; }
}
@media (min-width:992px) {
    .categories-grid .greenButton, .categories-grid .greyButton, .categories-grid .btn-ps-red, .categories-grid .duelButton { font-size: 24px; }
    .categories-grid .category { text-align: center; }
    .categories-grid p { font-size: 20px; }
    .categories-grid h1, .categories-grid h2 { font-size: 30px; }
    .categories-grid p.sectionHeading { font-size: 28px; }
    .categories-grid .highlightButtons .apple { margin: 0 20px; }
    .categories-grid .highlightButtons .android { margin: 0 20px; }
    .categories-grid .paragraph { margin-bottom: 30px; font-size: 22px; font-weight: 400; }
    /* .categories-grid .categoryImage img {height:auto; max-width:288px; width:100%}*/
}
@media (min-width:1200px) {
    .categories-grid .greenButton, .categories-grid .greyButton, .categories-grid .btn-ps-red, .categories-grid .duelButton { font-size: 24px; }
    .categories-grid .category { text-align: center; }
    .categories-grid p { font-size: 20px; }
    .categories-grid h1, .categories-grid h2 { font-size: 36px; }
    .categories-grid p.sectionHeading { font-size: 28px; }
    .categories-grid .highlightButtons .apple { margin: 0 20px; }
    .categories-grid .highlightButtons .android { margin: 0 20px; }
    .categories-grid .paragraph { margin-bottom: 30px; font-size: 22px; font-weight: 400; }
    /*.categories-grid .categoryImage img {height:auto; max-width:352px; width:100%}*/
}

/* -------------------- Promotions Grid ---------------------- */
.promo-grid { padding: 40px 0; }
.promo-grid h1, .promo-grid h2 { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-weight: 400; font-size: 26px; margin: 0 0 25px; }
.promo-grid p { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; color: #7b7b7b; margin: 0 0 30px; font-weight: 100; }
.promo-grid .promo { border: 0px solid #373737; margin-bottom: 20px; }
.promo-grid .promo.promoExtension { min-height: 175px; margin: 0; }
.promo-grid .promo a:hover { text-decoration: none; }
.promo-grid .promo img { width: 100%; }
.promo-grid .button { text-align: center; padding-top: 25px; }
.promo-grid .greenButton, .promo-grid .greyButton, .promo-grid .btn-ps-red, .promo-grid .duelButton { font-size: 18px; display: inline-block; }
.promo-grid .promo .promoThumbText { display: block; text-align: left; margin-top: 5px; }
.promo-grid .promo a { display: block; }

@media (max-width: 441px) {
    .promo-grid p { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; color: #7b7b7b; font-weight: 100; }
}
@media (min-width:442px) and (max-width:991px) {
    .promo-grid .greenButton, .promo-grid .greyButton, .promo-grid .btn-ps-red, .promo-grid .duelButton { font-size: 24px; }
}
@media (min-width:500px) and (max-width:767px) {
    .promo-grid .promo img { width: 255px; width: 100%; }
    .promo-grid p { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; color: #7b7b7b; font-weight: 100; }
}
@media (min-width:477px) and (max-width:585px) {
    .promo-grid .promo.promoExtension { min-height: 205px; }
}
@media (min-width:586px) and (max-width:767px) {
    .promo-grid .promo.promoExtension { min-height: 220px; }
}
@media (max-width:767px) {
    .promo-grid .promo img { max-width: 255px; width: 100%; }
}
@media (min-width:768px) {
    .promo-grid { padding: 48px 0 60px 0; }
    .promo-grid h1, .promo-grid h2 { font-size: 30px; }
    .promo-grid .promo img { width: 100%; }
    .promo-grid .promo.promoExtension { min-height: 190px; }
    .promo-grid p { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; color: #7b7b7b; margin: 0 0 40px; font-weight: 100; }
    .promo-grid .greenButton, .promo-grid .greyButton, .promo-grid .btn-ps-red, .promo-grid .duelButton { font-size: 24px; }
    .promo-grid .button { padding-top: 40px; }
}
@media (min-width:992px) {
    .promo-grid h1, .promo-grid h2 { font-size: 30px; }
    .promo-grid .promo img { width: 100%; }
    .promo-grid .promo.promoExtension { min-height: 190px; }
    .promo-grid p { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 20px; color: #7b7b7b; margin: 0 0 40px; font-weight: 100; }
    .promo-grid .greenButton, .promo-grid .greyButton, .promo-grid .btn-ps-red, .promo-grid .duelButton { font-size: 24px; }
}
@media (min-width:1200px) {
    .promo-grid h1, .promo-grid h2 { font-size: 36px; }
    .promo-grid .promo img { width: 100%; }
    .promo-grid .promo .promoThumbText { width: 100%; }
    .promo-grid .promo.promoExtension { min-height: 220px; }
    .promo-grid p { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 20px; color: #7b7b7b; margin: 0 0 40px; font-weight: 100; }
    .promo-grid .greenButton, .promo-grid .greyButton, .promo-grid .btn-ps-red, .promo-grid .duelButton { font-size: 24px; }

}

/* ----------------- Promotions Grid Legacy ------------------- */
.promo-grid-legacy { padding: 40px 0; }
.promo-grid-legacy h1, .promo-grid-legacy h2 { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-weight: 400; font-size: 26px; margin: 0 0 25px; }
.promo-grid-legacy p { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; color: #7b7b7b; margin: 0 0 30px; font-weight: 100; }
.promo-grid-legacy .promo { border: 0px solid #373737; margin-bottom: 20px; text-align: center; }
.promo-grid-legacy .promo.promoExtension { min-height: 175px; margin: 0; text-align: center; }
.promo-grid-legacy .promo a:hover { text-decoration: none; }
.promo-grid-legacy .promo img { width: 100%; }
.promo-grid-legacy .button { text-align: center; padding-top: 25px; }
.promo-grid-legacy .greenButton, .promo-grid-legacy .greyButton, .promo-grid-legacy .btn-ps-red { font-size: 18px; display: inline-block; }
.promo-grid-legacy .promo .promoThumbText { display: block; text-align: left; margin: auto; margin: 5px auto 0; max-width: 200px; }
.promo-grid-legacy .promo a { display: block; }

@media (max-width: 441px) {
    .promo-grid-legacy p { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; color: #7b7b7b; font-weight: 100; }
}
@media (min-width:442px) and (max-width:991px) {
    .promo-grid-legacy .greenButton, .promo-grid-legacy .greyButton, .promo-grid-legacy .btn-ps-red { font-size: 24px; }
}
@media (min-width:500px) and (max-width:767px) {
    .promo-grid-legacy .promo img { max-width: 200px; width: 100%; }
    .promo-grid-legacy p { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; color: #7b7b7b; font-weight: 100; }
}
@media (min-width:477px) and (max-width:585px) {
    .promo-grid-legacy .promo.promoExtension { min-height: 175px; }
}
@media (min-width:586px) and (max-width:767px) {
    .promo-grid-legacy .promo.promoExtension { min-height: 175px; }
}
@media (max-width:767px) {
    .promo-grid-legacy .promo img { max-width: 200px; width: 100%; }
}
@media (min-width:768px) {
    .promo-grid-legacy { padding: 48px 0 60px 0; }
    .promo-grid-legacy h1, .promo-grid-legacy h2 { font-size: 30px; }
    .promo-grid-legacy .promo img { width: 100%; max-width: 200px; }
    .promo-grid-legacy .promo.promoExtension { min-height: 190px; }
    .promo-grid-legacy p { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; color: #7b7b7b; margin: 0 0 40px; font-weight: 100; }
    .promo-grid-legacy .greenButton, .promo-grid-legacy .greyButton, .promo-grid-legacy .btn-ps-red { font-size: 24px; }
    .promo-grid-legacy .button { padding-top: 40px; }
}
@media (min-width:992px) {
    .promo-grid-legacy h1, .promo-grid-legacy h2 { font-size: 30px; }
    .promo-grid-legacy .promo img { width: 100%; max-width: 200px; }
    .promo-grid-legacy .promo.promoExtension { min-height: 190px; }
    .promo-grid-legacy p { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 20px; color: #7b7b7b; margin: 0 0 40px; font-weight: 100; }
    .promo-grid-legacy .greenButton, .promo-grid-legacy .greyButton, .promo-grid-legacy .btn-ps-red { font-size: 24px; }
}
@media (min-width:1200px) {
    .promo-grid-legacy h1, .promo-grid-legacy h2 { font-size: 36px; }
    .promo-grid-legacy .promo img { max-width: 200px; height: auto; }
    .promo-grid-legacy .promo .promoThumbText { max-width: 200px; }
    .promo-grid-legacy .promo.promoExtension { min-height: 180px; }
    .promo-grid-legacy p { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 20px; color: #7b7b7b; margin: 0 0 40px; font-weight: 100; }
    .promo-grid-legacy .greenButton, .promo-grid-legacy .greyButton, .promo-grid-legacy .btn-ps-red { font-size: 24px; }

}

/* -------------------- Highlight Grid ---------------------- */
.highlight-grid { padding: 40px 0 0 0; }
.highlight-grid h1, .highlight-grid h2 { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-weight: 400; font-size: 24px; margin: 0 0 25px; }
.highlight-grid p { text-align: center; padding: 0px; margin: 0px; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; color: #7b7b7b; font-weight: 100; }
.highlight-grid li a { color: #1b7f8d; }
.highlight-grid li a:hover { color: #56b4c3; }
.highlight-grid .paragraph { margin-bottom: 45px; font-size: 18px; }
.highlight-grid .device { text-align: center; margin-bottom: 45px; }
.highlight-grid .device img { width: 100%; }
.highlight-grid .footNotes { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 100; padding-bottom: 45px; color: #7B7B7B; }
.highlight-grid .footNotes ul, .highlight-grid .footNotes p { padding: 0px; margin: 0px; }
.highlight-grid .footNotes li { list-style: none outside none; }
.highlight-grid .highlightButtons { text-align: center; margin-top: 10px; margin-bottom: 45px; }
.highlight-grid ul li p { padding: 0; margin: 0; }
.highlight-grid .button { text-align: center; padding-bottom: 45px; }
.highlight-grid .greenButton, .highlight-grid .greyButton, .highlight-grid .btn-ps-red { font-size: 18px; display: inline-block; }
.highlight-grid .videoWrap .embededVideoCover { background: url('/assets/common/images/layout/video/play_video_button.png') no-repeat; width: 75px; height: 75px; z-index: 1; position: absolute; left: 50%; top: 50%; margin: -37.5px 0 0 -53.5px; }
.highlight-grid .tutorialContainer { position: relative; height: 0; overflow: hidden; margin: 10px 0; margin:auto; }
.highlight-grid .tutorialContainer { padding-bottom: 56.25%; }
.highlight-grid .tutorialContainer iframe { position: absolute; top: 0; left: 0; width: 1px; height: 100%;min-width: 100%;*width: 100%; }

/* --- Brightcove Video --- */
.highlight-grid .device-brightcove {max-width:600px; margin:auto; margin-bottom:60px}
.highlight-grid .video {display:block; position:relative; max-width:1280px; margin:10px 0}
.highlight-grid .video .videoWrap {padding-top:56.25%}
.highlight-grid .video .videoWrap iframe {width:100%; height:100%; position:absolute; top:0px; bottom:0px; right:0px; left:0px; border:0}

@media (max-width: 441px) {
    .highlight-grid p { font-size: 18px; margin-bottom: 0px; }
    .highlight-grid { padding: 40px 0 5px; }
}
@media (min-width:442px) and (max-width:766px) {
    .highlight-grid p { font-size: 18px; margin-bottom: 0px; }
}
@media (min-width:442px) and (max-width:991px) {
    .highlight-grid .greenButton, .highlight-grid .greyButton, .highlight-grid .btn-ps-red { font-size: 24px; }
}
@media (max-width:767px) {
    .highlight-grid .highlightButtons .apple { margin: 0 0 5px 0; display: block; }
    .highlight-grid .highlightButtons .android { margin: 5px 0 0 0; display: block; }
    .highlight-grid .device img { width: 100%; height: auto; max-width: 555px; }
}
@media (min-width:768px) {
    .highlight-grid { padding: 48px 0 0 0; }
    .highlight-grid h1, .highlight-grid h2 { font-size: 30px; margin: 0 0 25px; }
    .highlight-grid .paragraph { margin-bottom: 60px; }
    .highlight-grid .device { margin-bottom: 60px; }
    .highlight-grid .footNotes { padding-bottom: 60px; }
    .highlight-grid .highlightButtons { margin-bottom: 60px; }
    .highlight-grid p { font-size: 20px; }
    .highlight-grid .button { padding-bottom: 60px; }
    .highlight-grid .greenButton, .highlight-grid .greyButton, .highlight-grid .btn-ps-red { font-size: 24px; }
}
@media (min-width:992px) {
    .highlight-grid .highlightButtons .apple { margin: 0 20px; }
    .highlight-grid .highlightButtons .android { margin: 0 20px; }
    .highlight-grid h1, .highlight-grid h2 { font-size: 30px; }
    .highlight-grid p { font-size: 20px; }
    .highlight-grid .greenButton, .highlight-grid .greyButton, .highlight-grid .btn-ps-red { font-size: 24px; }
}
@media (min-width:1200px) {
    .highlight-grid .highlightButtons .apple { margin: 0 20px; }
    .highlight-grid .highlightButtons .android { margin: 0 20px; }
    .highlight-grid h1, .highlight-grid h2 { font-size: 36px; }
    .highlight-grid p { font-size: 20px; }
    .highlight-grid .greenButton, .highlight-grid .greyButton, .details-grid .btn-ps-red { font-size: 24px; }
}

/* -------------------- Content Grid ---------------------- */
.content-grid { padding: 40px 0; }
.content-grid h1, .content-grid h2 { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 24px; margin: 0 0 20px; font-weight: 400; padding: 0; }
.content-grid h3 { font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; margin: 0 0 10px; font-size: 18px; font-weight: 400; padding: 0; }
.content-grid p a, .content-grid h3 a { color: #00a6e3; }
.content-grid p a:hover, .content-grid h3 a:hover { text-decoration: underline; }
.content-grid .introBlock p { text-align: center; padding: 0 0 15px; margin: 0; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; color: #7b7b7b; font-weight: 100; }
.content-grid .introBlock { margin-bottom: 10px; }
.content-grid .gridItem p { font-size: 14px; padding: 0 0 10px; margin: 0; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; color: #7b7b7b; font-weight: 100; }
.content-grid .gridItem { margin: 15px 0; }
.content-grid img { width: auto; height: auto; display: block; max-width: 100%; margin: 0 auto 20px; }
.content-grid .gridItemCenter h3, .content-grid .gridItemCenter { text-align: center; }
.content-grid .button { text-align: center; padding-top: 35px; }
.content-grid .greenButton, .content-grid .greyButton, .content-grid .btn-ps-red { font-size: 18px; display: inline-block; }

@media (min-width:320px) {
    .content-grid h1, .content-grid h2 { font-size: 24px; }
    .content-grid h3 { font-size: 18px; margin: 0 0 20px; }
    .content-grid .introBlock { margin-bottom: 10px; }
    .content-grid .introBlock p { font-size: 18px; }
    .content-grid .gridItem p { font-size: 14px; }
    .content-grid .gridItem { margin: 15px 0; }
    .content-grid .greenButton, .content-grid .greyButton, .content-grid .btn-ps-red { font-size: 18px; }
}
@media (min-width:441px) {
    .content-grid .greenButton, .content-grid .greyButton, .content-grid .btn-ps-red { font-size: 24px; }
}
@media (min-width:480px) {
    .content-grid h1, .content-grid h2 { font-size: 24px; margin: 0 0 25px; }
    .content-grid h3 { font-size: 18px; }
    .content-grid .introBlock p { font-size: 18px; }
    .content-grid .gridItem p { font-size: 16px; }
    .content-grid .gridItem { margin: 15px 0; }
    .content-grid .greenButton, .content-grid .greyButton, .content-grid .btn-ps-red { font-size: 24px; }
}
@media (min-width:768px) {
    .content-grid h1, .content-grid h2 { font-size: 26px; }
    .content-grid h3 { font-size: 18px; }
    .content-grid .introBlock { margin-bottom: 25px; }
    .content-grid .introBlock p { font-size: 18px; }
    .content-grid .gridItem p { font-size: 14px; }
    .content-grid .gridItem { margin: 0; }
    .content-grid .rowWrap { margin-bottom: 15px; }
    .content-grid .rowLast { margin-bottom: 0px; }
    .content-grid .greenButton, .content-grid .greyButton, .content-grid .btn-ps-red { font-size: 24px; }
}
@media (min-width:992px) {
    .content-grid h1, .content-grid h2 { font-size: 30px; }
    .content-grid h3 { font-size: 18px; margin: 30px 0 15px 0; }
    .content-grid .introBlock p { font-size: 20px; }
    .content-grid .gridItem p { font-size: 16px; }
    .content-grid .greenButton, .content-grid .greyButton, .content-grid .btn-ps-red { font-size: 24px; }
}
@media (min-width:1200px) {
    .content-grid h1, .content-grid h2 { font-size: 36px; }
    .content-grid h3 { font-size: 20px; }
    .content-grid .greenButton, .content-grid .greyButton, .content-grid .btn-ps-red { font-size: 24px; }
}

/* -------------------- Details Grid ---------------------- */
.details-grid { padding: 40px 0 45px 0; }
.details-grid h1, .details-grid h2 { text-align: center; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 24px; margin: 0 0 25px; font-weight: 400; }
.details-grid h3 { font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; margin: 0 0 10px; font-size: 18px; font-weight: 400; }
.details-grid p { margin: 0; padding: 0 0 15px; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 16px; color: #7b7b7b; font-weight: 100; }
.details-grid .paragraph p { text-align: center; padding-bottom: 0px; margin-bottom: 0px; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; color: #7b7b7b; font-weight: 100; }
.details-grid .paragraph { margin-bottom: 60px; }
.details-grid .gridItemWrapper .row { margin: 0 0 45px; text-align: center; }
.details-grid .button { text-align: center; padding-top: 35px; }
.details-grid .greenButton, .details-grid .greyButton, .details-grid .btn-ps-red { font-size: 18px; display: inline-block; }
.details-grid .right p { font-family: Verdana, Geneva, sans-serif; }
.details-grid .videoWrap .embededVideoCover { background: url('/assets/common/images/layout/video/play_video_button.png') no-repeat; background-size: cover; width: 50px; height: 50px; z-index: 1; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; }

@media (max-width:441px) {
    .details-grid .left, .details-grid .right { text-align: left; }
    .details-grid .right { margin-top: 10px; }
    .details-grid p { font-size: 13px; }
    .details-grid .paragraph p { font-size: 18px; padding-bottom: 30px; }
    .details-grid h3 { text-align: left; }
    .details-grid .gridItemWrapper .row { margin: 0; }

    /* --- 6 Column --- */
    .details-grid .gridItemWrapper .sixGridItem { padding-bottom: 36px; }
    .details-grid .gridItemWrapper .sixGridItem img { width: 300px; height: auto; }
    .details-grid .gridItemWrapper .sixGridItem .left { display: block; text-align: center; }
    .details-grid .gridItemWrapper .sixGridItem .right { display: block; padding: 0; }

    /* --- 4 Column --- */
    .details-grid .gridItemWrapper .fourGridItem { padding-bottom: 36px; }
    .details-grid .gridItemWrapper .fourGridItem img { width: 100%; height: auto; }
    .details-grid .gridItemWrapper .fourGridItem .left { display: block; text-align: center; }
    .details-grid .gridItemWrapper .fourGridItem .right { display: block; padding: 0; }

    /* --- 3 Column --- */
    .details-grid .gridItemWrapper .threeGridItem { padding-bottom: 36px; }
    .details-grid .gridItemWrapper .threeGridItem img { width: 100%; height: auto; }
    .details-grid .gridItemWrapper .threeGridItem .left { display: block; text-align: center; }
    .details-grid .gridItemWrapper .threeGridItem .right { display: block; padding: 0; }
}
@media (min-width:442px) and (max-width:991px) {

    .details-grid .right { display: table-cell; vertical-align: middle; padding-left: 50px; text-align: left; }
    .details-grid .paragraph { margin-bottom: 60px; }
    .details-grid p { font-size: 13px; }
    .details-grid h1, .details-grid h2 { font-size: 24px; }
    .details-grid h3 { font-size: 18px; }
    .details-grid .greenButton, .details-grid .greyButton, .details-grid .btn-ps-red { font-size: 24px; }

    /* --- 6 Column --- */
    .details-grid .gridItemWrapper .sixGridItem { padding: 0 0 20px 0; }
    .details-grid .gridItemWrapper .sixGridItem img { width: 100%; height: auto; }
    .details-grid .gridItemWrapper .sixGridItem .left { display: table-cell; vertical-align: middle; width: 165px; }

    /* --- 4 Column --- */
    .details-grid .gridItemWrapper .fourGridItem { padding: 0 0 20px 0; }
    .details-grid .gridItemWrapper .fourGridItem img { width: 100%; height: auto; margin-top: 10px; }
    .details-grid .gridItemWrapper .fourGridItem .left { display: table-cell; width: 203px; vertical-align: top; }

    /* --- 3 Column --- */
    .details-grid .gridItemWrapper .threeGridItem { padding: 0 0 20px 0; }
    .details-grid .gridItemWrapper .threeGridItem img { width: 100%; height: auto; }
    .details-grid .gridItemWrapper .threeGridItem .left { display: table-cell; width: 203px; vertical-align: top; }
}
@media (min-width:442px) and (max-width:766px) {
    .details-grid .paragraph p { font-size: 18px; }
}
@media (min-width:768px) {
    .details-grid .greenButton, .details-grid .greyButton, .details-grid .btn-ps-red { font-size: 24px; }
    .details-grid { padding: 48px 0 60px 0; }
    .details-grid .paragraph { margin-bottom: 60px; }
    .details-grid .button { padding-top: 0; }
    .details-grid .paragraph p { font-size: 18px; }
}
@media (min-width:992px) {
    .details-grid p { font-size: 14px; }
    .details-grid h1, .details-grid h2 { font-size: 30px; }
    .details-grid h3 { font-size: 18px; margin: 30px 0 15px 0; }
    .details-grid .greenButton, .details-grid .greyButton, .details-grid .btn-ps-red { font-size: 24px; }
    .details-grid .paragraph p { font-size: 18px; }

    /* --- 6 Column --- */
    .details-grid .gridItemWrapper .sixGridItem img { width: 100%; height: auto; }
    .details-grid .gridItemWrapper .sixGridItem .right { text-align: left; }

    /* --- 4 Column --- */
    .details-grid .gridItemWrapper .fourGridItem img { width: 100%; height: auto; }
    .details-grid .gridItemWrapper .fourGridItem .right { text-align: left; }

    /* --- 3 Column --- */
    .details-grid .gridItemWrapper .threeGridItem img { width: 100%; height: auto; }
    .details-grid .gridItemWrapper .threeGridItem .right, .details-grid .gridItemWrapper .threeGridItem .left { text-align: center; }
}
@media (min-width:1200px) {
    .details-grid .greenButton, .details-grid .greyButton, .details-grid .btn-ps-red { font-size: 24px; }
    .details-grid p { font-size: 14px; }
    .details-grid h1, .details-grid h2 { font-size: 36px; }
    .details-grid h3 { font-size: 20px; margin: 30px 0 15px 0; }
    .details-grid .paragraph p { font-size: 20px; }

    /* --- 6 Column --- */
    .details-grid .gridItemWrapper .sixGridItem img { width: 100%; height: auto; }

    /* --- 4 Column --- */
    .details-grid .gridItemWrapper .fourGridItem img { width: 100%; height: auto; }

    /* --- 3 Column --- */
    .details-grid .gridItemWrapper .threeGridItem img { width: 100%; height: auto; }
    .details-grid .gridItemWrapper .threeGridItem .right, .details-grid .gridItemWrapper .threeGridItem .left { text-align: center; }
}

/* ------------------ Content Area Grid --------------------- */
.content-area { padding: 48px 0 45px; font-family: 'Roboto Condensed' ,Arial,Helvetica,sans-serif; }
.content-area h1, .content-area h2 { font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 24px; margin: 0 0 25px; font-weight: 400; }
.content-area h2.contentArea, .content-area h3 { font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; padding: 0 0 20px; margin: 0; font-weight: 400; }
.content-area .imageItemWrapper { padding: 0 0 20px; overflow: hidden; }
.content-area p { padding-bottom: 20px; margin: 0; font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #7b7b7b; font-weight: 100; }
.content-area p.imageCaption { padding: 0 0 20px; margin: 0; font-size: 12px; text-align: center; }
.content-area .oneImageItem p.imageCaption, .content-area .twoImageItem p.imageCaption, .content-area .threeImageItem p.imageCaption { padding: 10px 0 20px; margin: 0; font-size: 12px; }
.content-area .button { text-align: center; padding: 40px 0 20px; }
.content-area .greenButton, .content-area .greyButton, .content-area .btn-ps-red { font-size: 18px; display: inline-block; }
.content-area .imageItemWrapper img { width: 100%; }
.content-area .highlightButtons { text-align: center; padding: 20px 0; }
.content-area .videoWrap .embededVideoCover { background: url('/assets/common/images/layout/video/play_video_button.png') no-repeat; width: 75px; height: 75px; z-index: 1; position: absolute; left: 50%; top: 50%; margin: -37.5px 0 0 -53.5px; }
.content-area .oneImageItem { text-align: center; }
.content-area p.showhidetitle { font-weight: 600; }
.content-area a { color: #1B7F8D; }
.content-area a:hover { color: #56B4C3; }
.content-area a:focus { color: #1B7F8D; }

/* --- Table --- */
.content-area table { margin: 0 0 20px; color: #7B7B7B; width: 100%; font-family: Verdana, Geneva, sans-serif; font-size: 11px; }
.content-area table th { background: none repeat scroll 0 0 #D7D6D6; border-spacing: 0 5px; color: #000; font-size: 12px; padding: 10px 15px; text-align: left; }
.content-area table td { background: none repeat scroll 0 0 #fff; padding: 10px 15px; }
.content-area table tr.alt td { background: none repeat scroll 0 0 #f9f9f9; }
/* Override Bootstrap table class */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border: 0; }

/* --- Real Money Feed Table --- */
.realMoneyFeedWrap { background: #fff; padding: 20px; margin: 20px 0 20px; font-family: Verdana, Geneva, sans-serif; }
#rm-dropdown { display: block; width: 100%; z-index: 100; height: 70px; }
#rm-dropdown .providerType { font-weight: bold; float: none; font-size: 12px; color: #8b8b8b; padding: 10px 0 0; }
#rm-dropdown #countriesSelect { float: none; }
#rm-dropdown select { border: 1px solid #CCCCCC; color: #666666; font-size: 14px; margin: 0; padding: 4px; }
#rm-methods { width: 100%; overflow: auto; }
#realMTable .realMtrue { background: url("../../images/layout/general/true.png") no-repeat; height: 26px; margin: auto; width: 26px; }
#realMTable .realMfalse { background: url("../../images/layout/general/false.png") no-repeat; height: 26px; margin: auto; width: 26px; }
#realMTable .realMtruefast { background: url("../../images/layout/general/fast.png") no-repeat; height: 26px; margin: auto; width: 26px; }
#realMTable { border: 0; margin: 0; }
#realMTable th { background: #292929; color: #f9f9f9; }
#realMTable th.three, #realMTable th.four, #realMTable th.five { text-align: center; }

/* --- VIP Casino Table --- */
#vipTable th { background: #292929; color: #f9f9f9; }

/* --- Series Feed Table --- */
.tournamentsFeed { font-family: Verdana, Geneva, sans-serif; }
.tournamentsFeed table { border: none; background: none; padding: 0; border-collapse: collapse; color: #7B7B7B; }
.tournamentsFeed table th { color: #000; padding: 10px 5px; font-size: 12px; white-space: nowrap; }
.tournamentsFeed table td { background: none; padding: 5px; font-size: 11px; vertical-align: top; }
.tournamentsFeed table tr:nth-child(even) { background: #fff; }
.tournamentsFeed table tr:nth-child(odd) { background: #f9f9f9; }
.tournamentsFeed table a { font-weight: 700; }
.tournamentsFeed table a:hover { text-decoration: underline; }
.tournamentsFeed .buttonGrey a { color: #fff; }
.tournamentsFeed table tfoot td, .event-details table tfoot td { background: #f5f3f3; font-size: 10px; }
.tournamentsFeed #scheduleScrollLarge { overflow-y: auto; width: 100%; overflow-x: auto; height: 700px; }
.tournamentsFeed #scheduleLarge .dabsHolder .dabs { margin-bottom: 5px; }
.tournamentsFeed #scheduleLarge .dabsHolder .dabs a { font-size: 12px; font-weight: bold; padding: 7px 7px 7px 0; }
.tournamentsFeed .mobileGametrue { background-image: url("http://www.psimg.com/images/real-money/true.png"); height: 26px; width: 26px; }
.tournamentsFeed div.mobileTableHeader { background-image: url("../../images/layout/mobile-icon.png"); background-position: center center; background-repeat: no-repeat; height: 35px; width: 26px !important; }

#micromillionsFeed table th { background: #c0b071; background: -webkit-gradient(linear, left top, left bottom, from(#c0b071), to(#a99552)); background: -webkit-linear-gradient(top, #c0b071, #a99552); background: -moz-linear-gradient(top, #c0b071, #a99552); background: -ms-linear-gradient(top, #c0b071, #a99552); background: -o-linear-gradient(top, #c0b071, #a99552); background: linear-gradient(to bottom, #c0b071, #a99552); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c0b071, endColorstr=#a99552); }
#tcoopFeed table th { color: #fff; background: #ee162c; background: -webkit-gradient(linear, left top, left bottom, from(#ee162c), to(#88020b)); background: -webkit-linear-gradient(top, #ee162c, #88020b); background: -moz-linear-gradient(top, #ee162c, #88020b); background: -ms-linear-gradient(top, #ee162c, #88020b); background: -o-linear-gradient(top, #ee162c, #88020b); background: linear-gradient(to bottom, #ee162c, #88020b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ee162c, endColorstr=#88020b); }
#scoopFeed table th { background: #f0c72e; background: -webkit-gradient(linear, left top, left bottom, from(#f0c72e), to(#e99f29)); background: -webkit-linear-gradient(top, #f0c72e, #e99f29); background: -moz-linear-gradient(top, #f0c72e, #e99f29); background: -ms-linear-gradient(top, #f0c72e, #e99f29); background: -o-linear-gradient(top, #f0c72e, #e99f29); background: linear-gradient(to bottom, #f0c72e, #e99f29); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f0c72e, endColorstr=#e99f29); }
#wcoopFeed table th { color: #fff; background: #ee162c; background: -webkit-gradient(linear, left top, left bottom, from(#ee162c), to(#88020b)); background: -webkit-linear-gradient(top, #ee162c, #88020b); background: -moz-linear-gradient(top, #ee162c, #88020b); background: -ms-linear-gradient(top, #ee162c, #88020b); background: -o-linear-gradient(top, #ee162c, #88020b); background: linear-gradient(to bottom, #ee162c, #88020b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ee162c, endColorstr=#88020b); }

/* --- Show Hide Button Page Extend --- */
.content-area .showHideButton, .content-area .showHideButtonA { display: block; border: 1px solid #dadada; background: #eaeaea; text-align: center; padding: 10px; margin-bottom: 20px; color: #000; text-decoration: none; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; }
.content-area .showHideButton:hover, .content-area .showHideButtonA:hover { background: #e3e3e3; }

/* --- Show Hide Button Content Items --- */
.content-area .showhideButton { display: block; background: url("../../images/layout/general/chart-o.jpg") no-repeat scroll left center transparent; padding-left: 20px; text-decoration: none; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 16px; }
.content-area a.showhideButton:focus { outline: none; }
.content-area .showhideButtonA { display: block; background: url("../../images/layout/general/chart-c.jpg") no-repeat scroll left center transparent; padding-left: 20px; text-decoration: none; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 16px; }
.content-area a.showhideButtonA:focus { outline: none; }
.content-area p.showhidetitle { font-weight: 600; }
.content-area .showhidegroup { margin: 0 0 20px; }
.content-area .showhidehidden { padding: 20px 0 0 20px; }

/* --- Lists --- */
.content-area ul, .content-area ol { font-family: Verdana, Geneva, sans-serif; color: #7b7b7b; margin: 0 0 20px 0; }

.content-area ul.inline-list { overflow: hidden; padding: 0; }
.content-area ul.inline-list li { color: #BC2228; float: left; list-style-type: square; margin-left: 35px; }

/* --- Default Accordian Styling --- */
.content-area .exHolder { border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; }
.content-area .exControl { border-top: 1px solid #E3E3E3; padding: 8px 5px 6px 10px; font-weight: bold; font-size: 11px; cursor: pointer; background: url('/assets/common/images/layout/general/accordion-tab-bg.jpg') repeat-x; position: relative; text-transform: uppercase; }
.content-area .exControl h2 { padding: 0; border: none; font-size: 18px; margin: 0; text-transform: capitalize; color: #404040; }
.content-area .exControl a { text-decoration: none; }
.content-area .exControlLink, .content-area .exControlPlusLink, .content-area .exControlMinusLink { background-color: #dbdad5; text-decoration: none; text-align: center; width: 16px; line-height: 13px; position: absolute; top: 13px; right: 10px; border: 1px solid #666; color: #000; font-size: 14px; }
.content-area .exControlMinusLink { background: transparent; }
.content-area .exContentAlt { padding: 0 30px; border: none; }
.content-area .exContentAlt p { border: medium none; float: none; margin: 15px 0; padding: 0; }
.content-area .exContentAlt h3 { font-size: 1.2em; background: none; margin: 15px 25px 0px 25px; }
.content-area .exContent h3 { font-size: 1.2em; background: none; margin: 15px 25px 0px 25px; }
.content-area .exContent ol { padding: 0 0 0 20px; }
.content-area .exContent { overflow: hidden; background-color: #fff; position: relative; display: block; font-family: Verdana, Geneva, sans-serif; }
.content-area .exContent img { padding: 0 0 15px 0; }
.content-area .exContent .imgLeft { margin: 0 15px 15px 0; }
.content-area .exContent .imgCenter { padding-top: 0; }
.content-area .exContent .col_single { padding: 30px 0; }
.content-area .exContent .col_single ul { padding: 0 0 0 20px; }
.content-area .exContent .col_one { float: left; width: 280px; border-right: 1px solid #CCC; margin: 20px 0 20px 20px; }
.content-area .exContent p { margin: 0 0 15px 0; padding: 0 25px 0 0; }
.content-area .exContent .col_two { float: left; width: 280px; margin: 20px 20px 20px 0; }
.content-area .exContent .col_two ul { margin: 0 10px 15px 20px; }
.content-area .exContent .col_two ul li { background: url('../images/layout/general/li-red-square.gif') no-repeat; list-style-type: none; padding: 0 0 7px 20px; }

/* ------ VIP Levels Accordian Styling ------ */
#accordianVipLevels .exContent p, #accordianVipLevels .exContent li { color: #fff; }
#accordianVipLevels .exControl { padding: 9px 5px 8px 10px; }
#accordianVipLevels .exControlLink { background: url('../../../../assets/common/images/vip/responsive/control-plus.png') no-repeat; border: 0; width: 21px; height: 21px; top: 9px; font-size: 16px; text-indent: -5000px; line-height: 21px; margin-right: 2px; }
#accordianVipLevels .active .exControlLink { background: url('../../../../assets/common/images/vip/responsive/control-minus.png') no-repeat; border: 0; width: 21px; height: 21px; top: 9px; font-size: 16px; text-indent: -5000px; line-height: 21px; margin-right: 2px; }

/* --- Accordian Background --- */
#accordianVipLevels .exContent { background: #272727; background: -webkit-gradient(linear, left top, left bottom, from(#272727), to(#181818)); background: -webkit-linear-gradient(top, #272727, #181818); background: -moz-linear-gradient(top, #272727, #181818); background: -ms-linear-gradient(top, #272727, #181818); background: -o-linear-gradient(top, #272727, #181818); background: linear-gradient(to bottom, #272727, #181818); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#272727, endColorstr=#181818); }
/* --- Level: Bronze --- */
#accordianVipLevels div:nth-child(1) .exControl h2 { background: url('../../../../assets/common/images/vip/responsive/stars-001.png') no-repeat; width: 176px; height: 21px; text-indent: -5000px; }
#accordianVipLevels div:nth-child(1) .exControl { background: #864c24; background: -webkit-linear-gradient(left, #caa571, #864c24); background: -moz-linear-gradient(left, #864c24, #caa571); background: -ms-linear-gradient(left, #caa571, #864c24); background: -o-linear-gradient(left, #caa571, #864c24); background: linear-gradient(to left, #caa571, #864c24); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#caa571, endColorstr=#864c24); }
/* --- Level: Chrome --- */
#accordianVipLevels div:nth-child(2) .exControl h2 { background: url('../../../../assets/common/images/vip/responsive/stars-002.png') no-repeat; width: 176px; height: 21px; text-indent: -5000px; }
#accordianVipLevels div:nth-child(2) .exControl { background: #8ea0b0; background: -webkit-linear-gradient(left, #c8d3dd, #8ea0b0); background: -moz-linear-gradient(left, #8ea0b0, #c8d3dd); background: -ms-linear-gradient(left, #c8d3dd, #8ea0b0); background: -o-linear-gradient(left, #c8d3dd, #8ea0b0); background: linear-gradient(to left, #c8d3dd, #8ea0b0); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8ea0b0, endColorstr=#c8d3dd); }
/* --- Level: Slver --- */
#accordianVipLevels div:nth-child(3) .exControl h2 { background: url('../../../../assets/common/images/vip/responsive/stars-003.png') no-repeat; width: 176px; height: 21px; text-indent: -5000px; }
#accordianVipLevels div:nth-child(3) .exControl { background: #7c7c7c; background: -webkit-linear-gradient(left, #d6d6d6, #7c7c7c); background: -moz-linear-gradient(left, #7c7c7c, #d6d6d6); background: -ms-linear-gradient(left, #d6d6d6, #7c7c7c); background: -o-linear-gradient(left, #d6d6d6, #7c7c7c); background: linear-gradient(to left, #d6d6d6, #7c7c7c); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7c7c7c, endColorstr=#d6d6d6); }
/* --- Level: Gold --- */
#accordianVipLevels div:nth-child(4) .exControl h2 { background: url('../../../../assets/common/images/vip/responsive/stars-004.png') no-repeat; width: 176px; height: 21px; text-indent: -5000px; }
#accordianVipLevels div:nth-child(4) .exControl { background: #8d7647; background: -webkit-linear-gradient(left, #ede1aa, #8d7647); background: -moz-linear-gradient(left, #8d7647, #ede1aa); background: -ms-linear-gradient(left, #ede1aa, #8d7647); background: -o-linear-gradient(left, #ede1aa, #8d7647); background: linear-gradient(to left, #ede1aa, #8d7647); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8d7647, endColorstr=#ede1aa); }
/* --- Level: Platinum --- */
#accordianVipLevels div:nth-child(5) .exControl h2 { background: url('../../../../assets/common/images/vip/responsive/stars-005.png') no-repeat; width: 176px; height: 21px; text-indent: -5000px; }
#accordianVipLevels div:nth-child(5) .exControl { background: #a2abb3; background: -webkit-linear-gradient(left, #d1dde7, #a2abb3); background: -moz-linear-gradient(left, #a2abb3, #d1dde7); background: -ms-linear-gradient(left, #d1dde7, #a2abb3); background: -o-linear-gradient(left, #d1dde7, #a2abb3); background: linear-gradient(to left, #d1dde7, #a2abb3); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a2abb3, endColorstr=#d1dde7); }
/* --- Level: Supernova --- */
#accordianVipLevels div:nth-child(6) .exControl h2 { background: url('../../../../assets/common/images/vip/responsive/stars-006.png') no-repeat; width: 176px; height: 21px; text-indent: -5000px; }
#accordianVipLevels div:nth-child(6) .exControl { background: #88001b; background: -webkit-linear-gradient(left, #c0212b, #88001b); background: -moz-linear-gradient(left, #88001b, #c0212b); background: -ms-linear-gradient(left, #c0212b, #88001b); background: -o-linear-gradient(left, #c0212b, #88001b); background: linear-gradient(to left, #c0212b, #88001b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#88001b, endColorstr=#c0212b); }
/* --- Level: Supernova Elite --- */
#accordianVipLevels div:nth-child(7) .exControl h2 { background: url('../../../../assets/common/images/vip/responsive/stars-007.png') no-repeat; width: 176px; height: 21px; text-indent: -5000px; }
#accordianVipLevels div:nth-child(7) .exControl { background: #939393; background: -webkit-linear-gradient(left, #fff, #939393); background: -moz-linear-gradient(left, #939393, #fff); background: -ms-linear-gradient(left, #fff, #939393); background: -o-linear-gradient(left, #fff, #939393); background: linear-gradient(to left, #fff, #939393); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#939393, endColorstr=#fff); }

@media (max-width: 441px) {
    .content-area { padding: 40px 0; }
    .content-area .oneImageItem img { width: 100%; height: auto; max-width: 584px; }
    .content-area .twoImageItem img { width: 100%; height: auto; max-width: 344px; }
    .content-area .threeImageItem img { width: 100%; height: auto; max-width: 344px; }
    .content-area .fourImageItem img { width: 100%; height: auto; max-width: 75px; }
    .content-area .twoImageItem, .content-area .threeImageItem { margin-bottom: 20px; }
    .content-area p { font-size: 13px; }
}

@media (min-width:442px) and (max-width:991px) {
    .content-area .oneImageItem img { width: 100%; height: auto; max-width: 584px; margin: auto; display: block; }
    .content-area .twoImageItem img { width: 100%; height: auto; max-width: 344px; margin: auto; display: block; }
    .content-area .threeImageItem img { width: 100%; height: auto; max-width: 344px; margin: auto; display: block; }
    .content-area .fourImageItem img { width: 100%; height: auto; max-width: 156px; margin: auto; display: block; }
    .content-area .twoImageItem, .content-area .threeImageItem { margin-bottom: 20px; }
    .content-area .greenButton, .content-area .greyButton, .content-area .btn-ps-red { font-size: 18px; }
    .content-area p { font-size: 14px; }
}
@media (max-width:767px) {
    .content-area .highlightButtons .apple { margin: 0 0 5px 0; display: block; }
    .content-area .highlightButtons .android { margin: 5px 0 0 0; display: block; }
}
@media (min-width:768px) {
    .content-area .greenButton, .content-area .greyButton, .content-area .btn-ps-red { font-size: 24px; }
    .content-area h1, .content-area h2 { margin: 0 0 25px; font-size: 30px; }
    .content-area h2.contentArea, .content-area h3 { font-size: 20px; }

    /* --- Real Money Feed Table --- */
    #rm-dropdown { display: block; width: 100%; z-index: 100; height: 40px; }
    #rm-dropdown .providerType { font-weight: bold; float: right; font-size: 12px; color: #8b8b8b; padding: 5px 0 0; }
    #rm-dropdown #countriesSelect { float: left; }
}
@media (min-width:992px) {
    .content-area .greenButton, .content-area .greyButton, .content-area .btn-ps-red { font-size: 27px; }
    .content-area .oneImageItem img { width: 584px; height: auto; }
    .content-area .twoImageItem img { width: 293px; height: auto; }
    .content-area .threeImageItem img { width: 186px; height: auto; }
    .content-area .fourImageItem img { width: 132px; height: auto; }
    .content-area p { font-size: 14px; }
    .content-area h1, .content-area h2 { margin: 0 0 25px; font-size: 30px; }
    .content-area .highlightButtons .apple { margin-right: 20px; }
    .content-area .highlightButtons .android { margin-left: 20px; }
}
@media (min-width:1200px) {
    .content-area .greenButton, .content-area .greyButton, .content-area .btn-ps-red { font-size: 24px; }
    .content-area .oneImageItem img { width: 584px; height: auto; }
    .content-area .twoImageItem img { width: 360px; height: auto; }
    .content-area .threeImageItem img { width: 230px; height: auto; }
    .content-area .fourImageItem img { width: 165px; height: auto; }
    .content-area p { font-size: 14px; }
    .content-area h1, .content-area h2 { margin: 0 0 25px; font-size: 36px; }
    .content-area h2.contentArea, .content-area h3 { font-size: 24px; }
    .content-area .highlightButtons .apple { margin-right: 20px; }
    .content-area .highlightButtons .android { margin-left: 20px; }
}

/* ------------------ Sub-Footer Grid --------------------- */
.sub-footer-grid { color: #3f3f3f; padding: 40px 0 45px; font-family: 'Roboto Condensed' ,Arial,Helvetica,sans-serif; }
.sub-footer-grid h1, .sub-footer-grid h2 { text-align: center; margin: 0; font-size: 24px; font-weight: 400; }
.sub-footer-grid .button { text-align: center; }
.sub-footer-grid .greenButton, .sub-footer-grid .greyButton, .sub-footer-grid .btn-ps-red { font-size: 18px; display: inline-block; }
.sub-footer-grid .highlightButtons { text-align: center; }
.sub-footer-grid p { text-align: center; padding: 0px; margin: 0px; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; color: #3E3E3E; }
.sub-footer-grid .paragraph { margin: 20px 0 30px; font-size: 18px; }
.sub-footer-grid h2.subTitle, .sub-footer-grid h3.subTitle { text-align: center; margin: 0; font-size: 18px; font-weight: 400; }

.sub-footer-grid.slimSubFooter { padding: 18px 0 30px; }
.sub-footer-grid.slimSubFooter h1, .sub-footer-grid.slimSubFooter h2 { margin: 0; }
.sub-footer-grid.slimSubFooter .paragraph { margin-bottom: 30px; font-size: 18px; }
.sub-footer-grid.slimSubFooter h2.subTitle, .sub-footer-grid.slimSubFooter h3.subTitle { text-align: center; margin: 0; font-size: 18px; font-weight: 400; }

.bgStyle12 .paragraph { font-size: 14px !important; font-weight: 300 !important; }
.bgStyle12.slimSubFooter .paragraph { font-size: 14px !important; font-weight: 300 !important; }

@media (min-width:442px) and (max-width:991px) {
    .sub-footer-grid .greenButton, .sub-footer-grid .greyButton, .sub-footer-grid .btn-ps-red { font-size: 24px; }
}
@media (max-width:767px) {
    .sub-footer-grid h1, .sub-footer-grid h2 { text-align: center; margin: 0; font-size: 24px; }
    .sub-footer-grid .highlightButtons .apple { margin: 0 0 5px 0; display: block; }
    .sub-footer-grid .highlightButtons .android { margin: 5px 0 0 0; display: block; }
}
@media (min-width:768px) {
    .sub-footer-grid { padding: 48px 0 30px; }
    .sub-footer-grid .greenButton, .sub-footer-grid .greyButton, .sub-footer-grid .btn-ps-red { font-size: 24px; }

    .sub-footer-grid h1, .sub-footer-grid h2 { text-align: center; margin: 0; font-size: 30px; }
    .sub-footer-grid .paragraph { margin-bottom: 30px; margin-top: 25px; font-size: 18px; font-weight: 400; }
    .sub-footer-grid .button, .sub-footer-grid .highlightButtons { padding-bottom: 30px; }
    .sub-footer-grid h2.subTitle, .sub-footer-grid h3.subTitle { text-align: center; margin: 0; font-size: 22px; font-weight: 400; }

    .sub-footer-grid.slimSubFooter { padding: 18px 0 5px; }
    .sub-footer-grid.slimSubFooter h1, .sub-footer-grid.slimSubFooter h2 { margin: 0; }
    .sub-footer-grid.slimSubFooter .button, .sub-footer-grid.slimSubFooter .highlightButtons { padding-bottom: 25px; }
    .sub-footer-grid.slimSubFooter .paragraph { margin-bottom: 30px; font-size: 18px; font-weight: 400; }
    .sub-footer-grid.slimSubFooter h2.subTitle, .sub-footer-grid.slimSubFooter h3.subTitle { text-align: center; margin: 0; font-size: 22px; font-weight: 400; }

    .bgStyle12 .paragraph { font-size: 16px !important; font-weight: 300 !important; }
    .bgStyle12.slimSubFooter .paragraph { font-size: 16px !important; font-weight: 300 !important; }
}
@media (min-width:992px) {
    .sub-footer-grid .greenButton, .sub-footer-grid .greyButton, .sub-footer-grid .btn-ps-red { font-size: 24px; }
    .sub-footer-grid .highlightButtons .apple { margin: 0 20px; }
    .sub-footer-grid .highlightButtons .android { margin: 0 20px; }

    .sub-footer-grid h1, .sub-footer-grid h2 { text-align: center; margin: 0; font-size: 30px; }
    .sub-footer-grid .paragraph { margin-bottom: 30px; margin-top: 25px; font-size: 22px; font-weight: 400; }
    .sub-footer-grid .button, .sub-footer-grid .highlightButtons { padding-bottom: 30px; }
    .sub-footer-grid h2.subTitle, .sub-footer-grid h3.subTitle { text-align: center; margin: 0; font-size: 24px; font-weight: 400; }

    .sub-footer-grid.slimSubFooter { padding: 18px 0 5px; }
    .sub-footer-grid.slimSubFooter h1, .sub-footer-grid.slimSubFooter h2 { margin: 0; }
    .sub-footer-grid.slimSubFooter .button, .sub-footer-grid.slimSubFooter .highlightButtons { padding-bottom: 25px; }
    .sub-footer-grid.slimSubFooter .paragraph { margin-bottom: 30px; font-size: 22px; font-weight: 400; }
    .sub-footer-grid.slimSubFooter h2.subTitle, .sub-footer-grid.slimSubFooter h3.subTitle { text-align: center; margin: 0; font-size: 24px; font-weight: 400; }

    .bgStyle12 .paragraph { font-size: 18px !important; font-weight: 300 !important; }
    .bgStyle12.slimSubFooter .paragraph { font-size: 18px !important; font-weight: 300 !important; }
}
@media (min-width:1200px) {
    .sub-footer-grid .greenButton, .sub-footer-grid .greyButton, .sub-footer-grid .btn-ps-red { font-size: 24px; }
    .sub-footer-grid .highlightButtons .apple { margin: 0 20px; }
    .sub-footer-grid .highlightButtons .android { margin: 0 20px; }

    .sub-footer-grid h1, .sub-footer-grid h2 { margin: 0; font-size: 36px; }
    .sub-footer-grid .paragraph { margin-bottom: 30px; margin-top: 20px; font-size: 22px; font-weight: 400; }
    .sub-footer-grid .button, .sub-footer-grid .highlightButtons { padding-bottom: 30px; }
    .sub-footer-grid h2.subTitle, .sub-footer-grid h3.subTitle { text-align: center; margin: 0; font-size: 28px; font-weight: 400; }

    .sub-footer-grid.slimSubFooter { padding: 18px 0 5px; }
    .sub-footer-grid.slimSubFooter h1, .sub-footer-grid.slimSubFooter h2 { margin: 0; font-size: 36px; }
    .sub-footer-grid.slimSubFooter .button, .sub-footer-grid.slimSubFooter .highlightButtons { padding-bottom: 25px; }
    .sub-footer-grid.slimSubFooter .paragraph { margin-bottom: 30px; font-size: 26px; font-weight: 400; }
    .sub-footer-grid.slimSubFooter h2.subTitle, .sub-footer-grid.slimSubFooter h3.subTitle { text-align: center; margin: 0; font-size: 28px; font-weight: 400; }

    .bgStyle12 .paragraph { font-size: 18px !important; font-weight: 300 !important; }
    .bgStyle12.slimSubFooter .paragraph { font-size: 18px !important; font-weight: 300 !important; }
}

/* ----------------- Takeover --------------------- */
/*.lbox .bg {
	height:100%;
	width:100%;
	background-color:#000;
	position:fixed;
	left:0px;
	top:0px;
	opacity:0.8;
	z-index:102;
}
.lbox .canvas {
	position:fixed;
	color:#fff;
	left:5%;
	top:10%;
	background-color:#fff;
	width:90%;
	height:80%;
	font-family:'Roboto Condensed',Arial, Helvetica, sans-serif;
	background-size:contain;
	background-size:cover;
	background-position:center center;
	background-repeat: no-repeat;
	display:table;
	z-index:103;
}
.lbox .canvas .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:20px;
	z-index:10;
}
.lbox .canvas .content .logo {
	width:100%;
	max-width:412px;
	height:auto;
	margin-bottom:10px;
}
.lbox .canvas .close{
	position:absolute;
	right:0px;
	color:#fff;
	cursor:pointer;
	display:block;
	z-index:20;
}
.lbox .canvas .content .termsLink {
	color:#ccc;
	font-size:16px;
}
.lbox .canvas a, .lbox .canvas a:link, .lbox .canvas a:visited, .lbox .canvas a:active{
	color:#ccc;
	text-decoration:underline;
}
.lbox .canvas .greenButton, .lbox .canvas .greyButton, .lbox .canvas .btn-ps-red{
	text-decoration:none !important;
	margin-top:20px;
	display:inline-block;
	font-size:18px;
}
.lbox .canvas .btn-ps-red {
	padding:0.5em 3.25em;
	font-weight:400;
	font-size:18px;
}
.lbox .canvas .content .contentParagraph{
	max-width:600px;
	margin:auto;
	display:block;
	clear:both;
	font-size:16px;
}
.lbox .canvas .blackBG {
    background: none repeat scroll 0 0 rgba(1, 1, 1, 0.7);
    display: inline-block;
    font-weight: 400;
    padding: 8px 15px;
} */

/* THIS IS FOR THE BUTTON INSIDE THE EXISTING FEED, IF THIS FEED IS REMADE IN FUTURE THE STANDARD GREY BUTTONS CLASS
SHOULD BE USED INSIDE THE BUTTONS.CSS FILE */
.buttonGrey { /* Font */ font-family: 'Roboto Condensed' , sans-serif; text-align: center; color: #fff; font-weight: 300; text-transform: none; letter-spacing: .5px; /* Padding and margin */ padding: .5em 1.25em; margin: .1em; display: block; /* Gradient */ background: #272727; background: -webkit-gradient(linear, left top, left bottom, from(#7d7d7d), to(#272727)); background: -webkit-linear-gradient(top, #7d7d7d, #272727); background: -moz-linear-gradient(top, #7d7d7d, #272727); background: -ms-linear-gradient(top, #7d7d7d, #272727); background: -o-linear-gradient(top, #7d7d7d, #272727); background: linear-gradient(to bottom, #7d7d7d, #272727); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7d7d, endColorstr=#272727); /* Borders */ border: 0 solid transparent; border-top: 1px solid #999; /* Rounded corners */ -webkit-border-radius: .2em; -moz-border-radius: .2em; border-radius: .2em; /* Box and text shadows */ -webkit-box-shadow: rgba(0,0,0,.5) 0 1px 0; -moz-box-shadow: rgba(0,0,0,.5) 0 1px 0; box-shadow: rgba(0,0,0,.5) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; }

.greyButton:hover, .greyButton:focus { background: #88020b; background: -webkit-gradient(linear, left top, left bottom, from(#7d7d7d), to(#2e2e2e)); background: -webkit-linear-gradient(top, #7d7d7d, #2e2e2e); background: -moz-linear-gradient(top, #7d7d7d, #2e2e2e); background: -ms-linear-gradient(top, #7d7d7d, #2e2e2e); background: -o-linear-gradient(top, #7d7d7d, #2e2e2e); background: linear-gradient(to bottom, #7d7d7d, #2e2e2e); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7d7d, endColorstr=#2e2e2e); color: #f9f9f9; text-decoration: none; /* Borders */ border: 0 solid transparent; border-top: 1px solid #999; /* Box and text shadows */ -webkit-box-shadow: rgba(0,0,0,.5) 0 1px 0; -moz-box-shadow: rgba(0,0,0,.5) 0 1px 0; box-shadow: rgba(0,0,0,.5) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; }


/* ------------------ News Grid --------------------- */
.news-grid { font-family: 'Roboto Condensed' ,Arial,Helvetica,sans-serif; }
.news-grid .no-padding { padding: 0px; }

.news-grid .newsCollection { padding: 45px 0; }
.news-grid .newsCollection h1, .news-grid .newsCollection h2 { text-align: center; font-size: 22px; margin: 0 0 25px; font-weight: 400; }
.news-grid .newsCollection .introBlock p { text-align: center; padding: 0 0 15px; margin: 0; font-size: 16px; color: #7b7b7b; font-weight: 100; }
.news-grid .newsCollection .introBlock { margin-bottom: 25px; }
.news-grid .newsCollection .articleDetails { height: 75px; }
.news-grid .newsCollection .articleLabel { font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; margin: 5px 0 0; font-weight: 400; padding: 0; display: block; }
.news-grid .newsCollection .articleDate { display: block; font-size: 13px; color: #616161; }
.news-grid .newsCollection .button { text-align: center; }
.news-grid .newsCollection .greenButton, .news-grid .newsCollection .greyButton, .news-grid .newsCollection .btn-ps-red, .news-grid .newsCollection .duelButton { font-size: 18px; display: inline-block; }
.news-grid .newsCollection .articleDetails a { color: #1b7f8d; }
.news-grid .newsCollection .articleDetails a:hover, .news-grid .newsCollection .articleDetails a:focus { color: #56b4c3; text-decoration: underline; }

.news-grid .newsItem { padding: 45px 0; }
.news-grid .newsItem:nth-child(even) { background: #E5E5E5; }
.news-grid .newsItem h2 { font-size: 22px; margin: 0; font-weight: 400; }
.news-grid .newsItem h3 { font-size: 18px; font-weight: 400; margin: 20px 0 0; }
.news-grid .newsItem .articleDate { display: block; font-size: 13px; color: #616161; margin: 0 0 10px; }
.news-grid .newsItem p { color: #7B7B7B; font-size: 14px; font-weight: 300; }
.news-grid .newsItem .backLink { text-align: right; }
.news-grid .newsItem img { max-width: 100%; height: auto; text-align: center; }
.news-grid .newsItem .gridItem { margin: 20px 0px; }
.news-grid .newsItem a { color: #1b7f8d; }
.news-grid .newsItem a:hover, .news-grid .newsItem a:focus { text-decoration: underline; }

.news-grid .newsItem table { margin: 10px 0; }
.news-grid .newsItem table th { background: #D6D6D6; }
.news-grid .newsItem table tr:nth-child(odd) { background: #fff; }
.news-grid .newsItem table tr:nth-child(even) { background: #FCFCFC; }
.news-grid .newsItem table td { background: none; }

@media (min-width:320px) {
    .news-grid .newsCollection .greenButton, .news-grid .newsCollection .greyButton, .news-grid .newsCollection .btn-ps-red, .news-grid .newsCollection .duelButton { font-size: 18px; }
    .news-grid .newsCollection h1, .news-grid .newsCollection h2 { font-size: 22px; }
    .news-grid .newsCollection .introBlock p { font-size: 16px; }
    .news-grid .newsCollection .articleLabel { font-size: 15px; }
    .news-grid .newsCollection .articleDetails { height: 75px; }

    .news-grid .newsItem h2 { font-size: 22px; }
    .news-grid .newsItem p { font-size: 14px; }
}
@media (min-width:480px) {
    .news-grid .newsCollection .greenButton, .news-grid .newsCollection .greyButton, .news-grid .newsCollection .btn-ps-red, .news-grid .newsCollection .duelButton { font-size: 18px; }
    .news-grid .newsCollection h1, .news-grid .newsCollection h2 { font-size: 24px; }
    .news-grid .newsCollection .introBlock p { font-size: 18px; }
    .news-grid .newsCollection .articleLabel { font-size: 16px; }
    .news-grid .newsCollection .articleDetails { height: 85px; }

    .news-grid .newsItem h2 { font-size: 24px; }
    .news-grid .newsItem p { font-size: 14px; }
}
@media (min-width:768px) {
    .news-grid .newsCollection .greenButton, .news-grid .newsCollection .greyButton, .news-grid .newsCollection .btn-ps-red, .news-grid .newsCollection .duelButton { font-size: 24px; }
    .news-grid .newsCollection h1, .news-grid .newsCollection h2 { font-size: 26px; }
    .news-grid .newsCollection .introBlock p { font-size: 18px; }
    .news-grid .newsCollection .articleLabel { font-size: 16px; }
    .news-grid .newsCollection .articleDetails { height: 75px; }

    .news-grid .newsItem h2 { font-size: 26px; }
    .news-grid .newsItem p { font-size: 16px; }
}
@media (min-width:992px) {
    .news-grid .newsCollection .greenButton, .news-grid .newsCollection .greyButton, .news-grid .newsCollection .btn-ps-red, .news-grid .newsCollection .duelButton { font-size: 24px; }
    .news-grid .newsCollection h1, .news-grid .newsCollection h2 { font-size: 30px; }
    .news-grid .newsCollection .introBlock p { font-size: 18px; }
    .news-grid .newsCollection .articleLabel { font-size: 17px; }
    .news-grid .newsCollection .articleDetails { height: 85px; }

    .news-grid .newsItem h2 { font-size: 30px; }
}
@media (min-width:1200px) {
    .news-grid .newsCollection .greenButton, .news-grid .newsCollection .greyButton, .news-grid .newsCollection .btn-ps-red, .news-grid .newsCollection .duelButton { font-size: 24px; }
    .news-grid .newsCollection h1, .news-grid .newsCollection h2 { font-size: 36px; }
    .news-grid .newsCollection .introBlock p { font-size: 20px; }
    .news-grid .newsCollection .articleLabel { font-size: 18px; }
    .news-grid .newsCollection .articleDetails { height: 85px; }

    .news-grid .newsItem h2 { font-size: 36px; }
}
/* --------------------- Image slider grid --------------------- */
.imageSliderGrid { padding: 40px 0 60px; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; }
.imageSliderGrid h1, .imageSliderGrid h2 { text-align: center; margin: 0 0 25px; font-size: 26px; font-weight: 400; }
.imageSliderGrid h3 { font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; margin: 5px 0 10px; font-weight: 400; padding: 0; display: block; text-align: center; }
.imageSliderGrid .introBlock p { text-align: center; padding: 0 0 15px; margin: 0; font-size: 16px; color: #7b7b7b; font-weight: 100; }
.imageSliderGrid .introBlock { margin-bottom: 25px; }
.imageSliderGrid { margin: auto; position: relative; width: 100%; }
.imageSliderGrid p { color: #7B7B7B; font-weight: 100; font-size: 14px; text-align: center; margin: 0px; }

@media (min-width:320px) {
    .imageSliderGrid .introBlock p { font-size: 20px; }
    .imageSliderGrid .pane { display: block; margin: auto; max-width: 100%; }
    .imageSliderGrid img { max-width: 260px; height: auto; }
}
@media (min-width: 480px) {
    .imageSliderGrid p { font-size: 18px; }
    .imageSliderGrid .introBlock p { font-size: 20px; }
    .imageSliderGrid { padding: 30px 0 45px; }
    .imageSliderGrid .pane { display: block; margin: auto; max-width: 100%; }
    .imageSliderGrid img { max-width: 100%; height: auto; }
    .imageSliderGrid p { color: #7B7B7B; font-weight: 100; font-size: 14px; text-align: center; margin: 0px; }
}
@media (min-width:768px) {
    .imageSliderGrid h1, .imageSliderGrid h2 { font-size: 36px; }
    .imageSliderGrid .introBlock p { font-size: 20px; }
    .imageSliderGrid { width: 100%; }
    .imageSliderGrid .pane { display: block; margin: auto; max-width: 100%; }
    .imageSliderGrid img { max-width: 100%; height: auto; }
    .imageSliderGrid p { font-size: 14px; }
}
@media (min-width:992px) {
    .imageSliderGrid h1, .imageSliderGrid h2 { font-size: 36px; }
    .imageSliderGrid .introBlock p { font-size: 20px; }
    .imageSliderGrid { width: 100%; }
    .imageSliderGrid .pane { display: block; margin: auto; max-width: 100%; }
    .imageSliderGrid img { max-width: 100%; margin: auto; height: auto; }
    .imageSliderGrid p { font-size: 14px; }
}
@media (min-width:1200px) {
    .imageSliderGrid h1, .imageSliderGrid h2 { font-size: 36px; }
    .imageSliderGrid h3 { font-size: 18px; }
    .imageSliderGrid .introBlock p { font-size: 20px; }
    .imageSliderGrid { width: 100%; }
    .imageSliderGrid .pane { display: block; margin: auto; max-width: 700px; }
    .imageSliderGrid img { max-width: 100%; margin: auto; height: auto; }
    .imageSliderGrid p { font-size: 14px; }
}

/* --------------------- text overlay image grid --------------------- */
.textOverlayImageGrid { padding: 40px 0 60px; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; }
.textOverlayImageGrid h1, .textOverlayImageGrid h2 { text-align: center; margin: 0; font-size: 26px; font-weight: 400; }
.textOverlayImageGrid .paragraph p { text-align: center; padding: 0px; margin-bottom: 30px; font-family: 'Roboto Condensed' ,Arial, Helvetica, sans-serif; font-size: 18px; color: #7b7b7b; font-weight: 100; }
.textOverlayImageGrid .item img { width: 100%; height: auto; position: relative; margin: 10px 0; }

.textOverlayImageGrid h3 { margin: 0px; }


@media (min-width:320px) {
    .textOverlayImageGrid .item img { display: block; margin-left: auto; margin-right: auto; }
    /* .textOverlayImageGrid .item .itemContent {position:absolute; left:50%; top:170px; width:185px; margin-left:-95px; height:143px}
         .textOverlayImageGrid .item h3 {text-align:center}
         .textOverlayImageGrid .item p {text-align:center} */
}
@media (min-width:480px) {
    .textOverlayImageGrid .item img { display: block; margin-left: auto; margin-right: auto; }
    .textOverlayImageGrid .paragraph p { margin-bottom: 30px; font-size: 20px; }
    /* .textOverlayImageGrid .item .itemContent {position:absolute; left:50%; top:170px; width:185px; margin-left:-95px; height:143px}
        .textOverlayImageGrid .item h3 {text-align:center}
        .textOverlayImageGrid .item p {text-align:center} */
}
@media (min-width:768px) {
    .textOverlayImageGrid h1, .textOverlayImageGrid h2 { font-size: 36px; }
    .textOverlayImageGrid .paragraph p { margin-bottom: 30px; font-size: 20px; }
    /* .textOverlayImageGrid .item .itemContent {position:absolute; left:31px; top:170px; width:185px; margin:auto; height:143px}
        .textOverlayImageGrid .item h3 {text-align:center}
        .textOverlayImageGrid .item p {text-align:center} */
}
@media (min-width:992px) {
    .textOverlayImageGrid h1, .textOverlayImageGrid h2 { font-size: 36px; }
    .textOverlayImageGrid .paragraph p { margin-bottom: 30px; font-size: 20px; }
    /* .textOverlayImageGrid .item .itemContent {position:absolute; left:31px; top:168px; width:180px; margin:auto; height:138px}
        .textOverlayImageGrid .item h3 {text-align:center}
        .textOverlayImageGrid .item p {text-align:center} */
}
@media (min-width:1200px) {
    .textOverlayImageGrid h1, .textOverlayImageGrid h2 { font-size: 36px; }
    .textOverlayImageGrid .paragraph p { margin-bottom: 30px; font-size: 20px; }
    /* .textOverlayImageGrid .item .itemContent {position:absolute; left:45px; top:215px; width:200px; margin:auto; height:150px}
        .textOverlayImageGrid .item h3 {text-align:center}
        .textOverlayImageGrid .item p {text-align:center} */
}