button,hr,input{overflow:visible}embed,iframe,img,input,legend,object,pre,select,textarea,video{max-width:100%}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box}*,:after,:before,input[type=checkbox],input[type=radio]{box-sizing:inherit}body{margin:0}details,main{display:block}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}.itlc,em,i{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none} @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /* general ================== */ body{ overflow-x: hidden; color: #373A36; font-size: 16px; line-height: 1.8; font-family: 'Noto Sans', sans-serif; text-align: left; background: linear-gradient(to right, rgba(0, 104, 71, 0.6), #fff, rgba(206, 17, 38, 0.6)), url('/imgs/bg.webp'); background-attachment: fixed; } ::selection, ::-moz-selection { color: #333; background-color: #FFCC7B; } #page-article.white{ padding: 10px 20px; background: #fff; } ::-webkit-scrollbar { width: 1em; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); } ::-webkit-scrollbar-thumb { background-color: #FFCC7B; outline: 1px solid #012318; } #page-article.contact-article { padding: 10px 20px 340px; } #page-article.sitemap { padding: 10px 20px 600px; } @media only screen and (max-width: 575px){ #page-article.sitemap { padding: 10px 15px 170px 15px!important; } } @media only screen and (max-width: 767px) { #page-article.container { box-shadow: none; margin-top: -20px; } h1 { margin: 40px 0 20px!important; line-height: 2rem; } } .row{ margin: 0; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Nunito Sans', sans-serif; } h1 { text-align: center; font-weight: 700; margin: 20px 0; font-size: 1.3rem; text-transform: uppercase; line-height: 2.5rem; } h1 span, .elem-title span{ border-bottom: 2px solid #FFCC7B; border-top: 2px solid #FFCC7B; color: #929D9E; text-transform: uppercase; } h2:not(.elem-title) { margin: 2rem 0; text-align: center; color: #7F8688; letter-spacing: 1px; font-size: 1.25rem; text-transform: uppercase; } h2:not(.elem-title)::first-letter { color: #012318; border-top: 2px solid #FFCC7B; border-bottom: 2px solid #FFCC7B; } .dark-bg h2:not(.elem-title)::first-letter { color: #fff; } .dark-bg h2 { color: #b1b9bb; } @media only screen and (max-width: 575px){ h2:not(.elem-title)::first-letter { border-bottom: none; } } @media only screen and (min-width: 768px){ .mt-title { margin: 8rem 0 2rem 0; } } h3{ font-size: 18px; color: #7F8688; margin: 15px auto; position: relative; border-bottom: 1px solid #FFCC7B; text-transform: uppercase; } .elem-title{ text-align: center; font-family: 'Nunito Sans', sans-serif; font-weight: bold; font-size: 1.188rem; text-transform: uppercase; } h2.elem-title{ line-height: 1.8; } p{ text-align: justify; font-family: 'Noto Sans', sans-serif; } a{ transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .modal-backdrop.show { height: 100%; opacity: 0.7; } .accent-txt{color: #CE1126;} .wide-container{ margin-left: -20px; margin-right: -20px; } .bon-off{background: url('/imgs/icons/giftbox.svg') no-repeat; text-indent: -9999px; display: inline-block;} .bg-dark{color: #fff; background-color: #012318!important;} .bg-accent{background-color: rgba(211, 78, 61, 0.8); color: #fff;} .light-color{color: #FFCC7B;} .dark-bg{ background: #012318; background:linear-gradient(231deg, rgba(233, 233, 233, 0.01) 0%, rgba(233, 233, 233, 0.01) 25%,rgba(10, 10, 10, 0.01) 25%, rgba(10, 10, 10, 0.01) 50%,rgba(237, 237, 237, 0.01) 50%, rgba(237, 237, 237, 0.01) 75%,rgba(200, 200, 200, 0.01) 75%, rgba(200, 200, 200, 0.01) 100%),linear-gradient(344deg, rgba(2, 2, 2, 0.03) 0%, rgba(2, 2, 2, 0.03) 20%,rgba(10, 10, 10, 0.03) 20%, rgba(10, 10, 10, 0.03) 40%,rgba(100, 100, 100, 0.03) 40%, rgba(100, 100, 100, 0.03) 60%,rgba(60, 60, 60, 0.03) 60%, rgba(60, 60, 60, 0.03) 80%,rgba(135, 135, 135, 0.03) 80%, rgba(135, 135, 135, 0.03) 100%),linear-gradient(148deg, rgba(150, 150, 150, 0.03) 0%, rgba(150, 150, 150, 0.03) 14.286%,rgba(15, 15, 15, 0.03) 14.286%, rgba(15, 15, 15, 0.03) 28.572%,rgba(74, 74, 74, 0.03) 28.572%, rgba(74, 74, 74, 0.03) 42.858%,rgba(175, 175, 175, 0.03) 42.858%, rgba(175, 175, 175, 0.03) 57.144%,rgba(16, 16, 16, 0.03) 57.144%, rgba(16, 16, 16, 0.03) 71.42999999999999%,rgba(83, 83, 83, 0.03) 71.43%, rgba(83, 83, 83, 0.03) 85.71600000000001%,rgba(249, 249, 249, 0.03) 85.716%, rgba(249, 249, 249, 0.03) 100.002%),linear-gradient(122deg, rgba(150, 150, 150, 0.01) 0%, rgba(150, 150, 150, 0.01) 20%,rgba(252, 252, 252, 0.01) 20%, rgba(252, 252, 252, 0.01) 40%,rgba(226, 226, 226, 0.01) 40%, rgba(226, 226, 226, 0.01) 60%,rgba(49, 49, 49, 0.01) 60%, rgba(49, 49, 49, 0.01) 80%,rgba(94, 94, 94, 0.01) 80%, rgba(94, 94, 94, 0.01) 100%),linear-gradient(295deg, rgba(207, 207, 207, 0.02) 0%, rgba(207, 207, 207, 0.02) 25%,rgba(47, 47, 47, 0.02) 25%, rgba(47, 47, 47, 0.02) 50%,rgba(142, 142, 142, 0.02) 50%, rgba(142, 142, 142, 0.02) 75%,rgba(76, 76, 76, 0.02) 75%, rgba(76, 76, 76, 0.02) 100%),linear-gradient(73deg, rgba(81, 81, 81, 0.03) 0%, rgba(81, 81, 81, 0.03) 12.5%,rgba(158, 158, 158, 0.03) 12.5%, rgba(158, 158, 158, 0.03) 25%,rgba(136, 136, 136, 0.03) 25%, rgba(136, 136, 136, 0.03) 37.5%,rgba(209, 209, 209, 0.03) 37.5%, rgba(209, 209, 209, 0.03) 50%,rgba(152, 152, 152, 0.03) 50%, rgba(152, 152, 152, 0.03) 62.5%,rgba(97, 97, 97, 0.03) 62.5%, rgba(97, 97, 97, 0.03) 75%,rgba(167, 167, 167, 0.03) 75%, rgba(167, 167, 167, 0.03) 87.5%,rgba(22, 22, 22, 0.03) 87.5%, rgba(22, 22, 22, 0.03) 100%),linear-gradient(90deg, #012318, #012318); color: #fff; } .light-bg{ background: rgba(255, 204, 123, 0.6); background: linear-gradient(112.5deg, rgba(232, 232, 232, 0.03) 0%, rgba(232, 232, 232, 0.03) 2%,rgba(231, 231, 231, 0.03) 2%, rgba(231, 231, 231, 0.03) 4%,rgba(231, 231, 231, 0.03) 4%, rgba(231, 231, 231, 0.03) 11%,rgba(2, 2, 2, 0.03) 11%, rgba(2, 2, 2, 0.03) 67%,rgba(231, 231, 231, 0.03) 67%, rgba(231, 231, 231, 0.03) 90%,rgba(111, 111, 111, 0.03) 90%, rgba(111, 111, 111, 0.03) 100%),linear-gradient(157.5deg, rgba(210, 210, 210, 0.03) 0%, rgba(210, 210, 210, 0.03) 17%,rgba(254, 254, 254, 0.03) 17%, rgba(254, 254, 254, 0.03) 18%,rgba(96, 96, 96, 0.03) 18%, rgba(96, 96, 96, 0.03) 44%,rgba(159, 159, 159, 0.03) 44%, rgba(159, 159, 159, 0.03) 70%,rgba(24, 24, 24, 0.03) 70%, rgba(24, 24, 24, 0.03) 82%,rgba(16, 16, 16, 0.03) 82%, rgba(16, 16, 16, 0.03) 100%),linear-gradient(22.5deg, rgba(47, 47, 47, 0.03) 0%, rgba(47, 47, 47, 0.03) 32%,rgba(124, 124, 124, 0.03) 32%, rgba(124, 124, 124, 0.03) 40%,rgba(200, 200, 200, 0.03) 40%, rgba(200, 200, 200, 0.03) 42%,rgba(16, 16, 16, 0.03) 42%, rgba(16, 16, 16, 0.03) 64%,rgba(243, 243, 243, 0.03) 64%, rgba(243, 243, 243, 0.03) 94%,rgba(93, 93, 93, 0.03) 94%, rgba(93, 93, 93, 0.03) 100%),linear-gradient(90deg, rgba(255, 204, 123, 0.2), rgba(255, 204, 123, 0.6)); } hr.separate{ border: 0; height: 1px; background: linear-gradient(to right, rgba(204, 204, 204, 0.35), #012318, rgba(204, 204, 204, 0.35)); margin-top: 2rem; } .brdr > div > img{ filter: drop-shadow(1px 1px 0px #fff) drop-shadow(-1px -1px 0px #fff) drop-shadow(1px -1px 0px #fff) drop-shadow(-1px 1px 0px #fff); -webkit-filter: drop-shadow(1px 1px 0px #fff) drop-shadow(-1px -1px 0px #fff) drop-shadow(1px -1px 0px #fff) drop-shadow(-1px 1px 0px #fff); } .football-bg{background: url('/imgs/icons/football.svg') no-repeat; background-size: cover;} .basket-bg{background: url('/imgs/icons/basketball.svg') no-repeat; background-size: cover;} .baseball-bg{background: url('/imgs/icons/baseball.svg') no-repeat; background-size: cover;} .tennis-bg{background: url('/imgs/icons/tennis.svg') no-repeat; background-size: cover;} .racing-bg{background: url('/imgs/icons/racing.svg') no-repeat; background-size: cover;} .boxing-bg{background: url('/imgs/icons/boxing.svg') no-repeat; background-size: cover;} .horse-bg{background: url('/imgs/icons/horse.svg') no-repeat; background-size: cover;} .cricket-bg{background: url('/imgs/icons/cricket.svg') no-repeat; background-size: cover;} .rugby-bg{background: url('/imgs/icons/rugby.svg') no-repeat; background-size: cover;} .greyhound-bg{background: url('/imgs/icons/hound.svg') no-repeat; background-size: cover;} .hockey-bg{background: url('/imgs/icons/ice-hockey.svg') no-repeat; background-size: cover;} .volleyball-bg{background: url('/imgs/icons/volleyball.svg') no-repeat; background-size: cover;} @media only screen and (min-width: 1200px){ .container { max-width: 1200px; } } @media only screen and (max-width: 1199px){ #page-article.container { max-width: 100%; } } .badge.circle-custom{ border-radius: 20% 0; font-size: 14px; font-style: italic; padding: 5px 0px; width: 25px; height: 25px; background: #FFCC7B; color: #012318; font-weight: 900; box-shadow: 0 2px 4px rgba(33,37,41,.1), 0 3px 2px rgba(33,37,41,.1); -webkit-box-shadow: 0 2px 4px rgba(33,37,41,.1), 0 3px 2px rgba(33,37,41,.1); -o-box-shadow: 0 2px 4px rgba(33,37,41,.1), 0 3px 2px rgba(33,37,41,.1); } .shadowed{ box-shadow: 0 0 5px #7F8688; -webkit-box-shadow: 0 0 5px #7F8688; -o-box-shadow: 0 0 5px #7F8688; } @media only screen and (max-width: 767px){ body.menu-open { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } body.menu-open:after { content: ''; display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 900; background: rgba(0,0,0,0.5); } } @media only screen and (max-width: 575px){ #page-article.white { padding: 10px 15px; } h1, h2 { font-size: 1.1rem; line-height: 1.9; } .steps.bg-dark, .wide-container{ margin-left: -15px!important; margin-right: -15px!important; } } @media only screen and (max-width: 425px){ .steps.bg-dark{ padding: 1rem!important; font-size: 14px; } } /* animations ================== */ .slide-in-left.sliding, .slide-in.sliding:before{ -webkit-animation: slide-in-left 1.5s ease-in forwards; animation: slide-in-left 1.5s ease-in forwards; } @-webkit-keyframes slide-in-left { 0%{left: -100%;} 100% { left: 0; } } @keyframes slide-in-left { 0%{left: -100%;} 100% { left: 0; } } .slide-in-right.sliding:before, .slide-in-right.sliding { -webkit-animation: slide-in-right 1.5s ease-in forwards; animation: slide-in-right 1.5s ease-in forwards; } @-webkit-keyframes slide-in-right { 0%{right: -100%;} 100% { right: 0; } } @keyframes slide-in-right { 0%{right: -100%;} 100% { right: 0; } } @-webkit-keyframes swing { 15% { -webkit-transform: translate(5px, 1px); transform: translate(5px, 1px); } 30% { -webkit-transform: translate(-5px, 1px); transform: translate(-5px, 1px); } 50% { -webkit-transform: translate(3px, 1px); transform: translate(3px, 1px); } 65% { -webkit-transform: translate(-3px, 1px); transform: translate(-3px, 1px); } 80% { -webkit-transform: translate(2px, 1px); transform: translate(2px, 1px); } 100% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } } @keyframes swing { 15% { -webkit-transform: translate(5px, 1px); transform: translate(5px, 1px); } 30% { -webkit-transform: translate(-5px, 1px); transform: translate(-5px, 1px); } 50% { -webkit-transform: translate(3px, 1px); transform: translate(3px, 1px); } 65% { -webkit-transform: translate(-3px, 1px); transform: translate(-3px, 1px); } 80% { -webkit-transform: translate(2px, 1px); transform: translate(2px, 1px); } 100% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-15px); transform: translateY(-15px); } 60% { -moz-transform: translateY(-5px); transform: translateY(-5px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } 60% { -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); } } .bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } .swing:hover { -webkit-animation: swing 1s ease; animation: swing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes bounce-in-top { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 38% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } 55% { -webkit-transform: translateY(-65px); transform: translateY(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 72% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 81% { -webkit-transform: translateY(-28px); transform: translateY(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 90% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes bounce-in-top { 0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 38% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; } 55% { -webkit-transform: translateY(-65px); transform: translateY(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 72% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 81% { -webkit-transform: translateY(-28px); transform: translateY(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 90% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } /* header ================== */ #page-header { padding: 10px; background: #fff; } #page-header .row{ max-width: 1200px; } #page-header .inline-list {padding-top: 5px; display: table; margin: 0 auto; padding-left: 0;} #page-header .inline-list li, #page-header .inline-list.regs li{ display: inline-block; } #page-header .inline-list.feat li{ padding: 7px 7px 7px 40px; background: #fff; font-size: 13px; line-height: 1.4; position: relative; margin-right: 3px; } #page-header .inline-list.regs{ padding: 10px 3px 0px; border: 2px solid #ffcc7b; border-radius: 4px; position: relative; margin-top: 5px; width: 100%; text-align: center; } #page-header .inline-list.regs li:not(:last-child){ margin-right: 5px; } #page-header .inline-list.regs .regulates-1.cimer{ top: -10px; position: relative; } #page-header .reg-urad{ width: 30px; height: 30px; } #page-header .inline-list.regs li.gamcare{ background: url('/imgs/regulation/gamcare.svg') no-repeat center center; background-size: 25px 30px; display: inline-block; width: 35px; height: 30px; } #page-header .inline-list.regs li.essa{ background: url('/imgs/regulation/essa.svg') no-repeat center center; background-size: 60px 60px; display: inline-block; width: 70px; height: 30px; background-color: #fff; } #page-header .inline-list.regs li.gambling-commission{ background: url('/imgs/regulation/gamblingcommission.svg') no-repeat center center; background-size: 80px 60px; display: inline-block; width: 80px; height: 30px; background-color: #fff; } #page-header .inline-list.regs li.ecogra{ background: url('/imgs/regulation/ecogra.svg') no-repeat center center; background-size: 70px 60px; display: inline-block; width: 70px; height: 30px; background-color: #fff; } #page-header .inline-list.regs li.segob{ background: url('/imgs/regulation/segob.svg') no-repeat center center; background-size: 75px 60px; display: inline-block; width: 75px; height: 30px; background-color: #fff; } #page-header .inline-list.regs li.jugar-bien{ background: url('/imgs/regulation/jugar-bien.svg') no-repeat center center; background-size: 75px 30px; display: inline-block; width: 75px; height: 30px; background-color: #fff; } #page-header .inline-list.regs:before{ content: 'COMPROBADO'; position: absolute; left: 14px; top: -8px; padding: 1px 10px; background: #FFCC7B; border-radius: 3px; color: #012318; font-weight: bold; font-size: 10px; line-height: 1.3; } .head-notes:before, .head-cal:before, .head-safe:before{ position: absolute; content:''; width: 30px; height: 30px; display: inline-block; top: 10px; left: 5px; } .head-safe:before{ background: url('/imgs/icons/safe.svg') no-repeat center center; } .head-notes:before{ background: url('/imgs/icons/notes.svg') no-repeat center center; } .head-cal:before{ background: url('/imgs/icons/calendar.svg') no-repeat center center; } @media only screen and (max-width: 649px){ #page-header .col-xs-9{ display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { #page-header .inline-list.regs { transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); } } /* Navigation ================== */ @media only screen and (max-width: 767px){ .full-xs{ width: 767px; max-width: 100%; } } #primary-nav.collapsing{ height: auto!important; transition: none!important; } /* TOC ================== */ .navbar-collapse .goto::before { content: 'Contenido'; position: absolute; background: #FFCC7B; color: #012318; font-weight: bold; font-size: 15px; line-height: 1.2; } @media screen and (max-width:767px) { #goto{ position: absolute; width: 100%; background: #012318; left: 0; padding-top: 35px; z-index: 1000; } .goto{ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0 0 1.25rem; margin: 0 auto; list-style: none; width: 90%; } #goto li{ border-bottom: 1px solid rgba(255, 204, 123, 0.5); padding-left: 1.25rem; } #goto li a{ color: #fff !important; font-weight: 600; transition: all 200ms linear; position: relative; padding: 5px 0 !important; display: inline-block; } #goto li a:before{ content: '\f0da'; position: absolute; top: 11px; left: -12px; font: 900 14px 'Font Awesome 5 Free'; color: #FFCC7B; display: inline-block; } .goto-toggle{ background: url('/imgs/icons/goto-toggle.svg') no-repeat; width: 30px; height: 22px; display: inline-block; outline: 0; border: 0; position: relative; right: 0; vertical-align: top; top: -47px; } .goto-toggle[aria-expanded="true"]{ background: transparent; } .goto-close-icon{ width: 24px; height: 17px; background-image: none; position: relative; transition: all 300ms linear; left: -17px; } .goto-close-icon:after, .goto-close-icon:before { width: 24px; height: 2px; position: absolute; top: 0; left: 0; content: ''; z-index: 2; transition: all 300ms linear; display: inline-block; vertical-align: middle; background: no-repeat center center; background-size: 100% 100%; } .goto-toggle[aria-expanded="true"] .goto-close-icon{ opacity: 1; } .goto-toggle[aria-expanded="true"] .goto-close-icon:after, .goto-toggle[aria-expanded="true"] .goto-close-icon:before { background-color: #CE1126; } .goto-toggle[aria-expanded="true"] .goto-close-icon:before { transform: rotate(-45deg); } .goto-toggle[aria-expanded="true"] .goto-close-icon:after { transform: rotate(45deg); } .goto-toggle:focus{ outline: 0; border: 0; } .navbar-collapse .goto::before { left: 0; top: 0; padding: 5px; text-align: center; width: 100%; } .popup-toggle{ background: url('/imgs/icons/gift-closed.svg'); background-repeat: no-repeat; background-size: contain; width: 26px; height: 26px; display: inline-block; outline: 0; border: 0; position: relative; right: 7px; top: -50px; vertical-align: top; animation: buzz 4s linear infinite; -webkit-animation: buzz 4s linear infinite; } .col-12 > .popup-toggle{ right: 8px; } } /* Buzz */ @-webkit-keyframes buzz { 3% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 6% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 9% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 12% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 15% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 16% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 20% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); background: url('/imgs/icons/gift-closed.svg'); background-size: contain; } 35% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); background: url('/imgs/icons/gift-open.svg'); background-size: contain; } 50% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); background: url('/imgs/icons/gift-closed.svg'); background-size: contain; } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes buzz { 3% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 6% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 9% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 12% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 15% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 16% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } 20% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); background: url('/imgs/icons/gift-closed.svg'); background-size: contain; } 35% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); background: url('/imgs/icons/gift-open.svg'); background-size: contain; } 50% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); background: url('/imgs/icons/gift-closed.svg'); background-size: contain; } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @media screen and (min-width:576px) and (max-width: 767px) { #goto{top: 74px;} #page-header .inline-list.regs{width: auto;} } @media screen and (max-width: 575px) { #goto{top: 78px;} } @media screen and (min-width:768px) { .goto-toggle, .popup-toggle { display: none; } .navbar-collapse .goto::before { left: 10px; top: -15px; padding: 3px 8px; background: #FFCC7B; border-radius: 2px; } .navbar-collapse .goto{ box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); -o-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); padding: 10px; margin: 20px auto; padding: 10px 10px 10px 25px; background: #fff; border-radius: 4px; position: relative; background: #343A44; background: linear-gradient(144deg, rgba(53, 53, 53, 0.08) 0%, rgba(53, 53, 53, 0.08) 81%,rgba(141, 141, 141, 0.08) 81%, rgba(141, 141, 141, 0.08) 100%),linear-gradient(199deg, rgba(47, 47, 47, 0.06) 0%, rgba(47, 47, 47, 0.06) 30%,rgba(230, 230, 230, 0.06) 30%, rgba(230, 230, 230, 0.06) 100%),linear-gradient(278deg, rgba(108, 108, 108, 0.01) 0%, rgba(108, 108, 108, 0.01) 81%,rgba(196, 196, 196, 0.01) 81%, rgba(196, 196, 196, 0.01) 100%),linear-gradient(97deg, rgba(207, 207, 207, 0.09) 0%, rgba(207, 207, 207, 0.09) 60%,rgba(137, 137, 137, 0.09) 60%, rgba(137, 137, 137, 0.09) 100%),linear-gradient(300deg, rgba(186, 186, 186, 0.05) 0%, rgba(186, 186, 186, 0.05) 25%,rgba(248, 248, 248, 0.05) 25%, rgba(248, 248, 248, 0.05) 100%),linear-gradient(276deg, rgba(200, 200, 200, 0.02) 0%, rgba(200, 200, 200, 0.02) 1%,rgba(135, 135, 135, 0.02) 1%, rgba(135, 135, 135, 0.02) 100%),linear-gradient(101deg, rgba(8, 8, 8, 0.03) 0%, rgba(8, 8, 8, 0.03) 54%,rgba(181, 181, 181, 0.03) 54%, rgba(181, 181, 181, 0.03) 100%),linear-gradient(18deg, rgba(99, 99, 99, 0.08) 0%, rgba(99, 99, 99, 0.08) 76%,rgba(214, 214, 214, 0.08) 76%, rgba(214, 214, 214, 0.08) 100%),linear-gradient(285deg, rgba(34, 34, 34, 0.05) 0%, rgba(34, 34, 34, 0.05) 82%,rgba(251, 251, 251, 0.05) 82%, rgba(251, 251, 251, 0.05) 100%),linear-gradient(90deg, #0ABC7C, #006847); } .navbar-collapse .goto li a:hover, .navbar-collapse .goto li:hover a{ color: #343A44; text-decoration: none; } .navbar-collapse .goto li{ display: inline-block; margin: 5px 5px 5px 0; border-bottom: none; background: #fff; border-radius: 3px; text-align: center; padding: 0; position: relative; font-size: 15px; box-shadow: 2px 2px 0px 0px #ffcc7b; -webkit-box-shadow: 2px 2px 0px 0px #ffcc7b; -o-box-shadow: 2px 2px 0px 0px #ffcc7b; } .goto a{ color: #343A44; } .navbar-collapse .goto li a:before { content: ""; background: none; border-bottom: 0; width: 0; height: 0; border-style: solid; border-width: 13px 0 13px 15px; border-color: transparent transparent transparent #FFCC7B; left: 0; top: 0; position: absolute; border-radius: 3px 0 0 3px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .navbar-collapse .goto li:hover { transform: translate(2px, 2px); box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; } .navbar-collapse .goto li a:hover:before, .navbar-collapse .goto li:hover a:before{ left: 10px; } .navbar-collapse .goto a { text-align: center; font-weight: 600; display: block; } .goto li a:before{ content:""; background: none; border-bottom: 0; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #437b49; left: 0; top: 0; position: absolute; border-radius: 3px 0 0 3px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .goto.sm li{ width: 32.4%; } } @media screen and (min-width:768px) and (max-width: 1023px) { .goto.lg li{ width: 48.3%; } } @media screen and (min-width:1024px) { .goto.lg li{ width: 32.7%; } } /* sports single icons ================== */ .nav-sports { width: 20px; height: 20px; display: inline-block; } .nav-sports[class*='icon-']{ border-radius: 3px; background-color: #70C7BE; position: relative; top: 5px; } .nav-sports.icon-football { background-image: url('/imgs/icons/football.svg'); background-size: 15px 15px; background-repeat: no-repeat; background-position: center center; } .nav-sports.icon-tennis { background-image: url('/imgs/icons/tennis.svg'); background-size: 15px 15px; background-repeat: no-repeat; background-position: center center; } .nav-sports.icon-baseball { background-image: url('/imgs/icons/baseball.svg'); background-size: 15px 15px; background-repeat: no-repeat; background-position: center center; } .nav-sports.icon-boxing { background-image: url('/imgs/icons/boxing.svg'); background-size: 15px 15px; background-repeat: no-repeat; background-position: center center; } .nav-sports.icon-greyhound { background-image: url('/imgs/icons/greyhound.svg'); background-size: 15px 15px; background-repeat: no-repeat; background-position: center center; } .nav-sports.icon-horse { background-image: url('/imgs/icons/horse.svg'); background-size: 15px 15px; background-repeat: no-repeat; background-position: center center; } /* payments single icons menu ================== */ .nav-payments { width: 20px; height: 20px; display: inline-block; } .nav-payments[class*='icon-']{ border-radius: 3px; background-color: #fff; position: relative; top: 5px; background-size: 15px 15px; background-repeat: no-repeat; background-position: center center; } .nav-payments.icon-bitcoin {background-image: url('/imgs/payments/bitcoin-small.svg');} .nav-payments.icon-paypal {background-image: url('/imgs/payments/paypal-small.svg');} .nav-payments.icon-paysafecard { background-image: url('/imgs/payments/paysafecard-small.svg');} .nav-payments.icon-skrill {background-image: url('/imgs/payments/skrill-small.svg');} .nav-payments.icon-neteller {background-image: url('/imgs/payments/neteller-small.svg');} .nav-payments.icon-bank {background-image: url('/imgs/payments/bank.svg');} .nav-payments.icon-ecopayz {background-image: url('/imgs/payments/ecopayz-small.svg');} .nav-payments.icon-trustly {background-image: url('/imgs/payments/trustly-small.svg');} .nav-payments.icon-payu {background-image: url('/imgs/payments/payu-small.svg');} .nav-payments.icon-toditocash {background-image: url('/imgs/payments/toditocash-small.svg');} /* tooltip ================== */ .tooltip.show { opacity: 1; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #012318; text-align: center; background-color: #FFCC7B; border-radius: .25rem; font-weight: bold; } .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before { margin-left: -3px; content: ""; border-width: 5px 5px 0; border-top-color: #FFCC7B; } .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before { margin-top: -3px; content: ""; border-width: 5px 5px 5px 0; border-right-color: #FFCC7B; } .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before { margin-left: -3px; content: ""; border-width: 0 5px 5px; border-bottom-color: #FFCC7B; } .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before { right: 0; margin-top: -3px; content: ""; border-width: 5px 0 5px 5px; border-left-color: #FFCC7B; } /* links-table ================== */ .heading{ font: 600 1rem 'Arial', sans-serif; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .table.small-main td{ padding: .5rem .25rem; } .links-table .arrows a{ position: relative; transition: all 200ms linear; } .links-table .arrows a:hover{ color: #D34E3D; text-decoration: none; } .links-table .arrows a:after{ position: absolute; bottom: -2px; left: 50%; height: 2px; content: ''; background-color: #D34E3D; opacity: 0; transition: all 200ms linear; transform: translateX(-50%); width: 100%; } .links-table .arrows a:hover:after{ opacity: 1; } .links-table .arrows li { padding: .75rem 1.25rem; font: 600 1rem 'Nunito', sans-serif; } .links-table .arrows li:not(:last-child) { border: 1px solid rgba(0,0,0,.125); border-width: 0 0 1px 0; } .links-table ul.arrows li:before { top: .95rem; left: 0px; } @media screen and (min-width: 576px) and (max-width: 991px){ .links-table .arrows li { display: inline-block; width: 49%; } .links-table .arrows li:nth-child(odd) { margin-right: .5%; } .links-table .arrows li:nth-child(even) { margin-left: .5%; } } /* tables ================== */ .tandc-visit{ font-size: 10px; line-height: 1.2; text-align: right; margin-bottom: 20px; } table{ margin: 20px auto; box-shadow: 3px 3px 4px 0 #d2d5d7; -webkit-box-shadow: 3px 3px 4px 0 #d2d5d7; -o-box-shadow: 3px 3px 4px 0 #d2d5d7; table-layout: auto; border-collapse: collapse; position: relative; } .table td, .table thead th { vertical-align: middle; } .table-striped tbody tr { background-color: rgba(146, 157, 158, 0.2); } .table-striped:not(.not-ver) tbody tr:hover .company-120[class*="bg-"]{ transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transition: all 0.7s ease-in-out; } .table-striped:not(.not-ver) tbody tr:hover .company-120[class*="bg-"] > span{ transform: rotateY(360deg); transition: all 1s ease-in-out; } .table-striped .company-120[class*="bg-"]{ box-shadow: 0px 2px 2px 0px #000; } @-moz-keyframes spinY { 100% { -moz-transform: rotateY(360deg); } } @-webkit-keyframes spinY { 100% { -webkit-transform: rotateY(360deg); } } @keyframes spinY { 100% { -webkit-transform: rotateY(360deg); transform:rotateY(360deg); } } .table-striped tbody tr:hover{ background: #fff; } table tr{ border-style: solid; border-color: #0ABC7C; } table thead tr{ border-color: #012318; box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; } .table th { padding: .25rem; } .table td { padding: 1rem .25rem; } table thead tr{ border-top: 3px solid #012318; } table tbody td{ text-align: center; } table .go-o{ display: block; width: 70%; margin: 0 auto 15px; padding: 5px 0; } .table.bonus td:not(.terms){ padding: 1rem .35rem; } .table.small-main{ background: #fff; } .shine a { position: relative; overflow: hidden; } .shine a::before { content: ''; width: 100%; height: 36px; top: 0px; position: absolute; transition: all 0.5s; background: rgba(255,255,255,0.5); background: linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(170deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(170deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 99%, rgba(125,185,232,0) 100%); background: -o-linear-gradient(170deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 99%, rgba(125,185,232,0) 100%); -webkit-animation: shine 1.5s infinite; -moz-animation: shine 1.5s infinite; animation: shine 1.5s infinite; } @keyframes shine { 0% {transform:translateX(-100%);} 100% {transform:translateX(100%);} } @-moz-keyframes shine { 0% {transform:translateX(-100%);} 100% {transform:translateX(100%);} } @-webkit-keyframes shine { 0% {transform:translateX(-100%);} 100% {transform:translateX(100%);} } table tr:not(:first-child) .go-o, #page-article div.not-v > p > .btn.go-o{ background-color: #FFCC7B; color: #4D2A15; box-shadow: 2px 2px 0px 1px #b59157; -webkit-box-shadow: 2px 2px 0px 1px #b59157; -o-box-shadow: 2px 2px 0px 1px #b59157; } table tr:not(:first-child) .go-o:hover, #page-article div.not-v > p > .btn.go-o:hover, .err .shine .btn:hover{ background: #0ABC7C; color: #fff; box-shadow: 1px 1px 0px 1px #006847; -webkit-box-shadow: 1px 1px 0px 1px #006847; -o-box-shadow: 1px 1px 0px 1px #006847; transform: translate(1px, 1px); transition: none; } table tr:not(:first-child) .go-o:active, #page-article div.not-v > p > .btn.go-o:active, .err .shine .btn:active{ box-shadow: none; transform: translate(2px, 2px); transition: none; } #page-article div.not-v > p > a.btn.go-o:after{ content: none; } table tr:first-child .go-o{ background: #0ABC7C; color: #fff; box-shadow: 2px 2px 0px 1px #006847; -webkit-box-shadow: 2px 2px 0px 1px #006847; -o-box-shadow: 2px 2px 0px 1px #006847; } table tr:first-child .go-o:hover{ background: #FFCC7B; color: #4D2A15; box-shadow: 1px 1px 0px 1px #b59157; -webkit-box-shadow: 1px 1px 0px 1px #b59157; -o-box-shadow: 1px 1px 0px 1px #b59157; transform: translate(1px, 1px); transition: none; } table tr:first-child .go-o:active{ box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; transform: translate(2px, 2px); transition: none; } table.not-ver .go-o.grayed{ background: #929D9E; color: #fff; box-shadow: 2px 2px 0px 1px #5f6667; -webkit-box-shadow: 2px 2px 0px 1px #5f6667; -o-box-shadow: 2px 2px 0px 1px #5f6667; } table.not-ver .go-o.grayed:hover{ background: #7F8688; color: #fff; box-shadow: 1px 1px 0px 1px #5f6667; -webkit-box-shadow: 1px 1px 0px 1px #5f6667; -o-box-shadow: 1px 1px 0px 1px #5f6667; transform: translate(1px, 1px); transition: none; } table.not-ver .go-o.grayed:active{ box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; transform: translate(2px, 2px); transition: none; } table tbody tr:first-child .tab-num, table tbody tr:hover .tab-num{ background: #012318; } table thead { background: #012318; } table .terms p{ padding: 5px 10px; font-size: 10px; margin: 0; text-align: center; } table td.terms { padding: 0; } th{ color: #fff; text-align: center; } .tab-num { display: inline-block; width: 30px; line-height: 30px; background: #d2d5d7; border-radius: 50%; color: #fff; font-weight: bold; text-align: center; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; ; } .table .bon-on{ color: #CE1126; font-weight: 900; font-size: 22px; line-height: .5; font-family: sans-serif; } .table .bon-off{ width: 40px; height: 40px; } .table .bonus-code { font-size: 12px; position: relative; line-height: 1; } .table .bonus-code > div { font: bold 14px 'Nunito', sans-serif; } .table .go-i{ display: block; font: 400 14px 'Nunito Sans', sans-serif; margin-top: 12px; text-align: center; color: #012318; } .table span.go-i{color: #CE1126;} .table .go-i:after{ width: 40%; } .table .payout{ font: 400 italic 16px 'Noto Sans', sans-serif; } .table .payout:before{ content: ''; display: inline-block; vertical-align: middle; margin-right: 8px; width: 30px; height: 40px; background: url('/imgs/icons/wallet.svg') no-repeat; } .table .min-deposit { font-weight: bold; font-size: 18px; } .table i.fa-check{color: #4E8A62;} .table i.fa-times{color: #CE1126;} .tab-profile td{width: 25%; padding: 5px;} .tab-profile th{font: 900 15px 'Nunito', sans-serif; padding: 8px;} .tab-profile .td-heading{color: #7F8688; font: 900 14px 'Nunito', sans-serif; padding-bottom: 5px;} .tab-profile {font: 400 12px 'Noto Sans', sans-serif;} .table.bonus .arrows{ display: table; margin: 0 auto; width: 90%; } .table.sport .rec-rating{ transform: scale(.7); -webkit-transform: scale(.7); -moz-transform: scale(.7); -o-transform: scale(.7); } .table.sport .rating, .table.sport .rating span{ -webkit-filter: drop-shadow(.05rem .09rem .05rem #a0a0a0); filter: drop-shadow(.05rem .09rem .05rem #a0a0a0); } .table.sport td { padding: .5rem; line-height: 1.6; } .table.sport ul.arrows li:before { top: 6px; } .table.sport .leagues{ background-size: 35px 35px; background-position: center center; } .table.sport .icon{ width: 35px; height: 35px; } .table.sport .icon i{ position: relative; vertical-align: middle; font-size: 20px; top: .65rem; color: #012318; } .table.sport ul.arrows li:before{ left: 0; } .table.sport .go-o {width: 12rem;} /*====sport table version two====*/ .table.sport.ver-two td > span.yes, .table.sport.ver-two td > span.no{ vertical-align: -webkit-baseline-middle; } .table.sport.ver-two td > span.yes::before{ content: '\f00c'; color: #28a745; filter: drop-shadow(1px 1px 0px #145021); -webkit-filter: drop-shadow(1px 1px 0px #145021); font: 900 30px 'Font Awesome 5 Free'; } .table.sport.ver-two td > span.no::before{ content: '\f00d'; color: #CE1126; filter: drop-shadow(1px 1px 0px #630812); -webkit-filter: drop-shadow(1px 1px 0px #630812); font: 900 30px 'Font Awesome 5 Free'; } .table.sport.ver-two td > span.no{ background: none; } @media screen and (max-width: 575px){ .table.sport.ver-two td > span.yes::before, .table.sport.ver-two td > span.no::before{ font: 900 22px 'Font Awesome 5 Free'; } .table.sport.ver-two.caballos td > span.yes::before, .table.sport.ver-two.caballos td > span.no::before{ font: 900 25px 'Font Awesome 5 Free'; } } /*========*/ @media only screen and (max-width:575px){ .table{box-shadow: none; border-bottom: none; } .table tbody tr{display: block; max-width: 95%; margin: 0 auto; border: none; border: 3px solid #0ABC7C;} .table tbody tr:not(:last-child){margin-bottom: 1.5rem;} .table tbody td:last-child{width: 100%; /*border-bottom: 3px solid #012318;*/ border-top: 3px solid #0ABC7C;} .table tbody td:nth-child(2){border-top: 3px solid #012318;} .table tbody td { border-right: none;} .table td:nth-child(2){background: #012318;} .table:not(.ver-two) td:nth-child(3){border-bottom: 3px solid #0ABC7C;} .table.main td:nth-child(4), table.main td:nth-child(5){width: 49%;} .table .company-120[class*="bg-"] {border: 1px solid #ffffff;} .table .rec-rating{margin: 10px auto -10px;} .table .sports-icons{margin: 10px auto;} .table.sport tbody tr{ border-top: 3px solid #012318; } .table.sport .rec-rating{margin: 0 auto;} .table.sport td:nth-child(4){width: 100%;} .table.bonus .arrows {margin-top: 0.5rem;} .table.bonus .go-o {width: 60%}; } @media only screen and (min-width:576px){ .table .sports-icons{ max-width: 140px; margin: 0 auto; } .table .sports-icons li{width: 20%;} table tbody tr:nth-of-type(1) > td{ border-top: 3px solid #0ABC7C; } } @media only screen and (min-width:576px) and (max-width: 767px){ .table [class*="mobile-"]{ display: inline-block; width: 25px; height: 20px; } .table .go-o{ width: 11rem; } } @media only screen and (min-width: 600px) and (max-width: 767px){ .table.main tbody td:last-child{ width: 38%; } } @media only screen and (min-width:576px) and (max-width: 599px){ .table.main tbody tr td:last-child{ width: 35%; } .table .go-o { width: 10.5rem!important; } } @media only screen and (min-width:768px) and (max-width: 991px){ .table.main tbody tr td:last-child{ width: 30%; } } @media only screen and (min-width: 1200px){ .table.main tbody tr td:last-child{ width: 25%; } } @media only screen and (min-width:576px) and (max-width: 991px){ .table.bonus .arrows{width: 75%;} .table.bonus td:last-child{ width: 13rem; } } @media only screen and (max-width: 991px){ .table .d-lg-none .rec-rating { -webkit-filter: drop-shadow(1px 1px 1px #fff); filter: drop-shadow(1px 1px 1px #fff); transform: scale(0.7);} } @media only screen and (max-width: 1199px){ .table .d-xl-none .rec-rating { -webkit-filter: drop-shadow(1px 1px 1px #fff); filter: drop-shadow(1px 1px 1px #fff); transform: scale(0.7); } .table:not(.bonus) .go-o{ width: 12rem; } } @media only screen and (min-width: 768px){ .table.sport:not(.ver-two) td { padding: 0 .25rem; } .table.sport .leagues-icons {max-width: 200px;} } @media only screen and (max-width: 1199px) and (min-width: 768px){ .table.bonus .go-o { width: 11rem; } } @media only screen and (min-width: 992px){ .table.bonus td:last-child{ width: 16rem; } .table.sport{ width: 90%; } .tandc-visit.sport{ width: 95%; } .table.sport ul.arrows { width: 300px; } } /* =======Not verified box======= */ .not-v p:nth-of-type(1){ font-style: italic; } .not-v p:nth-of-type(2){ text-transform: uppercase; } @media screen and (max-width: 374px){ .not-v p:nth-of-type(2){ font-size: .85rem; } } /* =======Not verified box======= */ /* review element ==============*/ .top-rev-v{ box-shadow: 0 0 4px #d2d5d7; -webkit-box-shadow: 0 0 4px #d2d5d7; -o-box-shadow: 0 0 4px #d2d5d7; margin: 20px auto 10px; border-radius: 4px; padding: 10px 0; background: #fff; border: 1px solid #dee2e6; } .top-rev-v .slider img{ transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; opacity: .8; } .top-rev-v .slider a{ position: relative; background: black; border-radius: 5px; display: block; width: 100%; height: 100%; background: black; border-radius: 5px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; } .top-rev-v .slider a:hover{ background: transparent; } .top-rev-v .slider a:after{ transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; opacity: 1; position: absolute; content: '\f00e'; font: bold 2.5rem 'Font Awesome 5 Free'; color: #fff; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); } .top-rev-v .slider a:hover:after{ opacity: 0; } .top-rev-v .slider a:hover img{ opacity: 1; } .top-rev-v .cta, .top-rev-v .features{ background: #efeded; border-radius: 4px; } .top-rev-v .brand{ text-align: center; } .top-rev-v .rating { margin: 5px auto; transform: scale(0.9); } .top-rev-v .cta-b{ width: 13rem; margin: 0 auto; } .top-rev-v .cta-b.not-v{ width: 19rem; font-size: 14px; } .top-rev-v .cta-b + .tandc-visit { margin: 5px auto 3px; text-align: center; } @-moz-keyframes pulse { 0% { -moz-transform: none; } 20% { -moz-transform: none; } 30% { -moz-transform: none; } 40% { -moz-transform: none; } 50% { -moz-transform: none; } 60% { -moz-transform: none; } 70% { -moz-transform: none; } 78% { -moz-transform: scale(1.2); } 86% { -moz-transform: scale(1.0); } 92% { -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1.0); } } @-webkit-keyframes pulse { 0% { -webkit-transform: none; } 20% { -webkit-transform: none; } 30% { -webkit-transform: none; } 40% { -webkit-transform: none; } 50% { -webkit-transform: none; } 60% { -webkit-transform: none; } 70% { -webkit-transform: none; } 78% { -webkit-transform: scale(1.2); } 86% { -webkit-transform: scale(1.0); } 92% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1.0); } } @keyframes pulse { 0% { transform: none; } 20% { transform: none; } 30% { transform: none; } 40% { transform: none; } 50% { transform: none; } 60% { transform: none; } 70% { transform: none; } 78% { transform: scale(1.2); } 86% { transform: scale(1.0); } 92% { transform: scale(1.2); } 100% { transform: scale(1.0); } } @media only screen and (max-width: 400px){ .top-rev-v .cta-b.not-v{ width: 16rem; font-size: 12px; } } @media only screen and (max-width: 360px){ .top-rev-v .cta-b.not-v{ width: 14.2rem; font-size: 11px; } } .top-rev-v .cta-b a{ background: #FFCC7B; color: #4D2A15; padding: 5px 0; display: block; text-align: center; transition: none; -webkit-transition: none; animation: pulse 1.8s linear; -webkit-animation: pulse 1.8s; -moz-animation: pulse 1.8s; } .top-rev-v .cta-b span{ position: relative; left: 8px; } .top-rev-v .cta-b:hover a{ background: #0abc7c; color: #ffffff; transform: translate(1px, 1px); box-shadow: 1px 1px 0px 1px #006847; -webkit-box-shadow: 1px 1px 0px 1px #006847; -o-box-shadow: 1px 1px 0px 1px #006847; } .top-rev-v .cta-b a:active{ box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; transform: translate(2px, 2px); transition: none; } .cta-b.shine a::before{ height: 38px; } .top-rev-v .bon-on{ text-align: center; margin: 5px auto; font-style: italic; font-weight: bold; vertical-align: middle; } .top-rev-v .not-ver{ text-align: center; margin: 5px auto; } .top-rev-v .not-ver span{ position: relative; font-style: italic; font-weight: bold; vertical-align: middle; font-size: 18px; color: #CE1126; } .top-rev-v .bon-on span:nth-child(2){ position: relative; } .top-rev-v .bon-on span:nth-child(2):after, .top-rev-v .not-ver span:after{ content:''; position: absolute; right: -20px; background: url('/imgs/icons/curved-arrow.svg') no-repeat; width: 30px; height: 30px; z-index: 1; display: inline-block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .top-rev-v .bon-on span:nth-child(2):after{ top: 15px; } .top-rev-v .not-ver span:after{ top: 10px; } .top-rev-v .bon-on span:nth-child(2){ color: #CE1126; font: bold italic 26px 'Nunito', sans-serif; vertical-align: middle; white-space: nowrap; } .top-rev-v .features ul{ padding: 0; margin: 0.5rem auto; } .top-rev-v .features ul li{ font: italic 16px 'Noto Sans', sans-serif; margin-bottom: 0.5rem; } .top-rev-v .regs ul{ text-align: center; } .top-rev-v .regs [class*='reg-']{ width: 100px; /*70px;*/ height: 25px; } .top-rev-v .reg-urad{ transform: scale(1.5); position: relative; left: 15px; } .top-rev-v .regs .title{ color: #012318; text-align: center; font: bold 15px 'Nunito', sans-serif; margin: 1.4rem auto 0.7rem auto; } .top-rev-v .banking ul{ margin: 2rem auto 1.3rem; } .top-rev-v .banking li:first-child{ color: #012318; text-align: center; font: bold 15px 'Nunito', sans-serif; } .top-rev-v .banking li:not(:first-child){ background: linear-gradient(45deg, #d2d2d2, white, #d2d2d2); padding: 2px; border-radius: 3px; box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.27); -webkit-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.27); -o-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.27); } .top-rev-v .banking li:not(:first-child):hover{ box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.27); -webkit-box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.27); -o-box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.27); transform: translate(1px, 1px); transition: none; } .top-rev-v .banking [class*="pay-"]{ width: 50px; height: 20px; text-indent: 0; vertical-align: middle; } .rev-rat-block{ padding: 10px; background: rgba(237, 237, 237, 0.6); border-radius: 4px; box-shadow: 0 0 4px #d2d5d7; -webkit-box-shadow: 0 0 4px #d2d5d7; -o-box-shadow: 0 0 4px #d2d5d7; text-align: center; margin-bottom: 20px; border: 1px solid #dee2e6; } .rev-rat-block .title-num{ margin-bottom: 3px; border-bottom: 1px solid #d2d5d7; } .rev-rat-block span.name { text-align: left; font-style: italic; color: #012318; } .rev-rat-block span.value { text-align: right; color: #929D9E; } .rev-rat-block span { margin-bottom: 6px; font-weight: bold; line-height: 1.2; height: 25px; } .rev-rat-block .rating { transform: scale(0.85); } @media screen and (max-width: 575px){ .top-rev-v .banking li:nth-child(1){ display: block; margin-bottom: 1rem; } .top-rev-v .banking li:not(:first-child){ width: 46%; text-align: center; margin-bottom: 0.25rem; } .rev-rat-block .col-sm-6:not(:last-child){ margin-bottom: 1rem; } .rev-rat-block span.name { font-size: 15px; } .list-inline:not(.icons) > .list-inline-item:nth-of-type(1) { margin-right: 0; } } @media screen and (min-width: 576px) and (max-width: 767px){ .top-rev-v .cta-b { width: 65%; margin: 0 auto; } .rev-rat-block .col-sm-6:nth-child(-n+4){ margin-bottom: 1rem; } } @media screen and (max-width: 767px){ .top-rev-v .cta{ padding-bottom: 1rem; } } @media screen and (max-width: 991px){ .top-rev-v .banking ul { margin: 2rem auto; } } @media screen and (min-width: 768px) and (max-width: 991px){ .top-rev-v .slider .col-md-4:nth-child(1){ padding-left: 10px; } .top-rev-v .slider .col-md-4:nth-child(2) { padding: 0 5px; } .top-rev-v .slider .col-md-4:nth-child(3) { padding-right:10px; } .rev-rat-block .col-md-4:nth-child(-n+3){ margin-bottom: 1rem; } } @media screen and (min-width: 992px) and (max-width: 1199px){ .top-rev-v .banking { width: 1200px; max-width: 100%; left: 50%; transform: translate(-40%, 15%); } } @media screen and (min-width: 1200px){ .rev-rat-block { margin-bottom: 10px; } .top-rev-v .banking ul{ margin: 1.7rem auto 1.2rem; } } /*==============*/ #imgGallery .modal-dialog, #embedMedia .modal-dialog { width: 1024px; max-width: 90%; } #imgGallery .modal-content, #embedMedia .modal-content { background-color: transparent; background-clip: unset; border: none; position: absolute; top: 2rem; } #imgGallery .modal-body, #embedMedia .modal-body { padding: 0; } #imgGallery .modal-header .close, #embedMedia .modal-header .close { margin: 1rem auto 0; } #imgGallery .close, #embedMedia .close { float: none; font-size: 2rem; font-weight: 900; line-height: 1; color: #FFCC7B; text-shadow: none; opacity: 1; outline: 0; } #imgGallery .carousel-indicators { bottom: -45px; } #imgGallery .carousel-indicators li{ background-color: #FFCC7B; } #imgGallery [class*='carousel-control']{ bottom: -35px; width: 30px; height: 30px; top: auto; } .modal-header{ border-bottom: none; } @media (max-width: 575px){ #imgGallery .modal-dialog, #embedMedia .modal-dialog { left: 50%; transform: translateX(-54%); } } @media (max-width: 850px){ #imgGallery .modal-dialog, #embedMedia .modal-dialog { max-width: 80%; } } /* =============*/ /* single slider */ #simpleSlider .carousel-indicators { bottom: -40px; } #simpleSlider .carousel-indicators li{ background-color: #FFCC7B; } /* =============*/ /* single modal */ figure.overlay{ background: #000; position: relative; } figure.overlay:after{ transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; opacity: 1; position: absolute; content: '\f144'; font: bold 3.5rem 'Font Awesome 5 Free'; color: #fff; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); } figure.overlay picture{ opacity: .7; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } figure.overlay:hover{ cursor: pointer; } figure.overlay:hover picture{ opacity: 1; } figure.overlay:hover:after{ opacity: 0; } /* =============*/ /* team boxes */ .team-box{ position: relative; transition: all .2s ease-out 0s; text-align: center; } .team-box .box-content { top: 45%; opacity: 0; z-index: 1; -webkit-transform: translate(10%, -30%); transform: translate(10%, -30%); transition: all .2s ease-out 0s; } .team-box:after { content: ""; display: block; background: #000; top: 20px; bottom: 20px; opacity: 0; transform: rotate3d(-1, 1, 0, 100deg); transition: all .4s ease-in-out 0s; } .team-box .box-content, .team-box:after { position: absolute; left: 20px; right: 20px; } .team-box .title { display: block; font-size: 17px; color: #fff; margin: 0 0 8px; text-transform: uppercase; font-weight: 600; } .team-box .post { display: block; font-size: 13px; color: #fff; margin-bottom: 20px; text-transform: capitalize; letter-spacing: 1px; background: rgba(158, 158, 158, 0.8); } .team-box:hover:after { opacity: .7; transform: rotate3d(0, 0, 0, 0deg); } .team-box:hover .box-content { opacity: 1; transform: translate(0, -50%); transition-delay: .2s; } .team-box .go-o { padding: 5px 10px; color: #012318; } .team-box .go-o:hover { background: #0ABC7C; color: #012318; box-shadow: 1px 1px 0px 1px #006847; -webkit-box-shadow: 1px 1px 0px 1px #006847; -o-box-shadow: 1px 1px 0px 1px #006847; transform: translate(1px, 1px); transition: none; } .team-box .go-o:active { background: #0ABC7C; color: #012318; box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; transform: translate(2px, 2px); } .team-box > picture > .img-thumbnail{ padding: 0; border: none; background-color: none; outline: 4px solid #006847; outline-offset: -10px; filter: drop-shadow(2px 2px 2px black); -webkit-filter: drop-shadow(2px 2px 2px black); } /* =============*/ /* rating stars */ .rating, .rating > span { display: block; background: url('/imgs/icons/stars.svg') no-repeat; } .rating { margin: 0 auto; background-position: 0 0; width: 125px; } .rating > span { width: 0; background-position: 0 -30px; text-indent: -9999px; } .rec-rating{ padding: 0 !important; border: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; -o-box-shadow: none !important; } /* mobile version */ [class*="mobile-"]{ display: block; text-indent: -9999px; text-align: left; background-repeat: no-repeat!important; background-size: contain!important; background-position: center center!important; width: 40px; height: 40px; margin: 0 auto; } .mobile-yes{background: url('/imgs/icons/devices-yes.svg');} .mobile-no{background: url('/imgs/icons/devices-no.svg'); } /* brands ================== */ /* SVG Brands */ .bg-bwin, .bg-caliente, .bg-betway, .bg-888sport, .bg-jetbull, .bg-goldenpark, .bg-planetwin365, .bg-suertia, .bg-titanbet, .bg-royal-panda{background: #000; } .bg-starvegas, .bg-paf, .bg-10bet, .bg-betmotion, .bg-spin-sports, .bg-bet-at-home, .bg-inkabet, .bg-bet9, .bg-wanabet{background: #fff; } .bg-bet365{ background: #027b5b; } .bg-1xbet{background: #195685; } .bg-unibet{ background: #147b45; } .bg-sportingbet{background: #21a9ef; } .bg-tipsport{background: #1e88e5; } .bg-ifortuna{background: #ffd906;} .bg-nike{background: #53575c; } .bg-doxxbet{background: #323840; } .bg-synottip{background: #d6112c; } .bg-22bet{background: #052e32; } .bg-melbet{background: #363c3f; } .bg-playcity{background: #101537; } .bg-codere{background: #79c000; } .bg-coral{background: #084d8d; } .bg-betcris{background: #005c97; } .bg-betfair{background: #F8B80E; } .bg-betsson{background: #F86300; } .bg-pinnacle{background: #0A1728; } .bg-paddypower{background: #004732; } .bg-easybet{background: #0D3034; } .bg-bet90{background: #2f313a; } .bg-188bet{background:#363636; } .bg-marathonbet{background:#013D79; } .bg-comeon{background:#373942; } .bg-apuesta24{background:#00152C; } .bg-mbet{background:#222133; } .bg-betfred{background:#00498f; } .bg-betsafe{background: #141414; } .bg-boylesports{background: #041b5c; } .bg-betcol{background: #353535; } .bg-colbet{background: #141E34; } .bg-netbet {background: #333743;} .bg-betclic {background: #d2161e;} .bg-luckia {background: #E7501E;} .bg-apuestahoy {background: #002b50;} .bg-betonline-ag {background: #2d2e2c;} .bg-betmaster {background: #404765;} .bg-rivalo {background: #003366;} .bg-bodog {background: #1F1F1F;} [class*="logo-"]{ display: block; text-indent: -9999px; text-align: left; background-repeat: no-repeat!important; background-size: contain!important; background-position: center center!important; width: 100%; height: 100%; } .logo-bet365{background: url('/imgs/brands/bet365.svg');} .logo-1xbet{background: url('/imgs/brands/1xbet.svg'); } .logo-unibet{background: url('/imgs/brands/unibet.svg'); } .logo-sportingbet{background: url('/imgs/brands/sportingbet.svg'); } .logo-bwin{background: url('/imgs/brands/bwin.svg'); } .logo-tipsport{background: url('/imgs/brands/tipsport.svg'); } .logo-ifortuna{background: url('/imgs/brands/fortuna.svg'); } .logo-nike{background: url('/imgs/brands/nike.svg'); } .logo-doxxbet{background: url('/imgs/brands/doxxbet.svg'); } .logo-22bet{background: url('/imgs/brands/22bet.svg'); } .logo-melbet{background: url('/imgs/brands/melbet.svg'); } .logo-playcity{background: url('/imgs/brands/playcity.svg'); } .logo-codere{background: url('/imgs/brands/codere.svg'); } .logo-starvegas{background: url('/imgs/brands/starvegas.svg'); } .logo-coral{background: url('/imgs/brands/coral.svg'); } .logo-betcris{background: url('/imgs/brands/betcris.svg'); } .logo-betfair{background: url('/imgs/brands/betfair.svg'); } .logo-paf{background: url('/imgs/brands/paf.svg'); } .logo-caliente{background: url('/imgs/brands/caliente.svg'); } .logo-10bet{background: url('/imgs/brands/10bet.svg'); } .logo-betsafe{background: url('/imgs/brands/betsafe.svg'); } .logo-betsson{background: url('/imgs/brands/betsson.svg'); } .logo-betway{background: url('/imgs/brands/betway.svg'); } .logo-betmotion{background: url('/imgs/brands/betmotion.svg'); } .logo-marathonbet{background: url('/imgs/brands/marathonbet.svg'); } .logo-pinnacle{background: url('/imgs/brands/pinnacle.svg'); } .logo-paddypower{background: url('/imgs/brands/paddypower.svg'); } .logo-easybet{background: url('/imgs/brands/easybet.svg'); } .logo-888sport{background: url('/imgs/brands/888sport.svg'); } .logo-jetbull{background: url('/imgs/brands/jetbull.svg'); } .logo-bet90{background: url('/imgs/brands/bet90.svg'); } .logo-spin-sports{background: url('/imgs/brands/spin-sports.svg'); } .logo-188bet{background: url('/imgs/brands/188bet.svg'); } .logo-comeon{background: url('/imgs/brands/comeon.svg'); } .logo-apuesta24{background: url('/imgs/brands/apuesta24.svg'); } .logo-goldenpark{background: url('/imgs/brands/goldenpark.svg'); } .logo-bet-at-home{background: url('/imgs/brands/bet-at-home.svg'); } .logo-inkabet{background: url('/imgs/brands/inkabet.svg'); } .logo-bet9{background: url('/imgs/brands/bet9.svg'); } .logo-mbet{background: url('/imgs/brands/mbet-io.svg'); } .logo-betfred{background: url('/imgs/brands/betfred.svg'); } .logo-planetwin365{background: url('/imgs/brands/planetwin365.svg'); } .logo-suertia{background: url('/imgs/brands/suertia.svg'); } .logo-boylesports{background: url('/imgs/brands/boylesports.svg'); } .logo-titanbet{background: url('/imgs/brands/titanbet.svg'); } .logo-betcol{background: url('/imgs/brands/betcol.svg'); } .logo-colbet{background: url('/imgs/brands/colbet.svg'); } .logo-wanabet{background: url('/imgs/brands/wanabet.svg'); } .logo-netbet{background: url('/imgs/brands/netbet.svg'); } .logo-royal-panda{background: url('/imgs/brands/royal-panda.svg'); } .logo-betclic{background: url('/imgs/brands/betclic.svg'); } .logo-luckia{background: url('/imgs/brands/luckia.svg'); } .logo-apuestahoy{background: url('/imgs/brands/apuestahoy.svg'); } .logo-betonline-ag{background: url('/imgs/brands/betonline-ag.svg'); } .logo-betmaster{background: url('/imgs/brands/betmaster.svg'); } .logo-rivalo{background: url('/imgs/brands/rivalo.svg'); } .logo-bodog{background: url('/imgs/brands/bodog.svg'); } [class*="company-"][class*="bg-"]{ margin: 0 auto; padding: 5px; border-radius: 4px; } .company-100[class*="bg-"]{ width: 100px; height: 40px; } .company-120[class*="bg-"]{ width: 120px; height: 50px; } .company-140[class*="bg-"]{ width: 140px; height: 70px; } /* Payment icons ================== */ [class*="pay-"]{ display: inline-block; text-indent: -9999px; text-align: left; background-repeat: no-repeat!important; background-size: contain!important; background-position: center center!important; width: 100%; height: 100%; } .pay-apple-pay{background: url('/imgs/payments/apple-pay.svg');} .pay-bank-transfer{background: url('/imgs/payments/bank-transfer.svg');} .pay-bitcoin{background: url('/imgs/payments/bitcoin.svg');} .pay-credit-card{background: url('/imgs/payments/credit-card.svg');} .pay-google-pay{background: url('/imgs/payments/google-pay.svg');} .pay-mastercard{background: url('/imgs/payments/mastercard.svg');} .pay-neteller{background: url('/imgs/payments/neteller.svg');} .pay-paypal{background: url('/imgs/payments/paypal.svg');} .pay-paysafecard{background: url('/imgs/payments/paysafecard.svg');} .pay-revolut{background: url('/imgs/payments/revolut.svg');} .pay-skrill{background: url('/imgs/payments/skrill.svg');} .pay-sporopay{background: url('/imgs/payments/sporopay.svg');} .pay-visa{background: url('/imgs/payments/visa.svg');} .pay-ethereum{background: url('/imgs/payments/ethereum.svg');} .pay-oxxo{background: url('/imgs/payments/oxxo.svg');} .pay-teleingreso{background: url('/imgs/payments/teleingreso.svg');} .pay-trustly{background: url('/imgs/payments/trustly.svg');} .pay-safetypay{background: url('/imgs/payments/safetypay.svg');} .pay-astropay{background: url('/imgs/payments/astropay.svg');} .pay-ecopayz{background: url('/imgs/payments/ecopayz.svg');} .pay-todito-cash{background: url('/imgs/payments/todito-cash.svg');} .pay-interac{background: url('/imgs/payments/interac.svg');} .pay-litecoin {background-image: url('/imgs/payments/litecoin.svg');} .pay-dash {background-image: url('/imgs/payments/dash.svg');} .pay-qtum {background-image: url('/imgs/payments/qtum.svg');} .pay-zcash {background-image: url('/imgs/payments/zcash.svg');} .pay-payu {background-image: url('/imgs/payments/payu.svg');} .pay-mercado-pago {background-image: url('/imgs/payments/mercado-pago.svg');} .pay-efecty {background-image: url('/imgs/payments/efecty.svg');} .pay-muchbetter {background-image: url('/imgs/payments/muchbetter.svg');} .pay-paycash {background-image: url('/imgs/payments/paycash.svg');} .pay-perfect-money {background-image: url('/imgs/payments/perfect-money.svg');} /* Regulators icons ================== */ [class*="reg-"]{ display: inline-block; text-align: left; background-repeat: no-repeat!important; background-size: contain!important; background-position: center center!important; width: 100%; height: 100%; } .reg-egba{background: url('/imgs/regulation/egba.svg');} .reg-essa{background: url('/imgs/regulation/essa.svg');} .reg-urad{background: url('/imgs/regulation/sk-urad.svg');} .reg-mga{background: url('/imgs/regulation/mga.svg');} .reg-mga-small{background: url('/imgs/regulation/mga-small.svg');} .reg-ukgc{background: url('/imgs/regulation/gamblingcommission.svg');} .reg-ibas{background: url('/imgs/regulation/ibas.svg');} .reg-segob{background: url('/imgs/regulation/segob.svg');} .reg-juego-seguro{background: url('/imgs/regulation/juego-seguro.svg');} .reg-gbga{background: url('/imgs/regulation/gbga.svg');} .reg-curacao-egaming{background: url('/imgs/regulation/curacao-egaming.svg');} .reg-government-of-gibraltar{background: url('/imgs/regulation/government-of-gibraltar.svg');} .reg-isle-of-man{background: url('/imgs/regulation/isle-of-man.svg');} .reg-ukas{background: url('/imgs/regulation/ukas.svg');} .reg-coljuegos{background: url('/imgs/regulation/coljuegos.svg');} /* sports sprites ================== */ .sports {background: url('/imgs/icons/sports.svg') no-repeat; width: 30px; height: 30px; display: inline-block; text-indent: -9999px; margin-right: 5px;} .sports.baseball { background-position: 0 0; } .sports.basketball { background-position: 0 -50px; } .sports.boxing { background-position: 0 -100px; } .sports.esports { background-position: 0 -150px; } .sports.football { background-position: 0 -200px; } .sports.golf { background-position: 0 -250px; } .sports.hockey { background-position: 0 -300px; } .sports.racing { background-position: 0 -350px; } .sports.rugby { background-position: 0 -400px; } .sports.snooker { background-position: 0 -450px; } .sports.tennis { background-position: 0 -500px; } .sports.volleyball { background-position: 0 -550px; } /* sports leagues ================== */ .leagues, .team-box .sports { width: 50px; height: 50px; display: inline-block; text-indent: -9999px; } .leagues.atp { background: url('/imgs/championships/atp.svg') no-repeat; background-size: 50px 50px; } .leagues.champions-league { background: url('/imgs/championships/champions-league.svg') no-repeat; background-size: 50px 50px; } .leagues.premier-league { background: url('/imgs/championships/premier-league.svg') no-repeat; background-size: 50px 50px; } .leagues.la-liga { background: url('/imgs/championships/la-liga.svg') no-repeat; background-size: 50px 50px; } .leagues.ligue-1 { background: url('/imgs/championships/ligue-1.svg') no-repeat; background-size: 50px 50px; } .leagues.serie-a { background: url('/imgs/championships/serie-a.svg') no-repeat; background-size: 50px 50px; } .leagues.serie-b { background: url('/imgs/championships/serie-b.svg') no-repeat; background-size: 50px 50px; } .leagues.copa-del-rey { background: url('/imgs/championships/copa-del-rey.svg') no-repeat; background-size: 50px 50px; } .leagues.fortuna-liga { background: url('/imgs/championships/fortuna-liga.svg') no-repeat; background-size: 50px 50px; } .leagues.euro-2020 { background: url('/imgs/championships/euro2020.svg') no-repeat; background-size: 50px 50px; } .leagues.bundesliga { background: url('/imgs/championships/bundesliga.svg') no-repeat; background-size: 50px 50px; } .leagues.fa-cup { background: url('/imgs/championships/fa-cup.svg') no-repeat; background-size: 50px 50px; } .leagues.motogp { background: url('/imgs/championships/motogp.svg') no-repeat; background-size: 50px 50px; } .leagues.formula1 { background: url('/imgs/championships/formula1.svg') no-repeat; background-size: 50px 50px; } .leagues.nba { background: url('/imgs/championships/nba.svg') no-repeat; background-size: 50px 50px; } .leagues.wta { background: url('/imgs/championships/wta.svg') no-repeat; background-size: 50px 50px; } .leagues.abierto-de-estados-unidos { background: url('/imgs/championships/abierto-de-estados-unidos.svg') no-repeat; background-size: 50px 50px; } .leagues.liga-mx { background: url('/imgs/championships/liga-mx.svg') no-repeat; background-size: 50px 50px; } .leagues.ascenso-mx { background: url('/imgs/championships/ascenso-mx.svg') no-repeat; background-size: 50px 50px; } .leagues.uefa-nations-league { background: url('/imgs/championships/uefa-nations-league.svg') no-repeat; background-size: 50px 50px; } .leagues.nfl { background: url('/imgs/championships/nfl.svg') no-repeat; background-size: 50px 50px; } .leagues.abierto-de-australia { background: url('/imgs/championships/abierto-de-australia.svg') no-repeat; background-size: 50px 50px; } .leagues.mlb { background: url('/imgs/championships/mlb.svg') no-repeat; background-size: 50px 50px; } .leagues.npb { background: url('/imgs/championships/npb.svg') no-repeat; background-size: 50px 50px; } .leagues.liga-mexicana-de-beisbol { background: url('/imgs/championships/liga-mexicana-de-beisbol.svg') no-repeat; background-size: 50px 50px; } .leagues.liga-mexicana-del-pacifico { background: url('/imgs/championships/liga-mexicana-del-pacifico.svg') no-repeat; background-size: 50px 50px; } .leagues.asociacion-mundial-de-boxeo{ background: url('/imgs/championships/asociacion-mundial-de-boxeo.svg') no-repeat; background-size: 50px 50px; } .leagues.consejo-mundial-de-boxeo{ background: url('/imgs/championships/consejo-mundial-de-boxeo.svg') no-repeat; background-size: 50px 50px; } .leagues.federacion-internacional-de-boxeo{ background: url('/imgs/championships/federacion-internacional-de-boxeo.svg') no-repeat; background-size: 50px 50px; } .leagues.organizacion-mundial-de-boxeo{ background: url('/imgs/championships/organizacion-mundial-de-boxeo.svg') no-repeat; background-size: 50px 50px; } .leagues.canelo{ background: url('/imgs/championships/canelo.svg') no-repeat; background-size: 50px 50px; } .leagues.ufc{ background: url('/imgs/championships/ufc.svg') no-repeat; background-size: 50px 50px; } .leagues.itf{ background: url('/imgs/championships/itf.svg') no-repeat; background-size: 50px 50px; } .leagues.utr{ background: url('/imgs/championships/utr.svg') no-repeat; background-size: 50px 50px; } .leagues.usopen{ background: url('/imgs/championships/usopen.svg') no-repeat; background-size: 50px 50px; } .leagues.liga-expansion{ background: url('/imgs/championships/liga-expansion-small.svg') no-repeat; background-size: 50px 50px; } .team-box .sports.boxing{ background: url('/imgs/icons/boxing.svg') no-repeat; background-size: 50px 50px; } .team-box .sports.mma{ background: url('/imgs/icons/mma.svg') no-repeat; background-size: 50px 50px; } @media screen and (max-width: 374px){ .leagues, .team-box .sports{ width: 40px; height: 40px; } .leagues.atp, .leagues.champions-league, .leagues.premier-league, .leagues.la-liga, .leagues.ligue-1, .leagues.serie-a, .leagues.copa-del-rey, .leagues.fortuna-liga, .leagues.euro-2020, .leagues.bundesliga, .leagues.fa-cup, .leagues.motogp, .leagues.formula1, .leagues.nba, .leagues.wta, .leagues.usopen, .leagues.liga-mx, .leagues.ascenso-mx, .leagues.nfl, .leagues.ufc, .team-box .sports.boxing, .team-box .sports.mma { background-size: 40px 40px; } } /* greyhounds ================== */ .galgos > span, .caballos > span{ display: block; text-indent: -9999px; margin: 0 auto; filter: drop-shadow(1px 1px 0px #fff) drop-shadow(-1px -1px 0px #fff) drop-shadow(1px -1px 0px #fff) drop-shadow(-1px 1px 0px #fff); -webkit-filter: drop-shadow(1px 1px 0px #fff) drop-shadow(-1px -1px 0px #fff) drop-shadow(1px -1px 0px #fff) drop-shadow(-1px 1px 0px #fff); } td > .galgos, td > .caballos{ display: block; text-indent: -9999px; margin: 0 auto; filter: drop-shadow(1px 1px 0px #212529); -webkit-filter: drop-shadow(1px 1px 0px #212529); } tbody .galgos, tbody .caballos{ display: inline-block; text-indent: -9999px; } .galgos > .au, .galgos.au { background: url(/imgs/icons/greyhound-au.svg) no-repeat; background-size: contain; width: 60px; height: 25px; } .galgos > .uk, .galgos.uk { background: url(/imgs/icons/greyhound-uk.svg) no-repeat; background-size: contain; width: 60px; height: 25px; } .galgos > .usa, .galgos.usa{ background: url(/imgs/icons/greyhound-usa.svg) no-repeat; background-size: contain; width: 60px; height: 25px; } .galgos > .ie, .galgos.ie{ background: url(/imgs/icons/greyhound-ie.svg) no-repeat; background-size: contain; width: 60px; height: 25px; } .caballos > .au, .caballos.au { background: url(/imgs/icons/horse-racing-au.svg) no-repeat; background-size: contain; width: 60px; height: 35px; } .caballos > .uk, .caballos.uk { background: url(/imgs/icons/horse-racing-uk.svg) no-repeat; background-size: contain; width: 60px; height: 35px; } .caballos > .usa, .caballos.usa { background: url(/imgs/icons/horse-racing-usa.svg) no-repeat; background-size: contain; width: 60px; height: 35px; } .caballos > .ie, .caballos.ie { background: url(/imgs/icons/horse-racing-ie.svg) no-repeat; background-size: contain; width: 60px; height: 35px; } /* buttons / links ================== */ a{color: #CE1126;} a.go-i.light-color:hover{color: #fff !important;} a.go-i.light-color:hover:after{background-color: #fff !important;} .btn:focus, .btn.focus{box-shadow: none;} .cta-b a, a.go-o, span.go-o { border-radius: 4px; box-shadow: 2px 2px 0px 1px #b59157; -webkite-box-shadow: 2px 2px 0px 1px #b59157; -o-box-shadow: 2px 2px 0px 1px #b59157; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; transition: none; -webkit-transition: none; } .go-o{ background: #FFCC7B; color: #012318; } .go-o:hover{ color: #FFCC7B; background: #012318; } .go-i, #page-article p > a, #page-article p > i > a, #page-article p > b > a, #page-article p > strong > a, #site-about > li a{ position: relative; transition: all 200ms linear; } .solo.cta-btn{ width: fit-content; } .cta-btn{ margin: 15px auto; text-align: center; } .cta-btn a{ background: #FFCC7B; padding: 5px 10px; display: block; margin: 0 auto; color: #4D2A15; font-size: 0.9rem; } @media screen and (max-width: 649px) and (min-width: 576px){ .cta-btn a{ font-size: 0.8rem; } } .cta-btn span{ position: relative; } .cta-b span:before{ position: absolute; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f101"; /* top: -5px;*/ left: -18px; } .go-i:after, #page-article p > a:after, #page-article p > i > a:after, #page-article p > b > a:after, #page-article p > strong > a:after, #site-about > li:not(.lang) a:after{ position: absolute; bottom: -2px; left: 50%; height: 2px; content: ''; background-color: #CE1126; opacity: 0; transition: all 200ms linear; transform: translateX(-50%); width: 100%; } .go-i:hover, #page-article p > a:hover, #page-article p > i > a:hover, #page-article p > b > a:hover, #page-article p > strong > a:hover, #site-about > li a:hover{ color: #CE1126; text-decoration: none; } .go-i:hover:after, #page-article p > a:hover:after, #page-article p > i > a:hover:after, #page-article p > b > a:hover:after, #page-article p > strong > a:hover:after, #site-about > li a:hover:after{ opacity: 1; } span.go-i{ color: #CE1126; } span.go-i:after{ background-color: transparent; } .back-top { opacity: 0; padding: 0 15px; border-radius: 3px; text-indent: -9999px; width: 40px; height: 40px; filter: drop-shadow(0px 2px 0px black); -webkit-filter: drop-shadow(0px 2px 0px black); } .back-top.fixed { opacity: 1; right: 20px; bottom: 20px; z-index: 10; position: fixed; } .back-top:hover { cursor: pointer; transform: translateY(1px); -webkit-transform: translateY(1px); -o-transform: translateY(1px); filter: drop-shadow(0px 1px 0px black); -webkit-filter: drop-shadow(0px 1px 0px black); } .back-top:hover:before { filter: invert(60%) sepia(79%) saturate(263%) hue-rotate(358deg) brightness(86%) contrast(82%); -webkit-filter: invert(60%) sepia(79%) saturate(263%) hue-rotate(358deg) brightness(86%) contrast(82%); } .back-top:active { transform: translateY(2px); -webkit-transform: translateY(2px); -o-transform: translateY(2px); filter: drop-shadow(0px 0px 0px black); } .back-top::before { content: ''; position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; background: url(/imgs/icons/arrow.svg) no-repeat; filter: invert(73%) sepia(74%) saturate(296%) hue-rotate(342deg) brightness(102%) contrast(101%); -webkit-filter: invert(73%) sepia(74%) saturate(296%) hue-rotate(342deg) brightness(102%) contrast(101%); transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); opacity: 0; } .back-top.fixed::before { opacity: 1; } /* steps/ol list element ================== */ dl.steps { margin-bottom: 1.2rem!important; } .steps.bg-dark{ color: #fff; margin-left: -20px; margin-right: -20px; padding: 1rem 2rem; } .steps dt, .steps dd{ padding: 0 1rem ; } .steps dd p{ padding: 0; } .steps.bg-dark .text-muted{ color: rgba(255, 255, 255, 0.7)!important; } /* unordered lists ================== */ ul{ list-style: none; } ul.general li, ul.arrows li{ position: relative; padding-left: 5px; } ul.general li:before, ul.arrows li:before{ position: absolute; content: ''; display: inline-block; vertical-align: middle; margin-right: 6px; top: 3px; } ul.general li:before{ left: -25px; width: 23px; height: 23px; background: url('/imgs/icons/sp-bullet.svg') no-repeat; } ul.arrows{ font-family: 'Montserrat', sans-serif; } ul.arrows li:before{ width: 10px; height: 10px; top: 8px; left: -10px; background: url('/imgs/icons/arrow.svg') no-repeat; filter: invert(57%) sepia(82%) saturate(4445%) hue-rotate(130deg) brightness(105%) contrast(92%); -webkit-filter: invert(57%) sepia(82%) saturate(4445%) hue-rotate(130deg) brightness(105%) contrast(92%); } ul.arrows.dark li:before{ filter: invert(21%) sepia(8%) saturate(699%) hue-rotate(169deg) brightness(95%) contrast(93%); } ul.arrows.light li:before{ filter: invert(61%) sepia(3%) saturate(931%) hue-rotate(136deg) brightness(103%) contrast(79%); } ul.arrows.accent li:before{ filter: invert(46%) sepia(13%) saturate(2660%) hue-rotate(319deg) brightness(89%) contrast(107%); } ul.general li{ font: 400 16px 'Nunito', sans-serif; padding-bottom: 5px; line-height: inherit; } ul.double{ columns: 2; -webkit-columns: 2; width: 100%; } ul.double li:nth-of-type(odd), ul.triple li:nth-of-type(odd){margin-right: 1rem;} ul.triple{ columns: 3; -webkit-columns: 3; width: 100%; } .ul-checks li, .ul-minuses li{ position: relative; } .ul-checks li:before, .ul-minuses li:before { display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-top: -3px; margin-right: 6px; font: 900 15px 'Font Awesome 5 Free'; } .ul-checks li:before { content: '\f00c'; color: #93bb80; } .ul-minuses li:before { content: '\f00d'; color: #CE1126; } @media only screen and (max-width: 767px){ ul.double, ul.triple{columns: 1; -webkit-columns: 1;} ul.double li:nth-of-type(odd), ul.triple li:nth-of-type(odd){margin-right: 0;} } /* sitemap ================== */ .sitemap .general{display: table; margin: 0 auto;} /* list group ================== */ .payments{ margin-top: 20px; margin-bottom: 20px; } .payments .list-group-item{ overflow: hidden; border-radius: 0; padding: .75rem 1.25rem; border-right: 2px solid #012318; } .payments .list-group-item span{ text-align: center; } .payments .list-group-item:last-child{ border: none; } .payments .list-group-item > div:nth-child(1){ font: bold 15px 'Nunito', sans-serif; font-style: italic; text-align: center; } .payments .list-group-item [class*="pay-"]{ display: inline-block; height: 35px; } .payments .list-group-item [class*="pay-"]:not(:last-child) { margin-right: 8px; } .payments .list-group-item:not(:last-child) [class*="pay-"]{ width: 45%; } @media only screen and (max-width: 991px){ .payments .list-group-item { border-bottom: 2px solid #012318; border-right: 0; } } @media only screen and (min-width: 1025px){ .payments .list-group-item { padding: .75rem 2.3rem; } } /* long boxes ================== */ .long-boxes .col-12{ margin-bottom: 1rem; } .long-boxes .cta-b{opacity: 0;} .long-boxes .card-content.bg-patt .card-desc{ border: 1px dashed #2a640d; } .long-boxes:not(.brands-list) .card-content.dark p{ font-size: 90%; } .long-boxes.brands-list .card-content p.terms{ line-height: 18px; margin-bottom: 0; position: relative; bottom: 10px; } .long-boxes.brands-list .card-content p.terms small{font-size: 75%;} .long-boxes.brands-list .company > div{ width: 100%; padding: 1.5rem 0; } .card-content { border: 4px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); margin: 10px auto; height: 100%; width: 100%; } .card-content.light-bg .cta{ border-top: 2px solid #373A36; } .card-content.dark-bg .cta{ border-top: 2px solid #fff; } .card-content.dark-bg { color: #fff; } .card-content .cta-btn{ padding: 4px 8px; display: block; border-radius: 3px; text-decoration:none; text-align: center; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; border: 1px solid transparent; font: bold 16px 'Nunito', sans-serif; margin-top: 10px; } .card-content .cta-btn a{ background: none; } .brands-list .company { padding: 1.5rem 0; text-indent: -9999px; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7); -o-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7); position: relative; z-index: 0; overflow: hidden; } .brands-list .company:before { background-repeat: no-repeat; width: 100%; height: 75px; position: absolute; z-index: 2; overflow: hidden; content: ''; background-size: contain; right: 0; } .brands-list .company:after { position: absolute; content: ''; width: 20px; height: 110px; z-index: 2; right: 65%; top: -12px; transform: translateX(-50%) rotate(15deg); display: block; box-shadow: 5px 0px 5px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 5px 0px 5px 3px rgba(0, 0, 0, 0.4); -o-box-shadow: 5px 0px 5px 3px rgba(0, 0, 0, 0.4); } .brands-list .light-bg .company:after { background: #eaeaea; } .brands-list .dark-bg .company:after { background: #3c4248; } /*-----black-----*/ .brands-list .company.bwin, .brands-list .company.betway, .brands-list .company.caliente, .brands-list .company.sport888, .brands-list .company.jetbull {background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;} /*-----white-----*/ .brands-list .company.playcity:before {background-image: url('/imgs/brands/playcity.svg'); background-position: 95% 0; background-size: 185px 51px;} .brands-list .company.starvegas, .brands-list .company.tenbet{background: linear-gradient(to right, rgba(255, 255, 255, .3), rgba(255, 255, 255, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.bwin:before {background-image: url('/imgs/brands/bwin.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.ifortuna {background: linear-gradient(to right, rgba(255, 217, 6, 0.3), rgba(255, 217, 6, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.ifortuna:before {background-image: url('/imgs/brands/fortuna.svg'); background-position: 95% 0; background-size: 140px 30px;} .brands-list .company.tipsport {background: linear-gradient(to right, rgba(30, 136, 229, 0.3), rgba(30, 136, 229, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.tipsport:before {background-image: url('/imgs/brands/tipsport.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.bet365 {background: linear-gradient(to right, rgba(87, 129, 118, 0.3), rgba(87, 129, 118, 0.9)), url(../../imgs/sp-patt.jpg) repeat-x;} .brands-list .company.bet365:before {background-image: url('/imgs/brands/bet365.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.synottip {background: linear-gradient(to right, rgb(214, 17, 44, 0.3), rgb(214, 17, 44, 0.9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.synottip:before {background-image: url('/imgs/brands/synottip.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.doxxbet {background: linear-gradient(to right, rgba(50, 56, 64, .3), rgba(50, 56, 64, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.doxxbet:before {background-image: url('/imgs/brands/doxxbet.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.onexbet {background: linear-gradient(to right, rgba(25, 86, 133, .3), rgba(25, 86, 133, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.onexbet:before {background-image: url('/imgs/brands/1xbet.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.betcris {background: linear-gradient(to right, rgba(0, 92, 151, .3), rgba(0, 92, 151, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.betcris:before {background-image: url('/imgs/brands/betcris.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.betfair {background: linear-gradient(to right, rgba(248, 184, 14, .3), rgba(248, 184, 14, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.betfair:before {background-image: url('/imgs/brands/betfair.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.caliente:before {background-image: url('/imgs/brands/caliente.svg'); background-position: 95% 0; background-size: 185px 57px; top: 10px;} .brands-list .company.codere {background: linear-gradient(to right, rgba(121, 192, 0, .3), rgba(121, 192, 0, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.codere:before {background-image: url('/imgs/brands/codere.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.coral {background: linear-gradient(to right, rgba(8, 77, 141, .3), rgba(8, 77, 141, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.coral:before {background-image: url('/imgs/brands/coral.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.playcity {background: linear-gradient(to right, rgba(16, 21, 55, .3), rgba(16, 21, 55, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.starvegas:before {background-image: url('/imgs/brands/starvegas.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.apuesta24 {background: linear-gradient(to right, rgba(0, 21, 44, .3), rgba(0, 21, 44, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.apuesta24:before {background-image: url('/imgs/brands/apuesta24.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.betsafe{background: linear-gradient(to right, rgba(20, 20, 20, .3), rgba(20, 20, 20, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.betsafe:before {background-image: url('/imgs/brands/betsafe.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.betway:before {background-image: url('/imgs/brands/betway.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.betsson {background: linear-gradient(to right, rgba(248, 99, 0, .3), rgba(248, 99, 0, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.betsson:before {background-image: url('/imgs/brands/betsson.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.marathonbet{background: linear-gradient(to right, rgba(1, 61, 121, .3), rgba(1, 61, 121, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.marathonbet:before {background-image: url('/imgs/brands/marathonbet.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.tenbet:before {background-image: url('/imgs/brands/10bet.svg'); background-position: 95% 0; background-size: 185px 46px;} .brands-list .company.pinnacle {background: linear-gradient(to right, rgba(10, 23, 40, .3), rgba(10, 23, 40, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.pinnacle:before {background-image: url('/imgs/brands/pinnacle.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.paddypower {background: linear-gradient(to right, rgba(0, 71, 50, .3), rgba(0, 71, 50, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.paddypower:before {background-image: url('/imgs/brands/paddypower.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.netbet {background: linear-gradient(to right, rgba(52, 55, 67, .3), rgba(52, 55, 67, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.netbet:before {background-image: url('/imgs/brands/netbet.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.mbet {background: linear-gradient(to right, rgba(34, 33, 51, .3), rgba(34, 33, 51, .9)), url('/imgs/sp-patt.jpg') repeat-x;} .brands-list .company.mbet:before {background-image: url('/imgs/brands/mbet-io.svg'); background-position: 95% 0; background-size: 185px 45px;} .brands-list .company.sport888:before {background-image: url('/imgs/brands/888sport.svg'); background-position: 95% 0; background-size: 185px 49px;} .brands-list .company.jetbull:before {background-image: url('/imgs/brands/jetbull.svg'); background-position: 95% 0; background-size: 185px 30px;} .brands-list .company.playcity:before { top: 13px; } .brands-list .company.mbet:before, .brands-list .company.tenbet:before, .brands-list .company.sport888:before{ top: 15px; } .card-content .cta-btn:hover{cursor: pointer;} .card-content .cta-btn a{color: #fff;} .card-content .cta-btn.bg-22bet:hover{background: #fff; border: 1px solid #1e88e5;} .card-content .cta-btn.bg-22bet:hover a{ color: #1e88e5;} .card-content .cta-btn.bg-1xbet:hover{background: #fff; border: 1px solid #1e88e5;} .card-content .cta-btn.bg-1xbet:hover a{ color: #1e88e5;} .card-content .cta-btn.bg-melbet:hover{background: #fff; border: 1px solid #1e88e5;} .card-content .cta-btn.bg-melbet:hover a{ color: #1e88e5;} .card-content .cta-btn.bg-playcity:hover{background: #fff; border: 1px solid #101537;} .card-content .cta-btn.bg-playcity:hover a{ color: #101537;} .card-content .cta-btn.bg-codere:hover{background: #fff; border: 1px solid #323F47;} .card-content .cta-btn.bg-codere:hover a{ color: #323F47;} .card-content .cta-btn.bg-betcris:hover{background: #fff; border: 1px solid #005C97;} .card-content .cta-btn.bg-betcris:hover a{ color: #005C97;} .card-content .cta-btn.bg-betfair:hover{background: #fff; border: 1px solid #1C1A16;} .card-content .cta-btn.bg-betfair:hover a{ color: #1C1A16;} .card-content .cta-btn.bg-bwin:hover{background: #fff; border: 1px solid #000;} .card-content .cta-btn.bg-bwin:hover a{ color: #000;} .card-content .cta-btn.bg-caliente:hover{background: #fff; border: 1px solid #DB0303;} .card-content .cta-btn.bg-caliente:hover a{ color: #DB0303;} .card-content .cta-btn.bg-betmotion:hover{background: #fff; border: 1px solid #F48527;} .card-content .cta-btn.bg-betmotion:hover a{ color: #F48527;} .card-content .cta::before, .card-content .cta::after{border-top: 2px solid #fff;} .card-content.dark .cta{border-top: 2px solid #fff;} .card-content.light .cta{border-top: 2px solid #333;} .card-content .txt-right{text-align: right; margin-top: 10px;} .card-content .txt-right .bon-on {font: bold italic 20px 'Nunito', sans-serif; vertical-align: -webkit-baseline-middle;} .card-content.light .txt-right .bon-on {color: #012318;} .card-content.dark .txt-right .bon-on {color: #ededed;} .card-content .txt-right .bon-on span{font-size: 16px; font-style: italic; position: relative; bottom: 2px; color: #CE1126;} .long-boxes .card-desc {padding: 1.25rem 1.25rem 0; overflow: hidden;} .card-content h3 { padding: 1.25rem 0 0 1.25rem;} .card-desc p { font-size: 15px; font-weight: 400; line-height: 1.5; margin: 0px; margin-bottom: 20px; padding: 0; font-family: 'Noto Sans', sans-serif; } .dark .card-desc p {color: #acacac;} .light .card-desc p {color: #747373;} @media only screen and (max-width: 575px){ .brands-list .card-content .txt-right{text-align: center; margin-top: 0;} } /* bonus bar ================== */ .floating-offer{ position: relative; display:none; } .floating-offer .close-btn{ width: 30px; height: 30px; display: inline-block; font-size: 18px; color: #FFCC7B; position: relative; top: 3px; right: -30px; } .floating-offer .go-o{ box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; } .offer-container{ display: none; background: #03221a; bottom: 0; max-width: 100%; width: 1200px; z-index: 10; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); -o-transform: translate(-50%); -moz-transform: translate(-50%); border-top: 4px solid #FFCC7B; } .offer-container .links{ margin: 10px 0; } .offer-container [class*="bg-"]{ margin: 6px 10px 0 25px; padding: 5px; width: 100px; height: 40px; border-radius: 3px; box-shadow: 0px 0px 0px 1px #fff; -webkit-box-shadow: 0px 0px 0px 1px #fff; -o-box-shadow: 0px 0px 0px 1px #fff; } .offer-container [class*="logo-"]{ background-size: 80px 25px; top: -2px; position: relative; } .offer-container .logo-betclic{ top: -5px; } .offer-container .logo-22bet{ transform: scale(1.3) } .offer-container .go-o .bon-on{ font: bold 0.98rem 'Nunito', sans-serif; color: #012318; } .offer-container .go-o:hover .bon-on{ color: #FFCC7B; } .offer-container .go-o:focus, .offer-container .go-o.focus{ outline: 0; } .offer-container .brand-offer .company-120{ display: inline-block; margin-top: 3px; transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9); } .offer-container .links .txt{ font: bold italic 1rem 'Nunito', sans-serif; color: #f8f8f8; margin-right: 10px; vertical-align: middle; position: relative; } .offer-container .links .txt .bon-on{ font-size: 1.25rem; } .offer-container .links .txt span:nth-child(1){ position: relative; top: -2px; } .offer-container .links .txt i{ font-style: italic; } .offer-container .links .txt .bon-on{ color: #FFCC7B; } .offer-container .links{ text-align: center; } .offer-container .links .go-o{ font-size: 16px; position: relative; padding: 4px 10px 4px 40px; color: #012318; text-transform: uppercase; } .offer-container .links .go-o:hover{ color: #fff; background: #0ABC7C; } .offer-container .links .go-o i{ position: absolute; left: 0; border-right: 2px solid #012318; height: 100%; padding: 7px 5px 0 7px; border-radius: 4px 0 0 4px; transition: all 0.2s ease-in-out; top: 0; } .offer-container .links .go-o:hover i{ background: #0ABC7C; color: #fff; } .offer-container .go-i{ font: bold 16px 'Nunito', sans-serif; color: #f8f8f8; padding-top: 13px; } .offer-container .go-i i{ top: 1px; position: relative; font-size: 15px; } .offer-container .go-i:hover{ color: #FFCC7B; } .zoom-btn-box { position:fixed; display:none; margin:0 auto; padding: 15px; right: 5px; bottom: 63px; z-index: 10; } .zoom-btn { position:relative; display:block; background: #FFCC7B; padding: 0; line-height:42px; width: 40px; height:40px; border: 0; border-radius: 3px; cursor:pointer; outline:none; box-shadow: -1px 1px 2px 0 #918204; -webkit-box-shadow: -1px 1px 2px 0 #918204; -o-box-shadow: -1px 1px 2px 0 #918204; } .zoomies { color: #012318; background: #FFCC7B; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; font-size: 18px; } .zoomies:hover { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } @media only screen and (max-width: 399px){ .offer-container [class^="col-"]{padding:0;} .offer-container [class*="bg-"]{margin: 6px 10px 0 10px;} .offer-container .links .go-o i { padding: 9px 7px 0;} .floating-offer .close-btn { right: 5px;} .offer-container .links {text-align: right;} } @media screen and (max-width: 599px) { .offer-container .txt, .offer-container .go-o span:last-child{display: none;} .offer-container .links .go-o{ display: inline-block; padding: 0 10px 0 40px; text-align: center; width: 145px; margin-right: 20px; } .offer-container [class*="bg-"] { margin: 6px 10px; } } @media screen and (max-width: 767px) { .floating-offer .close-btn {right: 15px; top: 0;} .offer-container .links .txt{font-size: 0.9rem;} .offer-container .links .txt .bon-on{font-size: 1.25rem;} .offer-container .links .go-o {font-size: 14px;} } @media screen and (max-width: 647px) { .offer-container .links .go-o i{ padding: 6px 7px 0 7px; } } @media only screen and (max-width: 1199px){ .offer-container .brand-offer .txt{width: 100%;padding-top: 5px;} .zoom-btn-box { padding: 15px 0; right: 20px;} } @media screen and (min-width: 600px) { .offer-container .go-o .bon-on{display: none;} .offer-container .links .txt{display: inline-block; } .offer-container .links .go-o{width: 190px; } .offer-container [class*="bg-"] {margin: 6px 10px 0 0px;} } @media screen and (min-width: 768px) and (max-width:1199px) { .floating-offer .close-btn {right: -20px;} } @media screen and (min-width: 1200px) { .offer-container .brand-offer{text-align: right;} } /*icons stacked ================== */ .icon-holder{ display: block; width:80px; height:80px; padding: 12px; border: solid 5px #FFCC7B; color: #012318; overflow: hidden; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .icon-holder.square{ display: flex; align-items: center; justify-content: center; transform: none; border: none; border-radius: 5px; background: #FFCC7B; color: #ffffff; } .icon-holder.green {background: linear-gradient(130deg, #00d10d, #048600);} .icon-holder i{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .icon-holder.square i {transform: none;} .icon-holder.small { width: 35px; height: 35px; padding: 4px 6px; transform: rotate(45deg) translate(-5px, -10px); -webkit-transform: rotate(45deg) translate(-5px, -10px); -moz-transform: rotate(45deg) translate(-5px, -10px); } .icon-holder.small i{font-size: 1.25em;} /*sports list ================== */ .sports-list li{ width: 100%; background-color: #012318; color: #fff; } .sports-list li span{ float: right; text-transform: uppercase; background: #012318; font: bold 15px 'Nunito', sans-serif; padding: 0.1rem 0.2rem; transform: matrix(1.00,0.00,-0.30,1.00,0,0); -ms-transform: matrix(1.00,0.00,-0.30,1.00,0,0); -webkit-transform: matrix(1.00,0.00,-0.30,1.00,0,0); } .sports-list .baseball-bg, .sports-list .tennis-bg, .sports-list .basket-bg, .sports-list .racing-bg, .sports-list .football-bg, .sports-list .boxing-bg, .sports-list .horse-bg, .sports-list .cricket-bg, .sports-list .rugby-bg, .sports-list .volleyball-bg{ background-position: -90px -25px; } .sports-list .rugby-bg{ background-position: -70px -15px; } .sports-list .boxing-bg{ background-position: 2px 2px; background-size: 48px; } .sports-list .hockey-bg{ background-position: 2px 1px; background-size: 44px; } .sports-list .horse-bg, .sports-list .cricket-bg, .sports-list .greyhound-bg{ background-position: 0px 0px; background-size: 42px; } .sports-list .list-group-item{ padding: .65rem 1rem; } @media only screen and (max-width: 767px){ .sports-list .baseball-bg, .sports-list .tennis-bg, .sports-list .basket-bg, .sports-list .football-bg {background-size: 180px 95px;} .sports-list .racing-bg { background-size: 180px 100px; background-position: -90px -10px; } .sports-list .rugby-bg { background-size: 180px 100px; background-position: -85px -4px; } } @media only screen and (min-width: 768px){ .sports-list li{width: 20%;} .sports-list.four li{width: 25%;} } /*details info card ================== */ .details-info{ padding: 0; border: none; z-index: 10; } .details-info .card-img-top{ position: relative; margin: 0; } .details-info .card-img-top.short{ clip-path: inset(0 0 25px); margin-bottom: -25px; } .details-info .card-img-top.short .card-img-overlay{ bottom: 23px; } .details-info .tandc-visit{ text-align: center; margin-bottom: 10px; } .details-info .card-img-overlay{ top: auto; padding: 0; width: 100%; background: rgba(0, 0, 0, 0.7); color: #fff; height: fit-content; text-align: center; } .details-info .list-group{ padding: 0 .5rem; } .details-info .list-group-item{ background-color: transparent; padding: .5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .details-info .list-group-item:nth-last-of-type(1){ border-bottom: none; } .details-info .list-group-item{ background-color: transparent; padding: .5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .details-info .list-group-item span{ color: #FFCC7B; } .details-info .cta-btn:hover a{ background: #0ABC7C; color: #fff; box-shadow: 1px 1px 0px 1px #006847; -webkit-box-shadow: 1px 1px 0px 1px #006847; -o-box-shadow: 1px 1px 0px 1px #006847; transform: translate(1px, 1px); } .details-info .cta-btn a:active{ box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; transform: translate(2px, 2px); transition: none; } .details-info .card-footer { padding: 0 1.25rem; border-top: 1px solid rgba(255, 255, 255, 0.5); } @media only screen and (min-width: 451px) and (max-width:575px) { .details-info{ width: 350px; margin: 0 auto; } } @media only screen and (max-width:575px) { .details-info{ margin-bottom: 1.5rem; } } @media only screen and (max-width: 991px) { .details-info.onexbet{ margin-bottom: 1.5rem; } } .more-links{ box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); margin: 20px auto; padding: 10px; background: #0ABC7C; border-radius: 4px; position: relative; background: linear-gradient(144deg, rgba(53, 53, 53, 0.08) 0%, rgba(53, 53, 53, 0.08) 81%,rgba(141, 141, 141, 0.08) 81%, rgba(141, 141, 141, 0.08) 100%),linear-gradient(199deg, rgba(47, 47, 47, 0.06) 0%, rgba(47, 47, 47, 0.06) 30%,rgba(230, 230, 230, 0.06) 30%, rgba(230, 230, 230, 0.06) 100%),linear-gradient(278deg, rgba(108, 108, 108, 0.01) 0%, rgba(108, 108, 108, 0.01) 81%,rgba(196, 196, 196, 0.01) 81%, rgba(196, 196, 196, 0.01) 100%),linear-gradient(97deg, rgba(207, 207, 207, 0.09) 0%, rgba(207, 207, 207, 0.09) 60%,rgba(137, 137, 137, 0.09) 60%, rgba(137, 137, 137, 0.09) 100%),linear-gradient(300deg, rgba(186, 186, 186, 0.05) 0%, rgba(186, 186, 186, 0.05) 25%,rgba(248, 248, 248, 0.05) 25%, rgba(248, 248, 248, 0.05) 100%),linear-gradient(276deg, rgba(200, 200, 200, 0.02) 0%, rgba(200, 200, 200, 0.02) 1%,rgba(135, 135, 135, 0.02) 1%, rgba(135, 135, 135, 0.02) 100%),linear-gradient(101deg, rgba(8, 8, 8, 0.03) 0%, rgba(8, 8, 8, 0.03) 54%,rgba(181, 181, 181, 0.03) 54%, rgba(181, 181, 181, 0.03) 100%),linear-gradient(18deg, rgba(99, 99, 99, 0.08) 0%, rgba(99, 99, 99, 0.08) 76%,rgba(214, 214, 214, 0.08) 76%, rgba(214, 214, 214, 0.08) 100%),linear-gradient(285deg, rgba(34, 34, 34, 0.05) 0%, rgba(34, 34, 34, 0.05) 82%,rgba(251, 251, 251, 0.05) 82%, rgba(251, 251, 251, 0.05) 100%),linear-gradient(90deg, #0ABC7C, #006847); max-width: 95%; } .more-links li{ display: inline-block; margin: 5px 5px 5px 0; border-bottom: none; background: #ffffff; border-radius: 3px; text-align: center; transition: all 0.3s ease-in-out; padding: 0; width: 100%; box-shadow: 2px 2px 0px 0px #004831; -webkit-box-shadow: 2px 2px 0px 0px #004831; transition: none; } .more-links li:hover { transform: translate(1px, 1px); box-shadow: 1px 1px 0px 0px #004831; -webkit-box-shadow: 1px 1px 0px 0px #004831; transition: none; } .more-links li:active{ transform: translate(2px, 2px); box-shadow: none; -webkit-box-shadow: none; transition: none; } .more-links li a{ padding: 0 20px 2px 8px; text-decoration: none; font-family: 'Nunito Sans', sans-serif; font-weight: 600; display: block; position: relative; font-size: 14px; color: #fff; } .more-links li a:before{ content: ""; background: none; border-bottom: 0; width: 0; height: 0; border-style: solid; border-width: 14px 0 15px 14px; border-color: transparent transparent transparent #fff; left: 0; top: 0; position: absolute; border-radius: 3px 0 0 3px; } .more-links li a:hover, .more-links li:hover a {color: #437b49;text-decoration: none;} .more-links li a:hover:before {border-color: transparent transparent transparent #437b49;} @media only screen and (min-width: 915px){ .more-links.lg li{width: 24.4%; } .more-links.lg.xl li{width: 19.4%;} .more-links.sm {width: 75%;} .more-links.sm li{width: 32.4%; } } @media only screen and (min-width: 768px){ .more-links.sm li{width: 32.4%; } } @media only screen and (min-width: 600px) and (max-width: 914px){ .more-links.lg li{width: 48.9%; } } @media only screen and (min-width: 450px) and (max-width: 767px){ .more-links{width: 75%; } } /*box list ================== */ .box-list .card{ background-color: transparent; } .box-list .card-title{ font: bold 16px 'Nunito', sans-serif; color: #012318; font-style: italic; text-align: center; padding-bottom: 4px; border-bottom: 2px solid #012318; } /*box list big ================== */ .box-list-big .card-title{ font: bold 18px 'Nunito', sans-serif; text-align: center; } .box-list-big .light-bg .card-title{ border-bottom: 1px solid #012318; } .box-list-big .dark-bg .card-title{ border-bottom: 1px solid #fff; } /*more reviews element ================== */ .more-reviews a{ position: relative; } .more-reviews a:after{ content: "Reseña"; position: absolute; right: -7px; bottom: -7px; color: #fff; font-weight: bold; font-size: 15px; line-height: 1; box-shadow: rgba(0, 0, 0, 0.6) -2px -1px 3px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.6) -2px -1px 3px 0px; -o-box-shadow: rgba(0, 0, 0, 0.6) -2px -1px 3px 0px; padding: 4px 6px; background: #0ABC7C; border-radius: 3px; transition: all 0.3s ease-in-out 0s; } .more-reviews .card{background-color: rgba(255, 255, 255, 0.7);} .more-reviews .card:hover{background-color: #fff;} .more-reviews .card:hover .company-140{transform: rotateY(360deg); transition: all 1s ease-in-out;} .more-reviews .card:hover a:after{ color: #0abc7c; background: #ffffff;;} .more-reviews .company-140{transition: all 0.3s ease-in-out;} /*more sports element ================== */ .more-links.sport a::before{ position: absolute; content: ''; left: 0; bottom: 0; box-shadow: none; background: #FFCC7B; width: 35px; height: 33px; border: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } /* .more-links.sport > li:hover a:before{ background: #0ABC7C; box-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } */ .more-links.sport a { display: block; text-transform: capitalize; text-decoration: none; font: bold 16px 'Raleway', sans-serif; padding: 7px; color: #012318; } .more-links.sport .sp-soccer::after {background: url('/imgs/icons/sport-icons/soccer.svg');} .more-links.sport .sp-tennis::after {background: url('/imgs/icons/sport-icons/tennis.svg');} .more-links.sport .sp-baseball::after {background: url('/imgs/icons/sport-icons/baseball.svg');} .more-links.sport .sp-box::after {background: url('/imgs/icons/sport-icons/box.svg');} .more-links.sport .sp-hounds::after {background: url('/imgs/icons/sport-icons/hound.svg');} .more-links.sport .sp-horse::after {background: url('/imgs/icons/sport-icons/horse.svg');} .more-links.sport [class^="sp-"]::after { content: ''; left: 8px; bottom: 7px; box-shadow: none; width: 20px; height: 20px; position: absolute; } .more-links.sport .sp-esport::after{bottom: 1px;} .more-links.sport [class^="sp-"]::after {background-repeat: no-repeat; background-size: contain;} /*lang menu ================== */ #site-about > li.lang .dropdown-menu a {left: 0;} #site-about > li.lang .dropdown-menu a:hover:after {background-color: transparent;} .lang{cursor: pointer;} #site-about .lang .dropdown-menu { background: #012318; box-shadow: 0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff; -o-box-shadow: 0 0 5px #fff; /* min-width: 15rem;*/ width: auto; height: auto; white-space: nowrap; padding: 10px!important; } #site-about .lang .dropdown-menu.lg { height: 20em!important; overflow-y: scroll; -webkit-overflow-scrolling: touch; /* transform: translate3d(-275px, -275px, 0)!important; */ } #site-about .lang.dropup .dropdown-toggle::after { top: 2px; left: -10px; position: relative; color: #012318; } .lang .dropdown-menu a span{color: #fff;} .lang .dropdown-menu a:hover span{color: #FFCC7B;} .lang .dropdown-menu li:not(:last-child){ border-bottom: 1px solid rgba(255, 255, 255, .5); padding-bottom: 5px; } .flags{ width: 21px; height: 21px; display: inline-block; position: relative; top: 5px; margin-right: 5px; } .es-mx{background: url('/imgs/flags/mexico.svg') no-repeat;} .sk{background: url('/imgs/flags/slovakia.svg') no-repeat;} .en{background: url('/imgs/flags/united-kingdom.svg') no-repeat;} .hr-hr{background: url('/imgs/flags/croatia.svg') no-repeat;} .cs{background: url('/imgs/flags/czech.svg') no-repeat;} .fr{background: url('/imgs/flags/france.svg') no-repeat;} .hu{background: url('/imgs/flags/hungary.svg') no-repeat;} .it{background: url('/imgs/flags/italy.svg') no-repeat;} .pl{background: url('/imgs/flags/poland.svg') no-repeat;} .sr{background: url('/imgs/flags/serbia.svg') no-repeat;} .es{background: url('/imgs/flags/spain.svg') no-repeat;} .sl{background: url('/imgs/flags/slovenia.svg') no-repeat;} .de{background: url('/imgs/flags/germany.svg') no-repeat;} .bg{background: url('/imgs/flags/bulgaria.svg') no-repeat; background-size: contain;} .no{background: url('/imgs/flags/norway.svg') no-repeat; background-size: contain;} .ru-ua{background: url('/imgs/flags/ukraine.svg') no-repeat; background-size: contain;} .es-co{background: url('/imgs/flags/colombia.svg') no-repeat; background-size: contain;} .en-in{background: url('/imgs/flags/india.svg') no-repeat; background-size: contain;} .ro{background: url('/imgs/flags/romania.svg') no-repeat; background-size: contain;} .pt-br{background: url('/imgs/flags/brazil.svg') no-repeat; background-size: contain;} .fi{background: url('/imgs/flags/finland.svg') no-repeat; background-size: contain;} .de-at{background: url('/imgs/flags/austria.svg') no-repeat;} .lt{background: url('/imgs/flags/lithuania.svg') no-repeat;} .bs-ba {background: url(/imgs/flags/bosnia.svg) no-repeat;} .lv {background: url(/imgs/flags/latvia.svg) no-repeat;} .et {background: url(/imgs/flags/estonia.svg) no-repeat;} .th {background: url('/imgs/flags/thailand.svg') no-repeat;} .sq-al{background: url('/imgs/flags/albania.svg') no-repeat;} .fr-tn{background: url('/imgs/flags/tunisia.svg') no-repeat; background-size: contain;} .id {background: url('/imgs/flags/indonesia.svg') no-repeat;} .sv{background: url('/imgs/flags/sweden.svg') no-repeat;} .en-ie{background: url('/imgs/flags/ireland.svg') no-repeat;} .ru-kz{background: url('/imgs/flags/kazakhstan.svg') no-repeat;} .az{background: url('/imgs/flags/azerbaijan.svg') no-repeat;} .vi-vn {background: url('/imgs/flags/vietnam.svg') no-repeat;} .de-ch {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.001 512.001'%3E%3Cpath fill='%23ff4b55' d='M503.172 423.725H8.828A8.829 8.829 0 0 1 0 414.897V97.104a8.829 8.829 0 0 1 8.828-8.828h494.345a8.829 8.829 0 0 1 8.828 8.828v317.793a8.83 8.83 0 0 1-8.829 8.828z'/%3E%3Cpath fill='%23f5f5f5' d='M353.103 220.691H291.31v-61.793a8.829 8.829 0 0 0-8.828-8.828h-52.966a8.829 8.829 0 0 0-8.828 8.828v61.793h-61.793a8.829 8.829 0 0 0-8.828 8.828v52.966a8.829 8.829 0 0 0 8.828 8.828h61.793v61.793a8.829 8.829 0 0 0 8.828 8.828h52.966a8.829 8.829 0 0 0 8.828-8.828v-61.795h61.793a8.829 8.829 0 0 0 8.828-8.828v-52.966c0-4.874-3.953-8.826-8.828-8.826z'/%3E%3C/svg%3E");} @media (max-width: 767px){ #site-about .lang .dropdown-toggle[aria-expanded="true"]::after { opacity: 1; transform: rotate(0deg); } } @media screen and (max-width: 575px){ #site-about .btn-group.dropup.lang{ width: 100%; } #site-about .lang .dropdown-menu.lg{ right: 50%!important; left: auto!important; -webkit-transform: translate3d(50%, -275px, 0)!important; } } /*top3 element ================== */ .top3 .card-content{ border-top-right-radius: calc(.25rem - 1px); border-top-left-radius: calc(.25rem - 1px); } .top3 .card-img{ padding: 15px 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: 2px solid #fff; } .top3 [class^='company-']{ position: relative; top: 10px; } .top3 [class^='company-']:before, .top3 [class^='company-']:after{ position: absolute; content: ''; background: url('/imgs/icons/angles.svg') no-repeat; width: 40px; height: 30px; top: 50%; } .top3 [class^='company-']:before{ left: -30%; transform: translate(-50%, -30%); -webkit-transform: translate(-50%, -30%); -moz-transform: translate(-50%, -30%); -o-transform: translate(-50%, -30%); } .top3 [class^='company-']:after{ right: -55%; transform: translate(-50%, -30%) scaleX(-1); -webkit-transform: translate(-50%, -30%) scaleX(-1); -moz-transform: translate(-50%, -30%) scaleX(-1); -o-transform: translate(-50%, -30%) scaleX(-1); } .top3 .go-o{color: #4D2A15;} .top3 .go-o:hover{ background: #0ABC7C; color: #fff; box-shadow: 1px 1px 0px 1px #006847; -webkit-box-shadow: 1px 1px 0px 1px #006847; -o-box-shadow: 1px 1px 0px 1px #006847; transform: translate(1px, 1px); transition: none; } .top3 .go-o:active{box-shadow: none; transform: translate(2px, 2px); transition: none;} .top3 .terms{font-size: 10px;} .boxbg-1{ background: url('/imgs/card-football-bg.webp') no-repeat; position: relative; } .boxbg-2{ background: url('/imgs/card-tennis-bg.webp') no-repeat; position: relative; } .boxbg-3{ background: url('/imgs/card-basketball-bg.webp') no-repeat; position: relative; } .boxbg-1:after, .boxbg-2:after, .boxbg-3:after{ position: absolute; content: ''; bottom: 5px; left: 50%; width: 33px; height: 33px; box-shadow: 0 0 10px rgba(0, 0, 0, .7); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .7); -o-box-shadow: 0 0 10px rgba(0, 0, 0, .7); border-radius: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } .boxbg-1:after{background: url('/imgs/icons/first.svg') no-repeat;} .boxbg-2:after{background: url('/imgs/icons/second.svg') no-repeat;} .boxbg-3:after{background: url('/imgs/icons/third.svg') no-repeat;} @media only screen and (max-width: 767px){ .top3{width: 380px;max-width: 100%;} } @media only screen and (min-width: 768px) and (max-width: 991px){ .top3 { width: 726px;} .top3 .card-img { padding: 12px 0; border-top-right-radius: 0; border-bottom-left-radius: calc(.25rem - 1px); border-bottom: none; border-right: 2px solid #fff; } .top3 [class^='company-'] {top: 15px;} .boxbg-1:after, .boxbg-2:after, .boxbg-3:after {bottom: 15px;} } @media only screen and (max-width: 991px){ .top3 .terms{ position: relative; top: -3px; } } @media only screen and (min-width: 768px){ .top3 .go-o{width: 60%;} } @media only screen and (min-width: 992px){ .top3 .order-lg-2{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } } @media only screen and (min-width: 1200px){ .top3{width: 85%;} } /*faq ================== */ #faq{ margin: 20px auto; } #faq h2{ margin: 0; font-size: 1rem; } #faq .card{ border: none; } #faq .card-header{ background-color: transparent; border: none; } #faq .btn-link { text-decoration: none; display: block; position: relative; background:transparent; color:#012318; font-size:14px; font-weight: bolder; text-transform:uppercase; margin-bottom:15px; padding:15px 50px; border-bottom:1px solid #FFCC7B; border-radius: 0 15px 0 15px; transition:all 0.10s linear 0s; width: 100%; text-align: left; } #faq .btn-link span {font-weight: normal; margin-right: 8px;} #faq .btn-link:focus { outline: 0; } #faq .btn-link:hover { color:#CE1126; } #faq .btn-link.collapsed{ color:#7F8688; border-bottom:1px solid #929D9E; margin: 0; } #faq .btn-link i{ color:#CE1126; position: absolute; top: 18px; left: 25px; font-size: 20px; } #faq .btn-link.collapsed i{ color:#CE1126; } #faq .btn-link:before, #faq .btn-link.collapsed:before{ content:""; position: absolute; bottom:-15px; left:36px; border:7px solid transparent; border-top:7px solid #FFCC7B; } #faq .btn-link.collapsed:before{ content:""; border: 0px none; } #faq .btn-link.collapsed:hover{ color:#CE1126; } #faq .btn-link:after, #faq .btn-link.collapsed:after{ content: "\f106"; font-family: 'Font Awesome 5 Free'; color: #CE1126; font-size: 20px; line-height: 20px; position: absolute; top: 14px; right:25px; } #faq .btn-link.collapsed:after{ content: "\f107"; color:#929D9E; } #faq .card-body{ padding: 0 1.5rem; } #faq .card-body p{ border-top:0 none; color:#7F8688; } #faq .card-body li{ color:#7F8688; font-family: 'Noto Sans', sans-serif; font-size: 15px; } @media only screen and (max-width: 575px){ h2:not(.elem-title)::first-letter { font-size: 20px; } #faq .btn-link { padding: 15px 25px 15px 0; } #faq .btn-link:after, #faq .btn-link.collapsed:after { right: 5px; } } /* end faq accordion */ /* contact form ================== */ #contact { display: block; margin: 60px auto; padding: 10px; border: 1px solid #cbcbcb; background-color: #FFF; -webkit-border-radius: 5px; border-radius: 5px; } #contact form{ overflow: hidden; } #contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; } #contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; } #contact label { float: left; height: 26px; line-height: 35px; width: 30%; font-size: 15px; } #contact input, textarea, select { padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; } #contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color: #333; } #contact input.submit { cursor: pointer; background: #0abc7c; border: none; color: #fff; text-align: center; float: right; margin-right: 13px; outline: 0; border-radius: 4px; font-weight: bold; padding: .5rem; clear: both; } #contact input[type="submit"][disabled] { background: #FFCC7B; } #contact fieldset { padding: 20px; border: 1px solid #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #contact legend { padding: 7px 10px; font-weight: bold; font-size: 15px; color: #012318; margin-bottom: 20px; } #contact span.required { font-size: 13px; color: #CE1126; } #message { margin: 10px 0; padding: 0; color: #0abc7c; } #verify { width: 50px !important; } .error_message { display: block; line-height: 22px; background: #FBE3E4 url('../../imgs/contact-assets/error.gif') no-repeat 10px center; padding: 15px 45px; color: #8a1f11; border: 1px solid #FBC2C4; } .loader { padding: 0 10px; } #contact #success_page h1 { background: url('../../imgs/contact-assets/success.gif') left no-repeat; padding-left: 22px; } @media only screen and (max-width:767px){ #contact{width: 100%;} #contact label, #contact input, #contact legend, #contact textarea, #contact select { width: 100%; display: block!important; } #contact input.submit { margin: 10px auto; text-align: center; min-width: 150px; width: auto; float: none; } .captcha-wrapper{ width: 304px; float: none; margin: 0 auto; overflow: hidden; } } @media only screen and (min-width:768px){ #contact label { width: 30%; } #contact input, textarea, select { width: 68%; } .captcha-wrapper{ width: 304px; float: right; margin-right: 13px; } #contact input.submit { width: 20%; } } @media only screen and (min-width: 768px) and (max-width: 1199px){ #contact{width: 77%;} } @media only screen and (min-width: 1200px){ #contact{width: 60%;} } /* footer ================== */ #page-footer .container{padding: 0;} #page-footer p{text-align: left;} #page-footer .disclaimer { padding: 10px; background: #012318; color: #929D9E; font-size:14px; } #page-footer .go-info.white{ background: #fff; } #page-footer .disclaimer img { display: block; margin: 0px auto; } #page-footer .disclaimer .dmca-badge img{ display: inline-block; vertical-align: middle; } #page-footer .go-info { padding: 10px; font-size: 13px; text-align: center; } #site-about {margin-bottom: 0;} #site-about > li {display: inline-block;} #site-about > li a{left: -5px;} #site-about > li.active a{ color: #012318; border-top: 2px solid #012318; border-bottom: 2px solid #012318; } #site-about > li.active a:hover:after{ opacity: 0; } #site-about > li:not(:last-child) {margin-right: 10px;} #site-about > li:not(:last-child)::after { content: '|'; margin-left: 5px; color: #333; } #page-footer .logos .list-block-item {margin-top: 20px;} #page-footer .copyright {color: #5f5f5f;text-align: center;} #page-footer .icons{text-align: center;} #page-footer .icons i { font-size: 20px; color: #fff; border-radius: 5px; padding: 5px 4px; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; width: 35px; height: 35px; text-align: center; position: relative; top: 8px; } #page-footer .icons i.fa-twitter {border: 2px solid #1da1f2;} #page-footer .icons a:hover i.fa-twitter {background: #1da1f2;} #page-footer .icons i.fa-pinterest-p {border: 2px solid #bd081c;} #page-footer .icons a:hover i.fa-pinterest-p {background: #bd081c;} #page-footer .icons i.fa-youtube {border: 2px solid #ff0000;} #page-footer .icons a:hover i.fa-youtube {background: #ff0000;} #page-footer .icons a:hover i { border: 2px solid #fff; -webkit-transform: rotateY(380deg); -moz-transform: rotateY(380deg); transform: rotateY(380deg); } #page-footer .logos .list-block-item > .regs { display: block; width: 185px; height: 35px; margin: 0 auto; } #page-footer .regs > span { width: 100%; height: 100%; border: 2px solid #ccc; border-radius: 5px; text-indent: -9999px; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; } #page-footer .regs > span.gt { background: url('/imgs/icons/gt.svg') center center no-repeat; background-color: #fff; background-size: 38px 22px; padding: 9px 18px; } #page-footer .regs > span.truste { background: url('/imgs/icons/truste.svg') center center no-repeat; background-color: #fff; background-size: 35px 30px; padding: 9px 18px; } #page-footer .regs > span.jugar-bien { background: url('/imgs/regulation/jugar-bien.svg') center center no-repeat; background-color: #fff; background-size: 120px 22px; padding: 5px 34px; } #page-footer .regs > span.dmca { background: url('/imgs/regulation/dmca.svg') center center no-repeat; background-color: #fff; background-size: 120px 23px; padding: 5px 34px; } #page-footer .regs > span.begambleaware { display: block; background: url('/imgs/regulation/begambleaware.svg') center center no-repeat; background-color: #fff; background-size: 90% 100%; } #page-footer .regs:hover .gt{border-color: #7c4299;} #page-footer .regs:hover .truste{border-color: #85bd41;} #page-footer .regs:hover > span, #page-footer .regs:hover > span{ background-color: rgba(255, 255, 255, 0.8); } #page-footer .age-restriction { font: 700 15px 'Nunito', sans-serif; border: 2px solid #fff; color: #fff; border-radius: 50%; padding: 6px 3px; background: #c10000; } #page-footer .icons i[class*='icon-']{ display: inline-block; top: 18px; } #page-footer .icons .icon-myspace::before, #page-footer .icons .icon-weheartit::before{ content: ''; display: inline-block; width: 25px; height: 25px; vertical-align: middle; position: relative; top: 3px; } #page-footer .icons .icon-myspace::before{background: url(/imgs/icons/myspace.svg) center no-repeat;} #page-footer .icons .icon-weheartit::before{background: url(/imgs/icons/weheartit.svg) center no-repeat;} #page-footer .icons span[class*='icon-']{ border-radius: 5px; width: 35px; height: 35px; display: inline-block; line-height: 1; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; } #page-footer .icons a:hover span[class*='icon-'] { border: 2px solid #fff; -webkit-transform: rotateY(380deg); -moz-transform: rotateY(380deg); transform: rotateY(380deg); } #page-footer .icons .icon-myspace {border: 2px solid #ffffff;} #page-footer .icons a:hover .icon-myspace {background: #030303;} #page-footer .icons .icon-weheartit {border: 2px solid #FF3C8F;} #page-footer .icons a:hover .icon-weheartit {background: linear-gradient(45deg, #FF3C8F, #FF895F); } @media screen and (max-width: 359px) { #page-footer .icons{width: 85%; text-align: center; margin: 0 auto 1rem;} #page-footer li:not(.dropdown-menu li):nth-child(5), #page-footer li:not(.dropdown-menu li):last-child{margin-top: 18px;} } @media screen and (min-width: 768px) and (max-width: 991px) { #page-footer .disclaimer{font-size:10px;} } @media screen and (min-width: 992px) and (max-width: 1199px) { #site-about > li:not(:last-child)::after {margin-left: 4px; } } @media screen and (max-width: 1199px) { #page-footer .container {max-width: 100%; padding: 0;} #page-footer .copyright, #page-footer #site-about{text-align: center; padding-left: 0;} } @media screen and (min-width: 1200px) { #page-footer .copyright{text-align: left; margin-bottom: 0;} #site-about {float: right;} } /* =========Sport Balls========= */ .sports-icons{ text-align: center; } .sports-icons > div{ width: 40px; height: 40px; text-indent: -999999px; display: inline-flex; filter: drop-shadow(0px 0px 1px black); } .img-left, .img-right, img-center{ border-radius: 5px; } .img-left{ box-shadow: -2px 2px 0px 2px #ffcc7b; -webkit-box-shadow: -2px 2px 0px 2px #ffcc7b; -o-box-shadow: -2px 2px 0px 2px #ffcc7b; } .img-right{ border-radius: 5px; box-shadow: 2px 2px 0px 2px #ffcc7b; -webkit-box-shadow: 2px 2px 0px 2px #ffcc7b; -o-box-shadow: 2px 2px 0px 2px #ffcc7b; } .img-center{ border-radius: 5px; box-shadow: 0px 2px 0px 2px #ffcc7b; -webkit-box-shadow: 0px 2px 0px 2px #ffcc7b; -o-box-shadow: 0px 2px 0px 2px #ffcc7b; } img.bordered{ border: 1px solid #ffcc7b; } img.sh-dr{ filter: drop-shadow(2px 2px 2px #000); -webkit-filter: drop-shadow(2px 2px 2px #000); -moz-filter: drop-shadow(2px 2px 2px #000); -o-filter: drop-shadow(2px 2px 2px #000); } img.no-shadow{ box-shadow: none!important; -webkit-box-shadow: none!important; } @media screen and (max-width: 991px) { .break{ display: none; } } @media screen and (max-width: 575px) { .img-left, .img-right{ box-shadow: 0px 1px 0px 1px #ffcc7b; -webkit-box-shadow: 0px 1px 0px 1px #ffcc7b; -o-box-shadow: 0px 1px 0px 1px #ffcc7b; } } .card-body.sm-pd{ padding: 0.9rem 1.25rem;; } .odd > .col:nth-of-type(4), .odd > .col:nth-of-type(5){ min-width: 50%; } .modal.show.top-brands .modal-dialog{ max-width: 700px;} .top-brands .modal-header{position: relative; border: none;} .top-brands .modal-content{background-color: transparent; border: none;} .top-brands .modal-header .close{ position: absolute; right: 0; top: 0; color: #f3e367; text-shadow: none; opacity: 1; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .top-brands .modal-header .close:focus, .top-brands .modal-header .close:hover{outline: 0;} .top-brands .rec-rating.top-rev-v { transform: scale(.65); -webkit-transform: scale(.65); margin: 0; left: -6px; position: absolute; } .top-brands .row.brand, .top-brands .row.brands-heading{ border-radius: 10px; padding: 15px 0 10px; border: 1px solid #7d9097; } .top-brands .row.brand {background: #012318;} .top-brands .row.brand:not(:last-child) {margin-bottom: 7px;} .top-brands .rank { position: absolute; z-index: 20; top: -24px; left: -14px; background: #343a40; border-radius: 50%; width: 27px; height: 27px; padding: 5px 8px; font: italic 1rem 'Nunito', sans-serif; color: #fff; } .top-brands .rank.first { background: #0ABC7C; color: #012318;} .top-brands .row.brand .action{padding: 15px;} .top-brands .row.brand .action .shine-btn{text-align: center;} .top-brands .row.brand .action .go-o{ padding: 0.25rem .75rem; display: table; margin: 0 auto; color: #4D2A15; } .top-brands .row.brand .action .go-o:hover{ background: #0ABC7C; color: #fff; box-shadow: 1px 1px 0px 1px #006847; -webkit-box-shadow: 1px 1px 0px 1px #006847; -o-box-shadow: 1px 1px 0px 1px #006847; transform: translate(1px, 1px); transition: none; } .top-brands .row.brand .action .go-o:active{ box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; transform: translate(2px, 2px); transition: none; } .top-brands .border-r { border-right: 1px solid #7d9097; height: 65px;} .top-brands .row.brands-heading, .top-brands .modal-footer { background: url('/imgs/popups/popup-football-bg.jpg') -140px 64% no-repeat;} .top-brands.casino .row.brands-heading, .top-brands.casino .modal-footer {background: url('/imgs/popups/popup-football-bg.jpg') -140px 64% no-repeat;background-size: cover;} .top-brands .row.brands-heading { overflow: hidden; padding: 8px 0 12px; margin: -5px 3px -5px; position: relative; z-index: -1; } .top-brands .row.brands-heading:after, .top-brands .modal-footer:after {background: linear-gradient(to right, transparent, #607d8b 75%);} .top-brands .row.brands-heading:after, .top-brands .modal-footer:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 80px; padding: 20px 0; margin: 0 3px -10px; z-index: 1; } .top-brands .modal-footer { background-position: 0 100%; background-size: cover; overflow: hidden; margin: 0 18px; z-index: -1; border: none; border-radius: 10px; position: relative; top: -48px; } .top-brands .modal-footer .row{ top: 12px; position: relative; z-index: 2; } .top-brands .modal-footer .terms{ text-align: right; margin: .75rem 0 .5rem; font: italic .75rem 'Montserrat', sans-serif; color: #fff; } .top-brands .row.brands-heading .title{ color: #fff; font: normal 1.25rem 'Nunito', sans-serif; line-height: 1.2; text-align: right; z-index: 2; } .top-brands .row.brand:nth-child(2){ border: 2px solid #0abc7c;} .top-brands .company-100[class*="bg-"] { border-radius: 0; height: 60px; box-shadow: 0 0 1px 1px #7d9097; } .top-brands .brand p { font: italic 1rem 'Nunito', sans-serif; color: #b2bbbf; padding: 0; } .top-brands .brand p.bold {font-weight: bold; margin: 0; margin: 0 0 -5px;} .top-brands .brand .bon-on{font-size: 1.5rem; color: #CE1126; font-weight: 900; font-family: sans-serif; padding-top: .45rem;} .top-brands.casino .brand .bon-on{font-size: 2.5rem;} .top-brands .brand .text-center p{ padding: .67rem 0 .25rem;} .top-brands .brand .text-center p, .top-brands .brand .text-center div{ text-align: center; margin: 0;} .top-brands .brand .text-center .itlc{ font-size: 1rem; font-family: 'Montserrat', sans-serif; color: #fff; } .top-brands .brand .terms{ text-align: left; margin: .5rem 0 -.5rem; font: italic .55rem 'Montserrat', sans-serif; color: #7d9097; } .top-brands .brand .terms.sp{ margin-bottom: 0; } @media screen and (max-width: 575px){ .modal.show.top-brands .modal-dialog {max-width: 360px;margin: 0 auto;} .top-brands .row.brands-heading .title { font: normal 1.05rem 'Nunito', sans-serif; } .top-brands .row.brands-heading:after, .top-brands .modal-footer:after {background: linear-gradient(to right, transparent, #607d8b 45%); } .top-brands .company-100[class*="bg-"] {height: 55px;} } @media screen and (max-width: 767px){ .modal.in.top-brands .modal-dialog{ margin: 1rem auto 0; } .top-brands .modal-header .close{ width: 20px; height: 20px; font-size: 25px; right: 50px; } .top-brands .row.brands-heading{ background-position: -55px 64%; background-size: cover; } .top-brands .row.brands-heading .title{ text-align: center; } .top-brands .brand .bon-on {font-size: 1.81rem; margin-top: -.75rem;} .top-brands .row.brand .action .go-o { padding: 0.25rem .5rem; font-size: .85rem;} .top-brands .row.brand .action {padding: 0 15px; } .top-brands .brand .border-r{border: none;} .top-brands .brand [class*='col-'] > * {text-align: center;} .top-brands .rec-rating.top-rev-v { margin: 0 auto; left: unset; } .top-brands .row.brand .border-b{ border-bottom: 1px solid #7d9097; margin: 5px 40px; } .top-brands .row.brand .border-r{height: unset;} .top-brands .brand .border-r:nth-child(4){border: none;} .top-brands .row.brand{ padding: 10px 0 0;} top-brands .brand .bon-on{padding-top: 0;} } @media screen and (max-width: 991px){ .top-brands .row.brand{ padding: 15px 0 10px;} } /* =========Breadcrumbs========= */ .brdcmb-el { position: relative; z-index: 20; width: 100%; margin: 0 auto; background: #ffffff; } .brdcmb-el .breadcrumb{ padding: 5px 10px; margin: 0; list-style: none; border-radius: 0; font-size: 12px; font-weight: 600; background: rgb(222 230 228 / 70%); } .brdcmb-el .breadcrumb li { vertical-align: middle; } .brdcmb-el .breadcrumb li a, .brdcmb-el .breadcrumb li:last-child{ padding-right: 15px; } .brdcmb-el .breadcrumb>li+li:before { content:none; } .brdcmb-el .breadcrumb li a:before { position: absolute; content: "\f101"; font: 900 10px 'Font Awesome 5 Free'; color: #585858; top: 4px; right: -6px; padding: 0 5px; } .brdcmb-el .breadcrumb li a{ position: relative; color: #012318; text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .brdcmb-el .breadcrumb li a:hover { text-decoration: none; color: #ce1126; } .brdcmb-el .breadcrumb li a:after, .brdcmb-el .breadcrumb li a:hover:after { content: none; } #brdcmb-scroll::-webkit-scrollbar { width: 6px; } #brdcmb-scroll::-webkit-scrollbar-track { box-shadow: none; background: rgb(219, 219, 219); } #brdcmb-scroll::-webkit-scrollbar-thumb { background-color: #afafaf; outline: none; } @media only screen and (max-width: 1199px){ .container.brcrmb { max-width: 100%; } } @media only screen and (max-width: 767px){ .brdcmb-el .breadcrumb{ overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; display: block; } .brdcmb-el .breadcrumb li{ display: inline-block; } } /* Table CTA button ================== */ .tab-cta{ background: linear-gradient(144deg, rgba(53, 53, 53, 0.08) 0%, rgba(53, 53, 53, 0.08) 81%,rgba(141, 141, 141, 0.08) 81%, rgba(141, 141, 141, 0.08) 100%),linear-gradient(199deg, rgba(47, 47, 47, 0.06) 0%, rgba(47, 47, 47, 0.06) 30%,rgba(230, 230, 230, 0.06) 30%, rgba(230, 230, 230, 0.06) 100%),linear-gradient(278deg, rgba(108, 108, 108, 0.01) 0%, rgba(108, 108, 108, 0.01) 81%,rgba(196, 196, 196, 0.01) 81%, rgba(196, 196, 196, 0.01) 100%),linear-gradient(97deg, rgba(207, 207, 207, 0.09) 0%, rgba(207, 207, 207, 0.09) 60%,rgba(137, 137, 137, 0.09) 60%, rgba(137, 137, 137, 0.09) 100%),linear-gradient(300deg, rgba(186, 186, 186, 0.05) 0%, rgba(186, 186, 186, 0.05) 25%,rgba(248, 248, 248, 0.05) 25%, rgba(248, 248, 248, 0.05) 100%),linear-gradient(276deg, rgba(200, 200, 200, 0.02) 0%, rgba(200, 200, 200, 0.02) 1%,rgba(135, 135, 135, 0.02) 1%, rgba(135, 135, 135, 0.02) 100%),linear-gradient(101deg, rgba(8, 8, 8, 0.03) 0%, rgba(8, 8, 8, 0.03) 54%,rgba(181, 181, 181, 0.03) 54%, rgba(181, 181, 181, 0.03) 100%),linear-gradient(18deg, rgba(99, 99, 99, 0.08) 0%, rgba(99, 99, 99, 0.08) 76%,rgba(214, 214, 214, 0.08) 76%, rgba(214, 214, 214, 0.08) 100%),linear-gradient(285deg, rgba(34, 34, 34, 0.05) 0%, rgba(34, 34, 34, 0.05) 82%,rgba(251, 251, 251, 0.05) 82%, rgba(251, 251, 251, 0.05) 100%),linear-gradient(90deg, rgb(0 104 71), rgb(255 255 255), rgb(206 17 38)); border-radius: 3px; padding: 0 10px 20px; box-shadow: inset 0 0 10px rgb(0 0 0 / 50%); margin: 0 auto; text-align: center; margin-bottom: 13px; } .tab-cta a{ position: relative; display: block; text-decoration: none; cursor: pointer; width: 100%; } .tab-cta .heading{ text-align: center; margin: 5px 0 0; color: #fff; text-shadow: 1px 1px 3px #343a40; font: bold 18px 'Nunito', sans-serif; } .tab-cta .arrow { position: absolute; bottom: 0; left: 50%; margin-left: -20px; width: 40px; height: 0; color: #ffcc7b; text-shadow: 0px 3px 2px rgb(0 0 0 / 60%); } @media screen and (min-width: 451px){ .tab-cta{ display: none; } } @media screen and (max-width: 359px){ .tab-cta .heading{ font-size: 17px; } } /* Show/Hide ================== */ div.toggle > #show, div.toggle #hide { line-height: 30px;} #panel { display: none;} #show, #hide { cursor: pointer; color: #006847; margin: 5px 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background: transparent; border-radius: 5px; border: none; text-align: center; } @media screen and (min-width: 451px){ #panel { display: block!important;} #show, #hide{display: none;} } /* 404 NEW PAGE ================== */ #page-article.err {padding: 30px 0;} .err svg{ width: 750px; max-width: 100%; margin: 4rem auto; display: block; } .err .shine { margin: 1.4rem auto; display: table; position: relative; } .err .shine:after { content: ''; position: absolute; width: 40px; height: 50px; background: url('/imgs/icons/curved-arrow.svg') no-repeat; top: -25px; right: -50px; -webkit-transform: scaleX(-1) rotate(340deg); -moz-transform: scaleX(-1) rotate(340deg); -o-transform: scaleX(-1) rotate(340deg); transform: scaleX(-1) rotate(340deg); filter: FlipH; -ms-filter: "FlipH"; z-index: 1; } .err .shine .btn{color: #4D2A15;} .err header h1.article-title, .err p{text-align: center;} .txt-bold {font-weight: 900;} .err p{margin-bottom: 0.4em;} #num_1, #num_2, #num_3{ -webkit-animation: bounce-in-top 1.1s alternate both; animation: bounce-in-top 1.1s alternate both; } #num_1{animation-delay: .2s;} #num_2{animation-delay: .4s;} #num_3{animation-delay: .6s;}