.pageHeader/*! normalize.css v3.0.2 | MIT License | git.io/normalize */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong,.innerContent p b,.innerContent p span b {font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0} body, p, li { font-family: 'Open Sans', sans-serif; color: #94A3A1 ; font-size: 16px; line-height: 24px; font-weight: 300; } a { color: #50C2B4; font-weight: 600; cursor: pointer; } a:hover { color: #319589; text-decoration: underline; } p, li { padding: 0 0 15px 0; margin: 0; } li { margin-left: 30px; padding-left: 5px; list-style-image: url("/assets-l247/images/bullet.png"); } i { color: #525A59 ; } .fa { color: inherit !important; } b, optgroup, strong, .innerContent p b, .innerContent p span b { color: #656D6C; } .pageContent p,.pageContent li { width: 90%; } #simplemodal-container .pageContent p { width: 100% !important; text-align: center !important; } hr { margin-top: 30px; margin-bottom: 30px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .regModal-header { font-family: 'Rubik', sans-serif; color: #2D3030 ; } h1, .h1 { font-size: 34px; line-height: 38px; font-weight: 500; margin: 45px 0 15px; } h2, .h2 { font-size: 29px !important; line-height: 34px; font-weight: 500 !important; margin: 45px 0 15px; } h3, .h3 { font-size: 24px; line-height: 28px; font-weight: 400; margin: 15px 0 15px; } h4, .h4, .regModal-header { font-size: 20px; line-height: 24px; font-weight: 400; margin: 15px 0 15px; } h5, .h5 { font-size: 18px; line-height: 22px; font-weight: 400; margin: 15px 0 15px; } h6, .h6 { font-size: 14px; text-transform: uppercase; line-height: 16px; font-weight: 500; margin: 15px 0 15px; } textarea { border-radius: 5px; background-color: #ffffff !important; box-shadow: 0 0 3px 2px #ffffff, inset 0 0 9px 0 rgba(0, 0, 0, 0.20); color: #1A1A1A; font-family: 'Rubik', sans-serif; font-size: 15px !important; line-height: 40px !important; font-weight: 400; padding: 0 10px; margin: 5px 0; border: none; display: block; width: 100% !important; min-height: 150px; outline: none; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pageLeft { background: #F8F9F9; border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .pageRight { background: #EEF1F1; padding: 30px !important; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .rowL247 { margin-left: -15px !important; margin-right: -15px !important; } /* SHELDON */ .pageHeader{ padding: 50px 60px 20px 60px !important; background: #fff; border-radius: 5px 5px 0px 0px; } .pageHeader h1 { margin-top: 0; margin-bottom: 10px; } .pageHeader.demo { padding: 50px 30px 20px 30px !important; display: -webkit-inline-flex; width: 100%; } .pageHeader.demo .button { position: absolute; right: 30px; margin: 0 0 0 24px!important; color: #fff; } .pageHeader.demo .button:hover { text-decoration: none; } .pageHeader p { margin-bottom: 0; padding-bottom: 0; } .pageContent { padding: 30px 60px 60px 60px !important; overflow: hidden; display:block; width:100%; } .pageContent .pageHeader{ margin-left:-60px ; margin-right:-60px ; margin-top: -30px; } .spacer {padding-left:30px;} .sliderOneHdr { color: #ffffff; font-size: 46px; font-weight: 500; bottom: -10px; position: relative; font-family: 'Rubik', sans-serif; padding: 0; width: 450px; display: inline-block; } .carousel-caption h3.slide-playnowtext { display: inline-block; font-size: 24px !important; position: relative; bottom: -3px; text-align: center; width: 180px; } .quick-play-games{ height: 96px; left: 174px; opacity: 1; } .quick-play-PlayElGordo{ background-image: url("/assets/game_images/PlayElGordo.jpg"); } .quick-play-ElGordoNavidad{ background-image: url("/assets/game_images/elgordo-navidad.jpg"); } .quick-play-PlayEuroJackpot{ background-image: url("/assets/game_images/PlayEuroJackpot.jpg"); } .quick-play-PlayEuroMillions{ background-image: url("/assets/game_images/PlayEuroMillions.jpg"); } .quick-play-PlayFranceLoto{ background-image: url("/assets/game_images/PlayFranceLoto.jpg"); } .quick-play-PlayLaPrimitiva{ background-image: url("/assets/game_images/PlayLaPrimitiva.jpg"); } .quick-play-PlayGermanLotto{ background-image: url("/assets/game_images/PlayGermanLotto.jpg"); } .quick-play-PlayUSAMegaMillions{ background-image: url("/assets/game_images/PlayUSAMegaMillions.jpg"); } .quick-play-PlayMegaSena{ background-image: url("/assets/game_images/PlayMegaSena.jpg"); } .quick-play-PlayOzLotto{ background-image: url("/assets/game_images/PlayOzLotto.jpg"); } .quick-play-PlayOzPowerball{ background-image: url("/assets/game_images/PlayOzPowerball.jpg"); } .quick-play-PlayUSAPowerball{ background-image: url("/assets/game_images/PlayUSAPowerball.jpg"); } .quick-play-PlaySuperEnaLotto{ background-image: url("/assets/game_images/PlaySuperEnaLotto.jpg"); } .quick-play-PlaySuperEnaMax{ background-image: url("/assets/game_images/PlaySuperEnaMax.jpg"); } .quick-play-PlaySuperLottoPlus{ background-image: url("/assets/game_images/PlaySuperLottoPlus.jpg"); } .quick-play-PlayUKLottery{ background-image: url("/assets/game_images/PlayUKLottery.jpg"); } .quick-play-ElNino{ background-image: url("/assets/game_images/elnino_playblock_background.jpg"); } .quick-play-PlayUSAPowerballPlus{ background-image: url("/assets/game_images/PlayUSAPowerballPlus.jpg"); } .quick-play-PlayUSAMegaMillionsMax{ background-image: url("/assets/game_images/PlayUSAMegaMillionsMax.jpg"); } a.quick-play_headinglink, a.quick-play_headinglink:hover{ text-decoration:none !important; } .quick-play__control-heading { line-height: 11px; font-size: 11px; font-weight: 500; display: block; width: 90%; margin: 0 auto; /* height:20px;*/ } .quick-play__price-txt { line-height: 15px; font-weight: 500; display: block; margin-top: 5px; } .quick-play .btn-primary { margin-top: 0; } .home-about-lotto-container__blockone { padding-top: 0; } .home-about-lotto-container__blockone h3{ margin-top: 60px !important; margin-bottom: 5px; } .home-about-lotto-container__blockone p{ padding-bottom: 60px !important; font-weight: 400; } .menu_item_new { width: auto; height: 15px; overflow: hidden; text-align: center; background: #f16767; color: #fff; font-family: 'Rubik', san-serif; font-size: 9px; letter-spacing: 1px; line-height: 15px; z-index: 99; top: -2px; margin: 0px auto; border-radius: 0px 0px 5px 5px; padding: 0px 5px; position: relative; text-transform: uppercase; border: none; display: table; } .quickgames-text-block .keno { background-image: url("/assets/extra/L247_Keno.png"); font-family: 'Rubik', san-serif; font-size: 20px; font-weight: 700; padding-top:43px;} .quickgames-text-block .raffle { background-image: url("/assets/extra/L247_Raffles.png"); font-family: 'Rubik', san-serif;font-size: 20px; font-weight: 700; padding-top:43px;} .quickgames-text-block .instant { background-image: url("/assets/extra/L247_Instant_Win.png"); font-family: 'Rubik', san-serif; font-size: 20px; font-weight: 700; padding-top:43px;} .quickgames-text-block .scratch { background-image: url("/assets/extra/L247_Scratchcards.png"); font-family: 'Rubik', san-serif; font-size: 20px; font-weight: 700; padding-top:43px;} .home-quick-games-container h1 { color: #fff; font-family: 'Rubik', san-serif;} .home-quick-games-container p { color: #fff; font-family: 'Rubik', san-serif;} .site-menu-links li{position:relative;} .site-menu-links li:first-child{margin-left:-30px;} .main-nav.navScrolled .menu_item_new{display:none;} .main-nav.navScrolled .menuitem_new_container{display:none;} .quick-play-PlayUSAPowerball .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#132f53+0,9a1c22+100 */ background: #132f53; /* Old browsers */ background: -moz-linear-gradient(left, #132f53 0%, #9a1c22 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #132f53 0%,#9a1c22 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #132f53 0%,#9a1c22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132f53', endColorstr='#9a1c22',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayUSAPowerball .quick-play__gradbar { background: #9a1c22 !important; /* Old browsers */ background: -moz-linear-gradient(left, #9a1c22 0%, #132f53 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(left, #9a1c22 0%,#132f53 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #9a1c22 0%,#132f53 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a1c22', endColorstr='#132f53',GradientType=1 ) !important; /* IE6-9 */ } .quick-play-PlayUSAPowerballPlus .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#132f53+0,9a1c22+100 */ background: #1ecefd; /* Old browsers */ background: -moz-linear-gradient(left, #1ecefd 0%, #0380bf 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #1ecefd 0%,#0380bf 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #1ecefd 0%,#0380bf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ecefd', endColorstr='#0380bf',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayUSAPowerballPlus .quick-play__gradbar { background: #0380bf !important; /* Old browsers */ background: -moz-linear-gradient(left, #0380bf 0%, #1ecefd 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0380bf 0%,#1ecefd 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0380bf 0%,#1ecefd 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0380bf', endColorstr='#1ecefd',GradientType=1 ) !important; /* IE6-9 */ } .quick-play-PlayUSAMegaMillionsMax .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#132f53+0,9a1c22+100 */ background: #f16767; /* Old browsers */ background: -moz-linear-gradient(left, #f16767 0%, #593a96 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #f16767 0%,#593a96 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #f16767 0%,#593a96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16767', endColorstr='#593a96',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayUSAMegaMillionsMax .quick-play__gradbar { background: #593a96 !important; /* Old browsers */ background: -moz-linear-gradient(left, #593a96 0%, #f16767 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(left, #593a96 0%,#f16767 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #593a96 0%,#f16767 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#593a96', endColorstr='#f16767',GradientType=1 ) !important; /* IE6-9 */ } .quick-play-PlayElGordo .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec1c24+0,ffcd05+100 */ background: #ec1c24; /* Old browsers */ background: -moz-linear-gradient(left, #ec1c24 0%, #ffcd05 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ec1c24 0%,#ffcd05 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ec1c24 0%,#ffcd05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec1c24', endColorstr='#ffcd05',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-ElNino .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec1c24+0,ffcd05+100 */ background: #ffcd05; /* Old browsers */ background: -moz-linear-gradient(left, #ffcd05 0%, #eb2027 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffcd05 0%, #eb2027 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffcd05 0%, #eb2027 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd05', endColorstr='#eb2027',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayElGordo .quick-play__gradbar { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec1c24+0,ffcd05+100 */ background: #ffcd05; /* Old browsers */ background: -moz-linear-gradient(left, #ffcd05 0%, #ec1c24 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffcd05 0%,#ec1c24 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffcd05 0%,#ec1c24 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd05', endColorstr='#ec1c24',GradientType=1 ); /* IE6-9 */ } .quick-play-PlayEuroJackpot .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffde16+0,a87c4f+100 */ background: #ffde16; /* Old browsers */ background: -moz-linear-gradient(left, #ffde16 0%, #a87c4f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffde16 0%,#a87c4f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffde16 0%,#a87c4f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde16', endColorstr='#a87c4f',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayEuroJackpot .quick-play__gradbar { background: #a87c4f; /* Old browsers */ background: -moz-linear-gradient(left, #a87c4f 0%, #ffde16 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #a87c4f 0%,#ffde16 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #a87c4f 0%,#ffde16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a87c4f', endColorstr='#ffde16',GradientType=1 ); /* IE6-9 */ } .quick-play-PlayEuroMillions .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2383c5+0,ead61b+100 */ background: #2383c5; /* Old browsers */ background: -moz-linear-gradient(left, #2383c5 0%, #ead61b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #2383c5 0%,#ead61b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #2383c5 0%,#ead61b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2383c5', endColorstr='#ead61b',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayEuroMillions .quick-play__gradbar { background: #ead61b; /* Old browsers */ background: -moz-linear-gradient(left, #ead61b 0%, #2383c5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ead61b 0%,#2383c5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ead61b 0%,#2383c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ead61b', endColorstr='#2383c5',GradientType=1 ); /* IE6-9 */ } .quick-play-PlayFranceLoto .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#951b1e+0,132f53+100 */ background: #951b1e; /* Old browsers */ background: -moz-linear-gradient(left, #951b1e 0%, #132f53 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #951b1e 0%,#132f53 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #951b1e 0%,#132f53 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#951b1e', endColorstr='#132f53',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayFranceLoto .quick-play__gradbar { background: #132f53; /* Old browsers */ background: -moz-linear-gradient(left, #132f53 0%, #951b1e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #132f53 0%,#951b1e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #132f53 0%,#951b1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#132f53', endColorstr='#951b1e',GradientType=1 ); /* IE6-9 */ } .quick-play-PlayLaPrimitiva .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a4e27+0,088489+100 */ background: #0a4e27; /* Old browsers */ background: -moz-linear-gradient(left, #FCEE21 0%, #089848 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #FCEE21 0%,#089848 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #FCEE21 0%,#089848 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCEE21', endColorstr='#089848',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayLaPrimitiva .quick-play__gradbar { background: #089848; /* Old browsers */ background: -moz-linear-gradient(left, #089848 0%, #FCEE21 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #089848 0%,#FCEE21 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #089848 0%,#FCEE21 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#089848', endColorstr='#FCEE21',GradientType=1 ); /* IE6-9 */ } .quick-play-PlayGermanLotto .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e31f26+0,74020d+100 */ background: #e31f26; /* Old browsers */ background: -moz-linear-gradient(left, #e31f26 0%, #74020d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e31f26 0%,#74020d 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e31f26 0%,#74020d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e31f26', endColorstr='#74020d',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayGermanLotto .quick-play__gradbar { background: #74020d; /* Old browsers */ background: -moz-linear-gradient(left, #74020d 0%, #e31f26 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #74020d 0%,#e31f26 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #74020d 0%,#e31f26 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74020d', endColorstr='#e31f26',GradientType=1 ); /* IE6-9 */ } .quick-play-PlayUSAMegaMillions .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee3c36+0,09539f+100 */ background: #ee3c36; /* Old browsers */ background: -moz-linear-gradient(left, #ee3c36 0%, #09539f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ee3c36 0%,#09539f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ee3c36 0%,#09539f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3c36', endColorstr='#09539f',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayUSAMegaMillions .quick-play__gradbar { background: #09539f; /* Old browsers */ background: -moz-linear-gradient(left, #09539f 0%, #ee3c36 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #09539f 0%,#ee3c36 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #09539f 0%,#ee3c36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09539f', endColorstr='#ee3c36',GradientType=1 ); /* IE6-9 */ } .quick-play-PlayMegaSena .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#afd24f+0,2a6e37+100 */ background: #afd24f; /* Old browsers */ background: -moz-linear-gradient(left, #afd24f 0%, #2a6e37 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #afd24f 0%,#2a6e37 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #afd24f 0%,#2a6e37 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd24f', endColorstr='#2a6e37',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayMegaSena .quick-play__gradbar { background: #2a6e37; /* Old browsers */ background: -moz-linear-gradient(left, #2a6e37 0%, #afd24f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #2a6e37 0%,#afd24f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #2a6e37 0%,#afd24f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a6e37', endColorstr='#afd24f',GradientType=1 ); /* IE6-9 */ } .quick-play-PlayOzLotto .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcee21+0,088489+100 */ background: #FCEE21; /* Old browsers */ background: -moz-linear-gradient(left, #FCEE21 0%, #089848 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #FCEE21 0%,#089848 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #FCEE21 0%,#089848 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCEE21', endColorstr='#089848',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayOzLotto .quick-play__gradbar { background: #088489; /* Old browsers */ background: -moz-linear-gradient(left, #089848 0%, #FCEE21 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #089848 0%,#FCEE21 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #089848 0%,#FCEE21 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#088489', endColorstr='#FCEE21',GradientType=1 ); /* IE6-9 */ } .quick-play-PlayOzPowerball .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#232162+0,2f57a6+100 */ background: #232162; /* Old browsers */ background: -moz-linear-gradient(left, #232162 0%, #2f57a6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #232162 0%,#2f57a6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #232162 0%,#2f57a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232162', endColorstr='#2f57a6',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayOzPowerball .quick-play__gradbar { background: #2f57a6; /* Old browsers */ background: -moz-linear-gradient(left, #2f57a6 0%, #232162 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #2f57a6 0%,#232162 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #2f57a6 0%,#232162 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f57a6', endColorstr='#232162',GradientType=1 ); /* IE6-9 */ } .quick-play-PlaySuperEnaLotto .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bb2127+0,3f9f47+100 */ background: #bb2127; /* Old browsers */ background: -moz-linear-gradient(left, #bb2127 0%, #3f9f47 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #bb2127 0%,#3f9f47 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #bb2127 0%,#3f9f47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb2127', endColorstr='#3f9f47',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlaySuperEnaLotto .quick-play__gradbar { background: #3f9f47; /* Old browsers */ background: -moz-linear-gradient(left, #3f9f47 0%, #bb2127 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #3f9f47 0%,#bb2127 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #3f9f47 0%,#bb2127 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f9f47', endColorstr='#bb2127',GradientType=1 ); /* IE6-9 */ } .quick-play-PlaySuperEnaMax .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#088489+0,ec2224+100 */ background: #089848; /* Old browsers */ background: -moz-linear-gradient(left, #089848 0%, #ec2224 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #089848 0%,#ec2224 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #089848 0%,#ec2224 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#089848', endColorstr='#ec2224',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlaySuperEnaMax .quick-play__gradbar { background: #ec2224; /* Old browsers */ background: -moz-linear-gradient(left, #ec2224 0%, #089848 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ec2224 0%,#089848 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ec2224 0%,#089848 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec2224', endColorstr='#089848',GradientType=1 ); /* IE6-9 */ } .quick-play-PlaySuperLottoPlus .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33c5f3+0,1b75bb+100 */ background: #33c5f3; /* Old browsers */ background: -moz-linear-gradient(left, #33c5f3 0%, #1b75bb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #33c5f3 0%,#1b75bb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #33c5f3 0%,#1b75bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33c5f3', endColorstr='#1b75bb',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlaySuperLottoPlus .quick-play__gradbar { background: #1b75bb; /* Old browsers */ background: -moz-linear-gradient(left, #1b75bb 0%, #33c5f3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #1b75bb 0%,#33c5f3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #1b75bb 0%,#33c5f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b75bb', endColorstr='#33c5f3',GradientType=1 ); /* IE6-9 */ } .quick-play-PlayUKLottery .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33c5f3+0,1b75bb+100 */ background: #EC2224; /* Old browsers */ background: -moz-linear-gradient(left, #EC2224 0%, #07519F 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #EC2224 0%,#07519F 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #EC2224 0%,#07519F 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC2224', endColorstr='#07519F',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-PlayUKLottery .quick-play__gradbar { background: #07519F; /* Old browsers */ background: -moz-linear-gradient(left, #07519F 0%, #EC2224 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #07519F 0%,#EC2224 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #07519F 0%,#EC2224 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07519F', endColorstr='#EC2224',GradientType=1 ); /* IE6-9 */ } .quick-play-ElGordoNavidad .quick-play__quick-play-header-grad { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33c5f3+0,1b75bb+100 */ background: #FF0000; /* Old browsers */ background: -moz-linear-gradient(left, #FF0000 0%, #FFBC00 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #FF0000 0%,#FFBC00 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #FF0000 0%,#FFBC00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#FFBC00',GradientType=1 ); /* IE6-9 */ opacity: 0.65; } .quick-play-ElGordoNavidad .quick-play__gradbar { background: #FFBC00; /* Old browsers */ background: -moz-linear-gradient(left, #FFBC00 0%, #FF0000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #FFBC00 0%,#FF0000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #FFBC00 0%,#FF0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFBC00', endColorstr='#FF0000',GradientType=1 ); /* IE6-9 */ } .quick-play-ElNino .quick-play__gradbar { background: #eb2027; /* Old browsers */ background: -moz-linear-gradient(left, #eb2027 0%, #ffcd05 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #eb2027 0%,#ffcd05 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #eb2027 0%,#ffcd05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb2027', endColorstr='#ffcd05',GradientType=1 ); /* IE6-9 */ } .quick-play__lotteryimage{ position:absolute; top: 0px; width: 100%; left: 0px; } .lang-item { height: 30px; line-height: 30px; font-family: Rubik; font-size: 13px; font-weight: 500; font-style: normal; font-stretch: normal; color: #ffffff; opacity: 0.5; border-radius: 4px; background-color: #a5b6b4; } #l247-lang .col-sm-3 { height: 30px; line-height: 28px; object-fit: contain; border-radius: 4px; background-color: #A5B6B4; margin: 5px; width: 24%; } #l247-lang .col-sm-3:hover { background-color: #000; } .quick-play header { background-size: cover; } .badgeExp { padding: 6px 10px !important; border-radius: 40px; background-color: #50C2B4 !important; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .minicartTtl { font-family: Rubik; font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; color: #a5b6b4; padding-top:0px; padding-bottom:20px; } .minicartLnk { font-family: Rubik; font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; color: #50c2b4; text-transform: uppercase; } .minicartLnk a { color: #50c2b4 !important; } .cartAddAfkt { -moz-box-shadow: 0px 0px 10px 2px rgba(255,117,0, .75) !important; -webkit-box-shadow: 0px 0px 10px 2px rgba(255,117,0, .75) !important; box-shadow: 0px 0px 10px 2px rgba(255,117,0, .75) !important; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .main-header__logo_cont { height: 24px !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-top: 19px; } .logo-carousel { height: 120px; background-color: #CAD4D3; display: block; overflow: hidden; -moz-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; -webkit-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; box-shadow: inset 0 0px 0px 0px #696868, inset 0 -10px 8px -11px rgba(0,0,0, .25); } .sliderOnetext { font-weight: bold; color: #ffffff; font-size: 16px; } .btn-minicart-remove { height: 30px; line-height: 27px; padding-left: 20px; padding-right: 20px; border: 0px; font-family: Rubik; font-size: 11px; font-weight: bold; font-style: normal; font-stretch: normal; text-align: right; color: #ffffff; border-radius: 27px; background-image: linear-gradient(to bottom, #7ed3c9, #41bbab 46%, #35a99a); text-transform: uppercase; } .small { font-size: 50%; vertical-align: text-top; padding-top: 5px; margin-right: -5px; display: inline-block; font-weight: 400; } .xsmall { font-size: 55%; vertical-align: text-top; padding-right: 0px; } .font100 { font-weight: 100 !important; } .font300 { font-weight: 300 !important; } .font400 { font-weight: 400 !important; } .font500 { font-weight: 500 !important; } .font600 { font-weight: 600 !important; } .font700 { font-weight: 700 !important; } .author-image .img-thumbnail { width: 100% !important; } #logo-carousel-left { float: left; margin-top: 38px; position: absolute; z-index: 999; } .home-about-lotto-container__footer-gradient img { margin-top: -91px !important; margin-left: 110px !important; } .logo-carousel-img { z-index: 999; opacity: 1; } .home-about-lotto-container h3 { margin-top: 0px; } .cartShadow .btn-primary.btn-sm { margin-left: 20px !important; margin-bottom: 0; margin-top: 0; height: 28px !important; line-height: 28px; font-size: 12px !important; padding: 0 30px !important; border-radius: 15px !important; font-family: 'Rubik',sans-serif; } .table, table { background-color: #ffffff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); border: none; margin: 15px 0 30px; border-collapse: collapse; clear: both; } .table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td { padding: 0px; padding-left: 10px; line-height: inherit; vertical-align: middle; border: none; } thead, .table>tbody>tr>th, table>tbody>tr>th, .ui-datepicker-title { height: 40px; line-height: 40px; font-family: 'Rubik', sans-serif; text-transform: uppercase; font-weight: 500; font-size: 12px; color: #fff; background-image: linear-gradient(to bottom, #B044A6, #F15A59); padding: 0 20px; margin: 0; text-align: left; } .table-striped thead .header th{ height: 40px; line-height: 40px; font-family: 'Rubik', sans-serif; text-transform: uppercase; font-weight: 500; font-size: 12px; color: #fff; background-image: linear-gradient(to bottom, #B044A6, #F15A59); padding: 0 20px; margin: 0; text-align: center; } .table>tbody>tr>th>h3, table>tbody>tr>th>h3 { line-height: 40px; font-family: 'Rubik', sans-serif; text-transform: uppercase; font-weight: 500; font-size: 12px; color: #fff; margin: 0; padding: 0; } tr.header { font-weight: 500; margin-left:5px; } .spacingFixOne tbl td{ font-weight: 500; margin-left:5px; } .table>thead>tr>td { padding-left: 20px; } .table>tbody>tr { border-bottom: 1px solid #FFF0CC; } .table-striped>tbody>tr:nth-of-type(odd) { background: #FFFBF2; } .table>tbody>tr>td, table>tbody>tr>td { padding: 15px 20px; font-size: 15px; line-height: 18px; font-family: 'Open sans', sans-serif; color: #1C1E1E; font-weight: 400; } .quick-play__add-control { background-color: #D9DEDE!important; color: #FFF!important; } #l247-lang a { font-family: 'Rubik', sans-serif; color: #fff; font-size: 12px; } #l247-lang a:hover { text-decoration: none !important; color: #fff; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } #logo-carousel-right { float: right; margin-top: 38px; position: absolute; right:15px;; z-index: 999; } .logo-container { position: relative; margin-top: 30px; padding-left: 30px; padding-right: 30px; opacity: 1; } .global-nav a { font-weight: 400; position:relative; padding: 0 15px; } .global-nav a:first-child { padding-left: 15px; } .global-nav a:hover { text-decoration: none !important; } .global-nav a:focus,.global-nav a:active { color: #2D3030; } .new_star { height: 16px; width: 18px; color: #F16767; font-family: FontAwesome; font-size: 16px; line-height: 16px;} .top-header__copy { font-family: 'Rubik', sans-serif !important; font-weight: 400 !important; } .top-header__copy a { color: #A5B6B4 !important; font-size: 13px !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; font-weight: 400; } .top-header__copy a:hover { color: #50C2B4 !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration:none; } .top-header__flag { margin-top: -5px; } .topNavB { margin-top: -3px; } a.access { margin: 0px !important; color: #fff !important; } a.access:hover { text-decoration: none !important; border: 1px solid #50C2B4; color: #fff !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .top-header__copy { border-right:1px solid #464747; padding-left: 20px; padding-right: 20px; } .top-header__icons { padding-left: 20px; padding-right: 20px; color: #464747 !important; font-size: 18px !important; color: #6C7675 !important; } .top-header__icons a{ color: #A5B6B4 !important; font-size: 18px !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; font-weight: 400; } .top-header__icons a:hover { color: #50C2B4 !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration:none; } #mainContainer { padding-top: 0px !important; } #lotto247Container { max-width: 1200px; margin: 0 auto; -webkit-box-shadow: 0px 1px 12px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 12px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 12px 5px rgba(0, 0, 0, 0.1); display: block; background-color: #fff; border-radius: 5px; } #wrapper { padding-top: 200px; } .quick-play { border-radius: 0; } .quick-play.raffle { border-radius: 0; overflow: hidden; width:100%; } .quick-play .pb-amount { font-family: 'Rubik', sans-serif !important; font-size: 15px !important; color: #000 !important; } a.LogoHolderLink { display: block; } .contentContainer { padding-bottom: 30px; } .dark-lotteries-container { margin-top: 0; background-color: #2D3030; padding-bottom: 0px !important; border-radius:5px; } .home-lotteries-container { margin-top: 0; background-color: #9013FE; padding-bottom: 0px !important; border-radius:5px; } .home-lotteries-container .lotteries-block .twoColWrapper { margin-left: 0; margin-right: 0; } .play-block-banner p { line-height: 100px; } .counter-small { font-size: 9px; color: #b76e00; font-weight: 500; margin-top: 2px; line-height: 9px; } .play-info-tile { height: 375px; background: #ffb400; /* Old browsers */ background: -moz-linear-gradient(left, #ffb400 0%, #ff8900 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ffb400 0%,#ff8900 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ffb400 0%,#ff8900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ff8900',GradientType=1 ); /* IE6-9 */ border-radius: 7px; width: 270px; margin-right: 13px; } .play-info-tile h2 { font-size: 30px !important; color: #fff; font-family: 'Rubik', sans-serif; font-weight: 100 !important; margin-top: 115px; padding-left: 25px; } .flag-header { display: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } #l247-header-brand { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .brand-hidden { display: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .lang-hidden { display: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .main-header { padding-top: 14px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .headerScrolled { height: 65px !important; padding-top: 0px !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .cartSummary { margin-top: -3px; } .cartShadow { -moz-box-shadow: inset 0 3px 6px #DDE3E3; -webkit-box-shadow: inset 0 3px 6px #DDE3E3; box-shadow: inset 0 3px 6px #DDE3E3; } .flag-header-display { display: block !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .cartShadowDropdown { height: 100% !important; border: 7px solid #50C2B4; border-radius: 27px !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.0), rgba(222, 241, 244, 1)), linear-gradient(#ffffff, #ffffff); -moz-box-shadow: inset 0 0px 0px #DDE3E3; -webkit-box-shadow: inset 0 0px 0px #DDE3E3; box-shadow: inset 0 0px 0px #DDE3E3; margin-top: -7px; margin-right: -7px; -webkit-box-shadow: 0px 1px 30px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 30px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 30px 5px rgba(0, 0, 0, 0.2); font-family: 'Rubik', sans-serif !important; } .basket-remove { color: #a5b6b4; margin-top: -2px; } .basket-entries { font-size: 13px; font-weight: 500; font-style: normal; font-stretch: normal; color: #a5b6b4; } .mini-cart-inner { display: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .mini-cart-show { display: block; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .footer-inner h3{font-weight:600;} .footer-inner ul li { margin-bottom: 0; padding-bottom: 0; line-height: 18px; margin-left: 0; padding-left: 0; } .footer-inner ul li a { font-weight: 400; } .footer-inner ul li a:hover{ text-decoration: underline; } .footer-sunrise { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c31e1+3,fac458+100 */ background: #7c31e1; /* Old browsers */ background: -moz-linear-gradient(top, #7c31e1 3%, #fac458 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #7c31e1 3%,#fac458 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #7c31e1 3%,#fac458 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c31e1', endColorstr='#fac458',GradientType=0 ); /* IE6-9 */ } .footer-day { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4fb5c2+0,d2edef+100 */ background: #4fb5c2; /* Old browsers */ background: -moz-linear-gradient(top, #4fb5c2 0%, #d2edef 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #4fb5c2 0%,#d2edef 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4fb5c2 0%,#d2edef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fb5c2', endColorstr='#d2edef',GradientType=0 ); /* IE6-9 */ } .footer-day, .footer-inner { height: 350px; } /* SHELDON */ .showElement { display: block; } .hideElement { display: none; } .main-exp-nav { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; float: left; } .main-header__nav { padding-right: 15px; float: left; } .main-header__logo { padding-left: 0px !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } /* 60px gutter */ .gutter-60.row { margin-right: -30px; margin-left: -30px; } .gutter-60 > [class^="col-"], .gutter-20 > [class^=" col-"] { padding-right: 30px; padding-left: 30px; } .gutter-20.row { margin-right: -10px; margin-left: -10px; } .gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] { padding-right: 10px; padding-left: 10px; } /* 10px gutter */ .gutter-10.row { margin-right: -5px; margin-left: -5px; } .gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] { padding-right: 5px; padding-left: 5px; } /* 0px gutter */ .gutter-0.row { margin-right: 0; margin-left: 0; } .gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"]{ padding-right: 0; padding-left: 0; } .modal .modal-dialog { top: 85px !important; } .footer-contact p a { font-weight: 400; font-size: 22.9px; } .footer-contact p a:hover { color: #FFB400; } .footer-contact i.fa { /*background-color: #B4E3DF;*/ color: #B4E3DF; text-shadow: 0px 1px 3px rgba(255,255,255,0.4); opacity:0.4; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; } /* James*/ .clockdiv { color: #966000; } p.article-date { font-family: 'Rubik'; line-height: 15px; font-size: 15px; padding-bottom: 10px; text-transform: uppercase; } .article-large-content p span{ font-family: "Open Sans" !important; font-size: 16px !important; line-height: 24px; font-weight: 300 !important; } .article-large-content h2, .article-large-content h2 a { color: #fff !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; font-weight: 400 !important; line-height: 31px; margin-bottom: 10px; margin-top: 0 !important; width: 90%; } .article-small-content h2, .article-small-content h2 a { color: #fff !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; font-size: 22px !important; font-weight: 400 !important; line-height: 24px; margin-top: 0 !important; width: 75%; } a.newsHover:hover{text-decoration:none !important;} a.newsHover-two:hover{text-decoration:none !important;} a.newsHover-three:hover{text-decoration:none !important;} .footer-contact { margin-top: 60px !important; } .play-lotteries-container { } .CartBTN { margin-top: -14px; } .cartShadow .dropdown-toggle:hover .fa-shopping-cart:hover { color: #50C2B4 !important; -webkit-transition: all .2s ease-in-out !important; transition: all .2s ease-in-out !important; } .quick-play__form-control { height: 42px; display: block; margin-top: 30px; padding: 0; -webkit-transition: all .2s ease-in-out !important; transition: all .2s ease-in-out !important; } #myShoppingBasket .fa-remove { margin-top: 4px; } .pb-counter { font-family: 'Rubik', sans-serif !important; font-size: 15px !important; color: normal !important; color: #1C1E1E !important; } .countdown_timer_text{ font-size:10px; } .quick-play-block-ui { overflow: hidden; padding-bottom: 10px; border-radius: 7px; background-color: #ffffff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7); display: -webkit-flex; display: -ms-flexbox; display: flex; height: 375px; } .quick-play-block-ui-raffle{ padding-bottom: 0px; } .quick-play__footer { background-color: #F3F6F6 !important; font-family: 'Rubik', sans-serif !important; color: #1A1A1A; font-size: 13px; font-weight: 400; margin-top: 20px; } .quick-play__footer:hover { background-color: #c1cccb !important; font-family: 'Rubik', sans-serif !important; color: #fff !important; text-decoration:none; } .quick-play__footer:hover i { color: #fff !important; } .quick-play__footer-link, .quick-play__footer-link:hover{text-decoration:none;} .quick-play__footer-link, .quick-play__footer-link:hover .fa-arrow-circle-right:before { color: #fff; } .quick-play__footer2{ background-color: #F3F6F6 !important; font-family: 'Rubik', sans-serif !important; color: #1A1A1A; font-size: 13px; font-weight: 400; margin-top: 20px; position: absolute; bottom: 0px; margin: 0; width: 100%; left: 0; height:38px; line-height:38px; } .lotteries-text-block a:hover { color: #50C2B4; text-decoration: none; } .buttonBorder:hover { border-color: #319589; text-decoration: none; color: #319589; -webkit-transition: all .2s ease-in-out !important; transition: all .2s ease-in-out !important; } .home-payment-container h3 a { font-family: 'Rubik', sans-serif; font-size: 20px; color: #50C2B4; text-decoration:none; text-transform:none; font-weight:400; } .home-payment-container h3:hover { color: #FFB400; } .home-latest-news-container h3, .home-latest-news-container h3 a{ font-family: 'Rubik', sans-serif; font-size: 25px; color: #fff; text-decoration:none; text-transform:none; font-weight:400; margin-top: 0 !important; margin-bottom: 5px; line-height: 25px; } .home-payment-container a:hover { color: #FFB400; } .home-latest-news-container .buttonBorder:hover { color: #FFB400 !important; border-color: #FFB400 !important; text-decoration: none; -webkit-transition: all .2s ease-in-out !important; transition: all .2s ease-in-out !important; } .home-about-lotto-container p { padding-bottom: 30px; } /* Button container */ .progress-button { position: relative; display: inline-block; text-align: center; width: 45%; min-width: 250px; transform: scale(.6); } #nomarginleft { margin-left: 0px !important; } /* Button style */ .progress-button-play a:hover{ text-decoration: none; } .progress-button-play button { /* display: block; */ /* margin: 0 auto; */ /* padding: 0; */ width: 145px; height: 42px; color: #fff; border-radius: 40px; letter-spacing: 1px; font-size: 13px; font-weight: bold; font-family: 'Rubik', sans-serif; -webkit-tap-highlight-color: transparent; background-color: #FFB400; background-image: -webkit-gradient(linear, from(#FFB400), to(#FF7500)); background-image: -webkit-linear-gradient(#FFB400, #FF7500); background-image: -moz-linear-gradient(#FFB400, #FF7500); background-image: -o-linear-gradient(#FFB400, #FF7500); background-image: linear-gradient(#FFB400, #FF7500); border: none; outline:none; display:block; text-transform: uppercase; font-family: 'Rubik', san-serif; font-weight: 500; -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; } .progress-button button { display: block; margin: 0 auto; padding: 0; width: 250px; height: 70px; color: #fff; border-radius: 40px; letter-spacing: 1px; font-size: 21px; font-weight: bold; font-family: 'Rubik', sans-serif; -webkit-tap-highlight-color: transparent; /* Fallback (could use .jpg/.png alternatively) */ background-color: #FFB400; /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */ background-image: -webkit-gradient(linear, from(#FFB400), to(#FF7500)); /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */ background-image: -webkit-linear-gradient(#FFB400, #FF7500); /* Firefox 3.6 - 15 */ background-image: -moz-linear-gradient(#FFB400, #FF7500); /* Opera 11.1 - 12 */ background-image: -o-linear-gradient(#FFB400, #FF7500); /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */ background-image: linear-gradient(#FFB400, #FF7500); border:none; text-transform:uppercase; font-family:'Rubik', san-serif; font-weight:500; -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; } .progress-button button:hover { background-color: #1ECD97 !important; color: #fff; } .progress-button button:focus { outline: none; } /* Text (transition for when returning to initial state) */ .progress-button button span { -webkit-transition: opacity 0.3s 0.1s; transition: opacity 0.3s 0.1s; } /* Common style of SVGs */ .progress-button svg { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } .progress-button svg path { opacity: 0; fill: none; } .progress-button svg.progress-circle path { stroke: #2D3030; stroke-width: 5; } .progress-button svg.checkmark path, .progress-button svg.cross path { stroke: #fff; stroke-linecap: round; stroke-width: 5; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } /* Loading, success and error effects */ .loading.progress-button button { width: 70px; /* make a circle */ border-width: 5px; border-color: #ddd; background-color: #fff !important; color: #fff; } .loading.progress-button span { -webkit-transition: opacity 0.15s; transition: opacity 0.15s; } .loading.progress-button span, .success.progress-button span, .error.progress-button span { opacity: 0; /* keep it hidden in all states */ } .success.progress-button button, .error.progress-button button { -webkit-transition: background-color 0.3s, width 0.3s, border-width 0.3s; transition: background-color 0.3s, width 0.3s, border-width 0.3s; } .success.progress-button button { border-color: #1ECD97; background-color: #1ECD97; } .error.progress-button button { border-color: #FB797E; background-color: #FB797E; } .loading.progress-button svg.progress-circle path, .success.progress-button svg.checkmark path, .error.progress-button svg.cross path { opacity: 1; -webkit-transition: stroke-dashoffset 0.3s; transition: stroke-dashoffset 0.3s; } /* Optional elastic effect for the width of the button */ .elastic.progress-button button { -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1), border-width 0.3s, border-color 0.3s; -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s; transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.25, 0.25, 0.4, 1.6), border-width 0.3s, border-color 0.3s; } .loading.elastic.progress-button button { -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, 0, 0.75, 0.75), border-width 0.3s, border-color 0.3s; -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s; transition: background-color 0.3s, color 0.3s, width 0.3s cubic-bezier(0.6, -0.6, 0.75, 0.75), border-width 0.3s, border-color 0.3s; } .footer-day h3 { color: #268a7e !important; margin-bottom: 20px; line-height: 13px; font-weight: 600; } .footer-day h3 a { color: #268a7e !important; } .footer-day h3 a:hover { text-decoration: underline; } .footer-bottom p { color: #6A6E6E; margin-bottom: 0; padding-bottom: 0; line-height: 15px; } .footer-bottom p a { padding-bottom: 5px; font-weight: 500; display: inline-block; } .footer-bottom p a:hover {text-decoration: underline;} .footer hr { border-top: 1px solid rgba(255, 255, 255, .2); } .footer-bottom { height: auto; padding-bottom: 30px; padding-top: 30px; } .quick-play__footer a { font-size: 13px; color: #1A1A1A; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .article-large { height: 390px; display: block; width: 100%; background-size: cover; } .article-large-inner { height: 390px; display: block; width: 100%; opacity: 0.6; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+16,000000+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #000000 60%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#000000 60%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#000000 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ position: relative; top: 0px; left: 0px; } .article-large-inner-hover { opacity: 0.7; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .article-large-content { /*height: 210px;*/ display: block; width: 95%; opacity: 1; padding: 30px; color: #fff; position: absolute; bottom: -10px; } .article-large-content h2 { margin-top: 10px !important; } .article-large-content p { margin-bottom: 0px !important; } .article-small { height: 180px; display: block; width: 100%; background-size: cover; position:relative; } .article-small-inner { height: 180px; display: block; width: 100%; opacity: 0.5; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+16,000000+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #000000 60%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#000000 60%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#000000 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ position: relative; top: 0px; left: 0px; } .article-small-inner-two { height: 180px; display: block; width: 100%; opacity: 0.5; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+16,000000+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #000000 60%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#000000 60%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#000000 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ position: relative; top: 0px; left: 0px; } .article-small-inner-two-hover { opacity: 0.7 !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .article-small-inner-hover { opacity: 0.7 !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .article-small-content { /*height: 140px;*/ display: block; width: 100%; padding: 30px; color: #fff; position: absolute; bottom: -10px; } .home-sixty-padding { padding-left: 45px; padding-right: 45px; padding-top: 45px; padding-bottom: 45px; } .uppercase { text-transform: uppercase !important; } .smallerArticleHdr { font-size: 22px; line-height: 24px; } .article-small-content p { margin-bottom: 0px !important; } .buttonBorder { padding: 5px 25px; border: 2px solid #fff; border-radius: 20px; font-family: 'Rubik', sans-serif; text-transform: uppercase; font-weight: 500; color: #fff; font-size: 14px; } .footer-inner .row { padding-top: 35px; } .carousel-caption { text-shadow: none !important; } .footer-trust-logos p{display:inline-block;} .footer-trust-logos p{padding-right:15px;} .footer-trust-logos p:last-child{padding-right:0px;} .footer-international-lotteries h3 a, .footer-international-lotteries h3 a:hover{color: #50C2B4;} .footer-international-lotteries .no-padding-left{padding-left:0px;} .main-nav { background-image: url("/assets-l247/images/desktop/bg-main-nav.png"); background-repeat: repeat-x; width: 100%; height: 60px; line-height: 60px; display: block; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; z-index: 200; font-weight: 300; -moz-box-shadow:0px 5px 8px rgba(0,0,0,0.1); -webkit-box-shadow:0px 5px 8px rgba(0,0,0,0.1); box-shadow:0px 5px 8px rgba(0,0,0,0.1); } .main-nav.navScrolled .menu_item_new{display:none;} .global-nav { font-size: 18px; font-weight: 300 !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .global-nav li { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; font-size: 15px !important; font-weight: 500; line-height: 26px; margin-left: 0; padding-left: 0; } .global-nav li a:hover { text-decoration: none; } .global-nav li a.active{ color: #fff; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .menucont { margin-top: -30px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .navScrolled { height: 40px !important; line-height: 40px !important; font-size: 16px !important; } .jackpot-slide { font-size: 40px !important; line-height: 37px !important; font-weight: 500; } .nav-up { top: -40px; } .play-heading-text { font-size: 16px; font-weight: 300; color: #a5b6b4; line-height: 22px; } .hp-right-control { position: absolute; bottom: 30px; right: 30px; opacity: 0.5; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .hp-right-control:hover { opacity: 1; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .hp-left-control:hover { opacity: 1; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .font-regular { font-weight: 300 !important; } .hp-left-control { position: absolute; bottom: 30px; right: 100px; opacity: 0.5; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .hp-slide-content { width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover } .carousel-caption { text-align: left !important; left: 30px !important; } .carousel-caption h3 { font-family: 'Rubik', sans-serif; color: #fff; font-size: 55px; line-height: 46px; font-weight: 500; } .carousel-inner .item { text-align: left } #hp-carousel-left { padding-right: 0px !important } #hp-carousel-right { padding-left: 0px !important; background-image: url(/assets-l247/images/desktop/bg-timer.png); display: block; height: 100%; min-height: 341px !important; width: 285px; text-align: center; font-family: 'Rubik', sans-serif; padding-top: 30px; } #hp-carousel-right__heading { margin-top: 20px } .hp-carousel-right-heading { font-size: 25px; font-weight: bold; font-style: italic; color: #fff } .hp-carousel-right-subheading { font-size: 13px; line-height: 13px; color: #FFE199; font-family: 'Open Sans', sans-serif; font-weight: 500 } .hp-carousel-right-amount { font-family: 'Rubik', sans-serif; font-size: 34px; color: #fff; text-shadow: 0px 0px 6px rgba(255,255,255,0.9); font-weight: 400; margin-top: 5px; } .lottery-info-block h2 { font-family: 'Rubik', sans-serif !important; font-size: 24px !important; font-style: normal; font-stretch: normal; text-align: left; color: #2d3030; margin-bottom: 0 !important; margin-top: 15px !important; } .lottery-info-block h3 { font-family: 'Open Sans', sans-serif !important; font-size: 25px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.2; color: #50c2b4; margin-top: 0; margin-bottom: 15px; } .lottery-info-block li { font-family: 'Open Sans', sans-serif !important; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.5; color: #a5b6b4; } .lottery-info-block ul { padding: 5px; } .lottery-info-block p a { font-size: 16px !important; font-weight: 600 !important ; } .lottery-info-block p a:hover { text-decoration: none; color: #50c2b4; } .image-logo-block { width: 323px; height: 210px; border-radius: 5px; background-color: #a5b6b4; border: solid 1px rgba(255, 255, 255, 0.42); display: block; } .lang-dropdown { display: block; height: 210px !important; padding-top: 25px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background: #DDE3E3 !important; } .lang-selector-nav { height: 43px; line-height: 43px; padding-left: 20px; padding-right: 20px; display: block; float: right; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .lang-active { background-image: linear-gradient(to top, #DDE3E3, #ffffff); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .hp-carousel-right-footer { height: 45px; width: 100%; display: block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+2,ffbe36+99 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffbe36+45,ffbe36+99 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffe6b1 0%,#ffbe36 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffe6b1 0%,#ffbe36 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffe6b1 0%,#ffbe36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6b1', endColorstr='#ffbe36',GradientType=0 ); /* IE6-9 */ background-repeat: repeat; position: absolute; bottom: 0px; text-transform: uppercase; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #fff; font-size: 15px; font-weight: 500; } .hp-carousel-right-footer:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7ed3c9+0,35a99a+100 */ background: #7ed3c9; /* Old browsers */ background: -moz-linear-gradient(top, #ffb400 0%,#f25b59 90%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffb400 0%,#f25b59 90%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffb400 0%,#f25b59 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#f25b59',GradientType=0 ); /* IE6-9 */ -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #clockdiv { color: #000; opacity: 0.4; font-family: 'Rubik', sans-serif; display: inline-block; font-weight: 500; text-align: center; font-size: 27px; width: 150px; } .days{ font-weight: 500; text-align: center; font-size: 24px; } .hours{ font-weight: 500; text-align: center; font-size: 27px; float: left; display: block; width: 35px; } .minutes{ font-weight: 500; text-align: center; font-size: 27px; float: left; display: block; width: 35px; } .seconds{ font-weight: 500; text-align: center; font-size: 27px; float: left; display: block; width: 35px; } .dontblink-time-separator{ font-weight: 500; text-align: center; font-size: 27px; float: left; display: block; } #clockdiv>div { padding: 2px; border-radius: 3px; display: inline-block } #clockdiv div>span { padding: 2px; border-radius: 3px; display: inline-block } .smalltext { padding-top: 5px; font-size: 11px } /* James*/ @font-face { font-family: segoe_uisemibold; src: url(../fonts/seguisb-webfont.eot); src: url(../fonts/seguisb-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/seguisb-webfont.woff) format('woff'), url(../fonts/seguisb-webfont.ttf) format('truetype'), url(../fonts/seguisb-webfont.svg#segoe_uisemibold) format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: segoe_uiregular; src: url(../fonts/segoeui-webfont.eot); src: url(../fonts/segoeui-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/segoeui-webfont.woff) format('woff'), url(../fonts/segoeui-webfont.ttf) format('truetype'), url(../fonts/segoeui-webfont.svg#segoe_uiregular) format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: segoe_uibold; src: url(../fonts/segoeuib-webfont.eot); src: url(../fonts/segoeuib-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/segoeuib-webfont.woff) format('woff'), url(../fonts/segoeuib-webfont.ttf) format('truetype'), url(../fonts/segoeuib-webfont.svg#segoe_uibold) format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: untitled-font-4; src: url(../fonts/untitled-font-4.eot); src: url(../fonts/untitled-font-4.eot?#iefix) format("embedded-opentype"), url(../fonts/untitled-font-4.woff) format("woff"), url(../fonts/untitled-font-4.ttf) format("truetype"), url(../fonts/untitled-font-4.svg#untitled-font-4) format("svg"); font-weight: 400; font-style: normal; } #pick_remove span[data-icon]:before { font-family: FontAwesome; content: "\f1f8"; line-height: 40px; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: right; color: #ffffff; } [data-icon]:before { font-family: untitled-font-4 !important; content: attr(data-icon) !important; font-style: normal!important; font-weight: 400!important; font-variant: normal!important; text-transform: none!important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*=" icon-"]:before, [class^=icon-]:before { font-family: untitled-font-4 !important; font-style: normal!important; font-weight: 400!important; font-variant: normal!important; text-transform: none!important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chevron-down:before { content: "a"} .icon-chevron-left:before { content: "b"} .icon-chevron-right:before { content: "c"} .icon-shopping-cart:before { content: "e"} .icon-caret-left:before { content: "f"} .icon-caret-down:before { content: "h"} .icon-basket:before { content: "n"} .icon-chevron-left-1:before { content: "u"} .icon-chevron-down-1:before { content: "v"} .icon-chevron-right-1:before { content: "w"} .icon-chevron-up:before { content: "x"} .icon-lock:before { content: "y"} .icon-star-empty-1:before { content: "z"} .icon-star-half:before { content: "A"} .icon-star-1:before { content: "B"} .icon-user:before { content: "D"} .icon-twitter-1:before { content: "E"} .icon-plus:before { content: "F"} .icon-reorder:before { content: "G"} .icon-globe-1:before { content: "H"} .icon-google-plus:before { content: "I"} .icon-facebook-1:before { content: "J"} .icon-cross-mark:before { content: "K"} .icon-check:before { content: "L"} .icon-discussion:before { content: "M"} .icon-trash-bin:before { content: "o"} .icon-trash:before { content: "j"} .icon-play-video:before { content: "k"} .icon-reload:before { content: "l"} .icon-delete-trash-1:before { content: "m"} .icon-call:before { content: "p"} .icon-caret-right:before { content: "g"} .icon-caret-up:before { content: "i"} .icon { font-size: 14px; vertical-align: middle; } .delete-entry { font-family: FontAwesome; content: "\f0a9"; color: white; } .lotto-247-nextdraw {background-color: #2D3030; height:375px; padding: 0px 0px 10px 10px;} .lotto-247-nextdraw-quick {background-color: #FFB400; height:350px;} .lotto-247-nextdraw-raffles {background-color: #2D3030; height:350px;} .lotto-247-lotto-scrollers {background-color: #ccc0aa; height:140px;} .white-text {color: white; font-size: 110%} .uppercase { text-transform: uppercase; } .hover_bottom { border-bottom: 2px solid #67be13!important; } .hover_bottom:hover { border-bottom: 2px solid #fff!important; } .hover :hover{ background-color: #5ba911; color: #fff; } .readmore-btn { background-color: #67be13!important; color: rgb(255, 255, 255)!important; border-bottom: 2px solid #5ba911!important; display: inline-block; padding: 15px 34px; font-size: 18px; width: 100%; text-align: center; border: none; margin: 20px auto; font-weight: 700; border-radius: 5px; } .solid{ width: 100%; height:50px; background-color: #95D2DA; } .auto-logout { font-weight: bold; background-color: #D7D2B5; border-width: 10px; width: 350px; height: auto; text-align: center; padding: 10px 20px 10px 20px; } .languageicon{ position: absolute; display: block; height: 20px; width: 20px; margin: 15px 0; } .campaign-feature > img { width: 100%; height: auto; border-radius: 5px; border-bottom: 3px solid rgb(239, 239, 239); margin-top: 15px; } span.discount_header { text-transform: uppercase; font-size: 24px; font-weight: bold; } .label-info { background-color: rgb(91, 192, 222); padding: 15px; border-radius: 5px; display: inline-block; } .label-primary { background-color: rgb(51, 122, 183); padding: 15px; border-radius: 5px; display: inline-block; } img.swipe_arrows { width: 20px } .mobile_swipe { display: none } .nav.navbar-navbar>li.noWrap{ border-left: 1px solid #464747; } .nav.navbar-navbar>li.social a{ display:inline-block; } .nav.navbar-navbar>li.social a.fb{ padding-right:2px } .nav.navbar-navbar>li.social a.twt{ padding-left:2px } .nav.navbar-navbar>li.language { border-right: 1px solid #464747; } .nav>li.dropdown .menu-large:hover { background-color: #67be13!important; /* border-bottom: 2px solid rgb(14, 76, 105)!important; */ /* margin-bottom: -2px; */ border-bottom: none !important; } .nav>li.dropdown, .nav>li.nodrop { display: block; text-align: center; } li.playnow, li.playnow:hover { background-color: #67be13!important; border-bottom: 2px solid #5ba911!important; margin-bottom: -2px; } .nav>li.playnow>a { text-decoration: none; color: rgb(255, 255, 255); font-weight: 700; background-color: #67be13 !important; } .nav>li.playnow>a:focus, .nav>li.playnow>a:hover { } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; color: #191616; background: none; } .nav>li>a { text-decoration: none; color: #fff; font-weight: 700; padding:15px; } span.nav-icon { position: absolute; display: block; height: 15px; width: 15px; padding: 16px 0 0 0; } span.smaller-icon { display: inline-block; width: 15px; height: 15px; } .pageHeader a { color: #666 } .container.white-bg { background: no-repeat #fff; padding-top: 175px; padding-bottom: 0; } #custom-carousel .jumbotron { } .bordered { border: 1px solid #E2E2E2; margin: 3px 0; padding: 30px 10px; border-radius: 5px; } .cartSummary{ display: block; position: absolute; top:-5px; right:0; } .cartShadow{ position:relative; padding:8px; top:5px; float:right; height:45px; border-radius: 70px; background-color:#FFFFFF; padding-bottom: 25px; } .cartShadow a.dropdown-toggle { padding:0 20px 0 15px; display:inline-block; float:left; text-align:center; border-right:1px solid #eee; text-decoration:none; height:29px; } .cartShadow a.dropdown-toggle:hover .fa-shopping-cart, .cartShadow a.dropdown-toggle:hover .fa-sort-desc { color: #2D3030 } .cartShadow .dropdown-toggle .fa-shopping-cart{ font-size: 20px; line-height:20px; color:#A5B6B4; display:block; } .cartShadow .dropdown-toggle .fa-sort-desc { color:#A5B6B4; display:block; line-height:5px; } #infoi { position: absolute; top: 0; left: 0; z-index: 10; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #infoi.badge {background-color:#F16767} .delete-bundle { display: block; float: right; position: absolute; right: 0; margin: 8px 15px 0 0; } .twoColWrapper { padding-bottom: 0px } .col-lg-3.blog-preview-image-holder .row img { width: 100%; height: auto; } .claim_block .well { min-height: 550px; background-color: pink; } .claim_block.well { max-height: 361px; } .text_red{color:#ff0000;} .claim_play_credits .block{min-height:200px;border:1px solid #000;} .claim_play_credits h3{text-align:center;color:#fff;text-shadow: 0px 1px 3px rgba(0,0,0,0.4);margin-top:60px;} .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 15px; padding-left: 15px; } .col-lg-2 { padding: 5px 0 } a.white { color: #fff } .pb-amount h3 { margin-top: 0; margin-bottom: 0px; font-size: 29px !important; color: #1C1E1E !important; font-weight: 500 !important; line-height: 25px; } span.big-grey { font-size: 21px; font-weight: 700; color: #666; } .border-wrap { min-height: 400px } .margin-right { margin-right: 15px } .margin-top { margin-right: 15px } table.uniform-table { width: 100%; margin: 0 auto; border-spacing: 0; border-collapse: inherit; } .medium-font { font-size: 16px } .total { border-top: 2px #EFEFEF solid; font-weight: 700; padding: 15px 0; font-size: 17px; margin-top: 15px; } .security-logos { text-align: center; border: 1px solid #D4DBDB; border-radius: 5px; padding: 15px 30px 30px; width: 100%; clear: both; } .security-logos h5{ margin-top:0 ; padding-bottom: 15px; border-bottom: 1px solid #D4DBDB; } .center { text-align: center } .right { text-align: right } .lastcontentsection { margin: 0 0 60px!important } .form-control, .form-control-l247, input[type=password], input[type=text] { display: block; border: 1px solid transparent; width: 100%; color: #1A1A1A; height: 40px; border-radius: 5px; background-color: #ffffff; box-shadow: 0 0 3px 2px #ffffff, inset 0 0 9px 0 rgba(0, 0, 0, 0.20); font-family: 'Rubik', sans-serif; font-size: 15px; line-height: 40px; font-weight: 400; padding: 0 10px; margin: 5px 0; outline: none; } .form-control-l247 { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; } .quick-play__control-block { padding-top: 0; } .quick-play__control-block .input-group { box-shadow: none; margin-bottom: 0; } .quick-play__control-block input.quick-play__control-input { text-align: center !important; color: #1C1E1E !important; font-family: 'Rubik', sans-serif; font-size: 15px !important; line-height: 30px; font-weight: 500; background-color: #F3F6F6 !important; -webkit-transition: all .2s ease-in-out !important; transition: all .2s ease-in-out !important; /* margin-top: 5px !important;*/ box-shadow: none !important; padding: 0; border: none; border-radius: 0; height: 30px; margin: 0; } .form-control:focus, .form-control-l247:focus, input[type=password]:focus, input[type=text]:focus { background-color: #ffffff; box-shadow: 0 0 3px 2px rgba(79, 194, 180, 0.66); } .input-group-addon { background-color: #50c2b4; border: 0; color: #fff; font-family: 'Rubik', sans-serif; font-size: 15px; line-height: 40px; height: 40px; padding: 0 15px; border-radius: 5px; } .input-group { box-shadow: 0 0 3px 2px #ffffff; border-radius: 5px; margin: 5px 0 ; } .input-group .form-control:focus, .input-group .form-control-l247:focus { box-shadow: 0 0 3px 2px rgba(79, 194, 180, 0.66); } .input-group .form-control, .input-group .form-control-l247 { box-shadow: inset 0 0 9px 0 rgba(0, 0, 0, 0.20); margin: 0; border-bottom-right-radius: 5px !important; border-top-right-radius: 5px !important; } label { color: #A5B6B4; font-family: 'Rubik', sans-serif; font-size: 15px; font-weight: 400; margin-bottom: 0; margin-top: 25px; } select, select.form-control { height: 40px; border-radius: 5px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.0), rgba(78, 181, 194, 0.11)), linear-gradient(#ffffff, #ffffff); box-shadow: 0 0 3px 2px rgba(165, 182, 179, 0.2); border: none; margin: 5px 0; font-family: 'Rubik', sans-serif; font-size: 15px; line-height: 40px; font-weight: 400; padding: 0 10px; color: #1A1A1A; outline: none; } #subscription select, #subscription select.form-control { margin: 10px 0; } #subscription #selected_span { padding-top: 15px !important; } input[type=checkbox] { border-radius: 5px; background-color: #ffffff; box-shadow: 0 0 3px 2px #ffffff, inset 0 0 9px 0 rgba(0, 0, 0, 0.14); border: none; margin-top: -3px; margin-right: 3px; } .float-left { float: left; width: 200px !important; margin: 0 10px 0 0; } input.form-control.draw { width: 60px !important; margin-left:15px } select#payment_detail_visa_cc_expiry_month, select#payment_detail_visa_cc_expiry_year, select#payment_detail_mastercard_cc_expiry_month, select#payment_detail_mastercard_cc_expiry_year { width: 48% !important } .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; line-height: 42px; } table.lottoPrizeTable td { padding: 5px 10px; border-bottom: 1px solid #F5F5F5; } .numberGrid table td, .play-block-numbers table td { border: none !important; background: #dde3e3; font-weight: 700 !important; font-family: Rubik; font-size: 14px; line-height: 14px; font-weight: 500; font-style: normal; font-stretch: normal; text-align: center !important; color: #2d3030 !important; padding: 8px 0; text-align: center; } .numberGrid table td.selected-active, .play-block-numbers table td.selected-active { background-color: #50c2b4; color: #fff; } .LogoWrapper { padding: 20px 0; width: 100%; height: 85px; margin-top: 40px; background: white; background: -webkit-linear-gradient(white, #E3F3F5); background: -o-linear-gradient(white, #E3F3F5); background: -moz-linear-gradient(white, #E3F3F5); background: linear-gradient(white, #E3F3F5); line-height: 40px; } .quickgames-text-block .promo_widget_image_de { background-image: url("/assets/promo_widget_images/L247_BLOCK_DE.jpg"); font-size: 23px; font-weight: 800; padding-top:15px; } .quickgames-text-block .promo_widget_image_en { background-image: url("/assets/promo_widget_images/L247_BLOCK_EN.jpg"); font-size: 23px; font-weight: 800; padding-top:15px;} .quickgames-text-block .promo_widget_image_es { background-image: url("/assets/promo_widget_images/L247_BLOCK_ES.jpg"); font-size: 23px; font-weight: 800; padding-top:15px; } .quickgames-text-block .promo_widget_image_fr { background-image: url("/assets/promo_widget_images/L247_BLOCK_FR.jpg"); font-size: 23px; font-weight: 800; padding-top:15px; } .quickgames-text-block .promo_widget_image_pt-pt { background-image: url("/assets/promo_widget_images/L247_BLOCK_PT-PT.jpg"); font-size: 23px; font-weight: 800; padding-top:15px; } .quickgames-text-block .promo_widget_image_pt-br { background-image: url("/assets/promo_widget_images/L247_BLOCK_PT-BR.jpg"); font-size: 23px; font-weight: 800; padding-top:15px; } .quickgames-text-block .promo_widget_image_ro { background-image: url("/assets/promo_widget_images/L247_BLOCK_RO.jpg"); font-size: 23px; font-weight: 800; padding-top:15px; } .quickgames-text-block .promo_widget_image_ru { background-image: url("/assets/promo_widget_images/L247_BLOCK_RU.jpg"); font-size: 23px; font-weight: 800; padding-top:15px; } .quickgames-text-block .promo_widget_image_sv { background-image: url("/assets/promo_widget_images/L247_BLOCK_SE.jpg"); font-size: 23px; font-weight: 800; padding-top:15px; } .quickgames-text-block .promo_widget_image_fi { background-image: url("/assets/promo_widget_images/L247_BLOCK_FI.jpg"); font-size: 23px; font-weight: 800; padding-top:15px; } .quickgames-text-block .promo_widget_image_no { background-image: url("/assets/promo_widget_images/L247_BLOCK_NO.jpg"); font-size: 23px; font-weight: 800; padding-top:15px; } .quickgames-text-block .promo_widget_image_pl { background-image: url("/assets/promo_widget_images/L247_BLOCK_PL.jpg"); font-size: 23px; font-weight: 800; padding-top:15px; } .quickgames-text-block .promo_widget_image_cs { background-image: url("/assets/promo_widget_images/L247_BLOCK_EN.jpg"); font-size: 23px; font-weight: 800; padding-top:15px; } .quickgames-text-block .promo_widget_image_hu { background-image: url("/assets/promo_widget_images/L247_BLOCK_EN.jpg"); font-size: 23px; font-weight: 800; padding-top:15px; } .keno_homepage_new_block{ font-weight:500; margin-top:21px; font-size:18px; opacity:0.8; } #disabled_calendar_dropdown{display:none;} @media (max-width: 993px) { .LogoWrapper { padding-top: 24px; } } #social-icon { right: 0; top: 18px; text-align: right; } #social-icon li a { font-style: normal; font-weight: 400; font-size: 27px; line-height: 37px; color: #104A62; background-color: #FFF; border-radius: 50px; position: relative; z-index: 0; width: 50px; height: 50px; border: 4px solid #104A62; -webkit-font-smoothing: antialiased; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } svg:hover .social-icons { fill: #fff } #social-icon li, #social-icon li a { display: inline-block; zoom: 1; text-align: center; } #social-icon li:hover .facebook, #social-icon li:hover .googleplus, #social-icon li:hover .support, #social-icon li:hover .twitter, #social-icon li:hover .youtube { text-decoration: none; color: #fff; } #social-icon li:hover .facebook { background-color: #3B5998; border: 4px solid #233459; } #social-icon li:hover .googleplus { background-color: #dd4c39; border: 4px solid #591f17; } #social-icon li:hover .twitter { background-color: #4099FF; border: 4px solid #163659; } #social-icon li:hover .youtube { background-color: #d02525; border: 4px solid #380a0a; } #social-icon li:hover .support { background-color: #16A61E; border: 4px solid #0A490D; } ul#social-icon .icon { font-size: 23px; line-height: 47px; } img.sideBanner { width: 100%; height: auto; padding-bottom: 14px; } img.lottery-logo-img { width: 100%; padding-bottom:10px;} .Mobile-only { display: none } img.lang-flag { width: 35px; margin-right: 10px; margin-top: -4px; } .side-nav-heading { background: #104a62; color: #fff; height: 40px; line-height: 40px; padding: 0 0 0 15px; font-size: 19px; margin: 0 0 15px; } .sidebar-nav { line-height: 30px } .padding-left { padding-left: 15px } .padding-right { padding-right: 15px } .ny_raffle_ribbon_back { background-image: url(/assets/images/nye-raffle-l247-ribbon.png); height: 73px; width: 223px; position: relative; top: -10px; } .ny-raffle { height: 0.61%; width: 100%; color: #FFF; font-family: Rubik; font-size: 14px; font-weight: bold; line-height: 17px; text-align: center; position: relative; top: 26px; } .raffle_ribbon_back { background-image: url(/assets/images/l247_xmas_raffle.png); height: 72px; width: 255px; position: relative; left:-12px; } .christmas-raffle { height: 0.61%; width: 12.36%; color: #FFFFFF; font-family: Rubik; font-size: 14px; font-weight: bold; line-height: 17px; text-align: center;} .pb-holder { background: #EFEFEF; text-align: center; border-radius: 5px; margin: 15px 0; padding: 0 15px; } .pb-holder a { color: #666 } .pb-amount, .pb-btn, .pb-counter, .pb-logo { width: 100% } .pb-amount { font-size: 23px; color: #666; margin-top: 0px; } .pb-counter { min-height: 15px; line-height: 15px; color: #000; font-weight: normal; margin-top: 5pxpx; margin-bottom: 30px; padding-top: 0px; } .QuickLinksWrapper .container .col-lg-3 li a, .QuickLinksWrapper .h4, .QuickLinksWrapper h4 { color: #1A5C7A } .QuickLinksWrapper { background-color: #add8e6; padding: 35px 0; } .DisclaimerWrapper { background: #123042; color: #fff; padding: 35px 0; } .DisclaimerWrapper p { font-size: 12px; text-align: center; color: rgba(255, 255, 255, .5); } .DisclaimerWrapper .container .col-lg-12 a { color: #fff; text-decoration: underline; } .PaymentLogoWrapper { background-color: #1a5c7a; padding: 35px 0; text-align: center; } .PaymentLogoWrapper .container a { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; opacity: .4; } .PaymentLogoWrapper .container a:hover { opacity: 1 } .LiveHelp { width: 230px; height: 50px; position: fixed; z-index: 999; background: #FF8A00; color: #FFF; right: 30px; bottom: 14px; text-align: center; line-height: 50px; } #livehelptab:after { top: 100%; left: 75%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #ff8a00; border-width: 10px; margin-left: -10px; } a#livehelptab { color: #FFF; font-weight: 700; text-decoration: none; font-size: 16px; } .container.carousel-wrapper { padding-right: 0; padding-left: 0; } .container.carousel-wrapper img { width: 100% } .carousel-control { position: absolute; top: 36%; bottom: 0; left: -77px; width: 60px; height: 100px; font-size: 35px; color: #fff; text-align: center; line-height: 104px; text-shadow: none; filter: alpha(opacity=0); opacity: 0; -webkit-font-smoothing: antialiased; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .carousel-control.left { background: #67be13 } .carousel-control.right { right: -77px; left: auto; background: #67be13; } a.right.carousel-control.home-slider { right: -60px } a.left.carousel-control.home-slider { left: -60px } .slider-lotto-item-wrap { text-align: center; padding: 15px 0; background: #fff; } img.slider-lotto-logo { width: 200px!important; padding-bottom: 15px; } button.btn.btn-default.slider-lotto-button { width: 185px; border-bottom: 2px solid #5ba911; margin: 15px 0; } .container .progress-steps {padding: 30px 15px 10px} .container .pageHeader .progress-steps {padding: 0 0 30px 0;} .container .pageHeader .progress-steps .wizard a { width: 24.4%; } .EntriesTitle { margin-top: 0; border-bottom: 1px solid #D4DBDB; padding-bottom: 10px; } .entriesWrapper { padding: 30px; margin-top: 15px !important; } .entriesWrapper .basket-entry-head { text-align: left; padding: 20px; margin-bottom: 0 !important; display: block; border-bottom: 1px solid white; background: #F3F6F6; } .entriesWrapper .basket-entry-head:hover, .entriesWrapper .basket-entry-head:hover .small { color: #319589; } .entriesWrapper .basket-entry-head:hover { background: #EEF1F1; } .entriesWrapper .basket-entry-head .small { font-size: 12px !important; margin-right: 0 !important; line-height: 18px; } .entriesWrapper .col-lg-12.card-info-wrap.entriesBody { padding-right: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; } .entriesWrapper .col-lg-12.card-info-wrap.entriesBody table {margin: 0;} .wizard a { background: #F3F6F6; padding: 10px; margin: 2px; display: block; width: 19.5%; float: left; color: #1A1A1A; font-weight: 500; font-size: 12px; line-height: 12px; font-family: 'Rubik', sans-serif; text-transform: uppercase; } .wizard a:after { font-family: FontAwesome; content: "\f0a9"; margin-left: 10px; } .wizard .current { background: #2d3030; color: #FFF; } .wizard .current:hover { background: #dde3e3; } .lotto-logo-holder { padding: 15px 15px 0; width: 100%; } .timer { width: 73px; float: right; text-align: center; line-height: 16px; } .timer span { text-align: center; font-size: 50px; line-height: 35px; } .timer-date { width: 220px; float: right; display: block; text-align: center; } .timer-wrapper { width: 220px; display: inline-block; } .OrCircle { background: #50C2B4; color: #FFF; position: absolute; width: 90px; height: 90px; border-radius: 100px; text-align: center; margin: auto 0 auto -45px; left: 50%; display: block; font-weight: 700; font-size: 28px; line-height: 86px; z-index: 999; box-shadow: 0 0 0 5px #FFF; } .OrCircle.vertical { margin-top: 27px } .OrCircle.horizontal { margin-top: 386px } .OrCircle.play-block-horizontal { margin-top: 285px } span.jackpottypes { font-size: 25px; font-weight: 500; } .double-jackpot, .normal-jackpot { border: 1px solid #E2E2E2; font-size: 19px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; padding: 30px 0!important; background: #F0F0F0; } .double-jackpot { width: 49.4% } .normal-jackpot { width: 49.89%; margin-right: 7px; } .normal-jackpot:hover { color: #fff!important; background: #ADD8E6!important; cursor: pointer; } .double-jackpot:hover { color: #fff!important; background: #67be13; cursor: pointer; } .double-jackpot-option { padding-left: 50px } .normal-jackpot-option { padding-right: 50px } .selected_jackpot { color: #fff!important; background: #67be13; cursor: pointer; } span.jackpotamounts { font-size: 36px; font-weight: 500; line-height: 35px; color: #2D3030; font-family: 'Rubik', sans-serif; } span.jackpotamounts-small { font-size: 20px; font-weight: 500; line-height: 35px; } .quickwrap { padding: 10px 10px 60px; font-size: 18px; width: 100%; } .play-step-one .quickwrap.bordered { margin-bottom: 30px; padding: 15px 15px 60px; } .play-step-one .quickwrap.bordered, .play-step-one .bordered.manuallywrap { border: none; background: #F3F6F6; } .play-step-one .quickwrap.bordered .bordered.alert-info, .play-step-one .quickwrap.bordered .bordered.alert-success, #paymentMethodSelector ul { border: none; margin: 0; width: 100%; padding: 30px; border-radius: 5px; background-color: #ffffff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); } .play-step-one .quickwrap.bordered .bordered.alert-info .small, .play-step-one .quickwrap.bordered .bordered.alert-success.small, .play-step-one .quickwrap.bordered .bordered.alert-success.small .col-md-5.small { font-size: 15px; line-height: 15px; font-weight: 400; font-family: 'Rubik', sans-serif; color: #A5B6B4; } .play-step-one .quickwrap.bordered .bordered.alert-info .small label { margin-top: 0; padding-top: 0; margin-bottom: 10px; width: 80%; } .play-step-one .quickwrap.bordered .bordered.alert-success.small select { width: 100%; margin-bottom: 15px; margin-top: 10px; } .play-step-one .quickwrap.bordered .bordered.alert-success.small .col-md-5.small { margin-top: 0; padding-top: 0; } .play-step-one .quickwrap.bordered .bordered.alert-success.small .col-md-5.small div { padding-bottom: 0 !important; } .play-step-one .bordered.manuallywrap { padding: 45px 30px 60px 30px; } .play-step-one .bordered.manuallywrap h4{ margin-bottom: 25px; } .manuallywrap { padding: 42px 10px 15px } #owl-demo .item { background: #f0f0f0; padding: 2px 0 9px; margin: 4px; color: #000; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-align: center; -webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=100); opacity: 1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #9a9a9a; background: #fff; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1; border: 1px solid #FFF; background: #67be13; } .play-block-heading { height: 40px; background-image: linear-gradient(to bottom, #4fb5c2, #4fc29b); font-family: Rubik; font-size: 13px; line-height: 40px; font-weight: 500; font-style: normal; font-stretch: normal; color: #ffffff; padding: 0 13px; } .play-block-heading-pick { background: #FFF7E5; padding: 13px; margin: 0; border-radius: 5px 5px 0 0; } .play-block-heading-text { float: left; } .col-lg-4.ng-scope { padding-right: 5px; padding-left: 5px; } .play-block-ticket { border-radius: 5px; background-color: #ffffff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); padding: 0; } .incomplete { box-shadow: 0 0 10px 0 #BF390F; } .full { box-shadow: 0 0 10px 0 #67be13; } .subscription { font-size: 18px; color: #1a5c7a; } .totals { font-size: 25px; font-weight: 700; line-height: 100px; color: #666; padding: 20px 0; display: inline-block; width: 100%; } .play-block-totals { font-size: 25px; font-weight: 700; color: #666; display: inline-block; width: 100%; } button.quick-add { padding: 8px 36px } .form-group.quick-pick-select { width: 80% } select#quick_pick { width: 100% } input[type=radio].css-checkbox, input[type=radio].css-checkbox1 { display: none } input[type=radio].css-checkbox+label.css-label, input[type=radio].css-checkbox1+label.css-label-white { padding-left: 47px; height: 43px; display: inline-block; line-height: 43px; background-repeat: no-repeat; background-position: 0 0; font-size: 42px; vertical-align: middle; cursor: pointer; margin: 18px 0 0; } .double-jackpot:hover label.css-label, .normal-jackpot:hover label.css-label { background-image: url(/puki/images/radio_hover_white.svg) } .double-jackpot:hover label.css-label-white, .normal-jackpot:hover label.css-label-white { background-image: url(/puki/images/radio_hover.svg) } input[type=radio].css-checkbox:checked+label.css-label { background-image: url(/puki/images/radio_selected.svg) } input[type=radio].css-checkbox1:checked+label.css-label-white { background-image: url(/puki/images/radio_selected_white.svg) } label.css-label { background-image: url(/puki/images/radio_default.svg); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } label.css-label-white { background-image: url(/puki/images/radio_default_white.svg); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } span.open { float: right; color: #C2C2C2; font-size: 26px; line-height: 0px; } .progress-button-pl { position: relative; display: inline-block; text-align: center; width: 45%; min-width: 250px; transform: scale(.6); } .progress-button-pl button { display: block; margin: 0 auto; padding: 0; width: 250px; height: 70px; color: #fff; border-radius: 40px; letter-spacing: 1px; font-size: 21px !important; font-weight: 500 !important; font-family: 'Rubik', sans-serif !important; -webkit-tap-highlight-color: transparent; background-color: #FFB400; background-image: -webkit-gradient(linear, from(#FFB400), to(#FF7500)); background-image: -webkit-linear-gradient(#FFB400, #FF7500); background-image: -moz-linear-gradient(#FFB400, #FF7500); background-image: -o-linear-gradient(#FFB400, #FF7500); background-image: linear-gradient(#FFB400, #FF7500); border: none; text-transform: uppercase; font-family: 'Rubik', san-serif; font-weight: 500; -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; } .panel, .panelWhite, .results-main-wrap, .entriesWrapper { border-radius: 5px; background-color: #ffffff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); border: none; margin: 30px 0; } .panelBlue { border-radius: 5px; background-image: linear-gradient(to top, #4fb5c2, #4fc29b); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); border: none; margin: 30px 0; padding: 30px !important; } .panelOrange { border-radius: 5px; background-image: linear-gradient(to top, #ff7500, #ffb400); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); border: none; margin: 30px 0; padding: 30px; } .panelBlue h2{ color: #fff !important; margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, .2); } .panelBlue a { color: #fff !important; text-decoration: underline; } .panelBlue a:hover { color: #1F484D !important; } .panelBlue input#remove{ background: none !important; border-color: #fff !important; color: #fff !important; } .panelBlue input#remove:hover{ background-color: rgba(31, 72, 77, .3) !important; border-bottom: solid 2px #fff !important; } .blog-main-wrap.panelWhite { margin: 15px 0; } .NetellerAmount { padding: 15px 0 30px !important; color: #2D3030; } .NetellerAmount label{ width: 100%; margin-top: 0; } .results-main-wrap { padding: 20px; margin-bottom: 0; margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; overflow: hidden; } .results-main-wrap, .results-main-wrap p { color: #94A3A1; font-size: 14px; } .results-main-wrap-child, .lottoName { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); border: none; background-color: #FFF7E5; padding: 15px 20px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-bottom: 30px; } .results-main-wrap-child a, .lottoName a { text-transform: uppercase; font-family: Rubik; font-size: 14px; line-height: 14px; font-weight: 700; font-style: normal; font-stretch: normal; color: #ffb400; } .results-main-wrap-child a:hover, .lottoName a:hover{ text-decoration: underline; color: #fd8c00; } .results-main-wrap-child a:focus, .lottoName a:focus { color: #fd8c00; text-shadow: 0 0 8px rgba(255, 129, 0, 0.5); } .results-main-wrap-child a:active, .lottoName a:active { text-decoration: underline; color: #f16767; } .results-main-wrap h2 { margin: 0 !important; } .results-main-wrap p { margin: 0; padding: 0; } img.resultsLogos { padding: 30px 0; } .panel-default>.panel-heading { border-color: #EEF1F1; background: none; } .panel-default>.panel-body { color: #94A3A1; } .panel-default>.panel-footer { border-color: #EEF1F1; background: #EEF1F1; } .panel-heading>.panel-title { font-size: 20px; } .panel-heading, .panel-footer { padding: 15px 30px } .panel-body{ padding: 30px; } .panel-body, .panel-body p { font-size: 14px; line-height: 24px; } .faqHeader { background: #F0F0F0; padding: 10px 15px; font-size: 17px; cursor: pointer; } .faqWrapper { border: 1px solid #F0F0F0; margin: 10px 0; border-radius: 5px; display: inline-block; width: 100%; } .faqBody { padding: 15px } .faqWrapper h4 { margin-top: 0; margin-bottom: 0; } .adWrapper img { width: 100%; margin-top: 0; } h3.News-Sub-Heading { margin-top: 0; } .blog-preview-content-wrap { padding: 0 0 0 15px } .pageTitle.blog-preview-content-wrap { padding: 30px 0 } span.post-date, .post_channel { font-family: "Rubik"; font-weight: 500; } span.post-date { display: block; font-size: 13px; line-height: 18px; } .post_channel { margin-bottom: 10px; margin-top: 5px; text-transform: uppercase; background: #94A3A1; padding: 3px 10px; border-radius: 10px; color: #fff; font-size: 12px; text-decoration: none !important; } .post_channel:hover { text-decoration: none; background: #8740E1; color: #fff; } span.post-date a{font-weight: 500;} span.post-read-more { font-size: 18px; color: #67be13; } .post_content { margin-left: -60px; margin-right: -60px; margin-top: -30px; padding: 60px 60px 30px; background: #fff; } .post_content .entry-title.summary h2{ margin-top: 0; font-size: 34px; line-height: 36px; } .post_content .entry-title.summary h2 a { color: #2D3030; font-weight: 500; font-size: 34px; line-height: 36px; } .post_content .entry-summary p { padding-bottom: 0; } .post_content .short-description, .post_content .short-description, .short-description { background-image: linear-gradient(to left, #4fb5c2, #4fc29b); padding: 50px 60px; margin-left: -60px; margin-right: -60px; margin-top: 30px; margin-bottom: -30px; } .post_content .short-description p, .post_content .short-description p span, .short-description p, .short-description { font-family: open sans !important; font-weight: 300 !important; font-size: 26px !important; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.23; text-align: left; color: #ffffff; } div.post-read-more { margin:30px 0px !important; } .lottoryblocks-wrapper { display: inline-block; width: 100%; } textarea#news_comment_comment, textarea#ticket_question { width: 100%; height: 150px; max-width: 100%; } .blog-page-btn { width: 40px; height: 40px; background: #EFEFEF; float: left; display: inline-block; border-radius: 50%; text-align: center; line-height: 0; margin: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .blog-page-btn:hover { background: #FF7500; color: #fff!important; } .row.how-to-play-text { margin-bottom: 30px; } .row.how-to-play-text p{ margin-top: 100px; font-family: "Open Sans"; font-size: 25px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.2; color: #50c2b4; } .tblWrapper { display: flex; width: 435px; margin: 0 auto; } img#home-icon { width: 17px } .testarea { width: 100px; height: 100px; background: #000; color: #fff; border-radius: 50%; text-align: center; line-height: 100px; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease; transition: all 3s ease; } .testarea:hover { width: 100px; height: 100px; background: #ccc; color: #000; border-radius: 10%; text-align: center; line-height: 100px; } .recaptchatable { line-height: 1em; border: 1px solid #DFDFDF!important; width: 100%; } .number-main-wrap { margin-bottom: 15px; padding-bottom: 15px; } .number-content { padding-left: 10px } .contact-page-flags { width: 30px; margin-right: 5px; margin-top: -3px; } .call-me-back-box { overflow: hidden; } .call-me-back-box a{ display: inline-block; float: left; padding: 35px 0; width: 25%; background-image: linear-gradient(230deg, #4fb5c2, #4fc29b 90%, #4fc29b); text-align: center; height: 151px; } img.call-me-back { margin: 0 auto; width: 63px; height: 80px; } .call-me-back-textarea { padding: 30px; width: 75%; float: right; } .call-me-back-textarea h3 {margin-top:0} .call-me-back-textarea p { width: 100%; padding-bottom: 0; } .container { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } .selected-active { background-color: #1A5C7A; color: #FFF; cursor: pointer; } .playNumber { cursor: pointer; min-width: 30px; text-align: center; } .play-block-disabled { pointer-events: none; background-color: #F0F0F0; } #main-play-block { width: 32.43%; float: left; border: 1px solid #E2E2E2; margin: 5px; padding: 0 0 10px; } #main-play-block-extra { width: 100%; float: left; border: 1px solid #E2E2E2; margin: 5px; padding: 5px; } .rn-carousel-container { overflow: hidden; -ms-touch-action: none; touch-action: none; padding-top: 10px; width: auto !important; } .rn-carousel-slides { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; white-space: nowrap; overflow: visible; padding: 0; margin: 0; } :root .rn-carousel-slides { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); position: relative; white-space: nowrap; overflow: visible; padding: 0; margin: 0; } .rn-carousel-slide { white-space: normal; vertical-align: top; display: inline-block; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; margin-left: 0; padding-left: 0; margin-bottom: 0; padding-bottom: 0; } .rn-carousel-indicator { width: 74px; text-align: center; height: 20px; position: relative; bottom: 0; cursor: pointer; overflow: hidden; margin-left: 45%; } .rn-carousel-indicator span { -webkit-transition: color .2s ease-out; transition: color .2s ease-out; padding: 0 5px; color: #1A5C7A; } .rn-carousel-indicator span:before { content: "25cf" } .rn-carousel-indicator span.ng-leave { -webkit-transition: none!important; transition: none!important; } .rn-carousel-indicator .active { color: #67be13 } .rn-carousel-control, .rn-carousel-control-activated { -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; font-size: 20px; position: absolute; top: 40%; margin-top: 1px; opacity: 1; cursor: pointer; width: 79px; height: 107px; color: rgb(255, 255, 255)!important; background: rgba(255, 117, 0, 0); } /*.rn-carousel-control:hover { opacity: 0; background: #67be13; }*/ .rn-carousel-control.rn-carousel-control-prev { left: -100px; background: rgba(255,255,255,0.2); border-radius: 80px 0px 0px 80px; -moz-border-radius: 80px 0px 0px 80px; -webkit-border-radius: 80px 0px 0px 80px; padding-top:4px; width: 40px; height: 80px; } .rn-carousel-control.rn-carousel-control-prev:before { position: absolute; margin: 1.3em .7em .5em; font-family: FontAwesome; content:"\f104"; } .rn-carousel-control.rn-carousel-control-prev:hover { background: rgba(255,255,255,0.5); } .rn-carousel-control.rn-carousel-control-next { right: -100px; background: rgba(255,255,255,0.2); border-radius: 0 80px 80px 0; -moz-border-radius: 0 80px 80px 0; -webkit-border-radius: 0 80px 80px 0; padding-top:4px; width: 40px; height: 80px; } .rn-carousel-control.rn-carousel-control-next:before { position: absolute; margin: 1.3em 0.4em .5em; font-family: FontAwesome; content:"\f105"; } .rn-carousel-control.rn-carousel-control-next:hover { background: rgba(255,255,255,0.5); } #other-products h4 { margin-top: 0; } #other-products .row .rn-carousel-container .rn-carousel-controls .rn-carousel-control { background: rgba(255,255,255,0.2) ; width: 40px; height: 80px; } #other-products .row .rn-carousel-container .rn-carousel-controls .rn-carousel-control:hover {background: rgba(255,255,255,0.5);} #other-products .row .rn-carousel-container .rn-carousel-controls .rn-carousel-control.rn-carousel-control-next { right: -55px; border-radius: 0 80px 80px 0; -moz-border-radius: 0 80px 80px 0; -webkit-border-radius: 0 80px 80px 0; padding-top:4px; } #other-products .row .rn-carousel-container .rn-carousel-controls .rn-carousel-control.rn-carousel-control-prev { left: -55px; border-radius: 80px 0 0 80px; -moz-border-radius: 80px 0 0 80px; -webkit-border-radius: 80px 0 0 80px; padding-top:4px; } #subscription .alert.alert-info { border: none; margin: 0; width: 100%; padding: 30px; border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); background: #ffffff !important; } #subscription .alert.alert-info h4 { color: #2D3030; padding-bottom: 10px; border-bottom: 1px solid #EEF1F1; } #subscription form.form-inline { line-height: 15px; font-size: 15px; font-weight: 400; font-family: 'Rubik', sans-serif; color: #A5B6B4; } #subscription form.form-inline .small{ font-size: 15px; } #subscription form.form-inline .col-md-12, #subscription form.form-inline .col-md-12 .col-md-5 { padding-left: 0; } #subscription form.form-inline .col-md-12 .col-md-7 div{padding-bottom: 0 !important; } .lotto-logo-holder { margin-bottom: 15px; } .lotto-logo-holder .grey-contain { padding: 60px; } .lotto-logo-holder .grey-contain h1 { margin-top: 0; line-height: 100px; } .lotto-logo-holder .grey-contain .lotto-logo a { display: inline-block; height: 100px; line-height: 100px; } .lotto-logo-holder .grey-contain .timer-wrapper { padding-top: 8px !important; height: 100px; } .angular-my-timer span.ng-binding { font-size: 34px; font-weight: 500; color: #2D3030; font-family: 'Rubik', sans-serif; } .grey-contain { background: #EEF1F1; display: inline-block; width: 100%; border-radius: 5px; padding: 30px; } h4.heading-steps { text-align: center; margin-bottom: 30px; } button.btn.btn-sm.btn-default { font-size: 9px !important } .spacing-fix.fullwidth { width: 100% } .recent-wrap { background: #FFF; border-bottom: 1px #EFEFEF solid; border-top: 1px #EFEFEF solid; display: inline-block; width: 100%; } #newsTicker { font-size: 10px; height: 40px; } div#innerNewsTickerLeft { min-width: 130px; /* ben breaking on ru site 2 lines*/ float: left; line-height: 40px; padding-right: 10px; } div#innerNewsTickerRight { line-height: 40px; padding-left: 10px; } .cultureflaghead { margin: -4px 0 0 3px } .pb-logo { padding-top: 15px } #slider { position: relative; width: 100%; height: 100%; overflow: hidden; } #topRow .carousel li .jackpotDisplay { display: block; padding: 2em 3em; height: 21em; position: relative; } .en .playhugelottos #topRow .carousel li { background: url(/site/playhugelottos_com/images/playnow_bg-en.png) 0 0/cover no-repeat #F0F0F0 } div#entriesHolder { display: inline-block; width: 100%; } .entryNumber { width: 40px; height: 40px; background-image: radial-gradient(circle at 50% 21%, #ffffff, #a5b6b4 83%, #dde3e3); float: left; margin: 10px 5px 0 0; border-radius: 50%; color: #000; font-weight: 600; line-height: 40px; font-family: Rubik; font-size: 20px; font-weight: bold; font-style: normal; font-stretch: normal; text-align: center; } td .entryNumber { margin-top: 0; } .multiplierTip { font-size: 10px } .popover-content { min-height: 160px; /*text-transform: initial !important;*/ } .cart-button{font-size:12px;} .lottos{ font-size:22px; margin:0px; padding:0px; padding-bottom:5px; color:#1A7AA2; } .pb-logo h2{ color: #1A5C7A; font-weight: bold; } .pending{ /*font-size: 27px; padding-top: 6px;*/ font-size:16px; padding-top:0px; display: block; } .Hide { display: none !important; } .AccordianArrow:before { font-family: FontAwesome; content: "\f13a"; margin-right: 10px; cursor: pointer; } div#continueBtn { text-align: right; /*border-top: 1px solid #D4DBDB; */ margin-top: 30px; } .separator { border-bottom: 2px #EFEFEF solid; line-height: 50px; margin-right: 0; margin-left: 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .separator:hover { background: #F5F5F5 } .basket-entry-head { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #D4DBDB; font-weight: 400; display: inline-block; width: 100%; color: #2D3030; text-align: center; font-family: 'Rubik'; font-size: 20px; } .basket-entry-head-sml { background-color: #EFEFEF; padding: 5px 5px 5px 15px; font-size: 17px; display: inline-block; width: 100%; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; margin-top:10px; margin-bottom:10px; } .basket-entry-head h2 { margin: 0; } .basket-entry-head.hover-click:hover { background-color: #ccc; } .heads_tails{ background: #1f77b0; border: 2px solid #1A5C7A; color: #fff; line-height: 36px; } .ballSet19, .ballSet23, .ballSet25, .ballSet28, .ballSet3, .ballSet47, .ballSet6, .ballSet8, .ballSet21, .ballSet49, .ballSet45, .ballSet51, .ballSet53, .bonusBall { width: 40px; height: 40px; background-image: radial-gradient(circle at 50% 20%, #a4e0d9, #41bbab 29%, #2c9184 84%, #50c2b4); box-shadow: 0 0 13px 0 #50c2b4; color: #ffffff; line-height: 40px; } .form-control-small { display: inline-block; width: auto; height: 37px; padding: 0 12px; font-size: 14px; line-height: 35px; color: #666; background-color: #FFF; background-image: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; font-weight: 700; } .angular-my-timer { float: left; text-align: center; line-height: 16px; width: 73px; } .angular-my-timer span { text-align: center; font-size: 50px; line-height: 35px; } .angular-my-timer-date { width: 100%; display: block; text-align: center; clear: both; } .login-wrap { width: 450px; margin: 0 auto; text-align: center; } .formError { font-family: Rubik; font-size: 13px; line-height: 1.23; letter-spacing: 0.2px; color: #f16767; font-weight: 400; margin-top: 10px; } .pageContent { min-height: 550px } .info-icon { cursor: pointer; color: #50C2B4; font-size: 12px; margin-top: 25px; line-height: 25px; } span.winnings-nav { font-size: 20px; font-weight: 700; } input.nopad { padding: 13px 0; width: 100%; } .totalcost-nav { font-size: 30px; display: block; width: 100%; text-align: center; padding: 25px 0; } .col-sm-3.profile-block-wrap { height: 160px; border-right: rgb(16, 74, 98) solid 1px; } .profile-block-wrap { font-size: 12px; } a#claim { float: right; display: block; border: 1px rgb(16, 74, 98) solid; border-radius: 5px; padding: 1px 20px; background: #67be13!important; font-weight: bold; } .row.border { border: 1px rgb(226, 226, 226) solid; /*background: rgb(255, 255, 255);*/ border-radius: 5px; margin: 1px -15px; padding: 10px 0 20px 0; line-height: 60px; /* display: inline-block; */ /* width: 100%; */ } .gohome { position: absolute; top: 0; background-color: rgba(0, 0, 0, 0); width: 190px; cursor: pointer; left: 0; } .gohome img { width: 100%; } .gohome div.strap { position: absolute; margin: -1px 0 0 122px; color: rgb(48, 48, 48); font-size: 10px; } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; width: 100%; height: auto; } .payment-method-container { display: inline-block; width: 100%; } .payment-method-description { text-align: center; margin-top: 30px; margin-bottom: 30px; } #methodDescription { width: 100%; display: inline-block; } .notifyError { background-color: #fee; border: 1px solid #d20300; color: #d20300; margin: 1em 0; padding: 1em; } .jackpot_display_draw { display: block; text-align: center; font-size: 18px; } .jackpot_display_draw>span { display: inline-block; padding: .75em 0; text-align: center; } .jackpot_display_draw .pn { font-size: 1.25em; width: 30%; } .jackpot_display_draw.date { width: 25% } .jackpot_display_draw.time { width: 44% } #paymentMethodSelector { width: 100%; background: 0 0!important; filter: none; overflow: hidden; border-radius: 5px; } #paymentMethodSelector ul { width: auto; } #paymentMethodSelector ul:hover { background-color: #fff !important; } #paymentMethodSelector ul li img { width: 80%!important; padding: 0 5px!important; margin-bottom: 0!important; display: inline-block !important; } #paymentMethodSelector ul li { display: inline-block; width: 25%!important; text-align: center; margin: 0 !important; vertical-align: top; position: relative; height: 125px!important; padding-left: 0; border-radius: 5px; } #paymentMethodSelector ul li:hover { background: #F3F6F6; } #paymentMethodSelector ul li span { width: 100% !important; color: #A5B6B4 !important; font-family: 'Rubik', san-serif; text-align: center; font-weight: 400; clear: both; } .FormWrapper { background: #EEF1F1; border-radius: 5px; padding: 0 15px 30px; font-size: 15px; clear: both; } .FormWrapper { color: #A5B6B4; } .FormWrapper .col-md-6 { font-size: 15px !important; } .FormWrapper strong { color: #A5B6B4 !important; font-weight: 400 !important; } .FormWrapper .col-md-6 select { display: inline-block; width: 100%; } .card-info-wrap { padding: 15px 0 30px; display: inline-block; width: 100%; text-align: center; } .card-info-wrap td{text-align: left;} .claim-info { min-height: 92px } .col-lg-15, .col-md-15, .col-sm-15, .col-xs-15 { position: relative; min-height: 1px; } .col-xs-15 { width: 20%; float: left; } img.bundle-icon { opacity: 1; -webkit-transform: scale(1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; } img.bundle-icon:hover { opacity: .7; -webkit-transform: scale(1.05); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.05); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; position: relative; z-index: 99; } img.bundle-icon { width: 120px } .bundle-icon-wrap { width: 150px; display: inline-block; } .fivecol-bundle { border: 1px solid #ECECEC; padding: 15px 20px; } .rapidspan { text-align: left; margin-top: 40px; } input#play_continue_button_two { background-color: #67be13!important; color: #FFF!important; border-bottom: 2px solid #5ba911!important; display: inline-block; padding: 13px 35px; text-align: center; font-weight: 700; border: none; border-radius: 5px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; width: 100% !important; } .bundle-header h3 { font-size: 15px; font-weight: 700; } input[type=radio].bundle-checkbox+label.bundle-label { height: 43px; display: inline-block; line-height: 43px; background-repeat: no-repeat; vertical-align: middle; cursor: pointer; margin-left: -21px; width: 42px !important; background-color: #F0F0F0; } input[type=radio].bundle-checkbox:checked+label.bundle-label { background-image: url(/puki/images/radio_selected.svg); background-color: #F0F0F0; margin-left: -21px; } label.bundle-label { background-image: url(/puki/images/radio_default.svg); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .super-seven-part-two-block { margin-bottom: 20px; background-color: #F0F0F0; padding: 30px; text-align: left; } span.total-bold { font-size: 17px; line-height: 29px; font-weight: 500; padding:0 20px; font-family: 'Rubik', san-serif; color: #50C2B4; display: block; text-align: center; float: left; border-right:1px solid #eee; } .lottoName { display: inline-block; width: 100%; margin-bottom: -7px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .lottoName h6{ margin: 0; float: left; line-height: 26px; } .lottery-head { border: 1px solid; background: #EFEFEF; font-size: 1.5em; padding: 14px; } .winning_numbers { margin: 10px 0 20px } .winnings_link { margin-top: 20px } .stepMsg.winNotice { font-size: 20px } textarea#giftvoucher_message { max-width: 100%; display: inline-block; width: 100%; padding: 6px 12px; margin: 10px 0; font-size: 18px; line-height: 1.42857143; color: #666; background-color: #FFF; background-image: none; border: 1px solid #BBB; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; } .giftSelection { padding: 20px 0 } img.lottoLogoFront { width: 160px; margin-top: 11px; } .spacingFixOne { padding-top: 20px } .table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: none } td.wnum { color: #666 } .ui-datepicker { width: 100%!important; display: none; } .innerContent { margin: 30px 0; } .innerContent p , .innerContent p span { font-family: Open Sans, sans-serif !important; color: #94A3A1 !important; line-height: 28px !important; font-size: 16px !important; font-weight: 400 !important; } blockquote { font-family: Open Sans, sans-serif !important; font-size: 22px; font-weight: 300; font-style: italic; font-stretch: normal; line-height: 1.36; text-align: center; color: #50c2b4; display: block; width: 70%; margin: 0 auto; border-left: none !important; } a.readmore { color: #1a7aa2 } textarea#feedback_suggestion, textarea#taf_message { display: inline-block; min-width: 100%; height: 200px; padding: 6px 12px; margin: 10px 0; font-size: 18px; line-height: 1.42857143; background-color: #FFF; background-image: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; } div.lottopoints-statusBar div.progress { background-color: #f5f5f5; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset; height: 70px; margin-bottom: 20px; overflow: hidden; } .redeembtn { background-color: #67be13!important; color: #FFF!important; border-bottom: 2px solid #5ba911!important; display: inline-block; padding: 10px; text-align: center; font-weight: 700; border-radius: 5px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; border: none; font-size: 14px; } .lotto-points-avalaible, .lotto-points-status { width: 30%; padding-top: 22px; font-weight: 700; font-size: 14px; } .lotto-points-buttons { width: 40%; padding-top: 15px; font-weight: 700; font-size: 14px; } #lottopoints-notification td { text-align: center; padding: 0; } #lottopoints-notification .name { font-size: 1.5em; padding: .5em; font-weight: 900; } #lottopoints-notification div.status { padding: .5em 0 1em } #lottopoints-notification.basic .name { background-color: #BAEBFF; color: #104A62; } table.panelBlue #lottopoints-notification.basic .name, table.panelBlue #lottopoints-notification.basic div.status { background-color: transparent; color: #ffffff; width: 100%; } .panelBlue b{ color: ffffff !important; } #lottopoints-notification.basic div.status { background-color: #166788; color: #fff; } #lottopoints-notification.silver .name { background-color: #B3B6AF; color: #494E4A; } #lottopoints-notification.silver div.status { background-color: #494E4A; color: #fff; } #lottopoints-notification.gold .name { background-color: #FFFF96; color: #7F4311; } #lottopoints-notification.gold div.status { background-color: #7F4311; color: #FFFF96; } #lottopoints-notification.platinum .name { background-color: #343736; color: #f3f3f3; } #lottopoints-notification.platinum div.status { background-color: #242420; color: #f3f3f3; } #lottopoints-notification.diamond .name { background-color: #E5EBF2; color: #59B7C2; } #lottopoints-notification.diamond div.status { background-color: #59B7C2; color: #D5E4F1; } .statusBasic { background: url(../images/lottopoints/star.png) 22px 25px no-repeat rgba(0, 0, 0, 0) } .statusSilver { background: url(../images/lottopoints/status-images.gif) 0 5px no-repeat rgba(0, 0, 0, 0) } .statusGold { background: url(../images/lottopoints/status-images.gif) 0 -65px no-repeat rgba(0, 0, 0, 0) } .statusPlatinum { background: url(../images/lottopoints/status-images.gif) 0 -135px no-repeat rgba(0, 0, 0, 0) } .statusDiamond { background: url(../images/lottopoints/status-images.gif) 0 -206px no-repeat } .statusH { color: #8F7D4B } .statusLevel { color: #545454 } .statusPoints { background: url(/images/lottopoints/divider.gif) left center no-repeat rgba(0, 0, 0, 0) } .statusRedeem { background: url(/images/lottopoints/divider.gif) left center no-repeat } .earnContent { padding: 20px } .earnH { color: #8F7D4B } .statusProgress { text-align: center; min-width: 15%; padding: 15px; display: inline-block; margin-left: -4px; height: 54px; vertical-align: top; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: 900; transition: 1s background-position; } .statusProgress:first-child { margin-left: 0; border-radius: 5px 0 0 5px; } .statusProgress:last-child { border-radius: 0 5px 5px 0; border-right: 1px solid #ccc; } .formBox { margin: 1em 0 0 } /*.basic { background: url(/images/lottopoints/status-bg-colours.png) no-repeat; color: #101010; }*/ .silver { background: url(/images/lottopoints/status-bg-colours.png) 0 -72px no-repeat; color: #6E6E6E; } .gold { background: url(/images/lottopoints/status-bg-colours.png) 0 -144px no-repeat; color: #826120; } .platinum { background: url(/images/lottopoints/status-bg-colours.png) 0 -216px no-repeat; color: #454545; } .diamond { background: url(/images/lottopoints/status-bg-colours.png) 0 -288px no-repeat; color: #2C3E4E; } .divider { display: none } .iconCol { display: inline-block; width: 15%; color: #6B6B6B; padding: 20px 20px 20px 40px; font-weight: 900; } .silverCol { background: url(/images/lottopoints/silver.svg) 0 50%/40px no-repeat; margin-left: 28%; font-size: 12px; } .goldCol { background: url(/images/lottopoints/gold.svg) 0 50%/40px no-repeat; font-size: 12px; } .platinumCol { background: url(/images/lottopoints/platinum.svg) 0 50%/40px no-repeat; font-size: 12px; } .diamondCol { background: url(/images/lottopoints/diamond.svg) 0 50%/40px no-repeat; font-size: 12px; } .statusRange { display: inline-block; width: 15%; margin-left: -4px; padding-left: 4px; } .innerTitle { color: #104a62; font-size: 1.2857em; line-height: 1.1667em; } .relevance { margin-top: 1em; text-align: right; } .kenoIframe { height: 570px; width:960px; /*margin: auto;*/ } #lotto247ContainerCustom{ width: 1030px; margin: 0 auto; -webkit-box-shadow: 0px 1px 12px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 12px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 12px 5px rgba(0, 0, 0, 0.1); display: block; background-color: #fff; border-radius: 5px; } .kenoSpacer { padding:35px; display: flex; } .blueBack { min-width: 100%; min-height: 600px; /*background-image: url('/images/keno-background.jpg') !important;*/ } .lottery_results td, .transaction_history td { border: none #CECECE; color: #666; } .transaction_history a { color: #1a7aa2; font-weight: 400; } .bootstrap-wide-modal { width: 714px } .numberGrid td { font-weight: 900; text-align: center; padding: .3em 0; width: 29px; } .numberGrid table { border-collapse: separate; border-spacing: 2px; vertical-align: bottom; } .numberGrid table.hackedPlayBlock{ border-spacing: 0; border-collapse: collapse; width:100%; } .numberGrid table.hackedPlayBlock table{ margin:0; box-shadow: none; background-color: #fff; } .numberGrid .numberBlock { height: 1em; border: 1px solid #166788; cursor: pointer; } .numberGrid .numberBlock:hover { border: 1px solid #148bbc; background-color: #add8e6; color: #fff; } .numberGrid .numberBlock.active { background-color: #1a5c7a; border: 1px solid #001720; color: #fff; } .numberGrid .numberBlock.active:hover { color: #fff } div.numberGrid table td.instruction { padding: 4px; text-align: center; font-weight: 700; font-size: 1em; color: #FFF; background-color: #add8e6; } .col-lg-12.card-info-wrap.center { display: inline-block; margin: 36px 0 0; font-size: 17px; } #cal_wrapper { width: 100%; float: left; border: 1px solid #E2E2E2; margin: 0; padding: 5px; } table.ui-datepicker-calendar { width: 100% } a.ui-state-default { color: #666 } .ui-datepicker-title { color: #FFF; font-weight: 700; text-align: center; } .ui-datepicker-calendar td { border: 1px solid #D4DBDB; font-weight: 700; padding: 10px 0; width: 22px; text-align: center; color: #2D3030 !important; } td.ui-datepicker-other-month { background: #EEF1F1; color: #94A3A1 !important; } th { border: 1px solid #2D3030; font-weight: 700; padding: 0; width: 22px; text-align: center; background: #2D3030; } a.ui-datepicker-next.ui-corner-all, a.ui-datepicker-prev.ui-corner-all { position: absolute; color: #FFF; top: 8px; font-weight: 700; cursor: pointer; } a.ui-datepicker-next.ui-corner-all { right: 35px } a.ui-datepicker-prev.ui-corner-all { left: 35px } td.ui-datepicker-current-day { background: #D6D6D6; color: #FFF!important; } .med-font { font-size: 17px; line-height: 42px; } .horoscope-add { -webkit-appearance: none !important; background: #67be13; height: 40px; width: 40px; float: left; margin: 10px 5px 0 0; border-radius: 50%; text-align: center; color: #FFF; font-size: 21px; font-weight: 600; line-height: 39px; border: none!important; } .entryRemove { float: right } .lottery_name { padding: 15px; font-weight: 700; font-size: 1.1em; background: #EFEFEF; display: inline-block; width: 100%; } .jackpotSize { display: inline-block; font-weight: 900; width: 30%; text-align: center; } .countdown span { margin-left: 5px; font-weight: 400; } .number-delete { color: #fff; float: right; cursor: pointer; } .extra-play-block { float: left; width: 55%; font-weight: 700; } .spinning { background: url(/images/loading.gif) 0 50%/40px no-repeat; min-height: 39px; } .spinner { width: 100%; text-align: center; padding: 50px; min-height: 200px; background: url(/images/loading.gif) 0 50%/40px no-repeat; min-height: 39px; } .modal { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; /*overflow: scroll;*/ /*-webkit-overflow-scrolling: touch;*/ outline: 0; } .modal-header { min-height: 10px; padding: 10px; border-bottom: 0px solid #e5e5e5; } .modal-body { max-height: calc(100vh - 100px); /*overflow-y: auto;*/ padding-top: 0; } .animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } #rightCol .adWrapper { margin-top: 0 !important; margin-bottom: 30px; } /*#rightCol .adWrapper #pollWrapper{ margin-bottom: 30px; }*/ #rightCol .adWrapper .adContainer { padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 30px !important; } #rightCol .adWrapper a { display: block; margin-top: 0 !important; text-align: center; } .contactBoxes { background: #EEF1F1; padding: 30px !important; border-radius: 5px; height: 390px; } .contactBoxes .basket-entry-head { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .contactBoxes .basket-entry-head p {width: 100%;} a.calendar-playnow { margin: 0 !important; height: 28px !important; line-height: 28px !important; font-size: 12px !important; font-weight: 500; padding: 0 30px !important; border-radius: 15px !important; } .accountPageModuleWrapper { overflow:hidden; } .accountPageModuleWrapper .card-info-wrap { text-align: left !important; padding-bottom: 0 !important; } .accountPageModuleWrapper .basket-entry-head { text-align: left; } .accountPageModuleWrapper .title { text-align: left !important; } .accountPageModuleWrapper table { margin-top: 0; margin-bottom: 0; } .panelWhite { padding:30px !important } .panelWhite .row{ margin-left: 0; margin-right: 0; } img.intelli-img { width: 130px } img.intelli-setup-img, img.voucher-img { width: 80px } .text-info { color: #666 } .well { border-radius: 5px; background-color: rgba(221, 227, 227, 0.6); box-shadow: 0 0 3px 2px #ffffff, inset 0 0 9px 0 rgba(0, 0, 0, 0.1); border: none; padding: 30px; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.71; text-align: left; } .well h4 { margin-top: -15px; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #D4DBDB; } .well.well-display { display: inline-block; width: 100%; } #real_entries .well .alert.alert-info.small { position: absolute; top: 15px; right: 50px; font-size: 10px; padding: 5px 7px; line-height: 15px; border: none; background-color: #2D3030 !important; color: #A5B6B4 !important; font-family: 'Rubik', sans-serif; } #real_entries .well button.btn.btn-default, input#add_more, input#remove{ margin: 0 !important; } #customer_dob_year { max-width: 115px } #customer_dob_month { max-width: 180px } #customer_dob_day { max-width: 100px } a.deposit_btn, a.play_btn { display: block; width: 268px; height: 94px; text-align: center; line-height: 3.5; text-decoration: none; color: #fff; font-size: 24px; text-shadow: 0 2px 0 rgba(0, 0, 0, 1); } a.play_btn { background: url(/images/frontend/btn_green.png) center center no-repeat } a.deposit_btn { background: url(/images/frontend/btn_blue.png) center center no-repeat } a.deposit_btn:hover, a.play_btn:hover { background-image: none; border-radius: 4px; } a.play_btn:hover { background-color: #67be13 } a.deposit_btn:hover { background-color: #104a62 } img.rapidmainimg { width: 140px; padding-top: 20px; } .stepMsg { display: inline-block; width: 100%; padding-bottom: 20px; } hr.medium-grey { border-top: 1px solid #E2E2E2 } hr.darker { border-top: 1px solid #073B50 } img.steps-img { width: 100% } .accordion-heading { background: #F0F0F0; padding: 10px 15px; font-size: 17px; cursor: pointer; } .expander { margin-bottom: 10px } .jackpot-carousel { position: absolute; top: 0; color: #FFF; margin-left: 40px; } .remove-entry-basket { text-align: center; display: block; font-size: 16px; } input[type=text].remove-input { display: inline-block; width: auto; margin: 0 5px; text-align: center; font-size: 16px !important; } a.remove-entries-copy { display: block; width: 100%; margin-top: 15px; } .jackpot-lottery-name { font-size: 40px; margin-top: 15px; } .jackpot-amount { font-size: 95px; font-weight: 700; line-height: 85px; } .jackpot-payout { font-size: 35px; font-weight: lighter; /*color: #104A62;*/ color: #a8b2ca; line-height: 65px; } img.contact-images { width: 100%; cursor: pointer; } .timer-block { background: #a8b2ca; width: 90px; height: 100px; float: left; font-size: 12px; margin-right: 15px; text-align: center; padding: 15px; } span.timer-number { font-size: 35px; line-height: 45px; } .carousel-indicators { position: absolute; bottom: 5px!important; left: 95%!important; right: 5px!important; float: right!important; z-index: 15; width: 50px!important; padding-left: 0!important; margin-left: 0!important; text-align: center!important; list-style: none; } span.time { margin: 5px 0 0; display: block; font-weight: 700; } hr.banner-hr { margin-top: 10px; margin-bottom: 15px; } .timer-block.timer-play { font-weight: bold; width: 200px; font-size: 20px; color: #FFF; line-height: 68px; background: #67be13; } div#simplemodal-overlay { background: #666 } .modalOffer { background: rgb(255, 255, 255); padding: 15px; border: 1px solid rgb(102, 102, 102); border-radius: 5px; display: inline-block; } .spacing-fix { padding: 25px 0; display: inline-block; /*width: 100%;*/; } .mega-balls { width: 100%; display: inline-block; height: 50px; } .tour-btn { width: 200px; margin: -41px auto -20px; float: right; } button#demo { cursor: pointer; background-color: #7ed3c9; background-image:-webkit-gradient(linear, from(#7ed3c9), to(#35a99a)); background-image:-webkit-linear-gradient(#7ed3c9, #41bbab 46%, #35a99a); background-image:-moz-linear-gradient(#7ed3c9, #41bbab 46%, #35a99a); background-image:-o-linear-gradient(#7ed3c9, #41bbab 46%, #35a99a); background-image:linear-gradient(to bottom, #7ed3c9, #41bbab 46%, #35a99a); color: #FFF!important; border-bottom: none!important; display: inline-block; padding: 22px 0; width: 200px; text-align: center; line-height: 12px; text-transform: uppercase ; font-size: 14px; font-weight: 500; font-family: 'Rubik', sans-serif; border: none; border-radius: 20px 20px 0 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; outline: none; } button#demo:hover { background-color: #7ed3c9; background-image: -webkit-gradient(linear, from(#7ed3c9), to(#1b8275)); background-image: -webkit-linear-gradient(to bottom, #7ed3c9, #41bbab 46%, #1b8275); background-image: -moz-linear-gradient(to bottom, #7ed3c9, #41bbab 46%, #1b8275); background-image: -o-linear-gradient(to bottom, #7ed3c9, #41bbab 46%, #1b8275); background-image: linear-gradient(to bottom, #7ed3c9, #41bbab 46%, #1b8275); } button#demo:focus { box-shadow: 0 0 8px 2px rgba(79, 194, 180, 0.5); border: none; text-decoration: none; color: #fff; } button#demo:active { background-color: #1b8275; background-image: -webkit-gradient(linear, from(#1b8275), to(#7ed3c9)); background-image: -moz-linear-gradient(to top, #7ed3c9, #41bbab 46%, #1b8275); background-image: -o-linear-gradient(to top, #7ed3c9, #41bbab 46%, #1b8275); background-image: linear-gradient(to top, #7ed3c9, #41bbab 46%, #1b8275); } li.display-smart { display: none!important } hr.hr-navbar.display-smart { display: none } .heading_holder { height: 30px; line-height: 32px; } .halfwidth { width: 49.3% } .MsoListParagraphCxSpFirst, .MsoListParagraphCxSpLast, .MsoListParagraphCxSpMiddle { text-indent: 0!important } img.blog-pre-img { height: auto } img.blog-pre-img { max-width:141px !important;margin:0px auto; } .col-lg-2.col-md-2.col-sm-2.blog-preview-image-holder>.row { overflow: hidden!important } img.checkout-img { width: 150px } .basket-entry-head.h2 { text-align: left; margin-top: 0; } #checkout-summary .table>tbody>tr>td { padding: 20px; } #checkout-summary table table { margin-bottom: 0px; margin-top: 0; } #checkout-summary table table.small { display: table; } #checkout-summary table table th { text-align: left; background: #2D3030; padding-left: 20px; font-weight: 500; } #facybox { position: absolute; top: 0; left: 0; margin: -20px 0 0 -20px; z-index: 10000; text-align: left; padding: 0px; min-width: 40px; min-height: 40px; background: #FFF; } #facybox .n { background-image: none } #facybox .e { background-image: none } #facybox .w { background-image: none } #facybox .s { background-image: none } #facybox .sw { background-image: none } #facybox .nw { background-image: none } #facybox .se { background-image: none } #facybox .ne { background-image: none } html, body { margin: 0; padding: 0; width: 100%; height: 100%; } .snap-content { position: relative; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; z-index: 11; } .snap-drawers { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; z-index: 10; display: none; } .snap-drawer { position: absolute; top: 0; right: auto; bottom: 0; left: auto; width: 265px; height: auto; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } .snap-drawer-left { left: 0; z-index: 1; } .snap-drawer-right { right: 0; z-index: 1; } .snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left { display: none } .snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right { width: 100% } #open-left { /*background: url(open.png) center center no-repeat;*/ display: block; width: 44px; height: 32px; } .navbar-toggle { float: left; margin-left: 10px; } .navbar-brand { float: left; height: 40px; padding: 11px 0 0 0; font-size: 18px; line-height: 0; } .snap-content { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4fb5c2+0,4fc29b+100 */ background: #4fb5c2; /* Old browsers */ background: -moz-linear-gradient(left, #4fb5c2 0%, #4fc29b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #4fb5c2 0%,#4fc29b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #4fb5c2 0%,#4fc29b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fb5c2', endColorstr='#4fc29b',GradientType=1 ); /* IE6-9 */ } .snap-drawer { background: #add8e6; padding: 50px 0 200px 0; } .snap-drawer ul { padding: 0; margin: 0; list-style-type: none; } .snap-drawer li > a { display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); /*padding: 15px;*/ font-weight: bold; text-decoration: none; color: rgb(255, 255, 255); width: 100%; } span.sidenav-icon { float: right; font-size: 20px; position: absolute; color: rgb(255, 255, 255); right: 10px; margin-top: -38px; } img.cultureflagnav { margin-right: 10px } .modal-buttons a.no { font-size: 10px; font-weight: bold; } div#myShoppingBasket { } div.myShoppingBasketL24 { color: #191616; } .modal-buttons a.yes { font-size: 10px; font-weight: bold; } li.darknav { background: #123042; text-transform: uppercase; } .dd_outer { width: 100%; height: 0; position: absolute; top: 0; left: 0; z-index: 9999; } .dd_inner { margin: 0 auto; position: relative; } #dd_ajax_float .dd_button_v { width: auto; height: auto; line-height: 0; padding: 4px 1px; } #dd_ajax_float iframe { margin: 0 } #dd_start, #dd_end { float: left; clear: both; } html { overflow-y: scroll } .greyheader { background: rgb(239, 239, 239); margin: 5px 0; padding: 10px 10px; font-size: 18px; border-radius: 5px; display: inline-block; width: 100%; } .fullwidthbtn { width: 100%; margin: 5px 0 0 0; } img.rapidplayimg { width: 170px; height: 80px; } .callbackwrap { background: rgb(239, 239, 239); padding: 45px; } .modal-buttons a.yes { background-color: rgb(62, 185, 14); color: rgb(255, 255, 255); border-top: 1px solid rgb(195, 210, 216); text-decoration: none; float: left; width: 100% !important; padding: 15px !important; font-size: 15px; text-align: center !important; border-top: 0px !important; } .modal-buttons { padding: 6px } .modal-buttons a.no { background-color: rgb(26, 122, 162); color: rgb(255, 255, 255); border-top: 0px !important; padding: 15px !important; text-decoration: none; float: left; width: 100% !important; text-align: center !important; font-size: 15px; margin: 5px 0 !important; } .glossBar { cursor: pointer } #simplemodal-container a.modalCloseImg { width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: 10px; right: 10px; cursor: pointer; } #simplemodal-container h3 { color: #84b8d9 } .heading_holder_border { border: 1px solid rgb(22, 103, 136); margin: 5px 0 0 0; padding: 7px 0; background: rgb(26, 92, 122); color: rgb(255, 255, 255); font-weight: bold; } .main-modal, .sidebar-modal { float: none; padding: 20px; vertical-align: top; } .container-modal { display: table; } .main-modal { width: 50%; /* background-color: rgb(119, 136, 153); */ display: table-cell; background: rgb(68, 134, 160) url('/images/offerbox/trolley.png'); background-size: 290px; background-position: center center; background-repeat: no-repeat; text-align: center; border-radius: 10px 0 0 10px; } .sidebar-modal { width: 50%; display: table-cell; /* background-color: rgb(255, 99, 71); */ } .affi_logo { width: 260px; height: auto; } .offercenter { text-align: center } .discountheading { font-size: 25px; font-weight: bold; width: 100%; display: block; text-align: center; } .discountsubheading { font-size: 20px; text-align: center; width: 100%; display: block; border-top: 1px solid rgb(239, 239, 239); } .discountofferlogo { width: 100%; border: 1px solid rgb(239, 239, 239); display: inline-block; text-align: center; padding: 10px; border-radius: 5px 5px 0 0; background: rgb(249, 249, 249); } .discountoffernumber { width: 100%; display: inline-block; border: 1px solid rgb(239, 239, 239); padding: 10px; border-radius: 0 0 5px 5px; border-top: none; text-align: center; } .offercost { width: 100%; display: block; text-align: center; font-size: 30px; font-weight: bold; } .offersmallertext { width: 100%; display: block; text-align: center; } .offerballset { display: block; width: 370px; margin: 0 auto; } .offerballsetx { display: block; width: 370px; margin: 0 auto; } .discountofferwrap { margin: 20px 0 } .offerbtn { margin: 20px 0 } .navbar-fixed-bottom, .navbar-fixed-top { z-index: 999 } a.modalCloseImg.simplemodal-close { cursor: pointer; float: right; color: rgb(102, 102, 102); font-size: 16px; font-weight: bold; } img.offerimage { padding-bottom: 20px } .quickspanbtn { margin-top: -42px; position: absolute; right: 40px; width: 175px; } .sellwrap { border: 1px rgb(239, 239, 239) solid; border-radius: 5px; padding: 15px 25px; } .spacingfix { display: inline-block; width: 100%; padding: 25px 0; } div#simplemodal-container { width: 700px !important; height: auto !important; top: 100px !important; } .discount_percent { font-size: 130px; color: rgb(255, 255, 255); font-weight: bold; -webkit-transform: rotate(337deg); -moz-transform: rotate(337deg); -o-transform: rotate(337deg); writing-mode: lr-tb; } .discount_percent_wrap { /* background: rgb(68, 134, 160) url('/images/offerbox/trolley.png'); */ /* background-size: 290px; */ /* background-position: center center; */ /* background-repeat: no-repeat; */ /* display: inline-block; */ /* width: 50%; */ /* float: left; */ /* height: 400px; */ /* height: 100%; */ /* border-radius: 10px 0 0 10px; */ /* padding: 100px 20px; */ /* text-align: center; */ } span.jackpotamounts_small { font-size: 14px; } span.jackpotamounts_small span strong { font-weight: 500; } .discount_details_wrap { /* display: inline-block; */ /* width: 50%; */ /* height: 300px; */ /* height: 100%; */ /* border-radius: 0 10px 10px 0; */ /* padding: 20px; */ text-align: center; font-weight: bold; } .discountmodal { padding: 0; border-radius: 12px; border: 1px solid rgb(64, 97, 112); } .viewnumbers { float: right!important; position: relative; height: 35px; } .viewnumberright { display: inline-block; position: absolute; right: 15px; } #dd_ajax_float { text-align: center; border: 1px solid #bbb; min-width: 55px; width: auto; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -webkit-box-shadow: 1px 0 15px rgba(0,0,0,.2); -moz-box-shadow: 1px 0 15px rgba(0,0,0,.2); box-shadow: 1px 0 15px rgba(0,0,0,.2); padding: 5px; position: absolute; display: none; left: -120px; font: 10px/16px Arial; background: padding-box #fff; } .playeuromillions .topRow-en { background: transparent url('/site/playeuromillions_com/images/logo.png') no-repeat center left; /* background-position: 0px 62px;*/ } .playsuperenalotto .topRow-en, .playsuperena .topRow-en { background: transparent url('/site/playsuperenalotto_com/images/logo.png') no-repeat center left; /* background-position: 0px 62px;*/ } .playusalotteries .topRow-en { background: transparent url('/site/playusalotteries_com/images/logo.png') no-repeat center left; /* background-position: 0px 62px;*/ } .playminilottos .topRow-en, .playminiuklottos .topRow-en { background: transparent url('/site/playminilottos_com/images/logo.png') no-repeat center left; /* background-position: 0px 62px;*/ } .playuklottery .topRow-en { background: transparent url('/site/playuklottery_com/images/logo.png') no-repeat center left; /* background-position: 0px 62px;*/ } .playukinternet .topRow-en { background: transparent url('/site/playukinternet_com/images/logo.png') no-repeat center left; /* background-position: 0px 62px;*/ } .topRow-en { background: transparent url('/site/playhugelottos_com/images/toprow/logo_en_de_pl.png') no-repeat center left; /* background-position: 0px 62px;*/ } .topRow-de { background: transparent url('/site/playhugelottos_com/images/toprow/logo_en_de_pl.png') no-repeat center left; /* background-position: 0px 62px;*/ } .topRow-es { background: transparent url('/site/playhugelottos_com/images/toprow/logo_es_pt.png') no-repeat center left; /* background-position: 0px 62px;*/ } .topRow-sv { background: transparent url('/site/playhugelottos_com/images/toprow/logo_sv.png') no-repeat center left; /* background-position: 0px 62px;*/ } .topRow-pl { background: transparent url('/site/playhugelottos_com/images/toprow/logo_en_de_pl.png') no-repeat center left; /* background-position: 0px 62px;*/ } .topRow-pt { background: transparent url('/site/playhugelottos_com/images/toprow/logo_es_pt.png') no-repeat center left; /* background-position: 0px 62px;*/ } .topRow-ru { background: transparent url('/site/playhugelottos_com/images/toprow/logo_ru.png') no-repeat center left; /* background-position: 0px 62px;*/ } .topRow-zh { background: transparent url('/site/playhugelottos_com/images/toprow/logo_zh.png') no-repeat center left; /* background-position: 0px 62px;*/ } .topRow-cz { background: transparent url('/site/playhugelottos_com/images/toprow/logo_cz.png') no-repeat center left; /* background-position: 0px 62px;*/ } .topRow-fr { background: transparent url('/site/playhugelottos_com/images/toprow/logo_fr.png') no-repeat center left; /* background-position: 0px 62px;*/ } .topRow-jp { background: transparent url('/site/playhugelottos_com/images/toprow/logo_jp.png') no-repeat center left; /* background-position: 0px 62px;*/ } .topRow-ro { background: transparent url('/site/playhugelottos_com/images/toprow/logo_ro.png') no-repeat center left; /* background-position: 0px 62px;*/ } .topRow-hu { background: transparent url('/site/playhugelottos_com/images/toprow/logo_hu.png') no-repeat center left; /* background-position: 0px 62px;*/ } span.hide-icon { display: inline-block; } .play-block-numbers { padding: 10px; } .play-block-numbers table { border-spacing: 3px; border-collapse: separate; width: 100%; background: none; box-shadow: none; margin: 0 !important; } .playpage .PlayTileBottomHalf { width: 263px; } .playpage .PlayTileBottomHalf .pb-counter{ margin-bottom: 20px; } .playpage .PlayTileBottomHalf .quick-play__form-control{ margin-top: 20px; height: 47px; } .playpage .pageContent .basket-entry-head h2 { text-align: left; } .PlayTileBottomHalf { padding: 20px; text-align: center; margin-top: 4px; } .quick-play-block-ui.more-lotto-games { height: auto !important; } .input-number.quick-play__control-input { border-radius: 0 !important; box-shadow: inset 0 0 9px 0 rgba(0, 0, 0, 0.20) !important; margin: 0; height: 30px !important; line-height: 30px !important; } button.btn.btn-default.btn-number.quick-play__add-control { } .basket.lotto247 .input-group { box-shadow: none ; } .blog-preview-content-wrap h3, .blog-preview-content-wrap h3 a { font-weight: 500 !important; margin-top: 0 !important; margin-bottom: 10px; color: #2D3030; } .blog-preview-content-wrap .labels.label-defaults { text-decoration: none !important; display: block; margin-bottom: 10px; } .top-header{z-index:500;} .dropdown{position:relative;display:inline-block;} .dropdown:hover{background: linear-gradient(0deg, #D8DFDF 0%, #FFFFFF 100%);margin:0px -10px 0px -10px;padding:0px 10px 0px 10px;} a.balancenewcolor, a.balancenewcolor:hover{color:#000 !important;} .dropdown .fa-chevron-up{display:none;} .balance_hover{background: linear-gradient(0deg, #D8DFDF 0%, #FFFFFF 100%);margin-left:-20px;padding:13px 20px 13px 40px;} .balance_hover a.access{background-color:#FFB400 !important;background-image:-webkit-gradient(linear, from(#FFB400), to(#FF7500)) !important;background-image:-webkit-linear-gradient(#FFB400, #FF7500) !important;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFB400), to(#FF7500)) !important;background-image:linear-gradient(#FFB400, #FF7500) !important;border:1px solid #fff !important;} .dropdown-content{display:none;position:absolute;background-color:#D8DFDF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;text-align:center;left:0px;transition:all .2s ease-in-out} .dropdown-content a{text-decoration:none;display:block;color:#319589 !important;font-family:Rubik;font-size:13px;font-weight:500;line-height:15px;text-align:center;} .dropdown-content a:hover{} .dropdown:hover .dropdown-content{display:block;transition:all .2s ease-in-out} .balanceinnercontent{border-radius:4px;background-color:#A5B6B4;margin:20px;padding-top:13px;} .cashbalance{color:#2D3030;font-family:Rubik;font-size:13px;line-height:15px;text-align:center;} .cashbalance span, .bonusbalance span, .yourbalance span{font-weight:500;} .bonusbalance{color:#2D3030;font-family:Rubik;font-size:13px;line-height:15px;text-align:center;} .yourbalance{color:#2D3030;font-family:Rubik;font-size:20px;line-height:24px;text-align:center;} /* ======================================================================================= */ /* ================================ media query | 1200px ================================= */ /* ======================================================================================= */ @media (max-width :1200px) { body { background: #f0f0f0 } .h4, h4 { font-size: 16px } .wizard a { font-size: 11px; padding: 11px 20px 11px 33px; width: 19.5%; } .double-jackpot { width: 49.3% } span.jackpotamounts { font-size: 35px } .customNavigation { display: none } .quickwrap { padding: 10px 10px 80px; display: inline-block; } .lastcontentsection { width: 100% } .display-fix { display: inline-block; width: 100%; padding: 15px; } .recent-wrap { display: none } .OrCircle.play-block-horizontal { margin-top: -46px } .numberGrid table td, .play-block-numbers table td { padding: 2px } .playNumber { min-width: 24px } .blog-main-wrap { display: inline-block; width: 100%; padding: 20px 0; } .spacing-fix { padding: 25px 0; display: inherit; width: auto; } .OrCircle.horizontal { margin-top: -50px } .super-seven-part-two-block { margin-bottom: 20px; background-color: #F0F0F0; padding: 30px; text-align: left; display: inline-block; width: 100%; } .col-lg-15 { width: 20%; float: left; } .jackpot-amount { font-size: 75px; line-height: 52px; } .jackpot-lottery-name { font-size: 35px; margin-top: 10px; } hr.banner-hr { margin-top: 0; margin-bottom: 10px; } .jackpot-carousel { margin-left: 15px } .tour-btn { width: 200px; margin: 20px auto -20px; } .form-group.quick-pick-select { width: 86% } img.blog-pre-img { width: 100%; height: auto; padding-left: 15px; } .inline { display: inline-block; width: 100%; } .card-info-wrap { padding: 20px 0; display: inline-block!important; width: 100%; } } /* ======================================================================================= */ /* ================================= media query | 992px ================================= */ /* ======================================================================================= */ @media (min-width:992px) { .col-md-15 { width: 31.2%; float: left; margin: 10px; } } @media (max-width :992px) { .col-sm-3.profile-block-wrap { height: auto; border-right: rgb(16, 74, 98) solid 1px; } a#claim { background: rgb(16, 74, 98); } .viewnumberright { display: inline-block; position: inherit; right: 0; } .angular-my-timer span { text-align: center; font-size: 34px; line-height: 30px; font-weight: bold; } .angular-my-timer { float: left; text-align: center; line-height: 16px; width: 56px; } .timer-wrapper { width: 220px; display: inline-block; padding-top: 5px; } .col-lg-4.col-sm-4.center { margin-top: 0 } .snap-drawers { display: block !important } body { padding-top: 50px; font-size: 12px; } .jackpot-amount { font-size: 60px; line-height: 32px; } .jackpot-payout { font-size: 25px; line-height: 65px; } .jackpot-lottery-name { font-size: 25px; margin-top: 5px; margin-bottom: 5px; } .timer-block { background: #104A62; width: 76px; height: 68px; float: left; margin-right: 15px; text-align: center; padding: 0; border-radius: 5px; } .spacing-fix { padding: 0; display: inherit; width: auto; } .list-unstyled { line-height: 25px } .twoColWrapper { padding-bottom: 20px } .timer-block { font-size: 9px } .h4, h4 { font-size: 21px } .QuickLinksWrapper .h4, .QuickLinksWrapper h4 { line-height: 25px; font-size: 15px; } img.steps-img { width: 400px; text-align: center; padding: 40px 0; } .sitemap { line-height: 30px } .col-md-15.col-sm-3 { width: 31%; margin: 8px; } .wizard a { font-size: 10px; padding: 11px 0 11px 10px; width: 19.44%; } .tour-btn { font-size: 15px } select#quick_pick { width: 100% } .form-group.quick-pick-select { width: 80% } span.jackpottypes { font-size: 16px; font-weight: 500; } span.jackpotamounts { font-size: 26px; font-weight: 700; line-height: 25px; font-family: 'Rubik', sans-serif; } input[type=radio].css-checkbox+label.css-label, input[type=radio].css-checkbox1+label.css-label-white { padding-left: 43px; margin: 10px 0 0; } .OrCircle.vertical { margin-top: 18px } .OrCircle { font-size: 20px; line-height: 89px; } .normal-jackpot { width: 49.6%; margin-right: 7px; } .container>.navbar-header { margin-right: 0; margin-left: 0; display: none; } .snap-content { background: #EFEFEF; } a.remove-entries-copy { padding: 10px 20px; border-radius: 5px; margin: 9px 0; cursor: pointer; float: right; background: #073B50; width: 100%; } .basket-entry-head { background: #EFEFEF; padding: 15px; font-size: 17px; display: inline-block; width: 100%; margin-bottom: 10px; } span.hide-icon { display: none; } } /* ======================================================================================= */ /* ================================= media query | 768px ================================= */ /* ======================================================================================= */ @media (min-width:768px) { .col-sm-15 { width: 20%; float: left; } } @media (max-width :768px) { .container.conmobile { width: 250px; } .col-sm-3.profile-block-wrap { border-bottom: 1px solid rgb(16, 74, 98); display: block; padding-bottom: 25px; padding-top: 25px; } .mobile_swipe { padding: 0 0 20px 0; text-align: center; font-weight: bold; display: block; width: 100%; } a.left.carousel-control.home-slider, a.right.carousel-control.home-slider, ol.carousel-indicators { display: none } div#carousel-1-controls, div#carousel-2-controls { display: none } td, th { font-size: 10px } .numberGrid table td, .play-block-numbers table td { font-size: 15px } .angular-my-timer span { text-align: center; font-size: 50px; line-height: 35px; } .angular-my-timer { float: left; text-align: center; line-height: 16px; width: 74px; } .timer-block { background: rgba(26, 92, 122, 0.8); width: 56px; height: 56px; float: left; margin-right: 0; margin: 0 5px; text-align: center; padding: 0; border-radius: 5px; padding-top: 14px; } .col-md-4.col-sm-4 { margin-bottom: 10px } body { font-size: 14px } div.playpage { padding-top: 15px; background: #fff; } .playpage>.pageContent p { width: 45% !important; display: inline-block; } .playpage .pb-counter { margin-bottom: 0 !important; } .h4, .playpage h4, h4 { font-size: 17px } .col-lg-12.progress-steps { display: none } .double-jackpot-option { text-align: center } .quickwrap { line-height: 19px; font-size: 12px; } .timer-wrapper { width: 100% } input[type=radio].css-checkbox+label.css-label { margin: 10px 0 } button.btn.btn-default { width: 100% } .right { text-align: center } .totals { font-size: 23px; line-height: 45px; } .totals span { font-size: 28px; font-weight: 700; } .btn span.icon { font-size: 10px } .play-block-heading .right { text-align: right } .blog-main-wrap { border-bottom: #E2E2E2 1px solid; margin-bottom: 15px; padding-bottom: 15px; min-height: 200px; display: inline-block; width: 100%; padding-left: 0; padding-right: 0; } .blog-preview-content-wrap { padding: 0 } .col-lg-10 { padding-right: 0; padding-left: 0; } .pb-amount { font-size: 20px; min-height: 60px; } .recent-wrap { display: none } .jackpot-lottery-name { font-size: 20px; margin-top: 0; } .jackpot-payout { display: none } button.navbar-toggle { background-color: transparent!important; border: none!important; right: 0; } .expander { margin-bottom: 0 } .accordion-heading { background: #F0F0F0; padding: 0; font-size: 17px; cursor: pointer; } .jackpot-amount { font-size: 36px; line-height: 18px; } .jackpot-carousel { width: 100%; text-align: center; margin: 8px 0; font-weight: bold; } span.time { margin: 5px 0 0; display: inline-block; width: 264px; } span.timer-number { font-size: 35px; line-height: 20px; } .timer-block.timer-play { width: 200px; font-size: 20px; color: rgb(255, 255, 255); line-height: 52px; background: #67be13; height: 54px; display: none; } .PaymentLogoWrapper img { width: 70px; margin-top: -26px; } hr.banner-hr { width: 200px; margin-top: 14px; margin-bottom: 4px; } .nav {font-family: 'Rubik', sans-serif; } .navbar-nav { margin: 0 } ul.nav.navbar-nav>li { padding: 5px 15px; font-family: 'Rubik', sans-serif; } hr.hr-navbar { border-top: 1px solid #4C7484 } li.display-smart { display: block!important } hr.hr-navbar.display-smart { display: block } .hidden-smart { display: none } img.steps-img { display: block; margin: 20px auto; width: 85%; } .innerContent img { width: 100%; height: auto; } input#continue_payment_button, input#play_continue_button, input#play_more_button { background-color: #67be13!important; color: #FFF!important; border-bottom: 2px solid #5ba911!important; display: inline-block; padding: 10px; margin: 10px 2px 20px!important; text-align: center; font-weight: 700; border: none; border-radius: 5px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .col-md-15.col-sm-3 { width: 100%; margin: 0; } .twoColWrapper { padding-bottom: 30px } a.remove-entries { margin-right: 0; margin-top: 14px; } .tour-btn { margin-top: 0 } .normal-jackpot-option { text-align: center; padding: 0; } span.jackpottypes { font-size: 18px } span.jackpotamounts { font-size: 36px } .double-jackpot-option { padding: 0 } .double-jackpot { width: 100%; padding: 70px 5px 16px!important; } .OrCircle { margin-left: -45px } .normal-jackpot { width: 100%; margin-bottom: 6px; padding: 10px 5px 70px!important; } .OrCircle.vertical { margin-top: -50px } button.quick-add { padding: 11px 35px } .form-group.quick-pick-select { width: 100% } .form-inline .form-group { margin-bottom: 0; width: 100%; } span.ng-binding.ng-scope { display: block } img.blog-pre-img { display: none } .login-wrap { width: 100% } a.remove-entries-copy { padding: 20px } input#remove { background-color: #add8e6!important; color: #FFF!important; border-bottom: 2px solid #07384D!important; display: inline-block; padding: 10px; text-align: center; margin: 30px auto; font-weight: 700; border: none; border-radius: 5px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .container>.navbar-header { margin-right: 0; margin-left: 0; display: block; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; width: 100%; } button.btn.btn-sm.btn-default { background: #2A7698!important; color: #FFF!important; border: 1px solid #123042!important; padding: 5px 7px; margin-bottom: 5px; border-radius: 5px!important; } div#recaptcha_area { overflow: hidden } .col-lg-12.calendar-wrapper { display: none } .col-lg-4.col-sm-6.col-xs-6.full-mobile, img.playlottologo { width: 100% } .time { display: inline-block; width: 270px; } } @media (min-width: 770px) { .navbar-right { margin-right: 0; } } /* ======================================================================================= */ /* ================================= media query | 480px ================================= */ /* ======================================================================================= */ @media (max-width :480px) { .time { width: 220px; } .entryNumber { background: rgb(26, 92, 122); height: 30px; width: 30px; float: left; margin: 10px 5px 0 0; border-radius: 50%; text-align: center; color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; line-height: 30px; } .ballSet19, .ballSet23, .ballSet25, .ballSet28, .ballSet3, .ballSet47, .ballSet6, .ballSet8, .ballSet21, .ballSet49, .ballSet45, .ballSet51, .ballSet53, .bonusBall { background: rgb(173, 216, 230); border: 1px solid rgb(26, 92, 122); color: rgb(26, 92, 122); line-height: 30px; } td, th { font-size: 10px } .float-left { float: left; width: 100% !important; } input.form-control.draw { width: 100% !important; margin: 10px 0; } span.jackpotamounts.ng-binding.ng-scope { font-size: 30px } .angular-my-timer.ng-scope { width: 50px; height: 50px; border: 2px rgb(102, 102, 102) solid; margin: 5px; border-radius: 5px; font-size: 10px; font-weight: bold; padding-top: 9px; line-height: 10px; } .angular-my-timer span { text-align: center; font-size: 30px; line-height: 20px; font-weight: bold; } .timer-wrapper { width: 240px !important; text-align: center; } span.jackpottypes { font-size: 26px } .angular-my-timer-date { width: 240px; display: block; text-align: center; padding: 10px; } .h2, h2 { font-size: 20px } #playSelect { width: 100px } .pb-holder { background: rgb(239, 239, 239); text-align: center; border-radius: 5px; margin: 6px 0; padding: 0 15px; } hr.banner-hr { width: 200px; margin-top: 10px; margin-bottom: 0px; } span.date { font-size: 10px } .jackpot-amount { font-size: 20px; line-height: 8px; } .jackpot-lottery-name { font-size: 15px; margin-top: 5px; } .timer-block { background: rgba(26, 92, 122, 0.8); width: 40px; height: 40px; float: left; margin: 0 10px; margin-right: 0; text-align: center; padding: 0; line-height: 0px; font-size: 8px; } span.timer-number { font-size: 23px; line-height: 33px; } span.time { display: inline-block; width: 214px; margin: 2px 0 0 0; } .jackpot-carousel { width: 100%; margin: 0; text-align: center; font-weight: bold; } img.playlottologo { width: 100%; height: auto; } .playNumber { min-width: 20px } .manuallywrap { padding: 42px 5px 15px } .jackpot-amount { font-size: 30px; line-height: 10px; } .faqHeader i, .timer-block.timer-play { display: none } #paymentMethodSelector ul li { width: 118px!important } .pb-amount { font-size: 14px; min-height: 60px; } .nextpage.blog-page-btn, .prevpage.blog-page-btn { display: none } .blog-page-btn { width: 30px; height: 30px; } .tblWrapper { width: 195px } .pagination { margin: 15px 0 } .goldCol { background: 0 0/0; font-size: 10px; } .silverCol { background: 0 0/0; margin-left: 21%; font-size: 10px; } .diamondCol, .platinumCol { background: 0 0/0; font-size: 10px; } .iconCol { display: inline-block; width: 9%; color: #6B6B6B; padding: 10px 23px; font-weight: 900; } .PaymentLogoWrapper img { width: 40px; margin-top: -44px; } .col-lg-3.col-sm-4.col-md-3.col-xs-6.lottery-fullbox { padding-left: 10px; padding-right: 10px; } img.raffleimg { width: 100% } } /* ======================================================================================= */ /* ================================= media query | 330px ================================= */ /* ======================================================================================= */ @media (max-width :330px) { .timer-block { background: rgba(0, 0, 0, 0); } span.timer-number { font-size: 21px; line-height: 23px; } span.jackpotamounts.ng-binding.ng-scope { font-size: 22px; } } /* ======================================================================================= */ /* ================================== media query | Mix ================================== */ /* ======================================================================================= */ @media all and (max-width: 3000px) and (min-width: 1200px) { #dd_ajax_float.scroll-pos{ position: absolute; top: 230px; left:-165px;display: block; } } @media all and (max-width: 1199px) and (min-width: 1100px) { #dd_ajax_float.scroll-pos{ position: absolute; top: 220px; left:-65px;display: block; } } @media all and (max-width: 1099px) and (min-width: 1000px) { #dd_ajax_float.scroll-pos{ position: absolute; top: 220px; left:-10px;display: block; } } @media all and (max-width: 999px) and (min-width: 100px) { #dd_ajax_float.scroll-pos{ position: absolute; top: 220px; left:-0px;display: block; } } .error-404{ background:url(/images/l247/error_404.jpg) no-repeat; background-size:contain; min-height:460px; margin:15px; } .error-404 h2{ color:#ffb400; text-shadow: 1px 1px 1px #000; font-size:80px !important; padding:32px 0px 0px 29px; } .error-404 h3{ color:#fff; font-size:50px !important; padding:22px 0px 0px 36px; } .error-404 p{ color:#fff; font-size:26px; font-weight:bold; padding:16px 0px 0px 42px; } .error-404 .error-img div{ float:left; padding-right:15px; padding-top:113px; } .error-404 .error-img div:first-child{ padding-left:40px; } .error-404 .error-img div .btn{ background:#7fcfda !important; border-radius: 0px; color:#43868f; text-transform:none; } .error-404 .error-img div .btn:hover{ color:#fff; } .submenu-links{ margin-bottom: 30px; } .submenu-links ul { list-style-type: none; margin:0px; padding:0px; } .pageContent .submenu-links ul li{ display:inline; font-family: Rubik; width: 100%; } .pageContent .submenu-links ul li a{ font-weight: 400; white-space:nowrap; } .depositBtn{margin-top:0px !important;border-top:none !important;} .depositBtn input{padding:0px 35px !important;} .transactionBtn{margin-top:0px !important;border-top:none !important;} .transactionBtn input{padding:0px 35px !important;} .home-payment-container .payment-image-container{min-height:180px;} a .playtile_moregames:hover{text-decoration:none !important;} .PlayTileBottomHalf a:hover{text-decoration:none !important;} .homepage-playtiles{margin:0px -30px;background:#fff;} .homepage-playtiles-gluck{margin:0px -15px;background:#fff;} .homepage-playtiles-gluck .pageHeader h1{text-align:center;font-size:25px;} /*.global-nav a{padding-left:0px;}*/ .homepage_link a{ font-family: 'Rubik', sans-serif; font-size: 30px; color: #fff; padding-left: 0px; padding-bottom: 0px; font-weight: 500; text-transform:none; } .carousel{ max-height:341px; overflow:hidden; z-index: 1; } .home-winners-container .buttonBorder{margin-top:15px;display:inline-block;} .home-winners-container{padding-top:45px;} .youvewon{ position:absolute; background:url(/images/l247/win.png) no-repeat top left; width:358px; height:95px; margin-top:-20px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .youvewon h1{ /* margin:25px 0px 0px 53px; color:#fff; text-shadow: 2px 2px 2px #000; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;*/ font-family: Rubik; font-size: 28px; font-weight: 600; font-style: normal; font-stretch: normal; text-transform:uppercase; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin:25px 10px 0px; width: 300px; text-align: left; } .youvewon h1.youvewon-gradient-text{ background-image: linear-gradient(to top, #ffffff, #ffffff, #FFEDC7); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; position: absolute; z-index: 20; } .youvewon h1.youvewon-shadow{ text-shadow: 0 1px 12px rgba(0, 0, 0, 0.8); color: transparent; position: absolute; z-index: 10; } .gradient-shadow:after { content: attr(title); /* Pulls the text from the 'title' attribute to make the shadow */ } .youvewon-claim{ position:absolute; left:280px; top:15px; z-index:200; } .headerScrolled .youvewon{ height: 65px; margin-top: -6px; } .headerScrolled .youvewon h1{ margin:13px 0px 0px 0; } .pagination { display: inline-block; padding-left: 0; margin: 0px; border-radius: 50%; padding:20px 16px; } .pagination:hover { color:#fff; background:#FF7500; text-decoration:none; border-radius: 50%; } .header-left{padding-left:0px;} .header-right{} .header-menu-icon{font-size:9px;} /******************************************************************************/ /*** RESPONSIVE ***************************************************************/ /******************************************************************************/ @media all and (max-width: 1200px) and (min-width: 998px) { .quick-play__form-control .CartBTN .progress-button{margin-left: -76px !important;} .quick-play__price-txt{font-size:13px;} .quick-play__control-heading{font-size:8px;} } @media all and (max-width: 1244px) { .header-left{padding-left:15px;} .global-nav ul{padding-left:15px;} } @media all and (max-width: 1216px) { #blink{display:none;} #hp-carousel-left{width:100%;padding:0px;} } @media all and (min-width: 1216px) { .home-carousel-container{margin-left:-15px;margin-right:-15px;} } @media all and (max-width: 1200px) { .pb-amount h3{font-size:25px !important;} #blink{display:none;} #hp-carousel-left{width:100%;padding:0px;} #lotto247Container{overflow:hidden;} .home-winners-container{display:none;} #miniCartButton{display:none;} span.total-bold{border-right:none;} } @media all and (max-width: 992px) { .MyBalance{display:none;} .top-header .container{width:100%;} .top-header .container .row{margin:0px;} .top-header__copy{padding:0px 5px;} .lang-selector-nav{padding:0px 5px;} .top-header__icons{padding:0px 5px;} } @media all and (max-width: 830px) { #l247-header-brand{padding-left:25px;padding-right:25px;} .main-nav.menuexp{padding-left:25px;padding-right:25px;} } @media all and (min-width: 767px) { /*.hidden-sm{display:none;}*/ } @media all and (max-width: 768px) { input#play_more_button { background-color: #7fcfda !important; color: #FFF!important; border-bottom: 2px solid #5ba911!important; display: inline-block; padding: 10px; margin: 10px 2px 20px!important; text-align: center; font-weight: 700; border: none; border-radius: 5px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .error-404 .error-img div{padding-top:20px} .youtube-iframe{margin-left:0px;} /*.global-nav ul{padding-left:15px;}*/ } @media all and (max-width: 630px) { .cartSummary .total-bold{display:none;} .cartSummary #miniCartButton{display:none;} .cartSummary .cartShadow a.dropdown-toggle{border-right:none;} .cartSummary{top:8px !important;} .MyBalance{display:none;} .top-header__copy{padding:0px 5px;} } @media all and (max-width: 576px) { #l247-lang .col-sm-3{width:20%} } @media all and (max-width: 500px) { .global-nav li{font-size:12px !important;} .global-nav ul{padding-left:5px;} #exp-nav .container{width:100%;} .main-nav.menuexp{padding:0px;} } @media all and (max-width: 410px) { .hide-deposit-funds{display:none;} } /* ======================================================================================= */ /* ===================================== FacyBox CSS ===================================== */ /* ======================================================================================= */ /*#facybox .n { background-image: url('/images/fancybox/fancy_shadow_n.png'); }*/ /*#facybox .s { background-image: url('/images/fancybox/fancy_shadow_s.png'); }*/ /*#facybox .w { background-image: url('/images/fancybox/fancy_shadow_w.png'); }*/ /*#facybox .e { background-image: url('/images/fancybox/fancy_shadow_e.png'); }*/ /*#facybox .nw { background-image: url('/images/fancybox/fancy_shadow_nw.png'); }*/ /*#facybox .ne { background-image: url('/images/fancybox/fancy_shadow_ne.png'); }*/ /*#facybox .sw { background-image: url('/images/fancybox/fancy_shadow_sw.png'); }*/ /*#facybox .se { background-image: url('/images/fancybox/fancy_shadow_se.png'); }*/ /*#facybox a.next { background-image: url('/images/fancybox/fancy_right.png'); }*/ /*#facybox a.prev { background-image: url('/images/fancybox/fancy_left.png'); }*/ /*#facybox .close { background-image: url('/images/fancybox/fancy_closebox.png'); }*/ /*#facybox .loading { background-image: url('/images/fancybox/loading.gif'); }*/ #facybox { position: absolute; top: 0; left: 0; margin: -20px 0 0 -20px; z-index: 10000; text-align: left; padding: 0px; min-width: 40px; min-height: 40px; } #facybox .w, #facybox .e, #facybox .nw, #facybox .ne, #facybox .sw, #facybox .se { min-height: 18px; min-width: 13px; } #facybox .n, #facybox .s { background-repeat: repeat-x; height: 18px; } #facybox .w, #facybox .e { background-repeat: repeat-y; } #facybox .nw, #facybox .ne, #facybox .sw, #facybox .se, #facybox a.next, #facybox a.prev, #facybox .closek #facybox .loading { background-repeat: no-repeat; } #facybox a.next { background-position: 9999px 50%; } #facybox a.prev { background-position: -9999px 50%; } #facybox a.prev:hover{ background-position: 0 50%; } #facybox a.next:hover{ background-position: 100% 50%; } #facybox .close { position: absolute; top: 5px; right: 0; display: block; width: 30px; height: 30px; z-index: 2000; } #facybox .prev, #facybox .next{ display: block; position: absolute; cursor: pointer; } #facybox .navigation .counter{ background: #000; color: #fff; text-align: center; position: absolute; bottom: -33px; left: -10px; padding: 2px 0; font-size: 11px; } #facybox .loading { margin: 0 auto; width: 22px; height: 22px; text-align: center; } #facybox .popup { position: relative; } #facybox table { border-collapse: collapse; } #facybox td { border-bottom: 0; padding: 0; } #facybox .body { padding: 0px; width: auto; } #facybox .loading { text-align: center; } #facybox .image { text-align: center; line-height: 0; } #facybox img { border: 0; margin: 0; } #facybox .footer { position: absolute; top: 28px; left: 23px; padding: 0; width: 90%; } #facybox .footer img { vertical-align: middle; } #facybox .tl, #facybox .tr, #facybox .bl, #facybox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; } #facybox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } .facybox_hide { z-index:-100; } .facybox_overlayBG { background-color: #000; z-index: 99; } /* html #facybox_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } */ /** Affiliate Styling **/ div.aff_fancybox{ font-family:tahoma; background:#fff; } p.aff_welcome {margin:0px;background-color:#333;font-family:verdana,tahoma,arial,helvetica,"sans-serif"; height:50;padding:8px;font-size:22px;color:#fff;font-weight:900;} p.aff_logo {height:50px; width:400px;padding-left:10px;} p.aff_text {padding:0px 20px; width:400px; font-size:12px; color:#165A81;background-color:#fff} p.aff_button {margin:15px 20px;padding:10px 5px;background-color:#222;text-align:center;font-size:11px;color:white;font-weight:900;text-decoration:none;outline:none;cursor:pointer;cursor:hand;} p.aff_button a{color:white;font-weight:900;text-decoration:none;outline:none;} .navbar-main { background: #95D2DA none repeat scroll 0% 0%; border-bottom: 2px solid #EFEFEF; } .megamenu-wrap { font-size: 14px; line-height: 25px; } .megamenu-wrap a { color:#666; } .navbar-nav{ padding:8px 0; } .navbar { border:none; min-height:40px; } .navbar-default { background-color: #2D3030; height:40px; border:none; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #add8e6; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .mini-dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #95D2DA; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); color: black } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #fff; } .megamenu-wrap > .col-sm-3 a { color: #666; } .MyCart, .MyBalance { overflow:hidden; } .MyBalance { float:left; padding-top:6px; } .navbar-default .navbar-nav > li.MyAccount{ height:24px; border-left:none; } .navbar-default .navbar-nav > li.MyAccount span{ color:#fff; text-decoration:underline; } .navbar-default .navbar-nav > li.MyAccount i.fa{ float:right; color:#A5B6B4; } .navbar-default .navbar-nav > li > a{ color:#A5B6B4; font-family: 'Rubik', sans-serif; font-weight: 500; font-size:13px; padding: 0 20px; line-height: 24px; } .navbar-default .navbar-nav > li > a:hover { color: #ffffff; } .navbar-default .navbar-nav > li > a.access { border:1px solid #fff; padding:0 15px; margin:-1px 20px 0 0; border-radius: 20px; color: #fff; } .navbar-default .navbar-nav > li > a.access:hover { border-color: #50C2B4; color: #50C2B4; } .navbar-default .navbar-nav > li > a i.fa { font-size:18px; font-weight: 300; color:#6C7675; line-height:24px; } .navbar-default .navbar-nav > li > a:hover i.fa { color:#fff; } .navbar-default .navbar-nav > .dropdown > a .caret{ border-top-color: #666; border-bottom-color: #666; } .navbar-default .navbar-brand{ color:#666; } .menu-large { position: static !important; } .megamenu{ padding: 20px 0px; width:100%; } .megamenu> li > ul { padding: 0; margin: 0; } .megamenu> li > ul > li { list-style: none; } .megamenu> li > ul > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #666; white-space: normal; } .megamenu> li ul > li > a:hover, .megamenu> li ul > li > a:focus { text-decoration: none; color: #666; background-color: #f5f5f5; } .megamenu.disabled > a, .megamenu.disabled > a:hover, .megamenu.disabled > a:focus { color: #666; } .megamenu.disabled > a:hover, .megamenu.disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .megamenu.dropdown-header { color: #666; font-size: 18px; } @media (max-width: 768px) { .megamenu{ margin-left: 0 ; margin-right: 0 ; } .megamenu> li { margin-bottom: 30px; } .megamenu> li:last-child { margin-bottom: 0; } .megamenu.dropdown-header { padding: 3px 15px !important; } .navbar-nav .open .dropdown-menu .dropdown-header{ color:#fff; } } /*Login and Registration modal styles*/ .modal-dialog { margin: 10% auto; color: #6B6B6B; } .nopadding { padding: 0 !important; margin: 0 !important; } .modal { background-color: rgba(0, 0, 0, 0.55); } .regModal-content { background-clip: padding-box; background-color: #EEF1F1; border-radius: 6px; outline: 0 none; overflow: hidden; position: relative; } .modal .modal-dialog { top: -60px;} .vertical-alignment-helper { display:table; height: 100%; width: 100%; pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */ } .vertical-align-center { /* To center vertically */ display: table-cell; vertical-align: middle; pointer-events:none; } .modal-content { /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */ width:inherit; /* To center horizontally */ margin: 0 auto; pointer-events: all; margin-top:40px; background-color: #EEF1F1; } @media only screen and (max-height: 600px) and (max-device-height: 600px) { .modal-content { max-height: 600px; overflow: auto !important; } } @media only screen and (max-width: 1800px) { .modal-content { max-height: 800px; overflow: auto !important; } } section.login-block { border-right: 1px solid #D4DBDB; } section.login-block, section.Register-block { padding-left: 30px; padding-right: 30px; } section.Register-block input[type="submit"] { margin-bottom: 5px; } section.registration-complete { padding: 0; } section.registration-complete .pageHeader { border-bottom: 1px solid #D4DBDB; padding-bottom: 10px !important; padding-top: 0 !important; padding-left: 0 !important; margin: 0 60px; background: 0; } .regModal-header { text-align: center; border-bottom: 1px solid #D4DBDB; padding-bottom: 10px; margin-bottom: 15px; text-transform: normal; margin-top: 0; } .regModal-body { padding: 0; } .regModal-body p { font-size: 12px; line-height: 17px; } /*Form reveal password*/ ::-ms-reveal, ::-ms-clear { display: none !important; } .hideShowPassword-toggle { overflow: hidden; width: 50px; height: 20px; outline: none; margin-top: 0px; top: 40% !important; } .hideShowPassword-toggle:before { font-family: FontAwesome; content: "\f06e"; color: #2D3030; outline: none; display: block; cursor: pointer; } .hideShowPassword-toggle-hide:before { font-family: FontAwesome; content: "\f070"; outline: none; } .hideShowPassword-wrapper button.hideShowPassword-toggle{ background-color: transparent !important; border: none !important; transition: none; } .hideShowPassword-wrapper { margin-bottom: 0 !important; margin-top:0px !important; width: 100% !important; } /*.regModal-content input[type="password"], .regModal-content input[type="text"], .regModal-content input[type="email"], .regModal-content input[type="tel"], .regModal-content input[type="date"], .regModal-content select { background-color: #fff; background-image: none; border: 1px solid #bbb; -webkit-border-radius: 0px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius: 0px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-shadow: none; color: #666; display: inline-block; font-size: 14px; height: 40px; line-height: 1.7; margin: 0px; padding: 10px 12px; transition: none 0s ease 0s ; width:100%; }*/ .regModal-content select { width: 100%; } .regModal-content select#customer_registration_lead_dob_year{ display: inline-block; max-width: 25%; margin: 0 6px; } .regModal-content select#customer_registration_lead_dob_month{ display: inline-block; max-width: 43%; margin: 0 6px; } .regModal-content select#customer_registration_lead_dob_day { display: inline-block; max-width: 20%; margin: 0 6px; } .regModal-content select#customer_registration_lead_dob_year { margin-left: 0px; } .regModal-content select#customer_registration_lead_dob_day { margin-right: 0px; } .regModal-content input[type="password"] { -webkit-border-radius: 0px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius: 0px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .selector-inline { padding-right: 0!important; } /* .regModal-content .input-group-addon { padding: 0; background-color: transparent; }*/ .regModal-content .input-group-addon span { background-color: transparent; display: block; height: 30px; line-height: 30px; vertical-align: middle; width: 25px; font-size: 20px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; color: #fff; } .btn-lg { line-height: 2; } #register_button.btn { margin-bottom: 5px; } .registrationTeaser { background-color: #8740E1; display: block; padding: 10px; margin-top: 30px; border-radius: 5px; } .registrationWinners { max-width: 200px; margin: 20px auto; } .regModal-body p.teaserText { font-size: 24px; line-height: 29px; margin: 0 30px 10px; color: #ffffff; text-align: center; font-weight: 300; font-family: 'Rubik'; } .badge-danger { background: #F16767; /* Old browsers */ } /* Slider */ .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } /* Icons */ /*@font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); }*/ /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .play-small { font-size: 60% !important; vertical-align: text-top; display: inline-block; font-weight: 400; margin-right: -5px; } .voucher-playnow{ background-color: #FFB400; background-image: -webkit-gradient(linear, from(#FFB400), to(#FF7500)); background-image: -webkit-linear-gradient(#FFB400, #FF7500); background-image: -moz-linear-gradient(#FFB400, #FF7500); background-image: -o-linear-gradient(#FFB400, #FF7500); background-image: linear-gradient(#FFB400, #FF7500); border: none; text-transform: uppercase; font-family: 'Rubik', san-serif !important; font-weight: 500 !important; padding: 0 30px; font-size: 14px !important; color: #fff; height: 40px; line-height: 40px; display: inline-block; margin: 0px 0; border-radius: 27px; text-align: center; font-style: normal; font-stretch: normal; border-bottom: none !important; } /*naude*/ .slideBarInfo{ display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; left: -30px; padding-left: 30px; background:url("/assets/images/carousel/redgradient.jpg") left center; background-size:auto 100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:0 40px 40px 0; overflow:hidden; } .slideBarInfo .sliderOneHdr, .slideBarInfo h3.slide-playnowtext{ margin: 0; padding: 0; bottom: auto; } .slideBarInfo h3.slide-playnowtext{ margin-left:auto; background:url("/assets/images/carousel/yellowgradient.jpg") left center; background-size:auto 100%; padding:15px 20px; width:auto; white-space:nowrap; } .quick-play{ position:relative; } .quick-play .col-sm-12{ position:static } .quick-play__footer { position: absolute; bottom: -12px; margin: 0; width: 100%; left: 0; } #facybox { border-radius:5px; overflow:hidden} #facybox .popup{ padding:20px;} #facybox .popup h2{ margin:0; text-align:left} #facybox .popup p.blurp{ margin:0; margin-bottom:10px; font-weight:400; color:#1C1E1E} #facybox .popup table{ border:none; box-shadow:none; margin-top:5px;} #facybox .popup table td{ border:1px solid #eee; padding:5px 10px;} #facybox .popup table th{ text-align:left; background:#50C2B4; color:white; font-size:24px; text-transform:none; font-weight:normal} #facybox .popup br{ display:none} #facybox .popup form input[type="submit"]{ margin:0} .lotto-logo-holder .grey-contain{ padding:20px;} .lotto-logo-holder .grey-contain h1{ position:fixed; top:-100%} .lotto-logo-holder .grey-contain .center > br, .lotto-logo-holder .grey-contain .center .jackpottypes br { display:none} /*gluck*/ /*.menu_item_new{width:auto;height:15px;text-align:center;background:#f16767;color:#fff;font-family:'Rubik', san-serif;font-size:9px;letter-spacing:1px;line-height:15px;z-index:99;top:-16px;margin:0px auto;border-radius: 0px 0px 5px 5px;padding:0px 5px;position:absolute;margin-left:-30px;text-transform:uppercase;}*/ .gluck_test{position:absolute;padding:10px;right:0px;z-index:4;background:#fff;} .menuitem_new_container{background:radial-gradient(circle, #FFFFFF 0%, rgba(255,255,255,0) 50%);height:135px !important;width:100%;position:absolute;margin-top:-16px;background-position:0 -61px;background-repeat:no-repeat;} .color-blue{color:#50c2b4 !important;} .games .game{background:#fff;border-radius:5px;margin-bottom:30px;position:relative;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.7);} .games .game .game-badge{position:absolute;top:10px;left:10px;z-index:4} .games .game .game-badge:empty{display:block} .games .game .game-header{position:relative;cursor:default;} .games .game .game-header>.fa-info-circle{position:absolute;bottom:10px;left:10px;z-index:5;color:#fff;font-size:20px;display:none} .games .game .game-header .header-image{display:block;width:100%;height:auto;border-radius:5px 5px 0px 0px;} .games .game .game-header .descript{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(239,239,239,.95);z-index:2;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;text-align:center;color:#666;border-radius:5px 5px 0px 0px;} .games .game .game-header .descript h2{margin:0;margin-bottom:10px;color:#666;font-weight:700;font-size:20px} .games .game .game-header:hover .descript{opacity:1} .games .game .sub-header-message{background: linear-gradient(270deg, #4FB5C2 0%, #4FC29B 100%);height:46px;color: #FFFFFF;font-family:'Rubik', san-serif;font-size:16px;font-weight:700;line-height:46px;text-align:center;position:relative;text-transform:uppercase;} .games .game .sub-header-message-iw{background: linear-gradient(270deg, #4FB5C2 0%, #4FC29B 100%);height:35px;color: #FFFFFF;font-family:'Rubik', san-serif;font-size:12px;font-weight:700;line-height:35px;text-align:center;position:relative;text-transform:uppercase;} .games .game .sub-header{background:#B044A6;background-image: linear-gradient(to bottom, #B044A6, #F15A59);color:#fff;padding:0px 20px;height:46px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;font-weight:700;} .games .game .sub-header .payout{cursor:pointer;} .games .game .sub-header .payout a{cursor:pointer;color:#fff;text-transform: uppercase;text-decoration: none;} .games .game .sub-header .payout i.fa{opacity:.5;margin-right:5px;font-size:17px;position:relative;line-height:13px;top:1px;} .games .game .sub-header .payout:hover i.fa{opacity:1;text-decoration:none;} .games .game .sub-header .play-demo{display:block;border:2px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;padding:0px 15px;font-weight:700;-webkit-transition:border .3s ease-in-out;transition:border .3s ease-in-out;font-size:11px;text-transform:uppercase;height:25px;line-height:21px;} .games .game .sub-header .play-demo:hover{border:2px solid #fff;text-decoration: none;} .games .game .game-body{margin-top:15px;padding:0px 15px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .games .game .game-body .game-options{margin:0px -15px;} .games .game .game-body .info .pricing{font-family:'Rubik', san-serif;font-size:13px;line-height:15px;color:#2D3030;} .games .game .game-body .info a{color:#50C2B4;font-weight:700;text-transform:uppercase;font-family:'Rubik', san-serif;font-size:12px;line-height:14px;} .games .game .game-body .info a:hover{text-decoration:underline} .games .game .game-body .cta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} /*.games .game .game-body .cta a.button.green-but{background-color:#FFB400;color:#fff;display:block;padding:8px 21px 9px;text-align:center;font-size:17px;width:100%;text-align:center;border:none;font-weight:500;border-radius:40px;cursor:pointer;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;text-transform:uppercase;font-family:'Rubik', san-serif;} .games .game .game-body .cta a.button.green-but:hover{text-decoration:none;background-color: #f25b59;background-image:-webkit-gradient(linear, from(#ffb400), to(#f25b59));background-image:-webkit-linear-gradient(#ffb400, #f25b59);background-image:-moz-linear-gradient(#ffb400, #f25b59);background-image:-o-linear-gradient(#ffb400, #f25b59);background-image:linear-gradient(#ffb400, #f25b59);} .cta a.button.green-but{background-color:#FFB400;color:#fff;box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.15);display:block;padding:8px 21px 9px;text-align:center;font-size:17px;width:100%;text-align:center;border:none;font-weight:500;border-radius:40px;cursor:pointer;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;text-transform:uppercase;font-family:'Rubik', san-serif;} .cta a.button.green-but:hover{text-decoration:none;background-color: #f25b59;background-image:-webkit-gradient(linear, from(#ffb400), to(#f25b59));background-image:-webkit-linear-gradient(#ffb400, #f25b59);background-image:-moz-linear-gradient(#ffb400, #f25b59);background-image:-o-linear-gradient(#ffb400, #f25b59);background-image:linear-gradient(#ffb400, #f25b59);} .cta2 a.button.green-but{background-color:#FFB400;color:#fff;box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.15);display:inline;padding:8px 21px 9px;text-align:center;font-size:17px;width:100%;text-align:center;border:none;font-weight:500;border-radius:40px;cursor:pointer;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;text-transform:uppercase;font-family:'Rubik', san-serif;} .cta2 a.button.green-but:hover{text-decoration:none;background-color: #f25b59;background-image:-webkit-gradient(linear, from(#ffb400), to(#f25b59));background-image:-webkit-linear-gradient(#ffb400, #f25b59);background-image:-moz-linear-gradient(#ffb400, #f25b59);background-image:-o-linear-gradient(#ffb400, #f25b59);background-image:linear-gradient(#ffb400, #f25b59);} .cta input.button.green-but{background-color:#FFB400;color:#fff;box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.15);display:block;padding:8px 13px 9px;text-align:center;font-size:20px;width:100%;text-align:center;border:none;font-weight:700;border-radius:5px;cursor:pointer;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;line-height:50px;} .cta input.button.green-but:hover{text-decoration:none;background-color: #f25b59;background-image:-webkit-gradient(linear, from(#ffb400), to(#f25b59));background-image:-webkit-linear-gradient(#ffb400, #f25b59);background-image:-moz-linear-gradient(#ffb400, #f25b59);background-image:-o-linear-gradient(#ffb400, #f25b59);background-image:linear-gradient(#ffb400, #f25b59);}*/ .games.scratchcards .game .game-body{margin-top:0;display:block} .games.scratchcards .game .game-body .game-options .option{color:#2D3030;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:rgba(255,255,255,.3);border-bottom:1px solid #eee;font-size:15px;cursor:pointer} .games.scratchcards .game .game-body .game-options .option.active,.games.scratchcards .game .game-body .game-options .option:hover{background:#fff} .games.scratchcards .game .game-body .game-options .option label{padding:0px 0px 0px 20px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:'Open Sans', sans-serif !important;color:#2d3030;font-weight:700;font-size:15px;height:45px;} .games.scratchcards .game .game-body .game-options .option label span{margin-left:5px} .games.scratchcards .game .game-body .game-options .option label input[type=radio]{margin:0;margin-right:10px} .games.scratchcards .game .game-body .game-options .option .value{padding-right:20px;font-family:'Open Sans', sans-serif !important;font-size:15px;font-weight:400;color:#2d3030;} .games.scratchcards .game .game-body .game-options .option:nth-of-type(even){background: #FFFBF2;} .games.scratchcards .game .game-body .game-options .option{border-bottom: 1px solid #FFF0CC;font-family:'Open Sans', sans-serif !important;} .games.scratchcards .game .game-body .game-options .remainder_play{height:100px;margin:30px 20px 8px;background:#FFFBF2;border:1px solid #FFF0CC;font-family:'Open Sans', sans-serif !important;color:#2D3030;font-weight:700;font-size:15px;text-align:center;line-height:100px;} .instwantwin_remainder{position:absolute;bottom:0px;text-align:center;background:#fff;width:100%;font-size:15px;font-weight:bold;padding:8px;} /*.games.scratchcards .game .game-body .cta a.button.green-but{width:180px;margin:15px auto 0} .cta a.button.green-but{width:180px;margin:15px auto 0}*/ .game_inset{border-radius:5px 5px 0px 0px;-webkit-box-shadow: inset 1px 1px 10px 3px rgba(255,255,255,0.25);-moz-box-shadow: inset 1px 1px 10px 3px rgba(255,255,255,0.25);box-shadow: inset 1px 1px 10px 3px rgba(255,255,255,0.25);width:100%;height:100%;position:absolute;} .cta .l247-btn-primary{margin:20px auto 10px;text-align:center;display:block;width:180px;text-decoration:none;} #instantwin .cta .l247-btn-primary{text-align:center;width:130px;text-decoration:none;margin:0px;display:inline-block;padding:0px;} .wrapper{} .h_iframe{position:relative;} .h_iframe .ratio{display:block;width:100%;height:100%;opacity:0;} .h_iframe iframe{position:absolute;top:0;left:0;width:100%; height:99%;} #myScratchcard.modal .modal-content{background:#f8f9f9;} #myScratchcard.modal .modal-header{color:#fff;background: linear-gradient(180deg, #4FB5C2 0%, #4FC29B 100%);height:50px;} #myScratchcard.modal .modal-header button{padding:0px 13px; margin: -14px 0 8px 0;} #myScratchcard.modal .modal-header button.play-real{position:absolute!important;right:54px;top:19px;} #myScratchcard.modal .modal-title{color:#fff;text-align:center;padding-top:4px;line-height: 1em;} #myScratchcard.modal .modal-body{padding:20px;} #myScratchcard .modal-header .close{padding:0px 5px;position:absolute;top:8px;right:8px;background-color:none;color:#000 !important;font-size:35px; margin:0!important;} #myScratchcard .modal-header .close:focus{outline:none;} .vidwrap{overflow:hidden !important;background:#fff;} #game_iframe{max-width:100%;width:100%;} #game_iframe_checkout{max-width:100%;width:100%;} #myInstantwin.modal .modal-header{background-color:#1A5C7A;height:50px;} #myInstantwin.modal .modal-header button{padding:0px 5px;} #myInstantwin.modal .modal-dialog{width:960px;} #myInstantwin.modal .modal-body{height:570px;padding:0px;text-align:center;padding:5px;overflow:hidden;} #myInstantwin.modal #game_iframe{height:550px;width:930px;padding-top:6px;} #myBuyModal.modal .modal-header .modal-title{color:#145B7B;text-align:center;font-size:25px;font-weight:bold;} #myScratchcardBuyModal .modal-lg{width:800px !important;} #myScratchcardBuyModal .modal-content{padding:20px;} #myScratchcardBuyModal .modal-body{} #myScratchcardBuyModal .modal-header{padding:0px 20px;} #myScratchcardBuyModal.modal .modal-header .modal-title{color:#2D3030;font-family:'Rubik', san-serif;text-align:center;font-size:24px;line-height:28px;} #myScratchcardBuyModal .modal-body .scratchcard_addfunds{background:url(/images/gluck/add-funds-l247.jpg) no-repeat 50% 50%; background-size:cover;padding:40px;margin:30px 15px 15px;} #myScratchcardBuyModal .hold-on{color:#FFFFFF;font-family:"Open Sans";font-size:45px;font-weight:bold;line-height:55px;} #myScratchcardBuyModal .you-need-to-add-some{color:#FFFFFF;font-family:"Open Sans";font-size:19px;font-weight:600;line-height:23px;margin-bottom:30px;} #myScratchcardBuyModal .promo-funds{color:#FFFFFF;font-family:"Open Sans";font-size:11px;line-height:18px;text-align:center;margin-bottom:30px;display:none;} #myScratchcardBuyModal .start-playing{color:#FFFFFF;font-family:"Open Sans";font-size:25px;font-weight:bold;line-height:30px;text-align:center;margin:20px 0px;} #myScratchcardBuyModal .your-balance{color:#fff;font-family:'Rubik', san-serif;font-size:15px;font-weight:700;line-height:40px;float:left;border-radius:5px 0px 0px 5px;background-color:#8740e1;padding:0px 20px;} #myScratchcardBuyModal .balance{color:#525a59;font-family:'Rubik', san-serif;font-size:15px;font-weight:700;line-height:40px;text-align:right;float:left;border-radius:0px 5px 5px 0px;background-color:rgba(255,255,255,1);padding:0px 15px 0px 30px;box-shadow: inset 0 0 9px 0 rgba(0,0,0,0.14), 0 0 3px 2px rgba(255,255,255,0.17);} #myScratchcardBuyModal .your-balance-container{margin:5px 0px 30px 0px;box-shadow: 0 0 3px 2px rgba(255, 255, 255, 0.27);float:left;} #myScratchcardBuyModal hr{margin:20px 0px;border-top:1px solid #dde3e3;} #myScratchcardBuyModal .scratchcard_purchase{background:#fff;border-radius:5px;margin-bottom:20px;padding:15px 0px;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.12);} #myScratchcardBuyModal .scratchcard_image{} #myScratchcardBuyModal .scratchcard_amount{color:#525A59;font-family:"Open Sans";font-size:25px;font-weight:700;line-height:25px;padding-top:30px;text-align:center;} #myScratchcardBuyModal .scratchcard_name{color:#525A59;font-family:"Open Sans";font-size:25px;font-weight:700;line-height:25px;padding-top:20px;} #myScratchcardBuyModal .scratchcard_name span{font-weight:normal;font-size:19px;line-height:25px;} #myScratchcardBuyModal .promo-funds2{color:#94A3A1;font-family:"Open Sans";font-size:11px;line-height:18px;text-align:center;display:none;} #myScratchcardBuyModal .scratchcard_total_cost_text{color:#666666;font-family:"Open Sans";font-size:16px;font-weight:700;line-height:25px;text-align:right;} #myScratchcardBuyModal .scratchcard_total_cost{color:#666666;font-family:"Open Sans";font-size:25px;font-weight:700;line-height:25px;text-align:right;} #myScratchcardBuyModal .scratchard_save_text{color:#50C2B4;font-family:"Open Sans";font-size:14px;font-weight:700;line-height:25px;text-align:right;} #myScratchcardBuyModal .scratchard_save{color:#50C2B4;font-family:"Open Sans";font-size:14px;font-weight:700;line-height:25px;text-align:right;} #myScratchcardBuyModal .scratchcard_balance_container{margin:20px 0px;box-shadow:0 0 3px 2px rgba(255, 255, 255, 1);} #myScratchcardBuyModal .scratchcard_balance_text{color:#fff;font-family:"Open Sans";font-size:18px;font-weight:bold;line-height:18px;text-align:right;padding:10px 15px;background-color: #50c2b4;border-radius:5px 0px 0px 5px;text-transform:uppercase;} #myScratchcardBuyModal .scratchcard_balance{color:#666666;font-family:"Open Sans";font-size:15px;font-weight:700;line-height:17px;text-align:right;padding:10px 15px;border-radius:0px 5px 5px 0px;background-color:#fff;box-shadow: inset 0 0 9px 0 rgba(0,0,0,0.14), 0 0 3px 2px #FFFFFF;} #myScratchcardBuyModal .complete_scratchcard_purchase{margin:20px 0px;background-color:#FFB400;color:#fff;display:block;text-align:center;font-size:16px !important;width:100%;text-align:center;border:none;font-weight:700;border-radius:40px;cursor:pointer;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;text-decoration:none;height:47px;line-height:47px;} #myScratchcardBuyModal .complete_scratchcard_addfunds{margin:20px 0px;border-radius:5px;background-color:#64C000;height:47px;font-size:20px;line-height:47px;font-size:16px;} #myScratchcardBuyModal .addmorefunds{color:#DD384C;} #myScratchcardBuyModal .scratchcard_checkout_addfunds{color:#1A5C7A;font-family:"Open Sans";font-size:19px;line-height:25px;text-align:center;font-weight:normal;padding-bottom:10px;} #myScratchcardBuyModal .you-need-to-add-some2{color:#DE374C;font-family:"Open Sans";font-size:16px;line-height:20px;text-align:center;} #myScratchcardBuyModal .modal-header .close{padding:0px 5px;position:absolute;top:15px;right:15px;font-size:35px;} #myScratchcardBuyModal .modal-header .close:focus{outline:none;} #myInstantBuyModal .modal-lg{width:800px !important;} #myInstantBuyModal.modal .modal-header .modal-title{color:#2D3030;font-family:'Rubik', san-serif;text-align:center;font-size:24px;line-height:28px;} #myInstantBuyModal .modal-header{padding:0px 20px;} #myInstantBuyModal .modal-content{padding:20px;} #myInstantBuyModal .modal-body{background:url(/images/gluck/add-funds-l247.jpg) no-repeat 50% 50%; background-size:cover;padding:40px;margin:30px;} #myInstantBuyModal .hold-on{color:#FFFFFF;font-family:"Open Sans";font-size:45px;font-weight:bold;line-height:55px;} #myInstantBuyModal .you-need-to-add-some{color:#FFFFFF;font-family:"Open Sans";font-size:19px;font-weight:600;line-height:23px;margin-bottom:30px;} #myInstantBuyModal .promo-funds{color:#FFFFFF;font-family:"Open Sans";font-size:11px;line-height:18px;text-align:center;display:none;} #myInstantBuyModal .start-playing{color:#FFFFFF;font-family:"Open Sans";font-size:25px;font-weight:bold;line-height:30px;text-align:center;margin:20px 0px 10px;} #myInstantBuyModal .your-balance{color:#fff;font-family:'Rubik', san-serif;font-size:15px;font-weight:700;line-height:40px;float:left;border-radius:5px 0px 0px 5px;background-color:#8740e1;padding:0px 20px;} #myInstantBuyModal .balance{color:#525a59;font-family:'Rubik', san-serif;font-size:15px;font-weight:700;line-height:40px;text-align:right;float:left;border-radius:0px 5px 5px 0px;background-color:rgba(255,255,255,1);padding:0px 15px 0px 30px;box-shadow: inset 0 0 9px 0 rgba(0,0,0,0.14), 0 0 3px 2px rgba(255,255,255,0.17);} #myInstantBuyModal .your-balance-container{margin:5px 0px 30px 15px;box-shadow: 0 0 3px 2px rgba(255, 255, 255, 0.27);} #myInstantBuyModal hr{margin:20px 0px;border-top:1px solid #dde3e3;} #myInstantBuyModal .modal-header .close{padding:0px 5px;position:absolute;top:15px;right:15px;font-size:35px;} #myInstantBuyModal .modal-header .close:focus{outline:none;} #myInstantBuyModal .cta .l247-btn-primary{height:47px;line-height:47px;} #myScratchcardGame .modal-header{background-color:#1A5C7A;background: linear-gradient(180deg, #4FB5C2 0%, #4FC29B 100%);} #myScratchcardGame h4.modal-title{padding:0px;} #myScratchcardGame .purchase_completed{border-radius:22px;background-color:#f4effc;color:#8740E1;font-family:"Open Sans";font-size:14px;font-weight:bold;line-height:28px;text-align:center;height:30px;padding:0px 10px;float:left;} #myScratchcardGame .purchase_completed_text{color:#FFFFFF;font-family:"Open Sans";font-size:12px;font-weight:500;line-height:28px;float:left;padding:0px 0px 0px 10px;} #myScratchcardGame .purchase_completed_container{float:right;margin-right:0px;box-shadow:0 0 3px 2px rgba(255, 255, 255, 0.17);} #myScratchcardGame .purchase_completed_container_balance{border-radius:5px 0 0 5px;background-color: #8740E1;color: #fff;font-family:"Open Sans";font-size:12px;font-weight:800;line-height:30px;text-align:center;float:left;padding:0px 10px;} #myScratchcardGame .purchase_completed_container_value{border-radius:0 5px 5px 0;background-color:#fff;color:#525A59;font-family:"Open Sans";font-size:14px;font-weight:bold;line-height:30px;text-align:right;float:left;padding:0px 10px;box-shadow: inset 0 0 9px 0 rgba(0,0,0,0.14), 0 0 3px 2px rgba(255,255,255,0.17);} #myScratchcardGame .modal-header .close{padding:0px 5px;position:absolute;top:0px;right:0px;background-color:#fff !important;color:#000 !important;font-size:35px;} #myScratchcardGame .modal-header .close:focus{outline:none;} #myScratchcardGame .modal-body{padding:30px;} .payout-table{height:1.15%;width:33.13%;color:white;font-size:14px;line-height:16px;} a.payout-table{color:white;} #myScratchcardPayoutTable.modal .modal-header .modal-title{color:#2D3030;text-align:center;font-size:24px;line-height:28px;font-family:'Rubik', san-serif;} #myScratchcardPayoutTable hr{margin:20px 0px;border-top:1px solid #dde3e3;} #myScratchcardPayoutTable .modal-content{padding:21px;background:#f8f9f9;} #myScratchcardPayoutTable .modal-content table{border-spacing:0px;border:0px;margin-bottom:0px;} #myScratchcardPayoutTable .modal-content table td{line-height:46px;padding:0px;} #myScratchcardPayoutTable .modal-content .close{padding:0px 5px;position:absolute;top:1px;right:1px;font-size:35px;} #myScratchcardPayoutTable .modal-content .close:focus{outline:none;} #myScratchcardPayoutTable .quick-add-plain{display:inline;border:2px solid rgba(255,255,255,1);border-radius:27px;color:#fff;font-weight:700;-webkit-transition:border .3s ease-in-out;transition:border .3s ease-in-out;font-size:14px;line-height:17px;background:transparent;font-weight:500;text-transform:uppercase;font-family:'Rubik', san-serif;height:40px;padding:0px 15px;} #myScratchcardPayoutTable .quick-add-plain:hover{border:2px solid #fff;} #myScratchcardPayoutTable .l247-btn-primary{text-decoration:none;margin:5px 0px 15px;} #myScratchcardPayoutTable table{margin-top:0px;} #myScratchcardPayoutTable table th{height:46px;} .alert-error-gluck{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;margin:0px 15px 30px;padding:15px;} .alert-error-gluck h4{display:inline;color:#b94a48;} .register-gluck-container{background-image: url(/images/gluck/gluck-register.jpg);background-repeat:no-repeat;background-size:cover;position:relative;height:460px;} .register-gluck-container-l247{position:relative;height:480px;width:760px;text-align:center;} .gluck-register-text-l247{position:absolute;background:url(/images/gluck/white-text-box.svg) no-repeat;top:25%;left:0%;width:100%;} .gluck-register-text-l247 p{color: #525a59;font-size:22px;line-height:26px;font-weight:500;width:50%;margin:0px auto;padding-top:24px;} .gluck-register-text-l247 a#play_continue_button{text-decoration:none;height:46px;line-height:46px;font-size:16px !important;margin-top:0px;} .gluck-container{position:relative;} .gluck-register-text{position:absolute;bottom:5px;width:300px;text-align:center;left:36%;} .gluck-register-text h2{color:#1A5C7A;font-family:"Arial Black";font-size:31px;line-height:31px;text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,0.36);background:#34c7ee;background:-moz-linear-gradient(top, #34c7ee 0%, #1a91d1 100%);background:-webkit-linear-gradient(top, #34c7ee 0%,#1a91d1 100%);background:linear-gradient(to bottom, #34c7ee 0%,#1a91d1 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c7ee', endColorstr='#1a91d1',GradientType=0 );color:transparent;-webkit-background-clip: text;background-clip: text;} .gluck-register-text p{color:#FFFFFF;font-family:"Open Sans";font-size:19px;line-height:23px;text-align:center;} .gluck-register-text .fullbtn{width:auto;margin:25px auto 30px;} .gluck_claim{text-align:center;margin-top:20px;margin-bottom:20px;} .gluck_claim input{width:90%;} .b2games a{font-family:'Rubik', san-serif;color:#ffb400;text-decoration:none;text-transform:uppercase;font-size:14px;} .site-menu-links li{position:relative;} #clip::before{ -webkit-filter: url('#blur'); filter: url('#blur'); -webkit-filter: blur(5px); filter: blur(5px); background-size: cover; opacity: 0.5; } #clip{ background-color: white; position:absolute; clip:rect(190px, 636px, 431px, 263px); filter:blur(10px) contrast(60%) opacity(100%) brightness(150%); -webkit-filter:blur(10px) contrast(60%) opacity(100%) brightness(150%); width:100%; } .containerX { width: 100%; height: 125px; margin: auto; padding: 0px; } .containerXLogo { width: 40%; height: 125px; background: #155C7B; float: left; } .containerXOptions { height: 125px; background: linear-gradient(0deg, #FFFFFF 0%, #9AADAB 100%); padding-top: 20px; text-align: center; } .containerXOptions .green-but{padding:0px 10px;} .number-of-cards{color:#2D3030;font-family:"Open Sans";font-size:15px;line-height:20px;text-align:center;} .homepage-playtiles .cta2{float:right;} .btn-back-to-games{margin-top:0px;line-height:51px;padding:15px;color:#ffb400;font-size:14px;} .three-d-info { text-align: left; } .three-d-info ul { list-style-type: none; margin-top: 5px; padding:initial; } .three-d-info ul li:before { content: "- "; text-indent: 5px; }