@font-face {
	font-family: OpenSans-Semibold;
	src: url(OpenSans-Semibold.eot?#iefix) format("embedded-opentype"), url(OpenSans-Semibold.woff) format("woff"), url(OpenSans-Semibold.ttf) format("truetype"), url(OpenSans-Semibold.svg#OpenSans-Semibold) format("svg");
	font-weight: normal;
	font-style: normal;
}
body {
	background-position: top; margin: 0px; align: center;
}
#flashContent {
	width: 100%; height: 100%;
}
table {
	border: currentColor; border-image: none; cell-padding: none; cell-spacing: none;
}
.logo {
	height: 79px; padding-top: 10px; padding-left: 15px; display: block;
}
.topmenuback {
	background-position: center; color: rgb(255, 255, 255); background-image: url("//www.extraspel.com/img/topMenu.png"); background-repeat: no-repeat;
}
.topmenu {
	padding: 0px 2px; color: rgb(255, 255, 255); font-family: "OpenSans-Semibold", verdana; font-size: 0.9em; font-weight: bold; text-decoration: none;
}
topmenu.visited {
	padding: 0px 2px; color: rgb(255, 255, 255); font-family: "OpenSans-Semibold", verdana; font-size: 0.9em; font-weight: bold; text-decoration: none;
}
topmenu.hover {
	padding: 0px 2px; color: rgb(255, 255, 255); font-family: "OpenSans-Semibold", verdana; font-size: 0.9em; font-weight: bold; text-decoration: none;
}
#pageContent {
	margin: -4px 0px 0px; padding: 0px; border: 0px dotted rgb(204, 204, 204); border-image: none; width: 100%; font-family: verdana;
}
.bottommenu {
	color: rgb(14, 61, 76); font-family: verdana; font-size: 12px; font-weight: normal; text-decoration: none;
}
.bottomtext {
	text-align: center; color: rgb(14, 61, 76); padding-right: 35px; padding-left: 35px; font-family: verdana; font-size: 11px; font-weight: normal;
}
.bottomtext a {
	color: rgb(14, 61, 76); font-weight: normal;
}
#lang_sel {
	top: 10px; height: 32px; font-family: verdana, arial, sans-serif; display: inline-block; position: relative; z-index: 999;
}
* html #lang_sel {
	width: 12em;
}
#lang_sel ul {
	margin: 0px !important; padding: 0px !important; text-align: left; list-style-type: none !important;
}
#lang_sel li {
	margin: 0px !important; padding: 0px !important; text-align: left; list-style-type: none !important;
}
#lang_sel li::before {
	content: "" !important;
}
#lang_sel ul ul {
	width: 149px;
}
#lang_sel li {
	width: 149px; float: left; position: relative;
}
#lang_sel a {
	background: rgb(255, 255, 255); border: 1px solid rgb(205, 205, 205); border-image: none; color: rgb(68, 68, 68); line-height: 24px; padding-left: 10px; font-size: 11px; text-decoration: none !important; display: block;
}
#lang_sel a:visited {
	background: rgb(255, 255, 255); border: 1px solid rgb(205, 205, 205); border-image: none; color: rgb(68, 68, 68); line-height: 24px; padding-left: 10px; font-size: 11px; text-decoration: none !important; display: block;
}
* html #lang_sel a {
	width: 138px;
}
* html #lang_sel a:visited {
	width: 138px;
}
#lang_sel ul ul {
	left: 0px; top: 25px; width: 149px; height: 0px; border-top-color: rgb(205, 205, 205); border-top-width: 1px; border-top-style: solid; visibility: hidden; position: absolute;
}
* html #lang_sel ul ul {
	top: 19px;
}
#lang_sel table {
	left: 0px; top: 0px; border-collapse: collapse; position: absolute;
}
#lang_sel ul ul a {
	background: rgb(255, 255, 255); border-width: 0px 1px 1px; padding: 5px 10px; height: auto; color: rgb(68, 68, 68); line-height: 1em;
}
#lang_sel ul ul a:visited {
	background: rgb(255, 255, 255); border-width: 0px 1px 1px; padding: 5px 10px; height: auto; color: rgb(68, 68, 68); line-height: 1em;
}
* html #lang_sel ul ul a {
	width: 128px;
}
* html #lang_sel ul ul a:visited {
	width: 128px;
}
#lang_sel a:hover {
	background: rgb(238, 238, 238); color: rgb(0, 0, 0);
}
#lang_sel ul ul a:hover {
	background: rgb(238, 238, 238); color: rgb(0, 0, 0);
}
#lang_sel:hover > a {
	background: rgb(238, 238, 238); color: rgb(0, 0, 0);
}
#lang_sel ul ul:hover > a {
	background: rgb(238, 238, 238); color: rgb(0, 0, 0);
}
#lang_sel a.lang_sel_sel {
	background: url("../images/site/nav-arrow-down.png") no-repeat right rgb(255, 255, 255); top: -5px; height: auto; color: rgb(68, 68, 68);
}
#lang_sel a.lang_sel_sel:hover {
	color: rgb(0, 0, 0); text-decoration: none;
}
#lang_sel ul li:hover ul {
	visibility: visible;
}
#lang_sel ul a:hover ul {
	visibility: visible;
}
#lang_sel img.iclflag {
	border: 0px solid rgb(0, 0, 0); border-image: none; top: 1px; width: 18px; height: 12px; text-decoration: none; position: relative;
}
#lang_sel_footer {
	font: 11px/normal Verdana, sans-serif; margin: 0px; padding: 7px; border: 1px solid rgb(205, 205, 205); border-image: none; height: 15px; text-align: center; clear: both; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255);
}
#lang_sel_footer ul {
	list-style: none; margin: 0px; padding: 0px;
}
#lang_sel_footer ul li img {
	top: 1px; width: 18px; height: 12px; position: relative;
}
#lang_sel_footer ul li {
	margin: 0px 1px 0px 0px; padding: 0px; display: inline;
}
#lang_sel_footer ul li a {
	padding: 5px 10px; text-decoration: none;
}
#lang_sel_footer ul li a:visited {
	padding: 5px 10px; text-decoration: none;
}
#lang_sel_footer ul li a:hover {
	
}
#lang_sel_footer ul li a:active {
	
}
#wpml_credit_footer {
	margin: 10px 0px; padding: 0px; width: 100%; text-align: center; font-size: 11px;
}
#lang_sel_list {
	width: 149px; height: 32px; font-family: verdana, arial, sans-serif; position: relative; z-index: 99;
}
* html #lang_sel_list {
	width: 12em;
}
#lang_sel_list ul {
	margin: 0px !important; padding: 0px !important; list-style-type: none !important;
}
#lang_sel_list li {
	margin: 0px !important; padding: 0px !important; list-style-type: none !important;
}
#lang_sel_list li::before {
	content: "" !important;
}
#lang_sel_list ul {
	width: 149px;
}
#lang_sel_list li {
	width: 149px; float: left; position: relative;
}
#lang_sel_list a {
	background: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: solid; border-color: rgb(205, 205, 205); border-image: none; color: rgb(68, 68, 68); line-height: 18px; padding-left: 10px; font-size: 11px; text-decoration: none !important; display: block;
}
#lang_sel_list a:visited {
	background: rgb(255, 255, 255); border-width: 0px 1px 1px; border-style: solid; border-color: rgb(205, 205, 205); border-image: none; color: rgb(68, 68, 68); line-height: 18px; padding-left: 10px; font-size: 11px; text-decoration: none !important; display: block;
}
* html #lang_sel_list a {
	width: 138px;
}
* html #lang_sel_list a:visited {
	width: 138px;
}
#lang_sel_list ul {
	left: 0px; top: 19px; width: 149px; height: 0px; border-top-color: rgb(205, 205, 205); border-top-width: 1px; border-top-style: solid;
}
* html #lang_sel_list ul {
	top: 19px;
}
#lang_sel_list table {
	left: 0px; top: 0px; border-collapse: collapse; position: absolute;
}
#lang_sel_list ul a {
	background: rgb(255, 255, 255); padding: 3px 10px; height: auto; color: rgb(68, 68, 68); line-height: 1em;
}
#lang_sel_list_list ul a:visited {
	background: rgb(255, 255, 255); padding: 3px 10px; height: auto; color: rgb(68, 68, 68); line-height: 1em;
}
* html #lang_sel_list ul a {
	width: 128px;
}
* html #lang_sel_list ul a:visited {
	width: 128px;
}
#lang_sel_list a.lang_sel_sel {
	color: rgb(68, 68, 68); background-image: none;
}
#lang_sel_list a.lang_sel_sel:hover {
	color: rgb(0, 0, 0); text-decoration: none;
}
#lang_sel_list ul li:hover ul {
	visibility: visible;
}
#lang_sel_list ul a:hover ul {
	visibility: visible;
}
#lang_sel_list img.iclflag {
	top: 1px; width: 18px; height: 12px; position: relative;
}
.icl_rtl#lang_sel {
	text-align: right; direction: rtl;
}
.icl_rtl#lang_sel .lang_sel_sel {
	padding-right: 14px;
}
.icl-zu {
	display: none;
}
.header {
	margin: 0px auto 10px; width: 870px;
}
.main-content {
	margin: 0px auto; width: 870px; clear: both;
}
.paymentsbar {
	background: rgb(255, 255, 255); margin: 0px auto; padding: 20px; left: 0px; width: 804px; text-align: center; position: relative;
}
.paymentsbar img {
	padding: 5px 8px; display: inline-block;
}
.topimg {
	top: -7px; clear: both; position: relative;
}
.maincontent {
	background: url("../images/site/bg.png") repeat-y; top: 0px; width: 100%; padding-bottom: 7px; margin-top: 20px; margin-bottom: 0px; float: left; position: relative;
}
.innermainconent {
	margin: 0px 10px;
}
.vid {
	float: left;
}
.vid2 {
	margin-left: 20px;
}
.support {
	clear: both; position: relative;
}
.slinkemail {
	left: 319px; top: 121px; width: 158px; height: 33px; display: block; position: absolute;
}
.slinkchat {
	left: 608px; top: 121px; width: 158px; height: 33px; display: block; position: absolute;
}
.nag {
	margin: 17px auto 10px; clear: both;
}
.innermainconent a {
	text-decoration: none;
}
.games img {
	padding: 7.6px; border: currentColor; border-image: none;
}
.girls {
	top: 4px; right: 0px; position: absolute;
}
.logo {
	height: 79px !important; padding-top: 10px; padding-left: 15px; display: block;
}
.logo img {
	padding-top: 10px; float: left; max-height: 69px;
}
.ideal {
	top: 14px; right: 195px; position: absolute;
}
.menu {
	background: url("../images/site/menu-item-bg.png") repeat-x; border-radius: 10px; height: 45px;
}
.menu a {
	top: -16px; height: 45px; text-transform: uppercase; line-height: 45px; font-weight: bold; display: inline-block; position: relative; text-shadow: 0px 1px #000;
}
nav {
	background: linear-gradient(rgb(29, 224, 250) 0%, rgb(20, 110, 123) 100%); border-radius: 5px; border: 1px solid rgb(17, 193, 198); border-image: none; width: 100%; line-height: 45px; display: table;
}
nav ul {
	display: table-row;
}
nav li {
	margin: 0px; text-align: center; line-height: 35px; display: table-cell; white-space: nowrap; position: relative;
}
nav li:active {
	background: url("../images/site/menu-item-bg-click-state.png") repeat-x;
}
nav li:hover a {
	text-shadow: 0px 0px 8px #ffffff, 0px 1px 0px #000;
}
nav #lang_sel li:hover a {
	text-shadow: none;
}
nav li:last-child:hover a {
	text-shadow: none;
}
nav li:first-child:hover {
	border-radius: 10px 0px 0px 10px;
}
nav li:last-child:hover {
	background: none;
}
nav li img {
	top: 0px; right: -3px; float: right; position: absolute;
}
nav #lang_sel li img {
	float: left;
}
#lang_sel .lang_sel_sel img.iclflag {
	top: 6px; right: 0px;
}
.topmenu {
	top: -3px; text-transform: uppercase; font-weight: bold; position: relative; text-shadow: 0px 1px #000;
}
footer {
	background: url("../images/site/bg.png") repeat-y 0px 0px rgba(0, 0, 0, 0); margin: 0px auto 40px; padding: 5px 0px; top: 20px; width: 870px; clear: both; position: relative;
}
.footer-content {
	background: rgba(255, 255, 255, 0.35); margin: 10px; border-radius: 8px; border: 3px solid rgb(66, 150, 157); border-image: none;
}
.games {
	padding-bottom: 7px; margin-top: 7px; float: left;
}
.game-holder {
	border-radius: 9px; border: 3px solid rgb(73, 172, 180); border-image: none; float: left;
}
.game-inner {
	border-width: 4px 2px; border-style: solid; border-color: rgb(78, 189, 198); border-radius: 7px; width: 196px; height: 132px;
}
.game-inner img {
	padding: 0px; border-radius: 7px; border: 2px solid rgb(216, 216, 216);
}
.game-holder {
	width: 200px; height: 140px; margin-right: 8.5px; margin-bottom: 7px; position: relative;
}
:nth-child(4n).game-holder {
	margin-right: 0px;
}
.slideshow {
	margin: -10px auto 0px; width: 870px; height: 310px; overflow: hidden; display: block;
}
.slideshow-container {
	width: 100%;
}
.game-inner2 {
	background: rgba(31, 111, 121, 0.8); border-radius: 7px; transition:0.5s; left: 4px; top: 6px; width: 192px; height: 128px; display: block; position: absolute; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;
}
.game-holder:hover .game-inner2 {
	opacity: 1;
}
.game-holder:hover .game-inner2 {
	
}
.game-holder .game-inner2 .game-name {
	background: rgb(22, 75, 86); border-radius: 0px 0px 7px 7px; width: 100%; height: 0px; bottom: 0px; color: rgb(255, 255, 255); display: block; position: absolute; opacity: 0;
}
.game-holder:hover .game-inner2 .game-name {
	opacity: 1;
}
.game-inner2 img {
	left: 40px; top: 30px; position: absolute;
}
.game-name {
	text-align: center; font-size: 13px;
}
.game-name-pos {
	top: 3px; display: none; position: relative;
}
.bottommenu-c {
	color: rgb(14, 61, 76);
}
.bottommenu-c ul {
	padding: 0px;
}
img.bottom-banner {
	left: 10px; margin-bottom: 10px; position: relative;
}
.controls {
	margin: 0px auto;
}
.cycle-pager {
	bottom: 0px; float: left; position: relative; z-index: 99999; cursor: pointer;
}
.cycle-prev {
	bottom: 0px; float: left; position: relative; z-index: 99999; cursor: pointer;
}
.cycle-next {
	bottom: 0px; float: left; position: relative; z-index: 99999; cursor: pointer;
}
.cycle-pager span {
	background: url("../images/site/slide-point.png") no-repeat; width: 55px; height: 55px; text-indent: -9999px; margin-top: -17px; float: left; display: block; position: relative; cursor: pointer;
}
.cycle-prev {
	margin-left: 30px;
}
.cycle-pager span.cycle-pager-active {
	background: url("../images/site/slide-point-active.png") no-repeat;
}
.controls-container {
	margin: -39px auto 0px; width: 870px; text-align: center;
}
.controls {
	top: 20px; display: inline-block; position: relative;
}
.cycle-slide {
	cursor: pointer;
}
.loginbtn {
	top: 30px; width: 123px; height: 30px; right: 300px; position: absolute;
}
.joinnowbtn {
	top: 30px; width: 123px; height: 30px; right: 170px; position: absolute;
}
.en_log {
	background: url("//extraspel.com/images/site/buttons/english.png") no-repeat;
}
.en_join {
	background: url("//extraspel.com/images/site/buttons/english.png") no-repeat;
}
.au_log {
	background: url("//extraspel.com/images/site/buttons/english.png") no-repeat;
}
.au_join {
	background: url("//extraspel.com/images/site/buttons/english.png") no-repeat;
}
.eu_log {
	background: url("//extraspel.com/images/site/buttons/english.png") no-repeat;
}
.eu_join {
	background: url("//extraspel.com/images/site/buttons/english.png") no-repeat;
}
.ca_log {
	background: url("//extraspel.com/images/site/buttons/english.png") no-repeat;
}
.ca_join {
	background: url("//extraspel.com/images/site/buttons/english.png") no-repeat;
}
.de_log {
	background: url("//extraspel.com/images/site/buttons/german.png") no-repeat;
}
.de_join {
	background: url("//extraspel.com/images/site/buttons/german.png") no-repeat;
}
.fi_log {
	background: url("//extraspel.com/images/site/buttons/finland.png") no-repeat;
}
.fi_join {
	background: url("//extraspel.com/images/site/buttons/finland.png") no-repeat;
}
.no_log {
	background: url("//extraspel.com/images/site/buttons/norway.png") no-repeat;
}
.no_join {
	background: url("//extraspel.com/images/site/buttons/norway.png") no-repeat;
}
.sv_log {
	background: url("//extraspel.com/images/site/buttons/swedish.png") no-repeat;
}
.sv_join {
	background: url("//extraspel.com/images/site/buttons/swedish.png") no-repeat;
}
.loginbtn {
	background-position: 0px 0px;
}
.loginbtn:hover {
	background-position: 0px -32px;
}
.joinnowbtn {
	background-position: -124px 0px;
}
.joinnowbtn:hover {
	background-position: -124px -32px;
}
.ticker {
	padding-top: 20px;
}
#NGTickerContainer {
	background: rgb(78, 189, 198); margin: 0px auto; width: 850px; height: 40px; padding-right: 10px; padding-left: 10px;
}
#NGTickerContainer .NGTickerWrapper {
	width: 850px; height: 40px;
}
#NGTickerContainer li {
	line-height: 40px;
}
#NGTickerContainer li.NGTickerItemBigWin {
	color: rgb(255, 255, 255); text-transform: capitalize; font-size: 15px; font-weight: bold;
}
#NGTickerContainer li.NGTickerItem {
	color: rgb(102, 170, 204); text-decoration: none;
}
#NGTickerContainer li.NGTickerSeparator {
	color: rgb(73, 172, 180);
}
.lpbg {
	background: rgb(18, 63, 77); min-height: 100%;
}
.lpbg .ol {
	float: left;
}
.lpbackground {
	background: url("/images/landing_pages/Background-ExtraspelLP-wide.jpg") no-repeat center / cover; margin: 0px auto; width: 100%; padding-bottom: 50px; clear: both; display: block;
}
.desktoplp {
	width: 100%; max-width: 1970px;
}
.mobilelp {
	width: 100%; max-width: 768px;
}
.lptext {
	padding: 10px; text-align: center; color: rgb(255, 255, 255); font-family: verdana; font-size: 12px;
}
.lptext a {
	color: rgb(255, 255, 255);
}
.lpfooter {
	background: rgb(255, 255, 255); width: 100%; text-align: center; bottom: 0px; clear: both; float: left;
}
.lpfooter img {
	padding: 10px 5px; display: inline-block;
}
.desktoplp {
	display: none;
}
.lpp .desktoplp {
	display: none;
}
.lpp .mobilelp {
	margin: 0px auto; display: block;
}
.lpp .header {
	display: none;
}
.lpp.main-content {
	width: 100%;
}
.linktoterms {
	right: 20px; bottom: 0px; color: rgb(28, 100, 109); font-size: 14px; position: absolute; z-index: 1000;
}
.bp {
	font-size: 14px;
}
.bp h1 {
	font-size: 18px;
}
@media all and (min-width:890px)
{
.lpp .header {
	display: block;
}
.lpp.main-content {
	width: 870px;
}
.lpp .mobilelp {
	display: none;
}
.lpp .desktoplp {
	display: block;
}
}
@media all and (min-width:768px)
{
.mobilelp {
	display: none;
}
.desktoplp {
	display: block;
}
.lpbackground {
	background: none;
}
}
.welcome-img {
	margin: 10px 0px 0px; position: relative;
}
.wel-text {
	margin: 0px 0px 20px;
}
/*div#top-image {
background:url('http://localhost/finn-and-swirly-spin/jungle-spirit/desktop.png') -25px -50px;
position:fixed ;
top:0;
width:100%;
z-index:0;
  height:100%;
  background-size: calc(100% + 50px);
}*/