@font-face {
font-family: 'Roboto Condensed';
src: url(../fonts/RobotoCondensed-Bold.eot);
src: local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(../fonts/RobotoCondensed-Bold.eot#iefix) format('embedded-opentype'),url(../fonts/RobotoCondensed-Bold.woff) format('woff'),url(../fonts/RobotoCondensed-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,button {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline
}
body {
line-height: 1
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}
nav ul {
list-style: none
}
blockquote,q {
quotes: none
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
text-decoration: none;
color: #000
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: 700
}
del {
text-decoration: line-through
}
abbr[title],dfn[title] {
border-bottom: 1px dotted;
cursor: help
}
table {
border-collapse: collapse;
border-spacing: 0
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
input,select {
vertical-align: middle
}
button {
letter-spacing: normal;
white-space: nowrap;
text-transform: none;
cursor: pointer
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box
}
html {
overflow-x: hidden
}
body {
position: relative;
background-color: #0a6469;
font-family: Helvetica,Arial,sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 25px;
color: rgba(255,255,255,1);
text-align: left;
word-break: break-word;
overflow-x: hidden
}
p {
font-family: Helvetica,Arial,sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 25px;
color: #fff;
margin-top: 25px
}
ul {
display: block;
position: relative;
width: 100%;
text-align: left;
list-style: none;
-webkit-padding-start: 0;
padding-inline-start:0;-webkit-margin-before: 0;
margin-block-start:0;-webkit-margin-after: 0;
margin-block-end:0;-webkit-margin-start: 0;
margin-inline-start:0;-webkit-margin-end: 0;
margin-inline-end:0;padding: 0
}
ul>li {
display: inline-block;
vertical-align: middle
}
img {
max-width: 100%;
max-height: 100%
}
a {
display: inline-block;
position: relative;
font-family: 'Roboto';
font-weight: 700;
font-size: 13px;
line-height: 25px;
text-align: inherit;
text-decoration: none;
color: rgba(255,255,255,1);
padding: 0;
margin: 0;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
a:hover {
text-decoration: none
}
.content {
position: relative;
height: 100%;
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0 30px
}
.semi-content__wrap {
width: calc(100% + 30px);
margin-right: -30px
}
.semi-content {
display: inline-block;
width: 49.8%;
padding-right: 30px
}
.smallest {
padding-top: 50px;
padding-bottom: 50px
}
.third-wrap-content {
display: block;
position: relative;
width: calc(100% + 0px);
text-align: center
}
.third-content {
display: inline-block;
vertical-align: top;
width: 24.7%;
margin-top: 50px
}
h1,h2,h3,h4,.title {
display: block;
position: relative;
width: 100%;
font-family: "Roboto Condensed";
text-align: left
}
h1,.title.general {
font-size: 50px;
line-height: 50px;
font-weight: 700;
color: rgba(255,255,255,1);
text-transform: uppercase;
text-align: center;
padding-bottom: 10px
}
h2,.title.high {
font-size: 50px;
line-height: 50px;
font-weight: 700;
color: rgba(255,255,255,1);
text-transform: uppercase;
text-align: center;
margin-top: 15px;
}
.title.general>span,.title.high>span {
position: relative;
display: inline-block
}
.title.high>span:after,.title.general>span:after,.title.general:after,.title.high:after {
content: '';
position: absolute;
left: 0;
bottom: -7px;
width: 100%;
height: 2px;
background: rgba(255,255,255,.07)
}
.title.high>span:after,.title.general>span:after {
background: #0a919b;
bottom: -17px
}
.title.high:after {
bottom: -17px
}
h3,.title.middle {
font-size: 40px;
line-height: 50px;
font-weight: 700;
color: #fff
}
h4,.title.lower {
font-size: 15px;
line-height: 25px;
font-weight: 400;
color: #fff
}
.title.light {
color: rgba(255,255,255,1)
}
.text {
position: relative;
font-family: "Roboto";
font-weight: 300;
font-size: 15px;
line-height: 25px;
color: rgba(125,140,150,1);
text-align: left
}
.text.light {
color: rgba(255,255,255,1)
}
.button {
position: relative;
display: block;
width: auto;
min-width: 160px;
height: 100%;
max-height: 50px;
border: 2px solid #2daf55;
background-color: #2daf55;
border-radius: 50px;
font-family: Helvetica,Arial,sans-serif;
font-weight: 700;
font-size: 13px;
line-height: 48px;
text-align: center;
text-transform: uppercase;
color: rgba(255,255,255,1);
white-space: nowrap;
cursor: pointer;
padding: 0 30px;
margin-top: 25px;
-webkit-transition: all 1.5s;
-o-transition: all 1.5s;
transition: all .5s;
z-index: 1
}
.button:hover {
background-color: transparent;
text-decoration: none
}
.header__list:after {
content: '';
display: inline-block;
width: 100%;
height: 0
}
.header__list {
text-align: justify;
margin-bottom: -25px;
margin-left: -30px;
width: calc(100% + 30px);
}
.header__list>li {
margin-left: 30px
}
.header-sign__button,.header-login__button {
width: 100px;
min-width: auto;
padding: 0 10px;
margin-top: 0
}
.header-login__button {
background-color: #0ea7b5;
border-color: #0ea7b5
}
.header__logo {
display: inline-block;
vertical-align: middle;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
max-height: 35px
}
.header__logo img {
max-height: 55px;
height: 100%
}
.header__logo:hover {
opacity: .5
}
.header__buttons>li {
margin-left: 10px
}
.header {
padding: 3px 0 5px;
background-color: #054146
}
.lang-active {
position: relative;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #0a6469;
margin-top: 10px
}
.lang-active>img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.lang__list {
display: none;
position: absolute;
top: 70px;
left: -12.5px;
width: 75px;
z-index: 100;
background-color: rgba(5,65,70,.8);
box-shadow: 0px 20px 40px 0px rgba(0,0,0,.35);
padding-bottom: 25px
}
.lang__list.active {
display: block
}
.lang {
position: relative
}
.lang__list>li {
display: block
}
.lang__list>li>a {
display: block;
margin: 0 auto;
padding: 15px;
max-width: 55px;
border-radius: 50%
}
.lang__list>li>a:hover {
background-color: #0a6469
}
.lang__list>li.active {
opacity: .25
}
.lang__list>li>a>img {
display: block;
margin: 0 auto
}
.bonuses__link {
position: relative;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
overflow: hidden
}
.bonuses__link>svg {
display: inline-block;
vertical-align: middle;
margin-right: 15px
}
.bonuses__link>svg #IMG {
transition: all .5s
}
.bonuses__link:hover>svg #IMG {
fill: #fff
}
.bonuses__link:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
border-bottom: 2px solid rgba(14,167,181,0);
width: calc(100%);
transition: all .5s
}
.bonuses__link:hover:after {
border-color: rgba(14,167,181,1)
}
.header__text {
display: inline-block;
vertical-align: middle;
margin-top: 0;
margin-left: 25px
}
.mobile-menu {
position: relative;
display: none;
cursor: pointer;
z-index: 101;
height: 35px;
width: 15px
}
.mobile-menu__button span,.mobile-menu__button span:before,.mobile-menu__button span:after {
display: block;
width: 30px;
height: 4px;
background: #fff;
position: absolute;
border-radius: 5px;
top: calc(50% - 1px);
left: calc(50% - 15px);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
z-index: -1
}
.mobile-menu__button span:before,.mobile-menu__button span:after {
content: ''
}
.mobile-menu__button span:before {
top: calc(50% - 9px);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.mobile-menu__button span:after {
-webkit-transform: translateY(7px);
-ms-transform: translateY(7px);
transform: translateY(7px);
width: 29.5px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.lang.mobile {
display: none
}
@media only screen and (max-width: 1074px) {
.header__list {
text-align:center
}
li.header__menu {
margin-left: 0
}
.header {
padding-top: 10px
}
}
@media only screen and (max-width: 570px) {
.header__text {
display:none
}
.header__list {
text-align: justify;
padding-top: 5px;
}
.header {
padding-top: 0
}
.mobile-menu {
visibility: visible;
display: inline-block;
vertical-align: middle
}
.header__menu {
display: block;
position: absolute;
left: -3300px;
top: 60px;
height: auto;
width: 300px;
z-index: 10;
background-color: #054146;
padding: 0 0 50px 0;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.header__menu.active {
left: -30px
}
.header__buttons {
text-align: center
}
.header__buttons>li {
display: block;
margin-top: 35px;
width: 100%;
margin-left: 0
}
.header__buttons .button {
display: block;
margin: 0 auto
}
.header {
height: 60px
}
li.lang {
display: none
}
.bonuses__link {
margin-right: 0
}
li.lang.mobile {
display: inline-block;
margin-top: 0
}
.lang.mobile>.lang-active {
margin-top: 5px
}
}
.main-top__list {
display: flex
}
.main-top {
background-color: #05555a
}
.main-top__list>li.third-content {
width: 20%;
display: flex;
justify-content: center;
align-items: center;
height: 75px;
margin-top: 0;
border-right: 2px solid #0a6469;
font-weight: 400
}
.main-top__list>li.third-content:first-child {
border-left: 2px solid #0a6469
}
.main-top__list>li>img {
margin-right: 15px
}
.main__content {
margin-top: 25px
}
.main__item p {
color: #fff
}
.main__list {
max-width: calc(100% - 400px);
display: inline-block !important;
vertical-align: middle;
max-height: 400px !important
}
.main-item__title.title {
margin-bottom: 0;
font-weight: 700
}
.main-item__title.title.high:after {
display: none
}
.main-item__info {
max-width: 395px;
width: 100%;
display: inline-block;
vertical-align: middle;
padding-right: 30px;
text-align: center
}
.main-item__button {
margin: 0 auto;
min-width: 250px;
width: auto;
display: inline-block;
margin-top: 25px;
animation: gg2 4s ease-in-out infinite
}
@keyframes gg2 {
0% {
transform: translateY(0px)
}
50% {
transform: translateY(-10px)
}
100% {
transform: translateY(0px)
}
}
.main-item__title.title {
font-size: calc(28px + 22*(100vw/1170));
line-height: calc(30px + 20*(100vw/1170));
text-transform: uppercase;
text-align: center
}
.main__list {
position: relative
}
.main__list:after {
content: '';
position: absolute;
bottom: -1px;
right: 0;
height: 0;
width: 100px;
border-bottom: 50px solid #0a6469;
border-left: 30px solid transparent
}
@media only screen and (max-width: 900px) {
.main-item__title.title {
font-size:calc(28px + (22 + 22*0.7)*((100vw - 320px)/1170));
line-height: calc(30px + (20 + 20*0.7)*((100vw - 320px)/1170))
}
.main-item__info {
max-width: none;
width: 100%;
padding-top: 40px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 25px
}
.main__list {
max-width: none
}
.main {
height: auto
}
.main {
padding: 0
}
}
@media only screen and (max-width: 400px) {
.main-item__info {
padding-left:20px;
padding-right: 20px
}
}
@media only screen and (max-width: 765px) {
.main-top__list {
overflow-x:scroll;
flex-wrap: nowrap
}
.main-top__list>li {
flex-wrap: nowrap;
white-space: nowrap;
min-width: 175px
}
}
.about {
text-align: center;
padding-top: 50px
}
.about>p {
text-align: left
}
.bonus {
margin-top: 100px
}
.bonus__content {
position: relative;
padding-top: 75px;
padding-left: 50px;
padding-bottom: 75px;
background-color: #054146
}
.bonus__content:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: calc(100% - 30px);
width: calc(100% - 30px);
border: 2px solid rgba(10,100,105,.25)
}
.bonus__list>li {
display: block
}
.bonus__list>li {
font-family: "Roboto Condensed";
font-weight: 700;
text-align: center
}
.bonus__list>li.bonus__text {
color: #ff4b4b;
font-size: calc(28px + 22*(100vw/1170));
text-transform: uppercase;
line-height: calc(28px + 22*(100vw/1170))
}
.bonus__list>li.bonus__text>span {
color: #0fa5b4
}
.bonus__list>li.free-spins {
line-height: calc(32px + 28*(100vw/1170));
font-size: calc(32px + 28*(100vw/1170));
text-transform: uppercase
}
.bonus__list>li.deposit__text {
font-size: calc(25px + 15*(100vw/1170));
line-height: calc(25px + 15*(100vw/1170))
}
.bonus__button {
max-width: 160px;
margin: 0 auto;
margin-top: 25px;
transform: translateY(50%);
font-size: 20px;
line-height: 60px;
max-height: 60px;
}
.bonus__info {
display: inline-block;
vertical-align: middle;
max-width: calc(100% - 450px)
}
.bonus__info:after {
content: '';
position: absolute;
top: -50px;
right: 30px;
width: 400px;
height: 400px;
background-image: url(../images/2betloadertrue.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 1
}
@media only screen and (max-width: 1000px) {
.bonus__list>li.bonus__text {
font-size:calc(28px + (22 + 22*0.7)*((100vw - 320px)/1170));
line-height: calc(28px + (22 + 22*0.7)*((100vw - 320px)/1170))
}
.bonus__list>li.free-spins {
line-height: calc(32px + (28 + 28*0.7)*((100vw - 320px)/1170));
font-size: calc(32px + (28 + 28*0.7)*((100vw - 320px)/1170))
}
.bonus__list>li.deposit__text {
font-size: calc(25px + (15 + 15*0.7)*((100vw - 320px)/1170));
line-height: calc(25px + (15 + 15*0.7)*((100vw - 320px)/1170))
}
.bonus__info:after {
display: none
}
.bonus__info {
max-width: none;
width: 100%;
text-align: center
}
.bonus__content {
padding-right: 50px
}
}
@media only screen and (max-width: 450px) {
.bonus__content {
padding-right:25px;
padding-left: 25px
}
}
.register {
padding-top: 50px;
padding-bottom: 50px
}
.register__list {
letter-spacing: -4px
}
.register__list>li {
position: relative;
display: inline-block;
vertical-align: middle;
font-weight: 700;
font-size: 20px;
width: 33.1%;
letter-spacing: normal;
height: 75px;
padding: 25px 0
}
.register__list>li>img {
display: inline-block;
vertical-align: middle;
margin-right: 15px
}
.register__list>li.first {
background-color: #0a505a
}
.register__list>li.second {
background-color: #054146
}
.register__list>li.third {
background-color: #2daf55
}
.register__list>li:not(:last-child):after {
content: '';
position: absolute;
right: -29px;
top: 0;
width: 0;
height: 0;
border-top: 38px solid transparent;
border-left: 30px solid #d0d4dc;
border-bottom: 37px solid transparent;
z-index: 1
}
.register__list>li.first:after {
border-left: 30px solid #0a505a
}
.register__list>li.second:after {
border-left: 30px solid #054146
}
.register__list>li:not(:last-child):before {
content: '';
position: absolute;
right: -30px;
top: 0;
width: 100%;
height: 100%;
background-image: url(../images/register-arrow.svg);
z-index: 2;
background-repeat: no-repeat;
background-position-x: right
}
@media only screen and (max-width: 915px) {
.register__list>li {
width:100%;
margin-top: 0
}
.register__list>li:after,.register__list>li:before {
display: none
}
}
.benefits {
padding-top: 50px;
padding-bottom: 50px
}
.benefits__list {
letter-spacing: -4px;
margin-left: -30px;
width: calc(100% + 30px);
margin-top: 20px
}
.benefits__list>li {
margin-top: 25px;
margin-left: 30px;
letter-spacing: normal;
width: 47%
}
.benefits-item__list {
margin-top: 15px
}
.benefits-item__list>li {
position: relative;
display: block;
font-size: 20px;
padding-left: 35px;
margin-top: 5px
}
.benefits-item__list>li:after {
content: '';
position: absolute;
left: 0;
top: 12.5px;
width: 18px;
height: 1px;
background: #0e95a1
}
.benefits-item__button {
max-width: 160px
}
.benefits__image {
height: 350px;
position: relative;
background-color: #0f2d2f
}
.benefits__image>img {
position: absolute;
top: 0;
left: -9999px;
right: -9999px;
margin: 0 auto;
height: 100%;
width: auto;
max-width: none
}
@media only screen and (max-width: 1030px) {
.benefits__list {
width:100%
}
.benefits__list>li.semi-content {
width: 100%
}
.benefits__image {
max-width: 540px;
width: 100%
}
}
@media only screen and (max-width: 400px) {
.benefits__image {
display:none
}
.benefits-item__title {
text-align: center
}
.benefits-item__button {
margin: 0 auto;
margin-top: 25px
}
}
.sprotsbook {
padding-top: 50px;
padding-bottom: 50px
}
.sportsbook-middle__title {
margin-top: 30px;
text-align: center
}
.sprotsbook__button {
max-width: 160px;
margin: 0 auto;
margin-top: 25px
}
.sprotsbook>ul {
margin-top: 10px
}
.sprotsbook>ul>li {
display: block;
margin-top: 5px
}
.casino-review {
padding-top: 50px;
padding-bottom: 50px
}
.casino-middle__title {
text-align: center;
margin-top: 30px
}
.casino-review__button {
margin: 0 auto;
margin-top: 25px;
max-width: 160px
}
.mobile-bet {
padding-top: 50px;
padding-bottom: 50px
}
.mobile-bet>p {
margin-top: 45px
}
.mobile-bet__list {
margin-left: -30px;
width: calc(100% + 30px);
letter-spacing: -4px
}
.mobile-bet__list>li {
margin-left: 30px;
background-color: #05555a;
letter-spacing: normal;
width: 47%;
padding-right: 0;
vertical-align: top;
padding-bottom: 25px;
margin-top: 25px
}
.mobile-item__title {
display: block;
width: 100%;
text-align: center;
padding: 25px 20px;
background-color: #064a4f
}
.mobile-bet__list>li>p {
padding-left: 25px;
padding-right: 25px
}
@media only screen and (max-width: 1030px) {
.mobile-bet__list {
width:100%
}
.mobile-bet__list>li {
width: 100%
}
}
.about-bet {
padding-top: 50px;
padding-bottom: 50px
}
.about-bet>p {
margin-top: 45px
}
.faq {
padding-top: 50px;
padding-bottom: 50px
}
.faq__list {
margin-top: 40px
}
.faq-item__text p {
margin-top: 0;
padding: 15px 0;
padding-left: 20px
}
.faq-item__text {
display: none
}
.faq__item {
position: relative;
display: block;
margin-top: 20px
}
.faq-item__title {
position: relative;
cursor: pointer;
font-family: Helvetica,Arial,sans-serif;
padding: 15px 65px 15px 15px;
background-color: #064a4f;
transition: all .5s
}
.faq-item__title.active {
background-color: rgba(6,74,79,.5)
}
.faq-item__title:after {
content: '+ Mostrar';
position: absolute;
top: 50%;
right: 20px;
font-size: 15px;
transform: translateY(-50%);
transition: all .5s
}
.faq-item__title:hover {
background-color: rgba(6,74,79,.5)
}
.faq-item__title.active:after {
content: '- Hide';
color: rgba(255,255,255,.5)
}
.faq-item__title_pt {
position: relative;
cursor: pointer;
font-family: Helvetica,Arial,sans-serif;
padding: 15px 65px 15px 15px;
background-color: #064a4f;
transition: all .5s
}
.faq-item__title_pt.active {
background-color: rgba(6,74,79,.5)
}
.faq-item__title_pt:after {
content: '+ Mostrar';
position: absolute;
top: 50%;
right: 20px;
font-size: 15px;
transform: translateY(-50%);
transition: all .5s
}
.faq-item__title_pt:hover {
background-color: rgba(6,74,79,.5)
}
.faq-item__title_pt.active:after {
content: '- Esconder';
color: rgba(255,255,255,.5)
}
.faq-item__title_el {
position: relative;
cursor: pointer;
font-family: Helvetica,Arial,sans-serif;
padding: 15px 65px 15px 15px;
background-color: #064a4f;
transition: all .5s
}
.faq-item__title_el.active {
background-color: rgba(6,74,79,.5)
}
.faq-item__title_el:after {
content: '+ Εμφάνιση';
position: absolute;
top: 50%;
right: 20px;
font-size: 15px;
transform: translateY(-50%);
transition: all .5s
}
.faq-item__title_el:hover {
background-color: rgba(6,74,79,.5)
}
.faq-item__title_el.active:after {
content: '- Απόκρυψη';
color: rgba(255,255,255,.5)
}
.footer {
margin-top: 50px;
padding-top: 50px;
padding-bottom: 50px;
background-color: #064a4f
}
.footer__list {
letter-spacing: -4px
}
.footer__image {
max-width: 275px;
width: 100%;
letter-spacing: normal;
vertical-align: top;
padding-right: 15px;
display: inline-block;
}
.footer__image>p {
color: #50bec3
}
.footer__info {
max-width: calc(100% - 280px);
letter-spacing: normal;
vertical-align: top;
padding-left: 15px;
display: inline-block;
}
.footer__links img {
max-width: 120px;
height: auto;
margin-right: 20px;
margin-bottom: 10px;
}
.footer__logo>img {
height: 65px
}
.scroll-top__button {
position: fixed;
bottom: 35px;
right: 8.2%;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #2daf55;
box-shadow: 0px 20px 40px 0px rgba(0,0,0,.25);
z-index: 100;
transition: all .5s
}
.scroll-top__button:hover {
background-color: rgba(45,175,85,.5);
box-shadow: 0px 20px 40px 0px rgba(0,0,0,.25)
}
@media only screen and (max-width: 700px) {
.footer__image,.footer__info {
max-width:none;
padding: 0
}
.footer__info {
margin-top: 25px
}
}
@media only screen and (max-width: 400px) {
.content {
padding-left:20px;
padding-right: 20px
}
}
.bonuses-module {
padding-top: 25px;
padding-bottom: 50px
}
.bonuses-module__links {
text-align: center;
margin-bottom: 20px
}
.bonuses-module__links>li {
margin-left: 20px
}
.bonuses-module__links>li>a {
font-weight: 300
}
.bonuses-module__links>li.current>a {
color: #0fbecd
}
.bonuses-module__list {
letter-spacing: -4px
}
.bonuses-module__list>li.third-content {
padding: 25px;
width: 33.1%;
border: 2px solid #054146;
letter-spacing: normal;
border-right-width: 0;
border-top-width: 0;
margin-top: 0
}
.bonuses-module__list>li.third-content:nth-child(3n+3),.bonuses-module__list>li.third-content:last-child {
border-right-width: 2px
}
.bonuses-module__list>li.third-content:nth-child(1),.bonuses-module__list>li.third-content:nth-child(2),.bonuses-module__list>li.third-content:nth-child(3) {
border-top-width: 2px
}
.bonuses-item__img {
position: relative;
width: 100%;
height: 175px;
margin-bottom: 25px;
background-color: #0f2d2f
}
.bonuses-item__img>img {
position: absolute;
top: 0;
left: -9999px;
right: -9999px;
height: 100%;
width: auto;
max-width: none;
margin: 0 auto
}
.bonuses-item__title.title.high:after {
display: none
}
.bonuses-item__title.title {
font-size: 30px;
line-height: 35px;
padding-bottom: 0
}
.bonuses-item__button {
display: block;
margin: 0 auto;
margin-top: 25px;
max-width: 160px
}
.bonuses-module__list {
margin-top: 50px
}
.bonuses-about {
padding-top: 50px;
padding-bottom: 50px
}
.bonuses-about>p {
margin-top: 45px
}
@media only screen and (max-width: 950px) {
.bonuses-module__list>li.third-content {
width:49%
}
.bonuses-module__list>li.third-content:nth-child(3n+3) {
border-right-width: 0
}
.bonuses-module__list>li.third-content:nth-child(2n+2) {
border-right-width: 2px
}
.bonuses-module__list>li.third-content:nth-child(3) {
border-top-width: 0
}
}
@media only screen and (max-width: 700px) {
.bonuses-module__list>li.third-content {
width:100%;
border-right-width: 2px !important
}
.bonuses-module__list>li.third-content:nth-child(2) {
border-top-width: 0
}
}
.about-bet>h2:not(:first-of-type),.about-bet>h3 {
margin-top: 25px;
margin-bottom: -20px
}
.about-bet>h2:not(:first-of-type)>span {
padding-bottom: 0
}
.sprotsbook>ul>li,.about-bet>ol>li {
position: relative;
padding-left: 35px
}
.about-bet>ol>li:after,.casino-review>ol>li:after,.sprotsbook>ul>li:after {
content: '';
position: absolute;
left: 0;
top: 12.5px;
width: 18px;
height: 1px;
background: #0e95a1
}
.casino-review>ol,.about-bet>ol {
list-style: none
}
.casino-review>ol>li {
position: relative;
padding-left: 35px
}
.header-sign__button,.header-login__button {
width: auto
}
.bonus__button,.benefits-item__button,.sprotsbook__button,.casino-review__button,.bonuses-item__button {
max-width: 600px;
}
.bonuses-about h2:not(.bonuses-about__title) {
margin-top: 30px;
text-align: center
}
.bonuses-about h3 {
margin-top: 20px
}
.bonuses-about>p {
margin-top: 15px
}
.bonuses-about>h2+p {
margin-top: 45px
}
.bonuses-about h2:not(.bonuses-about__title):after,.bonuses-about h2:not(.bonuses-about__title)>span:after {
content: '';
position: absolute;
left: 0;
bottom: -7px;
width: 100%;
height: 2px;
background: rgba(255,255,255,.07)
}
.bonuses-about h2:not(.bonuses-about__title):after {
bottom: -17px
}
.bonuses-about h2:not(.bonuses-about__title)>span {
position: relative;
display: inline-block
}
.bonuses-about h2:not(.bonuses-about__title)>span:after {
background: #0a919b;
bottom: -17px
}
.main-item__button {
font-size: 20px;
background-color: #ff4b4b;
animation: none;
border: none
}
.main-item__button:before {
content: '';
width: 100%;
min-height: calc(50px + 12px);
border: 6px solid #00ffcb;
border-radius: 50px;
box-shadow: 0 0 60px rgba(0,255,203,.64);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
opacity: 0;
transition: all .3s ease-in-out 0s
}
.main-item__button:hover,.main-item__button:focus {
transform: translateY(-6px)
}
.main-item__button:hover:before,.main-item__button:focus:before {
opacity: 1
}
.main-item__button:after {
content: '';
width: 30px;
height: 30px;
border-radius: 100%;
border: 8px solid #ff4b4b;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
animation: ring 1.5s infinite
}
.main-item__button:hover:after,.main-item__button:focus:after {
animation: none;
display: none
}
@keyframes ring {
0% {
width: 30px;
height: 30px;
opacity: 1
}
100% {
width: 300px;
height: 300px;
opacity: 0
}
}
.bonuses-about>ol>li:after,.bonuses-about>ul>li:after {
content: '';
position: absolute;
left: 0;
top: 12.5px;
width: 18px;
height: 1px;
background: #0e95a1
}
.bonuses-about>ul>li,.bonuses-about>ol>li {
position: relative;
padding-left: 35px
}
.bonuses-about>ul,.bonuses-about>ol {
margin-top: 10px
}
.bonuses-about>ul>li,.bonuses-about>ol>li {
display: block;
margin-top: 5px
}
h3 {
text-align: center
}
a {
font-family: Helvetica,Arial,sans-serif;
}
.bonuses-module__links>li>a {
font-weight: 700
}
.bonuses-module {
padding-bottom: 10px
}
.register,.benefits,.sprotsbook,.casino-review,.mobile-bet,.about-bet,.faq,.bonuses-about {
padding-top: 30px;
padding-bottom: 30px
}
.about-bet>ol {
margin-top: 10px
}
.about-bet>ol>li {
display: block;
margin-top: 5px
}
.error-content p {
text-align: center
}
.error-content a {
display: block;
max-width: 360px
}
@media only screen and (max-width: 900px) {
.benefits,.sprotsbook,.casino-review,.mobile-bet,.about-bet,.faq,.bonuses-about {
padding-top:25px;
padding-bottom: 25px
}
.register {
padding-top: 50px;
padding-bottom: 25px
}
.bonus {
margin-top: 50px
}
}
@media only screen and (max-width: 570px) {
.header__buttons .button {
max-width:150px
}
.benefits .benefits__list:not(:nth-child(2)) .benefits__image {
display: none
}
.benefits__image {
padding-right: 0 !important
}
.benefits-item__title {
text-align: center
}
}
#start-resizable-editor-section {
display: none
}
h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background {
padding: 20px 38px
}
.is-style-circle-mask img,.is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image: none) or (mask-image:none)) or (-webkit-mask-image:none) {
.is-style-circle-mask img {
-webkit-mask-image:url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0
}
}
.items-justified-left>ul {
justify-content: flex-start
}
.items-justified-center>ul {
justify-content: center
}
.items-justified-right>ul {
justify-content: flex-end
}
.has-child:hover {
cursor: pointer
}
.is-small-text {
font-size: 14px
}
.is-regular-text {
font-size: 16px
}
.is-large-text {
font-size: 36px
}
.is-larger-text {
font-size: 48px
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal
}
p.has-background {
padding: 20px 38px
}
p.has-text-color a {
color: inherit
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
.cls-1 {
fill: #0ea7b5;
fill-rule: evenodd
}
.faq-item__title:after {
content: "Show"
}
.faq-item__title.active:after {
content: "Hide"
}
.faq-item__title_pt:after {
content: "Mostrar"
}
.faq-item__title_pt.active:after {
content: "Esconder"
}
.faq-item__title_el:after {
content: "Εμφάνιση"
}
.faq-item__title_el.active:after {
content: "Απόκρυψη"
}
.carousel {
position: relative;
overflow: hidden;
}
.carousel-images {
display: flex;
transition: transform 0.5s ease;
}
.carousel-images img {
width: 100%;
display: block;
height: auto;
}
button.prev, button.next {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
padding: 10px;
border-radius: 30px;
cursor: pointer;
bottom: 5px;
z-index: 10;
width: 35px;
height: 35px;
}
.prev {
right: 60px;
}
.next {
right: 10px;
}
.table-wrp {
margin: 30px 0;
overflow: auto;
}
.table-wrp table {
border-collapse: collapse;
width: 100%;
word-break: keep-all;
}
.table-wrp table td, .table-wrp table th {
padding: 10px;
border: 1px solid #ddd;
color: #fff;
}
.table-wrp table th {
text-align: center;
background-color: #064a4f;
}
ol {
padding-left: 20px;
}
a.disabled {
opacity: 0.7;
cursor: pointer;
pointer-events: none;
}
.img-wrp {
margin: 30px 0;
width: 100%;
text-align: center;
}
.img-wrp img {
width: 100%;
height: auto;
}
.button100 {
width: 200px;
height: 100px;
margin: 10px 0;
display: inline-block;
}
.button-container {
text-align: center;
margin-top: 7px;
}
.button {
display: inline-block;
margin: 10px 0;
}
.bold {
font-weight: bold;
}
@media (max-width:800px) {
.table-wrp.promo-tbl tr {
display: flex;
flex-direction: column;
border: 1px solid #ddd;
text-align: center;
padding: 10px 0;
}
.table-wrp.promo-tbl thead {
display: none;
}
.table-wrp.promo-tbl tr td {
border: none;
}
}