@charset "utf-8";



/* Special Font */



/* General */

body {  font-family: 'pt_sans_captionregular'; color:#333; }

a { color:#000; text-decoration:none;}

.liveodd_area {width:944px;height:730px;}
.livescore_area { width: 944px; height: 730px; display: inline-block;
                                                        *display: inline; *zoom: 1; overflow: scroll; background:#fff; }
.ls-s-1 { color:#333; background:url(../images/capbg.png) repeat-y right top; padding:20px; font-size:32pt;font-family: 'pt_sansbold';text-shadow: 2px 1px 6px rgba(150, 150, 150, 1); line-height:32px; }
::-webkit-input-placeholder { font-family:'pt_sansitalic'; letter-spacing: 1px;}
::-moz-placeholder { font-family:'pt_sansitalic';letter-spacing: 1px;} /* firefox 19+ */
:-ms-input-placeholder { font-family:'pt_sansitalic'; letter-spacing: 1px;} /* ie */
input:-moz-placeholder { font-family:'pt_sansitalic'; letter-spacing: 1px;}
.uppercase {text-transform: uppercase; }
#wrapper { width: 100%; max-width:1200px; margin: 0 auto; position:relative;}

.highlights { font-family: 'pt_sansbold';  }
.highlighter { font-family: 'pt_sansbold';  }
.big { font-size:18pt;}
.small { font-size: 8pt;}
.medium { font-size: 14pt;}
.float-right { float:right;}
.float-left { float:left;}
.mb20 { margin-bottom:20px;}
.mb40 { margin-bottom:40px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.border-top-dot { padding-top:20px; border-top:1px dotted #666;}
.pd20 { padding:20px;}
.blackbg { background:#333; color:#fff; -webkit-border-radius: 10px; border-radius: 10px;  }

.livechat_button { position:absolute; top:60px; right:20px; z-index:11;background:#05f0d2; padding: 10px 20px;}
.bordertb-dot { padding-top:20px; padding-bottom:20px;border-top:1px dotted #666;border-bottom:1px dotted #666; }

.text-left { text-align:left;}
.text-right { text-align:right;}
.text-justify { text-align:justify;}

.bottom-right { position: absolute; top:0; right:-20px;}
.bottom-left { position: absolute; top:0; left:-20px;}
.font20 { font-size:20pt;}

.index-9 { z-index: -9; }
.w60 { width: 60%; margin: 0 auto;}
/* Header */

header { padding:10px; }

header .shortcut { width: 620px;float:right;}
header .shortcut ul { list-style:none; text-align:right; }
header .shortcut ul li { display:inline-block; margin: 10px 20px 0 20px; text-align:center;}
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.5;
      }

#logo {width: 300px; float:left;margin-top:20px;}
#logo h1 {font-family:'pt_sansbold'; padding:0; margin:0; font-size:12pt;letter-spacing: 1px;}
#logo img {display:block; border:0;}

#logo h1 a { text-decoration:none; color:#333;}
#headbar span {padding:10px 20px;}
#headbar { background: #efefef;height:36px; }
#headbar .title { font-family: 'pt_sans_captionregular'; position:absolute; left:10px; top:0;}
.lang_choose .title { font-family: 'pt_sans_captionregular'; padding:8px; float:right; }

.topreg {  font-size:10pt; background:#333; color:#fff!important; }
.topreg:hover { background: #05f0d2;  }
.toplogin {  font-size:10pt; background:#05f0d2; color:#333!important; }
.toplogin:hover { background: #333; color:#fff!important;  }

.mobile_loginarea span {display:inline-block;padding:20px 0;margin-top:15px;}
.middlereg {  width: 50%; text-align:center; float:left;font-size:16pt; background:#333; color:#fff!important; }
.middlereg:hover { background: #05f0d2;  }
.middlelogin {  width: 50%; text-align:center; float:left; font-size:16pt; background:#05f0d2; color:#333!important; }
.middlelogin:hover { background: #333; color:#fff!important;  }

.shortcut input[type="text"], .shortcut input[type="password"] {

	padding:5px 10px;
	margin:5px 5px;
	font-size: 10pt;border:0;
 border-bottom: solid 2px #333;border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-top:1px solid #efefef;
  transition: border 0.3s;
}

.shortcut .myinput { width:140px; }
.shortcut .captcode { width:35px; }

.shortcut input[type="text"]:focus,
.shortcut input[type="text"].focus, .shortcut input[type="password"]:focus, .shortcut input[type="password"].focus {
  border-bottom: solid 2px #05f0d2;
  outline: none;
}
.shortcut .head_login { width: 100%;float:right;}
.shortcut .captchaimg { margin:0px 5px; float:left;}

.shortcut .head_login img { margin-top:5px!important;}

.btn, .newbtn { border:0; cursor:pointer; -webkit-border-radius: 5px; border-radius: 5px; text-decoration:none;}
.btn-login { margin:0 3px; height:28px; padding:5px 20px; font-family: 'pt_sansbold'; font-size:10pt; }
.btn-book { margin:0px 3px;  padding:5px 30px; font-family: 'pt_sansbold'; font-size:11pt;}
.btn-login:focus { outline:none;}
.btn h3 { font-size: 18pt; }

#clockbox { font-size:10pt; position:absolute; right: 100px; top:1px; text-align:right; padding: 8px; color:#666;}

.float-left { float:left;}

/* Language bar */

.lang_choose { text-align:right; width: 100%; font-size: 10pt; }
.lang_choose img { height: 20px; width: 20px; margin: 5px 0 5px 8px; }

.language { position:absolute;right:10px; top:2px; }

.notification {padding:0;height: 40px;background:#333;margin-top:10px; font-size:10pt; }

.eurotopbar { background:#000;padding:10px;margin:20px 0;color:#fff; text-align:center; }
.euroleft { width:10px;padding-right:10px;border-right:1px dotted #fff;float:left; color:#333; }
.euroright {width:10px;padding-left:10px;border-left:1px dotted #fff;float:right;color:#333;}
.euroleft a, .euroright a { color:#fff; text-decoration:none; }
.euroleft a:hover, .euroright a:hover { color:#05f0d2;}

.eurosection h3 { font-size:18pt; border-bottom:1px solid #333; color:#333;text-align:left; margin-top:50px;padding-bottom:5px;}
.euroclass { padding:20px; }
.eurodivider {border-bottom:1px dotted #efefef; }
.euroclass .eurogroup { float:left; width:10%;margin-right:20px;}
.euroclass .eurovenue { float:left; width: 20%; margin-right:20px;margin-top:15px; }
.euroclass .euroteam { float:left; width:60%;}

/* Marquee */
.marcontent {
	display: block;
	width: 100%;


	overflow: hidden;
	margin: 0 auto;

}

.marcontainer3 {
	width: 100%;

	float: left;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	height: 45px;
	position: relative;
	cursor: pointer;
}


/** EURO **/
#eurobg {background: url('../images/euro2016/bg.jpg') no-repeat center center #000; padding:20px 0; color:#fff; }
#countdown { font-size:36pt; text-transform: uppercase; font-weight:bold;padding-top:10px;}
#blackbg {background:#333; text-align:center;padding:20px 0;}
#eurodate { font-size:30pt;}
.euroluckyhome { font-size: 10pt; color:#fff;}
#eurologo { width: 30%; text-align:center;}
#eurotext { width: 69%; border-top:0; border-left:1px solid #fff; padding:10px 0;}
#eurologo img { max-width: 90%; height:auto !important;padding:0 10px; }
/** END EURO **/
#eurobg a { color:#fff; }
#eurobg a:hover { color:#05f0d2;}


.marquee-sibling {
	padding: 0;
	background:#efefef;
	width: 20%;
	height: 45px;
	line-height: 42px;
	font-size: 12pt;
	font-weight: normal;
	color: #000;
	text-align: center;
	float: left;
	left: 0;
	z-index: 2000;
}

.marquee, *[class^="marquee"] {
	display: inline-block;
	white-space: nowrap;
	position:absolute;
}

.marquee{
  margin-left: 25%;
}

.marquee-content-items{
  display: inline-block;
  padding: 5px;
  margin: 0;
  height: 45px;
  position: relative;
}

.marquee-content-items li{
  display: inline-block;
  line-height: 35px;
  color: #fff;
}

.marquee-content-items li:after{
	content: "|";
	margin: 0 1em;
}

/* Navigation */
#topmenu { width:100%; font-family:'pt_sansregular'; position:relative;  }

#topmenu ul a { text-decoration:none; font-family:'pt_sansregular';}

#topmenu ul { text-align:center;
  list-style: none; z-index:10;}
#topmenu ul li { display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 25px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

#topmenu ul li ul {
  padding: 0;
  position: absolute;
  top: 50px;
  left: 0;
  width: 250px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
#topmenu ul li ul li {
  background: #555;
  display: block;
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
#topmenu ul li ul li:hover { background: #666; }
#topmenu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#breadcrumb { background:#dfdfdf; padding:5px 10px; font-size:9pt; color:#666; text-transform:uppercase;}
#breadcrumb a { color: #000; text-decoration:none; }

.slicknav_menu {
	display:none;
}


@media screen and (max-width: 860px) {
	.js #menu {
		display:none;
	}

.desktop_only { display:none;}

	.js .slicknav_menu {
		display:block;
	}
.language { right: 60px; top:-38px; }
#clockbox { display:none; }
#headbar { height:0;}
#headbar .title { top:-45px; }
.topreg {  font-size:16pt;font-weight:bold; }
.toplogin {  font-size:16pt; font-weight:bold;padding:15px;}
#boxes { display:none; }
#boxes .window img, #boxes #dialog img {width:100%; height: auto!important; }
.whitebg img { width: 100%; height: auto !important;}
header .shortcut { width: 420px;}
#logo {width: 280px;}
#logo img {width: 100%; height:auto!important;}
#countdown { font-size:24pt;}
#eurodate { font-size:20pt;}
#eurologo { width: 40%; }
#eurologo img { max-width: 80%; height:auto !important;}
#eurotext {width: 59%;}
}

@media screen and (max-width: 768px) {
	#eurologo { width: 100%; }
	#eurologo img { max-width: 70%; padding-bottom:10px;}
	#eurotext {width: 100%; border-top:1px solid #fff; border-left:0;}

	.euroclass { padding:10px; }
	.euroclass .eurogroup { float:left; width:10%;margin-right:10px;}
	.euroclass .eurovenue { float:left; width: 15%; margin-right:10px;margin-top:15px; }
	.euroclass .euroteam { float:left; width:70%;}

}


#fix-top { visibility: collapse; }
/* Why Choose Us */

#home h1, #game_area h1 { font-size: 20pt;font-family: 'pt_sansbold'; text-align:center;margin:20px 0; text-transform: uppercase;}
#home h2 { font-size: 12pt; font-family: 'pt_sansregular'; letter-spacing:1px; padding-bottom:10px;}
#home .box { float:left; width:30%;height:300px; position:relative; margin: 0px 0 0px 3%; overflow:hidden; }

.my-bg { position: absolute; text-align:center; padding-top:20px;  }

.newbutton { position:fixed; bottom:20px; left:45%; background:#05f0d2; color:#333; padding:10px 20px;z-index:1;-webkit-border-radius: 5px; border-radius: 5px;  }
.newbutton a { color:#333; text-decoration:none; }
.newbutton:hover { color:#fff; background:#333; }

.promo_area { height: 230px; }
.promo_cont { border:0; font-family: 'pt_sansregular'; padding:10px 30px 20px 0;}
.text-center {text-align:center;}
.text-justify { text-align:justify;}
.promo_cont img { text-align:center; max-width: 100%;}
.promo_cont h2 { text-align:center;  font-size: 12pt; font-family: 'pt_sansbold';}

.border-right { border-right: 1px solid #efefef;}

.cs_24 { height:200px; background-size: 50%;}

.sidebarimg {text-align: center; padding:10px;}

/* Home Intro Area */

#intro_area { background:#efefef; padding:20px;}
#intro_area .box { float:left; width:30%; position:relative; margin: 0px 0 0px 3%; overflow:hidden; color:#666666; font-family: 'pt_sansregular'; text-align:justify; }
#intro_area img { width: 100%; height: auto !important;margin-bottom:20px;display:block;}
#intro_area .img { position:relative;}
#intro_area .img .title { margin-top:-20px; margin-bottom:10px; padding:10px 20px; width:100%;}
#intro_area .img .title h1 { font-family: 'pt_sansregular';  text-transform: uppercase; font-size:14pt; color:#000;}


/* Footer */
footer { padding:20px; font-size:10pt;}

.colLeft { width: 40%;padding:0 5%; float:left;text-align:justify;}
.colRight { width: 40%; padding: 0 5%; float:right;}

.social_butt img { float:left; margin:0 10px;width:60px; height:59px;}

.colLeft h1, .colRight h1 { font-size:12pt; padding-bottom:10px;}

.colRight img { max-width:100%;padding:20px 0;}

#footer {font-size:9pt;}
#footer ul { list-style: none;  }
#footer ul li { padding:0px 10px; margin:10px 0;border-right: 1px solid #999;  display:inline-block;}
#footer ul li:last-child { border-right:0px; }
#footer a { text-decoration:none;}

/* Sportsbook */

#sportsbook {
  background: url(../images/general/footballbg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:20px;position: relative;
 }

 .blacklayer { width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -99;
  padding: 0;
  margin: 0;
background:#000;
opacity: 0.5;}

 #sportsbook .headertitle { text-align:center;margin:20px;}

 #sportsbook .headertitle img { display:block; max-width:80%;margin: 0 auto; }
 #sportsbook .headertitle h1 { margin-top:-25px;text-shadow: rgba(0, 0, 0, 0.4); color:#fff; font-family: 'pt_sansregular'; letter-spacing:3px; font-size:12pt;}


#sport_slogan { height: 510px; overflow:hidden; width: 100%;margin: 20px auto 0 auto;}

.slogan_area, .slogan_cont { height: 500px !important; position:relative; color:#fff;text-shadow: 0 -1px 0 #000;}
.slogan_cont h1 { margin-top:50px; color:#fff;padding:20px 0;margin-bottom:10px;   text-shadow: 0 -1px 0 #000;font-size:24pt;}
.slogan_cont h1 span { border-top:1px solid #fff; border-bottom:1px solid #fff; }
.slogan_cont img, .slogan_area img { float:left; margin-right:30px; height: 100%; width:auto !important; }

.slogan_cont .content { width: 50%; text-align: justify; font-size: 18pt;margin: 0 auto;}

#game_area { background:#fff; padding:20px; margin: 0 auto;}
#game_area .box50 { float:left; width:46%; position:relative; margin: 0px 2% 20px 2%; overflow:hidden; color:#666666; font-family: 'pt_sansregular'; }
#game_area .box50 img { margin: 0 auto;text-align:center;width:100%; height: auto!important; position:relative;}

.game_desc {  width:100%; text-align:center; padding:10px;}
.game_desc h1 { font-size: 14pt !important; margin: 0 !important; padding:0 !important;}
#sb_intro { padding:20px 0;  width: 100%; font-size: 14pt;}
#sb_intro a { text-decoration: none; font-family: 'pt_sansbold'; color:#333; }

#live_area { width: 80%; margin: 0 auto; background:#fff;}


#casino  { text-align:center; position:relative; margin: 0 auto; width: 1024px;}
#casino img { width: 100%; height:auto!important; }
#slots { width: 100%;}
#slots img { width:100%; height: auto!important;}

#promotion_header { width: 100%; }
#promotion_header img { width: 100%; height: auto!important;}

.greybg ul, .whitebg ul, .greybg ol, .whitebg ol { margin-left:30px;margin-top:10px;margin-bottom:10px;}



.whitebg p {margin-bottom:20px;}

.whitebg h2 {text-align:left;padding-bottom:10px;}

/* Banking */

.tb_title { text-align:center; padding:5px; font-weight:bold;}
.td_subtitle { text-align:center; padding:5px;}
.td_topic { padding:5px 10px;}
.td_period {padding:5px 10px; }
.td_result {text-align:center; padding:5px 10px;border:1px solid #efefef;}

/* Contact */

.contact_item { width: 20%; float:left;margin:20px 2%;text-align:center;}
.contact_item h3 { padding-bottom:10px;}


/* FAQ */

.cd-faq-items, .cd-faq-items:after, .cd-faq-items:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cd-faq-trigger:after, .cd-faq-trigger:before, .cd-close-panel:after,.cd-close-panel:before {
  content: '';
}

.cd-faq a {
  color: #333;
  text-decoration: none;
}

.cd-faq ol, .cd-faq ul { list-style:none;}

.cd-faq {
  width: 100%;
  max-width: 1024px;
  margin: 2em auto;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.cd-faq:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 768px) {
  .cd-faq {
    position: relative;
    margin: 4em auto;
    box-shadow: none;
  }
	.mobile_only { display:none; }
}

.cd-faq-categories a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  padding: 0 28px 0 16px;
  background-color: #4e5359;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  white-space: nowrap;
  border-bottom: 1px solid #555b61;
  text-overflow: ellipsis;
}
.cd-faq-categories a::before, .cd-faq-categories a::after {
  /* plus icon on the right */
  position: absolute;
  top: 50%;
  right: 16px;
  display: inline-block;
  height: 1px;
  width: 10px;
  background-color: #05f0d2;
}
.cd-faq-categories a::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cd-faq-categories li:last-child a {
  border-bottom: none;
}
@media only screen and (min-width: 768px) {
  .cd-faq-categories {
    width: 20%;
    float: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  }
  .cd-faq-categories a {
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 600;
    padding-left: 24px;
    padding: 0 24px;
    -webkit-transition: background 0.2s, padding 0.2s;
    -moz-transition: background 0.2s, padding 0.2s;
    transition: background 0.2s, padding 0.2s;
  }
  .cd-faq-categories a::before, .cd-faq-categories a::after {
    display: none;
  }
  .no-touch .cd-faq-categories a:hover {
    background: #05f0d2;
  }
  .no-js .cd-faq-categories {
    width: 100%;
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-faq-categories {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    z-index: 2;
  }
  .cd-faq-categories a::before {
    /* decorative rectangle on the left visible for the selected item */
    display: block;
    top: 0;
    right: auto;
    left: 0;
    height: 100%;
    width: 3px;
    background-color: #05f0d2;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .cd-faq-categories .selected {
    background: #05f0d2 !important; color:#333 !important;
  }
  .cd-faq-categories .selected::before {
    opacity: 1;
  }
  .cd-faq-categories.is-fixed {
    /* top and left value assigned in jQuery */
    position: fixed;
  }
  .no-js .cd-faq-categories {
    position: relative;
  }
}

.cd-faq-items {
  position: fixed;
  height: 100%;
  width: 90%;
  top: 0;
  right: 0;
  background: #ffffff;
  padding: 0 5% 1em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) translateX(100%);
  -moz-transform: translateZ(0) translateX(100%);
  -ms-transform: translateZ(0) translateX(100%);
  -o-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
.cd-faq-items.slide-in {
  -webkit-transform: translateZ(0) translateX(0%);
  -moz-transform: translateZ(0) translateX(0%);
  -ms-transform: translateZ(0) translateX(0%);
  -o-transform: translateZ(0) translateX(0%);
  transform: translateZ(0) translateX(0%);
}
.no-js .cd-faq-items {
  position: static;
  height: auto;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

@media only screen and (min-width: 480px) {
.mobile_only { display:none;}
}
@media only screen and (min-width: 768px) {
  .cd-faq-items {
    position: static;
    height: auto;
    width: 78%;
    float: right;
    overflow: visible;
    -webkit-transform: translateZ(0) translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    padding: 0;
    background: transparent;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-faq-items {
    float: none;
    width: 100%;
    padding-left: 220px;
  }
  .no-js .cd-faq-items {
    padding-left: 0;
  }
}

.cd-close-panel {
  position: fixed;
  top: 5px;
  right: -100%;
  display: block;
  height: 40px;
  width: 40px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 2;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: right 0.4s;
  -moz-transition: right 0.4s;
  transition: right 0.4s;
}
.cd-close-panel::before, .cd-close-panel::after {
  /* close icon in CSS */
  position: absolute;
  top: 16px;
  left: 12px;
  display: inline-block;
  height: 3px;
  width: 18px;
  background: #05f0d2;
}
.cd-close-panel::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-close-panel::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-close-panel.move-left {
  right: 2%;
}
@media only screen and (min-width: 768px) {
  .cd-close-panel {
    display: none;
  }
}

.cd-faq-group {
  /* hide group not selected */
  display: none;
}
.cd-faq-group.selected {
  display: block;
}
.cd-faq-group .cd-faq-title {
  background: transparent;
  box-shadow: none;
  margin: 1em 0;
}
.no-touch .cd-faq-group .cd-faq-title:hover {
  box-shadow: none;
}
.cd-faq-group .cd-faq-title h2 {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #bbbbc7;
}
.no-js .cd-faq-group {
  display: block;
}
@media only screen and (min-width: 768px) {
  .cd-faq-group {
    /* all groups visible */
    display: block;
  }
  .cd-faq-group > li {
    background: #ffffff;
    margin-bottom: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
  }
  .no-touch .cd-faq-group > li:hover {
    box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
  }
  .cd-faq-group .cd-faq-title {
    margin: 2em 0 1em;
  }
  .cd-faq-group:first-child .cd-faq-title {
    margin-top: 0;
  }
}

.cd-faq-trigger {
  position: relative;
  display: block;
  margin: 1.6em 0 .4em;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .cd-faq-trigger {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0;
    padding: 24px 72px 24px 24px;
  }
  .cd-faq-trigger::before, .cd-faq-trigger::after {
    /* arrow icon on the right */
    position: absolute;
    right: 24px;
    top: 50%;
    height: 2px;
    width: 13px;
    background: #05f0d2;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .cd-faq-trigger::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 32px;
  }
  .cd-faq-trigger::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .content-visible .cd-faq-trigger::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .content-visible .cd-faq-trigger::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.cd-faq-content p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #6c7d8e;
}
@media only screen and (min-width: 768px) {
  .cd-faq-content {
    display: none;
    padding: 0 24px 30px;
  }
  .cd-faq-content p {
    line-height: 1.6;
  }
  .no-js .cd-faq-content {
    display: block;
  }
}



/* WINNER MESSAGE */
.winner_message{
    position: fixed;
    bottom:0;
    left:20px;
    padding:10px;
    max-width:200px;
    display:none;
    color:#fff;
    background:#05f0d2;
    font-size:12px;
    text-align:justify;
    z-index:999;
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}





@media screen and (min-width: 1024px) {

.mobile_only { display:none; }

}

@media  screen and (max-width: 1023px) {

.desktop_only { display:none; }



#wrapper { width: 100%; max-width: 1024px;}

#home .box { width: 47%;}

#intro_area .box { width: 47%;}
#eurobg img, #eurotext img { width: 90%; max-width: 953px; height:auto!important; }
#topmenu ul li { padding: 15px;}

.w60 { width: 90%;}

#casino { width: 100%; }

#sb_intro  h1 { font-size: 18pt;}

}

@media  screen and (max-width: 480px) {

.desktop_only { display:none; }

header .shortcut { width: 100%;}

.euroclass { padding:5px; }
.euroclass .eurogroup { float:left; width:5%;margin-right:10px;}
.euroclass .eurovenue { display:none; }
.euroclass .euroteam { float:left; width:90%;}
.euroclass .eurogroup img { width: 30px; height: auto!important; }
.euroclass .euroteam img  {width: 20px; height:auto!important;}

#wrapper { width: 100%; max-width: 768px;}

#home .box { width: 94%; height:auto; margin:10px 3%; padding:0;}
#home .box h2 { text-align:center; font-size: 15pt;}
.promo_cont { padding:0;}

#game_area .box50 { width: 96%;}

.small { font-size:10pt;}
.contact_item { width:39%; border:1px solid #efefef; padding:3%;margin: 10px 2%;}
#intro_area .box { width: 94%;}

.w60 { width: 90%;}

#casino { width: 100%; }

#sb_intro  h1 { font-size: 18pt;}

.ipad_only { display:none;}

.border-right  { border:0;}



#fix-top { position: absolute; top:10px; left:10px; visibility: visible; }

.colLeft { width:90%;}

.colRight { width: 90%; }

#logo {width: 100%; text-align:center; margin-bottom:10px;}

#logo img {width: 80%; height:auto!important; }

}


/* @media  screen and (min-width: 750px) {

.ipad_no { display:none; }
.mobile_only { display:none; }


} */