footer { }
footer .container { min-width: 320px; max-width: 1280px; padding: 0; margin: 0 auto }
footer .container > .top { padding-bottom: 10px; background: #9fbfd5; font: normal 14px/17px Verdana, sans-serif; color: #353d48 }
footer .container > .top > strong { display: block; padding: 20px 10px; font: 300 20px/20px "roboto condensed", sans-serif; text-align: center }
footer .container > .top ul { max-width: 1200px; padding: 0; margin: 0 auto; list-style: none; overflow: hidden }
footer .container > .top ul li { width: 50% }
footer .container > .top ul.main { font-size: 0; text-align: center }
footer .container > .top ul.main li { display: inline-block; padding: 0 0 10px }
footer .container > .top ul.main li a { display: block; width: 95%; max-width: 210px; height: 96px; line-height: 96px; margin: 0 auto; background: #b0d0e3; border-radius: 7px }
footer .container > .top ul.main li a:hover { background: #e4f4ff }
footer .container > .top ul.more { }
footer .container > .top ul.more li { float: left }
footer .container > .top ul.more li a { display: block; max-width: 170px; color: #353d48; text-align: left; padding: 9px 5px; margin: 0 auto; text-decoration: none }
footer .container > .top ul.more li a:before { content: ""; display: inline-block; width: 27px; height: 27px; margin-right: 7px; vertical-align: middle; border-radius: 13px }
footer .container > .top ul.more li a:after { padding: 0 8px; margin-left: 8px; text-indent: 0; font: normal 10px/17px "roboto condensed", sans-serif; color: #fff; text-transform: uppercase; background: #23a0c9; border-radius: 3px }
footer .container > .top ul.more li a:hover { text-decoration: underline }
footer .container > .top ul.more li a.word:after { content: attr(data) }
footer .container > .mid { background: #475d7c; text-align: center; padding: 10px 0; overflow: auto }
footer .container > .mid > div:after { content: ""; display: block; clear: both }
footer .container > .mid > div div strong,
footer > .mid > div div strong a { display: block; padding: 10px 0; font: normal 18px/20px "roboto slab", serif; color: #23a0c9; border-bottom: 1px solid #b5becb }
footer .container > .mid > div div strong a { border-bottom: none; text-decoration: none; padding: 0 }
footer .container > .mid > div div strong a:before { display: none }
footer .container > .mid > div div a { display: block; padding: 10px 0; font: normal 14px/15px Verdana, sans-serif; color: white; text-decoration: none }
footer .container > .mid > div div a:before { content: ""; display: inline-block; width: 7px; height: 7px; background: url(/ro/style/bg/header-misc.png) no-repeat -63px -91px; vertical-align: middle; margin-right: 15px }
footer .container > .mid > div div a:hover { text-decoration: underline }
footer .container > .mid > div > div { width: 230px; margin: 0 auto; text-align: left }
footer .container > .bot { position: relative; background: #1f1f1f; padding-top: 1px; margin-top: -1px }
footer .container > .bot > .legal { font: normal 12px/0.9 "open sans", sans-serif; color: #b5b5b5; margin: 4% 4% 0; padding-bottom: 5px; border-bottom: 1px dashed #6d6d6d; float: none; width: auto; display: table; margin: 0 auto; padding-top: 10px; text-align: center }
footer .container > .bot > .legal > span { display: block; margin-bottom: 5px }
footer .container > .bot > .legal > span a { color: #9cc8e2; text-decoration: none }
footer .container > .bot > .legal > span a:hover { text-decoration: underline }
footer .container > .bot > .legal > span b { font-weight: normal; color: #ddd }
footer .container > .bot > .legal > span b b { color: #ce8888 }
footer .container > .bot > .links { overflow: hidden; border-bottom: 1px solid #535c65; padding: 7px 0; font: normal 13px/16px Verdana, sans-serif; color: #fff; float: none; width: auto; display: table; margin: 0 auto; text-align: center }
footer .container > .bot > .links a { display: block; padding: 7px 0; color: #fff; text-transform: uppercase; text-decoration: none }
footer .container > .bot > .links span { display: block; color: #b5b5b5 }
footer .container > .bot > .links a:hover { color: #23a0c9; text-decoration: none }
footer .container > .bot > span { display: block; padding: 17px 10px; text-align: center; font: normal 13px/27px Verdana, sans-serif; color: #8599b6 }
footer .container > .bot > span a { display: inline-block; width: 27px; height: 27px; margin: 0 3px; vertical-align: middle; background: #0670dc url(/ro/style/logo/soc.png) no-repeat -27px 0; border-radius: 13px }
footer .container > .bot > span a.t { background-color: #11c1fb; background-position: -3px 2px }
footer .container > .bot > span a.f { background-color: #0670dc; background-position: -29px 2px }
footer .container > .bot > span a.g { background-color: #ff3f3f; background-position: -58px 1px }
footer .container > .bot > span a.y { background-color: #ff3f3f; background-position: -87px 0px }
footer .container > .bot > span a:hover { background-color: #012dbd }
footer .container > .bot > span a.t:hover { background-color: #048df7 }
footer .container > .bot > span a.f:hover { background-color: #012dbd }
footer .container > .bot > span a.g:hover { background-color: #ff1212 }
footer .container > .bot > span a.y:hover { background-color: #ff1212 }
footer .container > .terms { position: relative; max-width: 1280px; width: auto; height: 285px; margin: 0 auto; background: #384761 url("/ro/style/bg/footer-text-1.png") no-repeat center }
footer .container > .terms { box-shadow: -1279px 0 0 #374862, 1279px 0 0 #374862 }
footer .container > .bot > .legal a { display: block; position: absolute; text-indent: -99999px }
footer .container > .bot > .legal a { overflow: hidden; text-decoration: none; font-size: 0; text-indent: -100%; display: inline-block; margin-right: 2px; margin-bottom: 5px }
footer .container > .bot > .legal a.legal-logos { background: url(/ro/style/logo/licence-logos.png) no-repeat -0 0; position: static; display: inline-block; vertical-align: middle; margin-right: 5px; margin-bottom: 12px }
footer .container > .bot > .legal .legal-logos.onjn { width: 61px; height: 24px; background-position: -1px 0px }
footer .container > .bot > .legal .legal-logos.anpc { width: 71px; height: 27px; background-position: -1px -27px }
footer .container > .bot > .legal .legal-logos.jocr { width: 125px; height: 27px; background-position: -1px -56px }
footer .container > .bot > .legal .legal-logos.eighteen { width: 29px; height: 29px; background-position: -1px -85px }
@media only screen and (min-width:480px) {
	footer .container > .top ul li { width: 33.33% }
	footer .container > .mid > div { width: 1050px }
	footer .container > .mid > div > div,
	footer > .mid > div > div > div { float: left; width: 190px; margin: 0 10px }
	footer .container > .mid > div > div.x2,
	footer .container > .mid > div > div.x3 { width: auto; float: none; overflow: hidden }
	footer .container > .mid > div > div > div { margin: 0 10px 0 0; width: 190px; float: left }
	footer .container > .mid > div > div > div:last-child { margin: 0 }
	footer .container > .mid > div div a { font-size: 12px }
	footer .container > .bot > .links { padding-bottom: 20px }
	footer .container > .bot > .links a { padding-left: 10% }
	footer .container > .bot > .legal { padding: 10px; border-bottom: none }
	footer .container > .terms { height: 230px; background: #384761 url("/ro/style/bg/footer-text-2.png") no-repeatcenter }
}
@media only screen and (min-width:640px) {
	footer .container > .top ul li { width: 25% }
	footer .container > .bot:after { content: ""; display: block; clear: both }
	footer .container > .bot > .links { border: none; overflow: hidden }
	footer .container > .bot > span { text-align: right; padding: 23px 10px }
	footer .container > .bot > .links a { padding: 2px 0 2px 5% }
	footer .container > .terms { height: 180px; background: #384761 url("/ro/style/bg/footer-text-3.png") no-repeatcenter }
}
@media only screen and (min-width:768px) {
	footer .container > .top ul li { width: 20% }
	footer .container > .bot > span { padding: 15px 5px }
	footer .container > .terms { height: 150px; background: #384761 url("/ro/style/bg/footer-text-4.png") no-repeatcenter }
}
@media only screen and (min-width:1024px) {
	footer .container > .mid { overflow: visible }
	footer .container > .mid > div { width: 1000px; margin: 0 auto }
	footer .container > .mid > div > div,
	footer > .mid > div > div > div { width: 185px; margin: 0 7px }
	footer .container > .mid > div > div > div { margin: 0 8px 0 0 }
	footer .container > .mid > div > div > div:last-child { margin: 0 }
	footer .container > .bot > .legal { width: auto; text-align: right; float: right; width: 40%; display: block }
	footer .container > .bot > .links { font-size: 0; padding: 11px 0 11px 10px; text-align: left; display: block }
	footer .container > .bot > .links span { font-size: 11px }
	footer .container > .bot > .links a { float: none; display: inline-block; font-size: 12px; border-left: 1px solid #3c3c3c; padding: 2px 1.5% }
	footer .container > .bot > .links a:first-child { border-left: none; padding-left: 0 }
	footer .container > .terms { height: 130px; background: #384761 url("/ro/style/bg/footer-text-5.png") no-repeatcenter }
}
@media only screen and (min-width:1150px) {
	footer .container > .mid > div { width: 1100px }
	footer .container > .mid > div > div,
	footer > .mid > div > div > div { width: 190px; margin: 0 12px }
	footer .container > .mid > div > div > div { margin: 0 12px 0 0 }
	footer .container > .mid > div > div > div:last-child { margin: 0 }
	footer .container > .mid > div > div.x3 { width: auto; float: none; overflow: hidden }
	footer .container > .top { box-shadow: -1279px 0 0 #9fbfd5, 1279px 0 0 #9fbfd5 }
	footer .container > .mid { box-shadow: -1279px 0 0 #475d7c, 1279px 0 0 #475d7c }
	footer .container > .bot { box-shadow: -1279px 0 0 #1f1f1f, 1279px 0 0 #1f1f1f }
	footer .container > .terms { height: 130px; background: url("/ro/style/bg/footer-text-6.png") no-repeat center }
	footer .container > .bot > .legal a.legal-logos { position: absolute }
}
@media only screen and (min-width:1280px) {
	footer .container > .mid > div { width: 1180px }
	footer .container > .mid > div > div,
	footer > .mid > div > div > div { margin: 0 23px }
	footer .container > .mid > div > div > div { margin: 0 25px 0 0 }
	footer .container > .mid > div > div > div:last-child { margin: 0 }
	footer .container > .mid > div > div.x3 { width: auto; float: none; overflow: hidden }
	footer .container > .bot > .legal { position: relative; width: auto }
	footer .container > .bot > .legal a.legal-logos { position: absolute; margin-right: 0; margin-bottom: 0 }
	footer .container > .bot > .legal .legal-logos.onjn { top: 15px; left: -340px }
	footer .container > .bot > .legal .legal-logos.anpc { top: 14px; left: -270px }
	footer .container > .bot > .legal .legal-logos.jocr { top: 14px; left: -190px }
	footer .container > .bot > .legal .legal-logos.eighteen { top: 11px; left: -55px }
}

.lang-menu { position: relative; max-width: 75px; margin: 15px auto 0 }
.lang-menu.is-expanded > a:after { transform: rotate(180deg) }
.lang-menu.is-expanded ul { transform: rotateX(0deg) }
.lang-menu a { position: relative; display: block; padding: 2px 15px 1px 30px; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 600; color: #fff; text-transform: uppercase; text-decoration: none; background: #676767; transition: color .15s, background .15s }
.lang-menu a:before { content: ''; position: absolute; width: 23px; height: 15px; top: 3px; left: 4px; background-image: url(/ro/style/bg/flags-sprite.png); background-size: 100% auto }
.lang-menu > a:after { content: ''; position: absolute; width: 0; height: 0; top: 50%; right: 4px; margin-top: -2px; border-width: 5px 5px 0 5px; border-style: solid; border-color: #a3a3a3 transparent transparent transparent; transition: transform .15s }
.lang-menu a:hover { color: #fff; background: #808080 }
.lang-menu ul { position: absolute; width: 100%; bottom: 100%; left: 0; padding: 0; margin: 0; transform: rotateX(90deg); transform-origin: 50% 100%; list-style-type: none; transition: transform .15s }
.lang-menu ul a { color: #d8d8d8 }
.lang-menu li { margin-bottom: 1px }
.lang-menu .en:before { background-position-y: 0 }
.lang-menu .de:before { background-position-y: -100% }
.lang-menu .dk:before { background-position-y: -200% }
.lang-menu .ro:before { background-position-y: -300% }
.lang-menu .es:before { background-position-y: -400% }
.lang-menu .nl:before { background-position-y: -500% }
.lang-menu .fr:before { background-position-y: -600% }
.lang-menu .tr:before { background-position-y: -700% }
.lang-menu .int:before { background-position-y: -800% }
@media(min-width:640px) {
	.lang-menu { position: absolute; top: 0; right: 15px }
}
@media(min-width:1024px) {
	.lang-menu { top: 4px; right: 390px }
}

.lang-select { position: relative; margin: 10px auto 5px; width: 104px }
.lang-select .lang-toggle { background: #464646; display: block; border: 1px solid #676767; border-radius: 1px; font-size: 11px; line-height: 16px; padding: 5px 19px 5px 30px; position: relative; color: #f5f5f5; cursor: pointer; text-align: center }
.lang-select .lang-toggle:before { position: absolute; top: 50%; left: 16px; margin: -8px 0 0 -12px }
.lang-select .lang-toggle:after { content: ""; width: 0; height: 0; overflow: hidden; border-width: 4px 5px 0 4px; border-style: solid; border-color: #676767 transparent transparent; position: absolute; top: 12px; right: 4px }
.lang-select .lang-toggle:hover { background: #676767 }
.lang-select .lang-toggle:hover:after { border-color: #c2c2c2 transparent transparent }
.lang-select ul { list-style: none; margin: 0; padding: 0; border: 1px solid #676767; position: absolute; min-width: 101px; display: none }
.lang-select ul ul:before { content: ""; position: absolute; bottom: 0; height: 30px; width: 10px }
.lang-select > ul { bottom: 100%; margin-bottom: 1px }
.lang-select li { font-size: 11px; line-height: 14px; color: #c7c7c7; position: relative }
.lang-select li + li { border-top: 1px solid #676767 }
.lang-select li ul { bottom: -1px; display: block; visibility: hidden; transform: scale(0); transition: transform 0.3s, visibility 0s 0.3s }
.lang-select li:hover > ul { visibility: visible; transform: none; transition: transform 0.3s }
.lang-select li.open > ul,
.lang-select li:hover > ul { display: block }
.lang-select li a,
.lang-select li span { display: block; color: inherit; padding: 5px 8px; text-decoration: none; background: #464646; white-space: nowrap; position: relative; z-index: 2; cursor: pointer }
.lang-select > ul > li.has-sub { position: relative }
.lang-select > ul > li.has-sub:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; visibility: visible; z-index: 2 }
.lang-select > ul > li.has-sub:hover:after { transition: visibility 0s 0.1s; visibility: hidden }
.lang-select > ul > li.has-sub > a:after,
.lang-select > ul > li.has-sub > span:after { content: ""; width: 0; height: 0; overflow: hidden; border-style: solid; position: absolute; top: 8px }
.lang-select li:hover > a,
.lang-select li:hover > span { background: #676767 }
.lang-select ._flag:before { content: "" }
.lang-select li li a,
.lang-select li li span { padding-left: 38px }
.lang-select li li a:before,
.lang-select li li span:before { position: absolute; top: 4px; left: 5px }
@media only screen and (max-width:767px) {
	.lang-select ul ul:before { left: 100% }
	.lang-select > ul > li { text-align: right }
	.lang-select > ul > li.has-sub > a,
	.lang-select > ul > li.has-sub > span { padding-left: 18px }
	.lang-select > ul > li.has-sub > a:after,
	.lang-select > ul > li.has-sub > span:after { border-width: 5px 4px 4px 0; border-color: transparent #676767 transparent transparent; left: 7px }
	.lang-select > ul > li.has-sub:hover > a:after,
	.lang-select > ul > li.has-sub:hover > span:after { border-color: transparent #c7c7c7 transparent transparent }
	.lang-select li ul { right: 100%; margin-right: 2px; text-align: left; transform-origin: bottom right }
}
@media only screen and (max-width:639px) {
	.lang-select > ul { left: 0 }
}
@media only screen and (min-width:640px) and (max-width:767px) {
	.lang-select { float: right; margin-right: 10px }
	.lang-select > ul { right: 0 }
}
@media only screen and (min-width:768px) {
	.lang-select ul ul:before { right: 100% }
	.lang-select > ul { left: 0 }
	.lang-select > ul > li.has-sub > a,
	.lang-select > ul > li.has-sub > span { padding-right: 18px }
	.lang-select > ul > li.has-sub > a:after,
	.lang-select > ul > li.has-sub > span:after { border-width: 5px 0 4px 4px; border-color: transparent transparent transparent #676767; right: 7px }
	.lang-select > ul > li.has-sub:hover > a:after,
	.lang-select > ul > li.has-sub:hover > span:after { border-color: transparent transparent transparent #c7c7c7 }
	.lang-select li ul { left: 100%; margin-left: 2px; transform-origin: bottom left }
}
@media only screen and (min-width:1024px) {
	.lang-select { position: absolute; top: 5px; right: 390px }
}

.lang-select { position: relative; margin: 14px 0 0; display: inline-block }
.lang-select .lang-toggle { background: #464646; display: block; border: 1px solid #676767; border-radius: 1px; font-size: 13px; line-height: 16px; padding: 5px 19px 5px 30px; position: relative; color: #f5f5f5; cursor: pointer; text-align: center }
.lang-select .lang-toggle.s { font-size: 12px }
.lang-select .lang-toggle.xs { font-size: 11px }
.lang-select .lang-toggle.xxs { font-size: 10px; padding-left: 24px; padding-right: 13px }
.lang-select .lang-toggle.xxs:before { left: 12px; transform: scale(0.75) }
.lang-select .lang-toggle.xxs:after { right: 2px }
.lang-select .lang-toggle:before { position: absolute; top: 50%; left: 16px; margin: -8px 0 0 -12px }
.lang-select .lang-toggle:after { content: ""; width: 0; height: 0; overflow: hidden; border-width: 4px 5px 0 4px; border-style: solid; border-color: #676767 transparent transparent; position: absolute; top: 12px; right: 4px }
.lang-select .lang-toggle:hover { background: #676767 }
.lang-select .lang-toggle:hover:after { border-color: #c2c2c2 transparent transparent }
.lang-select ul { list-style: none; margin: 0; padding: 0; border: 1px solid #676767; position: absolute; min-width: 101px; display: none }
.lang-select ul ul:before { content: ""; position: absolute; bottom: 0; height: 30px; width: 10px }
.lang-select > ul { bottom: 100%; margin-bottom: 1px }
.lang-select li { font-size: 11px; line-height: 14px; color: #c7c7c7; position: relative }
.lang-select li + li { border-top: 1px solid #676767 }
.lang-select li ul { bottom: -1px; display: block; visibility: hidden; transform: scale(0); transition: transform 0.3s, visibility 0s 0.3s }
.lang-select li:hover > ul { visibility: visible; transform: none; transition: transform 0.3s }
.lang-select li.open > ul,
.lang-select li:hover > ul { display: block }
.lang-select li a,
.lang-select li span { display: block; color: inherit; padding: 5px 8px; text-decoration: none; background: #464646; white-space: nowrap; position: relative; z-index: 2; cursor: pointer }
.lang-select > ul > li.has-sub { position: relative }
.lang-select > ul > li.has-sub:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; visibility: visible; z-index: 2 }
.lang-select > ul > li.has-sub:hover:after { transition: visibility 0s 0.1s; visibility: hidden }
.lang-select > ul > li.has-sub > a:after,
.lang-select > ul > li.has-sub > span:after { content: ""; width: 0; height: 0; overflow: hidden; border-style: solid; position: absolute; top: 8px }
.lang-select li:hover > a,
.lang-select li:hover > span { background: #676767 }
.lang-select ._flag:before { content: "" }
.lang-select li li a,
.lang-select li li span { padding-left: 38px }
.lang-select li li a:before,
.lang-select li li span:before { position: absolute; top: 4px; left: 5px }
@media only screen and (max-width:767px) {
	.lang-select ul ul:before { left: 100% }
	.lang-select > ul { right: 0 }
	.lang-select > ul > li { text-align: right }
	.lang-select > ul > li.has-sub > a,
	.lang-select > ul > li.has-sub > span { padding-left: 18px }
	.lang-select > ul > li.has-sub > a:after,
	.lang-select > ul > li.has-sub > span:after { border-width: 5px 4px 4px 0; border-color: transparent #676767 transparent transparent; left: 7px }
	.lang-select > ul > li.has-sub:hover > a:after,
	.lang-select > ul > li.has-sub:hover > span:after { border-color: transparent #c7c7c7 transparent transparent }
	.lang-select li ul { right: 100%; margin-right: 2px; text-align: left; transform-origin: bottom right }
}
@media only screen and (min-width:768px) {
	.lang-select ul ul:before { right: 100% }
	.lang-select > ul { left: 0 }
	.lang-select > ul > li.has-sub > a,
	.lang-select > ul > li.has-sub > span { padding-right: 18px }
	.lang-select > ul > li.has-sub > a:after,
	.lang-select > ul > li.has-sub > span:after { border-width: 5px 0 4px 4px; border-color: transparent transparent transparent #676767; right: 7px }
	.lang-select > ul > li.has-sub:hover > a:after,
	.lang-select > ul > li.has-sub:hover > span:after { border-color: transparent transparent transparent #c7c7c7 }
	.lang-select li ul { left: 100%; margin-left: 2px; transform-origin: bottom left }
}
.footer-blue { max-width: 100%; background: #061222; font: 13px "Verdana", sans-serif; letter-spacing: 0.025em; color: #7a8798; padding-bottom: 17px }
.footer-blue .footer-top { background: #2c3849; text-transform: uppercase }
.footer-blue .footer-top .footer-text { display: none }
.footer-blue .footer-text { font-style: italic }
.footer-blue .footer-list { list-style: none; padding-left: 0; text-align: center; padding: 12px 0; margin-bottom: 0 }
.footer-blue .footer-list li { display: inline-block; margin: 17px 5px 0; color: #a8b0ba }
.footer-blue .footer-list a { color: #a8b0ba; text-decoration: none; cursor: pointer }
.footer-blue .footer-list a strong { color: #fe871f }
.footer-blue .footer-list strong { display: block; font: 700 40px/0.9 "bebasneue", sans-serif }
.footer-blue .footer-list strong:before { content: ""; display: inline-block; vertical-align: baseline; background-size: contain; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; margin-right: 5px }
.footer-blue .footer-list .diamond strong:before { background-image: url(/ro/style/icons/diamond-g.svg) }
.footer-blue .footer-list .cherry strong:before { background-image: url(/ro/style/icons/cherry-g.svg) }
.footer-blue .footer-list .card strong:before { background-image: url(/ro/style/icons/card-g.svg) }
.footer-blue .footer-list .roulette strong:before { background-image: url(/ro/style/icons/roulette-g.svg) }
.footer-blue .footer-list .smile strong:before { background-image: url(/ro/style/icons/smile-g.svg) }
.footer-blue .footer-list .settings strong:before { background-image: url(/ro/style/icons/settings-g.svg) }
.footer-blue .footer-list .wallet strong:before { background-image: url(/ro/style/icons/wallet-g.svg) }
.footer-blue .footer-list a.diamond strong:before { background-image: url(/ro/style/icons/diamond.svg) }
.footer-blue .footer-list a.cherry strong:before { background-image: url(/ro/style/icons/cherry.svg) }
.footer-blue .footer-list a.card strong:before { background-image: url(/ro/style/icons/card.svg) }
.footer-blue .footer-list a.roulette strong:before { background-image: url(/ro/style/icons/roulette.svg) }
.footer-blue .footer-list a.smile strong:before { background-image: url(/ro/style/icons/smile.svg) }
.footer-blue .footer-list a.settings strong:before { background-image: url(/ro/style/icons/settings.svg) }
.footer-blue .footer-list a.wallet strong:before { background-image: url(/ro/style/icons/wallet.svg) }
.footer-blue .footer-bottom { padding: 0 20px }
.footer-blue .footer-col { padding: 18px 0 12px }
.footer-blue .footer-col.short .list-links-primary { columns: unset }
.footer-blue .footer-col + .footer-col { border-top: 1px solid #28384c }
.footer-blue .footer-col-l { background-image: url(/ro/style/icons/usa-map.png); background-size: 254px 170px; background-position: right 10px; background-repeat: no-repeat }
.footer-blue .footer-col-l .footer-title:after { content: ""; display: inline-block; vertical-align: middle; background-image: url(/ro/style/icons/usa-line.png); background-size: auto 14px; background-repeat: no-repeat; background-position: 0 0; width: 175px; height: 16px; margin-left: 15px }
.footer-blue .footer-title { color: #fff; font-weight: 700; margin-bottom: 16px }
.footer-blue .footer-title p { display: inline-block }
.footer-blue .ico-twitter-secondary:before { content: ""; margin-top: -10px; margin-left: 15px }
.ico-twitter-secondary { font-size: 0; line-height: 0; text-indent: -4000px }
.ico-twitter-secondary:before,
.ico-twitter-secondary:after { display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center center; width: 28px; height: 28px; background-image: url(/ro/style/icons/twitter.png) }
.ico-twitter-secondary:hover:before,
.ico-twitter-secondary:hover:after { background-image: url(/ro/style/icons/twitter-hover.png) }
.footer-blue .list-links-primary { columns: 2 }
.footer-blue .list-links-primary a { color: #7a8798 }
.footer-blue .list-links-primary a:hover { color: #20a3cd; text-decoration: none }
.footer-blue .list-links-primary li + li { margin-top: 18px }
.footer-blue .footer-logo { text-decoration: none; font-size: 0; display: inline-block; vertical-align: middle }
.footer-blue .footer-logo:before { content: ""; display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center }
.footer-blue .footer-logo.eightteen:before { background-image: url(/ro/style/icons/18.png); width: 25px; height: 25px }
.footer-blue .footer-logo.onjn:before { background-image: url(/ro/style/icons/onjn.png); width: 24px; height: 24px }
.footer-blue .footer-logo.anpc:before { background-image: url(/ro/style/icons/anpc.png); width: 83px; height: 27px }
.footer-blue .footer-logo.joc-responsabil:before { background-image: url(/ro/style/icons/jocresponsabil.png); width: 85px; height: 25px }
.footer-blue .lang-select { width: auto; right: auto; top: auto; float: none; display: block; max-width: 130px }
.footer-blue .lang-select > ul { bottom: calc(100% - 4px); border-color: #fff; width: calc(100% - 24px); background: #fff; transition: 0.3s; padding: 0 11px; z-index: 5 }
.footer-blue .lang-select .lang-toggle { border-color: #fff; background: #061222; padding: 10px 30px 10px 15px; font-size: 11px; min-width: 82px; border-radius: 19px; text-align: left; transition: 0.3s }
.footer-blue .lang-select .lang-toggle:before { display: none }
.footer-blue .lang-select .lang-toggle:after { content: ""; width: auto; height: auto; background-image: none; transform: rotate(-45deg); width: 7px; height: 7px; border-width: 0 0 1px 1px; border-color: #fff; right: 15px; transition: 0.3s }
.footer-blue .lang-select .lang-toggle.open { border-top-right-radius: 0; border-top-left-radius: 0 }
.footer-blue .lang-select .lang-toggle.open:after { transform: rotate(-225deg); top: 15px }
.footer-blue .lang-select > ul > li { text-align: left }
.footer-blue .lang-select li a { background: transparent; padding: 8px 10px 8px 0; color: #061222 }
.footer-blue .lang-select li { background: #fff }
.footer-blue .lang-select li + li { border-top: 1px solid #ebebeb }
.footer-blue .lang-select > ul > li.has-sub > a:after,
.footer-blue .lang-select > ul > li.has-sub > span:after { left: auto; right: 7px; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #676767 }
.footer-blue .lang-select > ul > li.has-sub > a,
.footer-blue .lang-select > ul > li.has-sub > span { padding-left: 0; color: #061222 }
.footer-blue .lang-select li:hover:before { content: ""; position: absolute; background: #ebebeb; left: -11px; right: -11px; top: -1px; bottom: -1px }
.footer-blue .lang-select li ul { border: 0; left: calc(100% + 14px); margin-right: 0; right: auto; width: 124px; padding: 0 10px; background: #fff; transform-origin: bottom left }
.footer-blue .lang-select li ul a { padding: 9px 0 8px 35px }
.footer-blue .lang-select li li a,
.footer-blue .lang-select li li span { color: #061222 }
.footer-blue .lang-select li li a:before,
.footer-blue .lang-select li li span:before { left: 0; top: 7px }
.lang-select > ul > li.has-sub ul.bigger { max-height: 340px; display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden; padding-top: 25px; padding-bottom: 25px; max-height: 290px; width: 258px }
.lang-select > ul > li.has-sub ul.bigger .go-prev-btn,
.lang-select > ul > li.has-sub ul.bigger .go-next-btn { content: ""; position: absolute; left: 10px; right: 10px; height: 25px; display: block; width: auto; z-index: 10; background: #fff url(/ro/style/icons/arrows.png) no-repeat center center; cursor: pointer; font-size: 0; line-height: 0; text-indent: -100%; border: 0; padding: 0; margin: 0 }
.lang-select > ul > li.has-sub ul.bigger .go-prev-btn { top: 0; border-bottom: solid 1px #ebebeb }
.lang-select > ul > li.has-sub ul.bigger .go-next-btn { bottom: 0; border-bottom: solid 1px #ebebeb; height: 26px; transform: rotate(-180deg) }
.lang-select > ul > li.has-sub ul.bigger li { flex-basis: 47%; display: flex; justify-content: flex-start; align-items: center }
.lang-select > ul > li.has-sub ul.bigger li a,
.lang-select > ul > li.has-sub ul.bigger li span { white-space: normal }
.lang-select > ul > li.has-sub ul.bigger li a:before,
.lang-select > ul > li.has-sub ul.bigger li span:before { top: 50%; transform: translateY(-50%) }
.lang-select > ul > li.has-sub ul.bigger .inner { position: static; transform: translate(0); visibility: visible; height: 100%; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap }
.lang-select > ul > li.has-sub ul.bigger .inner:before { display: none }
.footer-legal-l { font-size: 11px; line-height: 1.36; letter-spacing: 0.02em; border-top: 1px solid #28384c; text-align: center }
.footer-legal-l:before { display: block; content: "Licență acordată de ONJN cu Decizia nr. 257/18.05.2026 valabilă pentru o perioadă de 10 ani. INTERZIS MINORILOR | JUCATI RESPONSABIL "; color: #fff; margin: 14px 0 }
.footer-legal-l:after { display: block; content: "Toate promotiile si ofertele de bonus prezentate aici sunt supuse termenilor de folosire si cerintelor individuale de pariere ale operatorilor. In majoritatea cazurilor, promotiile si ofertele de bonus sunt valabile doar pentru jucatorii noi. Toate sumele ofertelor listate reprezintă suma maxima care poate fi acordata. Suma reala depinde de marimea depozitului initial. Este posibil ca utilizatorul sa fie nevoit sa fac mai multe depuneri pentru a elibera toata suma de bonus. "; letter-spacing: 0 }
.footer-legal-s { font-size: 10px; line-height: 1.4; letter-spacing: 0; text-align: center; margin-bottom: 0 }
.footer-legal-s:before { display: block; content: "Verificati Termenii si Conditiile operatorului pentru informatii detaliate. Acest site nu ofera asistenta clienti pentru nici un fel de activitati care pot aparea pe site. Trebuie sa aveti minium 18 ani pentru a accesa si folosi acest site."; margin: 14px 0 }
.footer-copyright { font-size: 10px; line-height: 1.4; letter-spacing: 0; text-align: center; margin-bottom: 0; color: #525a66 }
@media (min-width:768px) {
	.footer-blue { padding-bottom: 25px }
	.footer-blue .footer-top .footer-text { display: inline-block; text-transform: none; max-width: 140px }
	.footer-blue .footer-list { max-width: calc(100% - 110px); display: inline-block; vertical-align: top; margin-top: 0; padding: 0; text-align: left; margin-right: -40px }
	.footer-blue .footer-list li { min-width: 120px; margin: 20px 0 0; text-align: center }
	.footer-blue .footer-text { font-size: 14px; line-height: 1.14; color: #a8b0ba; padding-top: 11px; max-width: 17% }
	.footer-blue .footer-top { padding: 0 50px 15px }
	.footer-blue .footer-cols { display: flex; flex-wrap: wrap }
	.footer-blue .footer-col { padding: 20px 0 15px }
	.footer-blue .footer-col-l { width: 50%; margin-right: 6%; background-position: calc(100% - 33px) 30px; position: relative }
	.footer-blue .footer-col-l:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background-image: url(/ro/style/icons/divider@2x.png); width: 1px; height: 150px; background-size: contain; background-repeat: no-repeat; background-position: center }
	.footer-blue .footer-col-l + .footer-col-m { border-top: 0 }
	.footer-blue .footer-col-m { width: 44% }
	.footer-blue .footer-col-s { width: 100% }
	.footer-blue .footer-col-s .footer-title { margin-bottom: 0 }
	.footer-blue .footer-col-s .footer-text { padding-top: 0 }
	.footer-blue .lang-select { margin-top: 0; max-width: 148px }
	.footer-legal-l { margin-top: 0 }
	.footer-legal-l:before,
	.footer-legal-s:before { margin: 20px 0 }
	.footer-blue .lang-select .lang-toggle { min-width: 100px }
	.footer-blue .ico-twitter-secondary:before { margin-left: 0 }
	.footer-blue .footer-title p { display: block }
}
@media (min-width:768px) and (max-width:1024px) {
	.footer-blue .lang-select li ul { left: auto; right: calc(100% + 14px); transform-origin: bottom right }
	.footer-blue .footer-col-s { display: flex; justify-content: space-between; align-items: center }
}
@media (min-width:1025px) {
	.footer-blue .shell { max-width: 1262px }
	.footer-blue .footer-list { display: flex; justify-content: space-between; margin-left: 40px; margin-right: 0; max-width: none; width: calc(100% - 180px) }
	.footer-blue .footer-list li { min-width: 0 }
	.footer-blue .footer-title p { display: inline-block; margin-left: 10px; margin-top: 0 }
	.footer-blue .footer-text { max-width: 100% }
	.footer-blue .footer-top { padding: 0 20px 15px }
	.footer-blue .footer-top .shell { display: flex; flex-wrap: wrap }
	.footer-blue .footer-col-l { width: 40%; margin-right: 4% }
	.footer-blue .footer-col-m { position: relative; width: 26.5%; margin-right: 4% }
	.footer-blue .footer-col-m:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background-image: url(/ro/style/icons/divider@2x.png); width: 1px; height: 150px; background-size: contain; background-repeat: no-repeat; background-position: center }
	.footer-blue .footer-col-s { width: 25.5% }
	.footer-blue .footer-col + .footer-col { border-top: 0 }
	.footer-blue .footer-col.short { margin-left: 7%; width: 28% }
	.footer-blue .lang-select { margin-top: 26px }
	.footer-blue .lang-select li ul { left: calc(100% + 12px) }
	.footer-blue .list-links-primary { font-size: 14px }
	.footer-legal-l { font-size: 12px; line-height: 1.33 }
	.footer-legal-l:before { margin: 30px 0 }
	.footer-legal-s,
	.footer-copyright { font-size: 11px; line-height: 1.36 }
}

footer .ft-operators { margin: 10px auto }
footer .ft-operators a { display: block; width: 100%; max-width: 250px; height: 50px; margin: 0 auto; transition: all 0.2s ease; font-size: 0 }
footer .ft-operators a + a { margin-top: 10px }
footer .ft-operators a.anpc-sal { background: url(/ro/style/anpc-sal-white.png) no-repeat center; background-size: contain }
footer .ft-operators a.anpc-sol { background: url(/ro/style/anpc-sol-white.png) no-repeat center; background-size: contain }
@media (min-width:768px) {
	footer .ft-operators { text-align: center; margin: 35px auto }
	footer .ft-operators a { display: inline-block; margin: 0; vertical-align: middle }
	footer .ft-operators a + a { margin: 0 0 0 20px }
}