/*4/5/2022/*/ /*#smartbanner { position:absolute; left:0; top:0px; border-bottom:1px solid #ffffff; width:100%; height: auto; z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none;background-position: bottom; background: #0057b7; color: #ffd700 }*/ #smartbanner { position: absolute; left: 0; top: 0px; border-bottom: 1px solid #ffffff; width: 100%; height: auto; z-index: 9998; -webkit-font-smoothing: antialiased; overflow: hidden; -webkit-text-size-adjust: none; /*background: linear-gradient(0deg, rgba(170,250,224,1) 0%, rgba(89,242,204,1) 47%, rgba(74,178,236,1) 100%);*/ /*background-color: #000000;*/ /* background: rgb(57,57,57); background: linear-gradient(0deg, rgba(57,57,57,1) 0%, rgba(0,0,0,1) 100%);*/ background-image: url("/offers/img/promo-banner/bg-clocks-fallback-pumpkins.png"), linear-gradient(0deg, rgba(235, 203, 108, 1) 1%, rgba(222, 144, 35, 1) 100%); background-repeat: no-repeat; /*#de9023; background-size: cover;*/ background-position: left top; } #smartbanner .heading img { max-width: 90%; } #smartbanner .icn img { max-width: 95%; } #smartbanner .sb-container { margin: 0 auto; color: #ffffff; text-align: center; vertical-align: middle; font-style: italic; text-transform: uppercase; } #smartbanner .sb-close, .sb-shrink, .sb-shrink-sm { position: absolute; right: 15px; top: 8px; display: block; width: 40px; height: 40px; padding-left: 20px; font-family: "ArialRoundedMTBold", Arial; font-size: 40px; line-height: 40px; text-align: center; color: #fff; text-decoration: none; text-shadow: none; border-radius: 14px; -webkit-font-smoothing: subpixel-antialiased; } #smartbanner .sb-close:active, .sb-shrink:active, .sb-shrink-sm:active { font-size: 13px; color: #aaa; } #smartbanner .sb-icon { position: absolute; left: 30px; top: 15px; display: block; width: 57px; height: 57px; background: rgba(0, 0, 0, 0.6); background-size: cover; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } #smartbanner.no-icon .sb-icon { display: none; } #smartbanner .sb-info { position: absolute; left: 98px; top: 18px; width: 44%; font-size: 11px; line-height: 1.2em; font-weight: bold; color: #6a6a6a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } #smartbanner #smartbanner.no-icon .sb-info { left: 34px; } #smartbanner .sb-info strong { display: block; font-size: 13px; color: #4d4d4d; line-height: 18px; } #smartbanner .sb-info > span { display: block; } #smartbanner .sb-info em { font-style: normal; text-transform: uppercase; } #smartbanner .sb-button { position: absolute; right: 20px; top: 24px; border: 1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height: 24px; font-size: 14px; line-height: 24px; text-align: center; font-weight: bold; color: #6a6a6a; background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%); text-transform: uppercase; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border-radius: 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset; } #smartbanner .sb-button:active, #smartbanner .sb-button:hover { background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%); } #smartbanner .sb-icon.gloss:after { content: ""; position: absolute; left: 0; top: -1px; border-top: 1px solid rgba(255, 255, 255, 0.8); width: 100%; height: 50%; background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100% ); border-radius: 10px 10px 12px 12px; } .heading h5 { font-weight: normal; max-width: 480px; padding: 2px 15px; margin: auto; line-height: 1.3em; } /**** ANDROID ****/ #smartbanner.android { border-color: #212228; background: -webkit-linear-gradient(top, #30b1ff 0%, #34e4ea 100%) !important; background-image: -ms-linear-gradient( top, #34e4ea 0%, #cdcdcd 100% ) !important; background-image: -moz-linear-gradient( top, #34e4ea 0%, #cdcdcd 100% ) !important; border-top: 5px solid #30b1ff; box-shadow: none; } #smartbanner.android .sb-close { border: 0; width: 17px; height: 17px; line-height: 17px; color: #b1b1b3; background: #1c1e21; text-shadow: 0 1px 1px #000; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3); } #smartbanner.android .sb-close:active { color: #eee; } #smartbanner.android .sb-info { color: #ffffff; text-shadow: none; /*0 1px 2px #000*/ } #smartbanner.android .sb-info strong { color: #fff; } #smartbanner.android .sb-button { min-width: 12%; border: none !important; padding: 1px; color: #d1d1d1; background: none; border-radius: 0; box-shadow: none; min-height: 28px; } #smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #000000; /* background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB));*/ background-image: -moz-linear-gradient(top, #42b6c9, #39a9bb); text-transform: none; text-shadow: none; box-shadow: none; } #smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; } #smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background: #2ac7e1; } /*** END ANDROID ***/ #smartbanner.windows .sb-icon { border-radius: 0px; } .iOSbanner { background: -webkit-linear-gradient(top, #30b1ff 0%, #34e4ea 100%) !important; background-image: -ms-linear-gradient( top, #34e4ea 0%, #cdcdcd 100% ) !important; background-image: -moz-linear-gradient( top, #34e4ea 0%, #cdcdcd 100% ) !important; background-image: url("/sites/all/themes/playon/images/BackgroundImage@2x.jpg") !important; background-size: cover !important; height: 100vh !important; } .smartbanner-marketing-text { font-size: 24px; line-height: 29px; font-weight: normal; padding: 10px 15px; } .smartbanner-marketing-top-margin { margin-top: 130px; text-align: center; } #banner-large { min-height: 305px; padding-bottom: 10px; } #smartbanner h4 { /*color: #000000;*/ max-width: 90%; margin: auto; font-weight: normal; } @media only screen and (min-width: 600px) { .smartbanner-marketing-text { font-size: 35px; line-height: 44px; font-weight: normal; } .smartbanner-marketing-top-margin { margin-top: 25%; text-align: center; } } /*@media only screen and (min-width:600px) and (orientation: landscape) { .smartbanner-marketing-text { font-size:35px; line-height:44px;font-weight:normal } .smartbanner-marketing-top-margin { margin-top: 10%;text-align: center;} }*/ .rating-static { width: 60px; height: 14px; display: block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAgCAYAAADZubxIAAAB+klEQVR42u2ZsWrDMBCGvfYJ+np9jC55g1DoKySjlyweugTSJUsIJUPAOCaEeElpSmk7dClqf4HCYSTXCqXlTvfBQWL/i0+688l/limKIoyXxcK8bTYmFT1omuYqGf3TaGSeJxOTir4sS7NardLQY+cfh0MbKejBcrk0CJF6tDPseBdIzOfNhQ38pvc+drtb7no883q9Ni6QmPl8bgO/6T3X9rjrM7Qzl5RQHGez0w7hrseDT6dT0xV1Xb9K0VuQgFByUCXtyueuB6HkbLfbe4l6O5z0TY4E/X6/vy6KwtBAa5Oqz7ytrWNY4a7HO6udIFSASP374XAZanES9SDPc4NAYjCkuP8i9a69+YYXX5vjrkd7G4/HBmdIdw2DCRLkO1Ny12c0MRQcLXxfhbjruwgOKUL1iqIoiqIoym/A3d/FmTg1PzgK7v4ujkzV98G/r567HxyFBH8XWixw3yrg7gf/2P7afurjYGCjr//6n3pX4TSgrTz+qLPQ2Pu7sXD3d1HlWFR6HwtMLTRaESL83Vgk+LtU83BXnJJDv9dS2Pu75wxXnP1dVDJdYOeyhPTs/d1YuPu7tLW7BUZ0DTOc/eAoqJ/afp9x0Lc3REX80dBwwt0PPqs9c/V33YZoV3ioTbP3d88ZsnzXufi7XV+7YhOk/q6iKIryB3wBtjEcvuWoD/oAAAAASUVORK5CYII=") 0 0 no-repeat; } .rating-50 { background-position: 0 0; } .rating-40 { background-position: -12px 0; } .rating-30 { background-position: -24px 0; } .rating-20 { background-position: -36px 0; } .rating-10 { background-position: -48px 0; } .rating-0 { background-position: -60px 0; } .rating-5 { background-position: -48px -16px; } .rating-15 { background-position: -36px -16px; } .rating-25 { background-position: -24px -16px; } .rating-35 { background-position: -12px -16px; } .rating-45 { background-position: 0 -16px; } /*home*/ .deals .deal-logo { margin-bottom: 2px; margin-top: 10px; } .banner-link, .banner-link:visited { color: #262626; border: 0px; text-decoration: none; } .banner-link:hover, .banner-link:active { color: #262626; } .banner-button { border-radius: 25px; background-color: #d12e39; color:#fff; border: 0px; padding: 5px 30px; text-decoration: none; font-weight: bold; line-height: 40px; } .banner-button:hover, .banner-button:active { background-color:#e6444f; color: #fff !important; } .deals .button { margin-top: 15px; } .heading-sales-desc { font-size: 15px; font-weight: bolder; font-style: italic; /*text-transform: uppercase;*/ margin:auto; text-align: center; margin-top: 25px; color:#262626} #banner-smaller .heading-sales-desc { font-size: 14px; } #banner-large .heading, #banner-small .heading, #banner-smaller .heading { margin-top: 10px; height: auto; color: #ffffff; font-size: 45px; line-height: 40px; text-align: center; background: none; padding: 10px 3px 4px 3px; } #banner-large .deals { max-height: 550px; max-width: 95%; text-align: center; margin: auto; } #banner-large .deal1, #banner-large .deal2 { vertical-align: top; text-align: right; display: inline-block; min-width: 25%; max-width: 45%; color: #ffffff; } #banner-large .deal1 { margin-right: 20px; } #banner-large .deal2 { margin-left: 20px; } .deals .deal-container { margin: auto; text-align: center; vertical-align: top; margin-top: 20px; } .deals .deal-header1 { display: inline-block; font-size: 60px; line-height: 60px; font-weight: bold; color: #434343; /*text-shadow: 2px 2px #fff;*/ } .deals .deal-header2 { display: inline-block; font-size: 25px; line-height: 25px; text-align: left; font-weight: bold; margin-left: 8px; color: #434343; } .deals .deal-desc { margin-top: 5px; text-transform: uppercase; } .deals span.deal-desc-title { font-size: 21px; line-height: 23px; color:#434343; } .deals span.deal-desc-title span { font-size: 21px; font-weight: bold; color: #434343; } .deals .deal-title-product-unit { display: inline-block; text-transform: uppercase; vertical-align: text-bottom; text-align: left; margin-left: 5px; } .deals span { font-size: 15px; } .deals span.cents { font-size: 35px; display: inline-block; vertical-align: top; line-height: 35px; padding-top: 5px; } #deal-separator { display: inline-block; vertical-align: top; width: 71px; min-height: 170px; background: transparent url("https://www.playon.tv/sites/default/files/sale-banner-diag-sep-500h.png") no-repeat top center; margin-top: 20px; } ul.features-list { text-align: left; list-style-type: none; padding: unset; font-weight: bold; max-width: 100%; margin: auto; margin-top: 10px; color: #fff; } /*shrunken for PC */ /*#sb-mobile { height: 100px !important }*/ #banner-small { display: none; max-width: 900px; margin: auto; text-align: center; color: #fff; position: absolute; left: 50%; margin-left: -200px; z-index: 5000; } #banner-small .deal1-small, #banner-small .deal2-small { display: inline-block; font-size: 15px; line-height: 18px; width: 200px; max-width: 43%; vertical-align: top; } #banner-small .banner-button, #banner-smaller .banner-button, #banner-small .banner-button:active, #banner-smaller .banner-button:active { width: 90%; padding: 5px 15px; font-size: 13px; line-height: 26px; text-transform: uppercase; margin: 10px 0px; } #banner-small .icn, #banner-smaller .icn { margin: 9px 0px; } #banner-small #deal-separator-small, #banner-smaller #deal-separator-small { display: inline-block; vertical-align: top; width: 21px; min-height: 120px; /*background:transparent url('https://www.playon.tv/sites/default/files/gfx-holiday-sale-banner-diag-sep-sm.png') no-repeat top center*/ } #banner-small .button { margin-top: 8px; } #banner-smaller img#img-header { width: 90%; max-width: 290px; margin: auto; } #banner-smaller .offer-desc { line-height: 18px; margin-bottom: 8px; color: #1d1d1d; font-size: 17px; text-transform: uppercase; } /*shrunken for mobile*/ #banner-smaller { margin: auto; text-align: center; color: #ffffff; } #banner-smaller .deal1-small, #banner-smaller .deal2-small { display: inline-block; font-size: 15px; line-height: 16px; min-width: 140px; max-width: 45%; vertical-align: top; /*background-color: #c5c6c199;*/ border-radius: 20px; } #banner-smaller .deal1-small span strong, #banner-smaller .deal2-small span strong { font-size: inherit !important; } #banner-smaller .button { background-color: #ffffff; color: #d12e39; border-radius: 8px; padding: 5px; width: 120px; margin: auto; text-align: center; font-weight: bold; margin-bottom: 10px; } #banner-smaller .sale-tag { background-color: none; font-style: italic; text-transform: uppercase; } #banner-smaller .deal-box { max-width: 100%; margin: auto; padding-bottom: 20px; padding-top: 20px; } #sale-exp-vw-mobile { padding: 3px 0px; background-color: #00000078; font-style: italic; } .title-em { font-weight: bold; } #smartbanner .footnote { font-style: italic; margin-top: 12px; padding: 0px 10px; text-align: center; color: #ffffff; margin-bottom: 10px; } .deal-header1 sup, .deal-header2 sup { font-size: 15px; color: #ffffff; } @media only screen and (min-width: 500px) { #banner-small .deal1-small, #banner-small .deal2-small { margin: 0px 10px; } #banner-small .deal1-small span, #banner-small .deal2-small span { display: block; height: 55px; } #banner-smaller .deal-box { max-width: 500px; margin: auto; } .heading h5 { font-weight: normal; max-width: 450px; padding: 2px 15px; margin: auto; line-height: 1.3em; } } @media screen and (max-width: 1275px) { #smartbanner { min-height: 290px; } } /*ipad landscape issue*/ @media only screen and (min-width: 768px) and (orientation: landscape) { #smartbanner { max-height: 450px; } #smartbanner .sb-close { top: 4px; } } @media screen and (max-width: 975px) and (min-width: 768px) { #banner-large .deal1, #banner-large .deal2 { width: 41%; } .deals .deal-header1 { font-size: 50px; line-height: 50px; } .deals .deal-header2 { font-size: 20px; line-height: 20px; } .deals .deal-desc { font-size: 15px; line-height: 17px; } #deal-separator { min-height: 110px; } #smartbanner { /*min-height:540px; */ height: 300px; } } @media screen and (max-width: 767px) { #banner-large .heading, #banner-small .heading, #banner-smaller .heading { background: none; } #smartbanner { /*min-height:540px; */ height: 260px; /*background: #3b7492 url('/offers/img/promo-banner/bg-promo-fathers-day-shows-800.jpg') repeat-x left top; */ /*background: -webkit-linear-gradient(top, #ff2d3b 0%,#f31b2a, #f5314d 100%); */ } #banner-large { min-height: 540px; } /*#banner-large .heading { margin-top:30px; background:#0abff9 url('https://www.playon.tv/sites/default/files/bg-holiday-sale-blue-sm.png') no-repeat center; }*/ #banner-large .heading { font-size: 20px; } #banner-large .deals { max-height: auto; margin-left: 10px; margin-right: 10px; } #banner-large .deal1, #banner-large .deal2 { display: block; max-width: 410px; width: 100%; margin: auto; vertical-align: top; text-align: center; } #deal-separator { background: none; height: 10px; min-height: auto; border-top: 2px solid #ffffff; width: 90%; margin: 16px 0px 10px; vertical-align: middle; text-align: center; } .deals .deal-container { margin: auto; } #banner-large .deal2 { margin-bottom: 20px; } #banner-large .heading img { max-width: 90%; margin: auto;text-align: center; } } @media screen and (max-width: 450px) { #smartbanner { height:310px !important } /*shrunken */ #banner-small .deal1-small, #banner-small .deal2-small { display: inline-block; font-size: 14px; line-height: 15px; width: 100%; min-width: auto; max-width: 100%; vertical-align: top; margin: auto; text-align: center; color: #ffffff; } /*#banner-small .deal2-small { width: 120px; margin-left:10px; color: #ffffff;} */ #banner-small .banner-button { padding: 5px 15px; font-size: 11px; line-height: 22px; background-color: #ffffff; width: 120px; margin: auto; margin-top: 10px; color: #e11d2d; } #banner-small .icn { margin: 7px 0px 3px; } #banner-small #deal-separator-small { display: block; vertical-align: top; width: 100%; min-height: 10px; background: none; border-top: 1px solid #fff; margin-top: 20px; } ul.features-list { max-width: 300px; } .deal1-small span strong, .deal2-small span strong { font-size: 1.4em !important; line-height: 1.2em; } .deals .deal-header2-mobile { vertical-align: top;display: block !important; margin: auto;text-align: center;} } @media screen and (max-width: 420px) { #smartbanner { height:310px !important } } @media screen and (max-width: 320px) { #smartbanner h4 { max-width: 99% !important; } #banner-smaller .offer-desc { height: 75px; } }