/*
Theme Name: Slots For Money
Version: 1.0
Author: Slots
*/

/************************************************************************************
CSS RESET
*************************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
ol,ul,li{ list-style:none; list-style-position:outside;}
a img{ border:0;}
.clear{ clear:both; height:0; overflow:hidden;}

/************************************************************************************
DESIGN ELEMENTS
*************************************************************************************/

*{margin:0;padding:0;border:0;}
html {
	height:100%;
	background: url("img/bg.gif") repeat;
}
body {
	font-family: 'Droid Serif', arial, serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	min-height: 100%;
	color: #474646;
	background: url("img/mainbgs.png") repeat-x;
}
a {
	color: #669;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size:23px;
	margin-bottom:15px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 10px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}
h2,h3,h4,h5,h6 {
	font-size:19px;
	margin-bottom:15px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	clear: both;
}
h2.hm	{
	font-size:23px;
	margin-bottom:15px;
	letter-spacing:-1px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 10px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}
h1.sub	{
	font-size:19px;
	margin-bottom:0px;
	letter-spacing:0px;
	border-bottom: none;
	padding-bottom: 0px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
}
p {
	margin-bottom:15px;
}
img{
	max-width: 100%; 
	height: auto;
}
p.small	{
	margin-bottom: 0px;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Lato', sans-serif;
	text-shadow: 1px 1px 1px #000;
	margin-top: 5px;
}
p.big {
	margin-bottom: 10px;
	padding-top: 5px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
}
#sidebar p	{
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
}
#sidebar ul	{
	border-bottom: url("img/uld.png") no-repeat;
	margin-left: 0px;
	padding-bottom: 10px;
}
#sidebar li	{
	margin-left: 15px;
}
a:link {
	color:#0088cc;
	text-decoration:underline;
}
a:visited {
	color:#0088cc;
	text-decoration:underline;
}
a:hover {
	color:#0088cc;
	text-decoration:none;
}
a.cta:link {
	color:#ffffff;
	text-decoration:none;
}
a.cta:visited {
	color:#ffffff;
	text-decoration:none;
}
a.cta:hover {
	color:#ffffff;
	text-decoration:underline;
}
.nav a:link {
	color:#ffffff;
	text-decoration:none;
}
.nav a:visited {
	color:#ffffff;
	text-decoration:none;
}
.nav a:hover {
	color:#ffffff;
	text-decoration:underline;
}
#onpage a:link {
	color:#ffffff;
	text-decoration:none;
}
#onpage a:visited {
	color:#ffffff;
	text-decoration:none;
}
#onpage a:hover {
	color:#ffffff;
	text-decoration:underline;
}
#fcopy a:link {
	color:#ffffff;
	text-decoration:none;
}
#fcopy a:visited {
	color:#ffffff;
	text-decoration:none;
}
#fcopy a:hover {
	color:#ffffff;
	text-decoration:underline;
}
.cad a:link {
	color:#555555;
	text-decoration:none;
}
.text a:visited {
	color:#555555;
	text-decoration:none;
}
.text a:hover {
	color:#555555;
	text-decoration:underline;
}
ul, ol {
	margin-left: 20px;
	margin-bottom: 10px;
}
li {
	list-style-type: circle;
	line-height: 22px;
}
.nav ul	{
	margin: 0;
	list-style: none outside none;
	font-size: 0;
	line-height: 0;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	display: inline-block;
}
.nav li {
	display: inline-block;
	padding: 10px 35px;
	position: relative;
}
.nav li a {
	display: inline-block;
	font-size: 16px;
	line-height: 22px;
}
.nav .menu-item-has-children > span {
	width: 20px;
	height: 22px;
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	position: relative;
}
.nav .menu-item-has-children > span:after {
	border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    content: '';
}
.nav .menu-item-has-children > span.is-active:after {
	-webkit-transform: scaleY(-1);
	    -ms-transform: scaleY(-1);
	        transform: scaleY(-1);
}
.nav ul ul {
	position: absolute;
	top: 100%;
	left: 0;
	background: #2f3234;
	margin: 0;
	padding: 10px 0;
	visibility: hidden;
	opacity: 0;
	z-index: 5;
	-webkit-transition: visibility .3s, opacity .3s;
	     -o-transition: visibility .3s, opacity .3s;
	        transition: visibility .3s, opacity .3s;
}
.nav ul li:hover > ul {
	visibility: visible;
	opacity: 1;
}
#sidebar li	{
	list-style-type: none;
	margin-left: 0px;
}
.lm ul	{
	margin-left: 8px;
	margin-bottom: 0px;
	margin-top: 60px;
}

.lm li	{
	list-style-type: none;
	line-height: 35px;
	background: url("img/check.png") no-repeat 0 50%;
	padding-left: 40px;
}
.out ul {
	padding-top: 17px;
	margin-left: 255px;
	margin-bottom: 0px;
}
.out li {
	list-style-type:none;
	line-height: 32px;
}

.nav .nav__search {
	display: inline-block;
	position: relative;
}

.nav__search .searchform {
	position: relative;
}

.nav .nav__search .searchform {
	position: absolute;
	top: 50%;
	right: 35px;
	width: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}
.nav .nav__search .searchform {
	-webkit-transition: opacity .3s, visibility .3s, width .3s;
	     -o-transition: opacity .3s, visibility .3s, width .3s;
	        transition: opacity .3s, visibility .3s, width .3s;
}
.nav .nav__search.is-open .searchform {
	opacity: 1;
	visibility: visible;
	width: 300px;
}
.nav__search .searchform > div > * {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.nav .nav__search .searchform {
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.nav__search .searchform input[type="text"] {
	display: block;
	width: 100%;
	border: 1px solid #c9c9c9;
	padding: 10px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	background: #f7f7f7;
	outline: 0;
}
.nav__search .searchform input[type="text"]:focus {
	background-color: #fff;
}
.nav__search .searchform .screen-reader-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0.5;
	visibility: hidden;
}
.nav__search .searchform input[type="submit"] {
	cursor: pointer;
	outline: 0;
	border-radius: 0;
	border: 0;
	font-size: 0;
	background: url(img/ico-search-black.png) no-repeat 0 0/contain;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	right: 10px;
}
.nav__search .searchform input[type="submit"] {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.nav__search .search-trigger {
	width: 25px;
	height: 25px;
	background: url(img/ico-search.png) no-repeat 0 0/contain;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	-webkit-transition: background .3s;
	     -o-transition: background .3s;
	        transition: background .3s;
}

.nav__search.is-open .search-trigger {
	background-image: url(img/ico-close.png);
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

/************************************************************************************
STRUCTURE
*************************************************************************************/
#header {
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 0px;
}
.hcontain {
	max-width: 1100px;
	margin: 0 auto;
}
.logo {
	width: 395px;
	height: 118px;
	display: block;
	margin: 0 auto;
	background: url("img/logo.png") no-repeat 0 0/contain;
}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
}

.nav {
	text-align: center;
	width: 100%;
	padding: 0;
	border-radius: 5px;
	color: #ffffff;
	background: #0067a9; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #0067a9 0%,#0067a9 2%,#046bad 3%,#036aac 5%,#0065a5 7%,#00639f 10%,#005f99 18%,#005c95 20%,#005b94 25%,#01568d 27%,#004d85 38%,#004c80 40%,#023a69 65%,#013765 67%,#013766 82%,#003863 88%,#013766 92%,#023665 95%,#00355f 98%,#003163 100%);
	background: -webkit-gradient(linear,  left top, left bottom,  from(#0067a9),color-stop(2%, #0067a9),color-stop(3%, #046bad),color-stop(5%, #036aac),color-stop(7%, #0065a5),color-stop(10%, #00639f),color-stop(18%, #005f99),color-stop(20%, #005c95),color-stop(25%, #005b94),color-stop(27%, #01568d),color-stop(38%, #004d85),color-stop(40%, #004c80),color-stop(65%, #023a69),color-stop(67%, #013765),color-stop(82%, #013766),color-stop(88%, #003863),color-stop(92%, #013766),color-stop(95%, #023665),color-stop(98%, #00355f),to(#003163));
	background: linear-gradient(to bottom,  #0067a9 0%,#0067a9 2%,#046bad 3%,#036aac 5%,#0065a5 7%,#00639f 10%,#005f99 18%,#005c95 20%,#005b94 25%,#01568d 27%,#004d85 38%,#004c80 40%,#023a69 65%,#013765 67%,#013766 82%,#003863 88%,#013766 92%,#023665 95%,#00355f 98%,#003163 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0067a9', endColorstr='#003163',GradientType=0 ); /* IE6-9 */
}

.subtitle {
	max-width: 100%;
	background: url("img/subtitle.png") no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#registration {
	overflow: hidden;
	width: 100%;
	min-height: 225px;
	padding-top: 30px;
	padding-bottom: 35px;
}

#signup { max-width: 1100px; min-height: 225px; margin: 0 auto; color: #ffffff; padding-right: 33px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#signup:after { content: ''; display: table; line-height: 0; clear: both; }

.signup-wrapper { font-size: 0; }
.signup-wrapper > * {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.signup-wrapper .signup__image { width: 33%; display: inline-block; vertical-align: middle; }
.signup-wrapper .signup__image img { display: block; width: 100%; height: auto; }
.signup-wrapper .signup__image a { display: block; }

.signup-wrapper .signup__list { width: 34.5%; display: inline-block; vertical-align: middle; padding: 16px 10px; font-family: 'Lato', sans-serif; font-weight: 900; text-transform: uppercase; font-size: 16px; text-shadow: 1px 1px 1px #000; background-color: #06839a; -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); }
.signup-wrapper .signup__list ul { margin: 0; }
.signup-wrapper .signup__list ul li { list-style: none outside none; line-height: 35px; background: url(img/check.png) no-repeat 0 50%; padding-left: 42px; margin-bottom: 4px; }
.signup-wrapper .signup__list ul li:last-child { margin-bottom: 0; }

.signup-wrapper .signup__actions { display: inline-block; vertical-align: middle; position: relative; width: calc(32.5% - 4px); background-color: #06839a; margin-left: 4px; padding: 13px 12px; text-align: center; }

.signup-wrapper .signup__actions:after { content: ''; background-image: url(./img/arrow.png); background-size: contain; background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 99.6%; top: 0; bottom: 0; min-width: 30px; width: 100%; height: 100%; }

.signup-wrapper .signup__actions .cta {}

.ls {
	width: 320px;
	height: 225px;
	float: left;
	display: block;
}
.lm	{
	width: 340px;
	height: 225px;
	float:left;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 16px;
	text-shadow: 1px 1px 1px #000;
}
.lr {
	width: 310px;
	height: 175px;
	float: left;
	padding-top: 50px;
}
.cta {
	display: block;
	width: 298px;
	height: 40px;
	background: url("img/cta.png") bottom;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	padding-top: 15px;
	text-align: center;
	margin-bottom: 3px;
	text-shadow: 1px 1px 1px #000;
	margin-left: 10px;
	font-weight: bold;
}
.cta:hover {
	background-position: 0 0;
}
.big {
	margin-bottom: 20px;
}
#subnav	{
	width: 100%;
	height: 33px;
	background: url("img/subzig.png") repeat-x;
}
#content {
	max-width: 1100px;
	margin: 0 auto;
	background: #ffffff;
	-webkit-box-shadow: inset 0 0 10px #c0c0c0;
	box-shadow:         inset 0 0 10px #c0c0c0;
	border-radius: 5px;
	margin-bottom: 40px;
}
#subcontent {
	max-width: 1100px;
	margin: 0 auto;
	background: #fff url("img/content-reversed.png") repeat-y 100% 0;
	-webkit-box-shadow: inset 0 0 10px #c0c0c0;
	box-shadow:         inset 0 0 10px #c0c0c0;
	overflow: auto;
	border-radius: 5px;
	margin-bottom: 35px;
	margin-top: 10px;
}
#copyhome {
	max-width: 1070px;
	padding: 15px;
}

#copyhome img {
	max-width: 100%;
	height: auto;
}

#copyhome .subtitle {
	text-align: center; 
	color: #fff;
}

#copyhome .subtitle h1 {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0; 
	line-height: 1;
}

.image-trust {
	margin-top: 15px;
}
#copy {
	width: 74%;
	float: left;
	padding: 15px;
}
#sidebar {
	width: 20%;
	float: right;
	padding: 15px;
}
#prefoot {
	width: 100%;
	height: 25px;
	background: url("img/zig.png") repeat-x;
	clear: both;
}
#footer {
	width: 100%;
	min-height: 140px;
	background: url("img/fbg.png") repeat;
}
#fcopy {
	max-width: 1100px;
	min-height: 125px;
	background: url("img/footer.png") no-repeat;
	margin: 0 auto;
	text-align: left;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-shadow: 1px 1px 1px #000;
}

#fcopy .sm { float: right; }

#fcopy:after { content: ''; display: table; clear: both; line-height: 0; }
.fcon {
	max-width: 788px;
	min-height: 110px;
	float: left;
	padding-top: 15px;
}
#fpage	{
	width: 1000px;
	height: 90px;
	margin: 0 auto;
	padding-top: 10px;
}
.text {
	width:250px;
	float:left;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-shadow: 1px 1px 1px #000;
}
.texts {
	width:240px;
	float:left;
}
.trusted {
	width: 275px;
	height: 276px;
	background: url("img/trusted.png") no-repeat;
	float: right;
	margin-top: 15px;
}
.video {
	margin-bottom: 15px;
}
.sm {
	width: 212px;
	height: 48px;
	background: url("img/social.png") no-repeat;
	float: left;
}
.sml {
	display:block;
	width: 53px;
	height: 48px;
	float:left;
}
.popular {
	max-width: 1060px;
	min-height: 463px;
	padding-bottom: 20px;
	margin: 0 auto 10px;
	-webkit-box-shadow: inset 0 0 0 8px #32373c;
	        box-shadow: inset 0 0 0 8px #32373c;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 15px;
	text-transform: uppercase;
}

.popular:after { content: ''; display: table; clear: both; line-height: 0; }

.popular .rt { background: url('img/popular-1.png'); background-size: cover; background-position: center; }
.popular > a {
	width: 21.3%;
	float: left;
	margin: 20px 1.5% 2px 2.2%;
	display: block;
	line-height: 18px;
}

.popular > a:nth-child(4n+2) {
	clear: left;
}

.popular > a img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}

.rt {
	max-width: 1060px;
	min-height: 35px;
	text-align: center;
	padding-top: 10px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}

/************************************************************************************
ON PAGE CTA
*************************************************************************************/
#onpage {
	margin-bottom: 15px;
}
.cad {
	display: block;
	width: 650px;
	height: 40px;
	background: url("img/cad.png") bottom;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 22px;
	text-transform: uppercase;
	padding-top: 15px;
	padding-left: 70px;
	margin-bottom: 3px;
	text-shadow: 1px 1px 1px #000;
}
.usa {
	display: block;
	width: 650px;
	height: 37px;
	background: url("img/usa.png") bottom;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 20px;
	text-transform: uppercase;
	padding-top: 18px;
	padding-left: 70px;
	margin-bottom: 3px;
	text-shadow: 1px 1px 1px #000;
}
.uk {
	display: block;
	width: 650px;
	height: 40px;
	background: url("img/uk.png") bottom;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 22px;
	text-transform: uppercase;
	padding-top: 15px;
	padding-left: 70px;
	margin-bottom: 3px;
	text-shadow: 1px 1px 1px #000;
}
.euro {
	display: block;
	width: 650px;
	height: 40px;
	background: url("img/euro.png") bottom;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 22px;
	text-transform: uppercase;
	padding-top: 15px;
	padding-left: 70px;
	margin-bottom: 3px;
	text-shadow: 1px 1px 1px #000;
}
.aus {
	display: block;
	width: 650px;
	height: 40px;
	background: url("img/au.png") bottom;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 22px;
	text-transform: uppercase;
	padding-top: 15px;
	padding-left: 70px;
	margin-bottom: 3px;
	text-shadow: 1px 1px 1px #000;
}
.other {
	display: block;
	width: 650px;
	height: 40px;
	background: url("img/other.png") bottom;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 22px;
	text-transform: uppercase;
	padding-top: 15px;
	padding-left: 70px;
	margin-bottom: 3px;
	text-shadow: 1px 1px 1px #000;
}
.cad:hover {
	background-position: 0 0;
}
.usa:hover {
	background-position: 0 0;
}
.uk:hover {
	background-position: 0 0;
}
.euro:hover {
	background-position: 0 0;
}
.aus:hover {
	background-position: 0 0;
}
.other:hover {
	background-position: 0 0;
}
.out {
	margin-bottom: 15px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 16px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
	color: #ffffff;
}
.guts {
	width: 720px;
	height: 131px;
	background: url("img/guts.png") no-repeat;
}
.luckyred {
	width: 720px;
	height: 131px;
	background: url("img/luckyred.png") no-repeat;
}
.betsix {
	width: 720px;
	height: 131px;
	background: url("img/betsix.png") no-repeat;
}
.red {
	width: 720px;
	height: 131px;
	background: url("img/red.png") no-repeat;
}
.mrgreen {
	width: 720px;
	height: 131px;
	background: url("img/mrgreen.png") no-repeat;
}
.bovada {
	width: 720px;
	height: 131px;
	background: url("img/bovada.png") no-repeat;
}
.clubworld {
	display: block;
	max-width: 720px;
	min-height: 131px;
	background: url("img/clubworld.png") no-repeat;
	margin-bottom: 15px;
}
a.reserve {
display: block;
max-width: 425px;
min-height: 39px;
text-decoration: none;
background: url("img/button.png");
margin: 0 auto;
margin-bottom: 15px;
padding-top: 17px;
text-transform: uppercase;
color: #ffffff;
font-weight: 800;
text-align: center;
}
a.reserve:hover {
background-position: -425px 0;
}
.thebar {
	width: 720px;
	height: 25px;
	padding-top:7px;
	background: url("img/thebar.png") no-repeat;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 18px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
	color: #ffffff;
	text-align:center;
}

/************************************************************************************
SLOTS THUMBNAILS
*************************************************************************************/
.thumb {
	float:left;
	width: 23.5%;
	margin-right: 1.5%;
	margin-bottom: 15px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 16px;
	text-transform: uppercase;
	text-align:center;
}
.twin {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/twin.png") no-repeat 50% 0/100% auto;
}
.gonzos {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/gonzos.png") no-repeat 50% 0/100% auto;
}
.eggomatic {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/eggomatic.png") no-repeat 50% 0/100% auto;
}
.attraction {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/attraction.png") no-repeat 50% 0/100% auto;
}
.lightas {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/lighter.png") no-repeat 50% 0/100% auto;
}
.hallgods {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/hallgods.png") no-repeat 50% 0/100% auto;
}
.stalk {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/stalk.png") no-repeat 50% 0/100% auto;
}
.magic {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/magic.png") no-repeat 50% 0/100% auto;
}
.deadalive {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/deadalive.png") no-repeat 50% 0/100% auto;
}
.lost {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/lost.png") no-repeat 50% 0/100% auto;
}
.megafortune {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/megafortune.png") no-repeat 50% 0/100% auto;
}
.piggy {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/piggy.png") no-repeat 50% 0/100% auto;
}
.secrets {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/secretstones.png") no-repeat 50% 0/100% auto;
}
.reelrush {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/reelrush.png") no-repeat 50% 0/100% auto;
}
.robinhood {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/robinhood.png") no-repeat 50% 0/100% auto;
}
.ghostpirates {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/ghostpirates.png") no-repeat 50% 0/100% auto;
}
.fisticuffs {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/fisticuffs.png") no-repeat 50% 0/100% auto;
}
.south {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/south.png") no-repeat 50% 0/100% auto;
}
.elements {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/elements.png") no-repeat 50% 0/100% auto;
}
.icywonders {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/icywonders.png") no-repeat 50% 0/100% auto;
}
.avalon {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/avalon.png") no-repeat 50% 0/100% auto;
}
.badwolf {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/badwolf.png") no-repeat 50% 0/100% auto;
}
.immortal {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/immortal.png") no-repeat 50% 0/100% auto;
}
.janeblonde {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/janeblonde.png") no-repeat 50% 0/100% auto;
}
.med {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/med.png") no-repeat 50% 0/100% auto;
}
.mega {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/mega.png") no-repeat 50% 0/100% auto;
}
.santa {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/santa.png") no-repeat 50% 0/100% auto;
}
.shields {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/shields.png") no-repeat 50% 0/100% auto;
}
.thunder {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/thunder.png") no-repeat 50% 0/100% auto;
}
.tombs {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/tombs.png") no-repeat 50% 0/100% auto;
}
.greedy {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/greedy.png") no-repeat 50% 0/100% auto;
}
.goodbad {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/goodbad.png") no-repeat 50% 0/100% auto;
}
.glad {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/glad.png") no-repeat 50% 0/100% auto;
}
.rooks {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/rooks.png") no-repeat 50% 0/100% auto;
}
.threewishes {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/threewishes.png") no-repeat 50% 0/100% auto;
}
.aztecstreasure {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/aztecstreasure.png") no-repeat 50% 0/100% auto;
}
.caesarsempire {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/caesarsempire.png") no-repeat 50% 0/100% auto;
}
.achilles {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/achilles.png") no-repeat 50% 0/100% auto;
}
.paydirt {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/paydirt.png") no-repeat 50% 0/100% auto;
}
.trex {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/trex.png") no-repeat 50% 0/100% auto;
}
.netent {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/netent.png") no-repeat 50% 0/100% auto;
}
.microgaming {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/microgaming.png") no-repeat 50% 0/100% auto;
}

.marvel {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/marvel.png") no-repeat 50% 0/100% auto;
}

.betsoft {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/betsoft.png") no-repeat 50% 0/100% auto;
}
.unitedstates {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/unitedstates.png") no-repeat 50% 0/100% auto;
}
.canada {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/canada.png") no-repeat 50% 0/100% auto;
}
.europe {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/europe.png") no-repeat 50% 0/100% auto;
}
.australia {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/australia.png") no-repeat 50% 0/100% auto;
}
.creditcards {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/creditcards.png") no-repeat 50% 0/100% auto;
}
.visa {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/visa.png") no-repeat 50% 0/100% auto;
}
.mastercard {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/mastercard.png") no-repeat 50% 0/100% auto;
}
.paypal {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/paypal.png") no-repeat 50% 0/100% auto;
}
.ecocard {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/ecocard.png") no-repeat 50% 0/100% auto;
}
.neteller {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/neteller.png") no-repeat 50% 0/100% auto;
}
.skrill {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/skrill.png") no-repeat 50% 0/100% auto;
}
.westernunion {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/westernunion.png") no-repeat 50% 0/100% auto;
}
.iphone {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/iphone.png") no-repeat 50% 0/100% auto;
}

.ipad {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/ipad.png") no-repeat 50% 0/100% auto;
}

.android {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/android.png") no-repeat 50% 0/100% auto;
}

.windows {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/windows.png") no-repeat 50% 0/100% auto;
}
.cleopatra {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/cleopatra.png") no-repeat 50% 0/100% auto;
}
.doublediamond {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/doublediamond.png") no-repeat 50% 0/100% auto;
}
.familyguy {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/familyguy.png") no-repeat 50% 0/100% auto;
}
.darkknight {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/darkknight.png") no-repeat 50% 0/100% auto;
}
.lotr {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/lotr.png") no-repeat 50% 0/100% auto;
}
.blade {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/blade.png") no-repeat 50% 0/100% auto;
}
.fanfour {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/fanfour.png") no-repeat 50% 0/100% auto;
}
.hulk {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/hulk.png") no-repeat 50% 0/100% auto;
}
.ironman {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/ironman.png") no-repeat 50% 0/100% auto;
}
.spiderman {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/spiderman.png") no-repeat 50% 0/100% auto;
}
.thor {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/thor.png") no-repeat 50% 0/100% auto;
}
.wolverine {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/wolverine.png") no-repeat 50% 0/100% auto;
}
.xmen {
	width: 100%;
	height: 22px;
	padding-top: 74%;
	background: url("img/xmen.png") no-repeat 50% 0/100% auto;
}

/* ----------- WP Styling ----------- */
p.byline {font-size:12px;margin-bottom:5px;text-transform:uppercase;font-family: 'Lato', sans-serif;font-weight: 400;}
p.bylines {font-size:12px;margin-bottom:15px;text-transform:uppercase;font-family: 'Lato', sans-serif;font-weight: 400;}
p.news {font-size:18px;margin-bottom:0px;padding-bottom:0px;font-weight:bold;padding-top:5px;text-transform: uppercase;font-family: 'Lato', sans-serif;font-weight: 900;}
.entry-content {border-bottom:1px dotted #eee;margin-bottom:8px;}
h1.newsy {
	font-size:23px;
	margin-bottom:5px;
	padding-bottom:10px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}
.newshead {
	padding-bottom: 5px;
	margin: 0 auto;
	min-height: 44px;
	background: url("img/newshead.png") no-repeat;
}
.newshead h3 { margin-bottom: 0; }
.recents {
	max-width: 910px;
	padding: 20px;
	border-left: 5px solid #455660;
	border-right: 5px solid #455660;
	border-bottom: 5px solid #455660;
	margin-bottom: 15px;
	-webkit-box-shadow: 5px 5px 5px #888888;
	        box-shadow: 5px 5px 5px #888888;
}

/* ----------- Thumbnails ----------- */
.thumbnail a:hover, .thumbnail a:active { background: #C4C4C4; }

.thumbnail a:link, 
.thumbnail a:visited, 
.thumbnail a { display: block; float: left; background: #A8BECC; width: 125px; height: 125px; margin: 5px 7px 0 0; overflow: hidden; padding: 0; border: 5px solid #A8BECC; }
.thumbnail a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.thumbnail a:hover img { -webkit-transform: scale(1.09); -ms-transform: scale(1.09); transform: scale(1.09); }

/* ----------- Post Image Align ----------- */
	img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

	img.alignright {
	padding: 5px;
	margin: 0 0 2px 7px;
	display: inline;
	}

	img.alignleft {
	padding: 4px;
	margin: 0 0px 15px 0;
	display: inline;
	}

	.alignright {
	float: right;
	}

	.alignleft {
	float: left;
	}

#author {border:1px solid #eee;margin-left:5px;border-radius:5px;}
#email {border:1px solid #eee;margin-left:5px;border-radius:5px;}
#url {border:1px solid #eee;margin-left:5px;border-radius:5px;}
#comment {border:1px solid #eee;border-radius:5px;margin-left:5px;}
#name {border:1px solid #eee;margin-left:5px;border-radius:5px;}
.commentlist {list-style-type:none;}

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

.btn-menu { display: none; }

iframe { max-width: 100%; }

/* ------------------------------------------------------------ *\
	Top Casinos CTA
\* ------------------------------------------------------------ */

.table-responsive { max-width: 830px; width: 100%; margin: 0 auto; }
#top-casinos-cta { font-family: 'Lato', sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; counter-reset: top-casinos; line-height: 1.5; max-width: 100%; width: 100%; min-width: 280px; margin: 0 auto 20px; display: table; text-align: center; }
#top-casinos-cta > thead { width: 100%; }
#top-casinos-cta > thead tr { text-align: center; color: #fff; font-weight: bold; background: #52be80; border: 1px solid #229954; padding: 10px; font-size: 18px; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.3); text-shadow: 1px 1px #525252; }
#top-casinos-cta > thead tr > th { border-bottom: 2px solid #e6e8e8; text-align: center; display: table-cell; vertical-align: middle; padding: 5px 0; }
#top-casinos-cta > tbody { display: contents; }
#top-casinos-cta > tbody > tr { display: table-row; margin: 0; padding: 0; }
#top-casinos-cta > tbody > tr:nth-child(odd) > td { background-color: #f9f9f9; }
#top-casinos-cta > tbody > tr:hover > td { background-color: #ddd; cursor: pointer; }
#top-casinos-cta > tbody > tr > td:first-child { border-top-width: 1px; }
#top-casinos-cta > tbody > tr > td { border: 0 solid #e5e5e5; border-width: 1px 1px 1px 0; display: table-cell; margin: 0 0 4px; padding: 12px; position: relative; vertical-align: middle; }
#top-casinos-cta > tbody > tr > td:nth-of-type(1) { border-left-width: 1px; color: #bbb; display: table-cell; font-size: 40px; min-width: 40px; vertical-align: middle; }
#top-casinos-cta > tbody > tr > td:nth-child(2) { line-height: 1; border-right-width: 0; }
#top-casinos-cta > tbody > tr > td img { height: 80px; width: 150px; vertical-align: middle; }
#top-casinos-cta > tbody > tr > td .casino { font-size: 10px; text-transform: uppercase; font-weight: bold; padding: 5px 0 0 0; }
#top-casinos-cta > tbody > tr > td:nth-child(3) { font-size: 12px; text-align: left; vertical-align: middle; padding-left: 0; }
#top-casinos-cta > tbody > tr > td ul { margin: 0; padding: 0; }
#top-casinos-cta > tbody > tr > td ul > li { font-size: 12px; list-style-type: none; padding-left: 15px; position: relative; }
#top-casinos-cta > tbody > tr > td li:before { border: 0 solid #ef701a; border-width: 2px 2px 0 0; content: "\00a0"; display: inline-block; height: 4px; left: 0; margin-right: 3px; position: absolute; top: 7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 4px; }
#top-casinos-cta > tbody > tr > td:nth-child(4) { font-size: 14px; line-height: 1.2; text-transform: uppercase; white-space: nowrap; vertical-align: middle; padding-left: 5px; padding-right: 5px; }
#top-casinos-cta > tbody > tr > td .signup { color: #0f8b9e; font-size: 19px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
#top-casinos-cta > thead tr { background: #1c1c1c; border: 1px solid #1c1c1c; }
#top-casinos-cta > tbody > tr > td .details { color: #000; font-size: 14px; line-height: 20px; display: none; }
#top-casinos-cta > tbody > tr > td .details .amount { font-size: 22px; margin-top: 10px; }
#top-casinos-cta > tbody > tr > td:nth-child(5) { vertical-align: middle; }
#top-casinos-cta > tbody > tr > td .join a { background-color: #670000; border-radius: 3px; font-weight: bold; font-size: 22px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); color: #fff; display: block; line-height: 1.2; padding: 15px 15px 15px; text-decoration: none; text-transform: uppercase; -webkit-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; }
#top-casinos-cta > tbody > tr > td .join a:hover { background-color: #f50808; }
#top-casinos-cta > tbody > tr > td .join a:before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; }
#top-casinos-cta > tbody > tr:first-child > td { background: #282e38; border: 0 solid #e5e5e5; color: #f2f2f2; }
#top-casinos-cta > tbody > tr:first-child:hover > td { background: #363c47; color: #f2f2f2; }
#top-casinos-cta > tbody > tr:first-child > td:first-child,
#top-casinos-cta > tbody > tr:first-child > td .casino,
#top-casinos-cta > tbody > tr:first-child > td ul > li,
#top-casinos-cta > tbody > tr:first-child > td .signup { color: #f2f2f2; }
#top-casinos-cta > tbody > tr:nth-of-type(1) > td .join a { background-color: #f50808; }
#top-casinos-cta > tbody > tr:nth-of-type(1) > td .join a:hover { background-color: #a40101; }

/* ------------------------------------------------------------ *\
	Table Of Content
\* ------------------------------------------------------------ */

.table-toc { border: 1px solid #e2e4e4; background-color: #f9f9f9; padding: 10px 20px; margin-bottom: 15px; text-align: left; font-weight: 700; }
.table-toc .table__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; }
.table-toc .table__head p { margin-bottom: 0; }

.table-toc:not(:first-child) { margin-top: 15px; }

.table-toc .table__content { display: none; padding: 10px 0; }
.table-toc .table__content.active { display: block; }
.table-toc .table__content ol { list-style: none outside none; }
.table-toc .table__content > ol > li { list-style: none outside none; }
.table-toc .table__content > ol > li > a { font-size: 16px; }

/*  Counter  */
.table-toc .table__content > ol { counter-reset: section; margin-bottom: 0; padding-left: 15px; }
.table-toc .table__content > ol > li:before { counter-increment: section; content: counter(section) ". "; }
.table-toc .table__content > ol ol { counter-reset: subsection; padding-left: 20px; }
.table-toc .table__content > ol ol li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.table-toc .table__content > ol ol li > * { margin-bottom: 0; }
.table-toc .table__content > ol ol li:before { counter-increment: subsection; content: counter(section) "." counter(subsection) ". "; margin-right: 4px; }

/*  Show/Hide  */
.table-toc .table__head span { font-size: 15px; font-style: italic; }
.table-toc .table__head span:before { content: 'Show'; }
.table-toc .table__head span.active:before { content: 'Hide'; text-decoration: underline; }

/*  Link Animation  */
.table-toc .table__content a { position: relative; text-decoration: none; }
.table-toc .table__content a:before { content: ''; position: absolute; top: 20px; left: 0; right: 100%; background-color: #477fec; height: 1px; }
.table-toc .table__content ol ol a:before { top: 90%; }
.table-toc .table__content a:hover:before { right: 0; }

/* ------------------------------------------------------------ *\
	Accordions
\* ------------------------------------------------------------ */

ul.accordions { list-style: none; margin: 20px 0; padding: 0; }
ul.accordions li.accordion { list-style: none outside none; }
.accordions .accordion { position: relative; line-height: 1.618; border: 1px solid #e6e7e7; padding: 11px 12px 10px 11px; margin-bottom: 15px; text-align: left; }
.accordions .accordion:before { content: ''; background-image: url(img/item-arrow.png); width: 7px; height: 6px; background-size: contain; background-repeat: no-repeat; background-position: center center; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; display: block; position: absolute; top: 20px; right: 15px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); pointer-events: none; }
.accordions .accordion.active:before { -webkit-transform: none; -ms-transform: none; transform: none; }
.accordions .accordion .accordion__head { font-size: 16px; font-weight: bold; padding-right: 25px; cursor: pointer; }
.accordions .accordion .accordion__body { display: none; font-size: 15px; text-align: justify; margin-top: 15px; padding-right: 25px; }
.accordions .accordion.active .accordion__body { display: block; }
.accordions .accordion .accordion__body ol,
.accordions .accordion .accordion__body ul { padding-left: 30px; margin: 0 0 10px; }
.accordions .accordion .accordion__body ol li { list-style-type: decimal; }
.accordions .accordion .accordion__body blockquote { border-left: 2px solid #e6e7e7; margin: 0 0 10px; padding: 0 0 0 16px; }

/* ------------------------------------------------------------ *\
	Tablet styles
\* ------------------------------------------------------------ */

@media(max-width: 1023px) {
	html { background: url('img/mainbgs.png') repeat-x; background-size: cover; }

	#header { position: relative; z-index: 20; }
	.hcontain { background: none; }

	.logo { margin-left: 0; width: 320px; height: 95px; }

	.nav { position: absolute; z-index: 10; top: 0; right: 0; width: calc(100% - 381px); height: auto; min-height: 177px; padding: 30px; background: url("img/mainbgs.png") repeat-x;-webkit-transition: opacity .5s, visibility .5s;-o-transition: opacity .5s, visibility .5s;transition: opacity .5s, visibility .5s; opacity: 0; visibility: hidden; text-align: right; background: #2f3234; margin-top: 51px; }
	.nav ul { margin: 0; text-align: right; display: block; }
	.nav li { display: block !important; padding-right: 0 !important; }
	.nav ul ul { position: static; visibility: visible; opacity: 1; display: none; background: none; padding-bottom: 0; }
	.nav .menu-item-has-children > span { margin-left: 12px; }

	.nav .nav__search { display: block; margin-top: 10px; }
	.nav .nav__search .searchform { position: relative; top: 0; right: auto; opacity: 1; visibility: visible; width: 300px; margin-left: auto; }
	.nav .nav__search .searchform {
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none;
	}
	.nav .nav__search .search-trigger { display: none; }

	.btn-menu { display: block; float: right; width: 32px; height: 32px; z-index: 12; position: absolute; top: 10px; right: 20px; }
	.btn-menu *,
	.btn-menu *:before,
	.btn-menu *:after { -webkit-transition: background .3s, margin .3s, -webkit-transform .3s; transition: background .3s, margin .3s, -webkit-transform .3s; -o-transition: background .3s, margin .3s, transform .3s; transition: background .3s, margin .3s, transform .3s; transition: background .3s, margin .3s, transform .3s, -webkit-transform .3s; }
	.btn-menu span,
	.btn-menu span:before,
	.btn-menu span:after { content: ' '; position: absolute; left: 0; right: 0; top: 50%; margin-top: -1px; height: 2px; background-color: #fff; }
	.btn-menu span:before { margin-top: -7px; }
	.btn-menu span:after { margin-top: 5px; }

	body.show-nav-main .nav { visibility: visible; opacity: 1; }
	body.show-nav-main .btn-menu span { background-color: transparent; }
	body.show-nav-main .btn-menu span:before,
	body.show-nav-main .btn-menu span:after { margin-top: -1px; }
	body.show-nav-main .btn-menu span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
	body.show-nav-main .btn-menu span:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

	#registration { background: url('img/mainbgs.png') no-repeat; background-size: cover; background-position: center 180px; }
	#content { max-width: 98%; }
	#footer { width: auto; padding: 0 20px 20px; }
	#fcopy { background-size: 100% auto; }
	#fcopy .sm { width: 100%; text-align: center; background-position: center; }
	#fcopy .sm .sml { float: none; display: inline-block; vertical-align: middle; }

	.lr { width: 100%; height: auto; padding-top: 20px; }
	.cta { margin: 0 auto; }
	.popular { padding-bottom: 50px; margin-bottom: 30px; min-height: 0; }
	.popular:after { content: ''; display: table; clear: both; line-height: 0; }
	.newshead { background-size: 100% 100%; }
	.recents { margin-bottom: 25px; }

	#sidebar { background: #eee; -webkit-box-shadow: inset 0 0 10px #c0c0c0; box-shadow: inset 0 0 10px #c0c0c0; }
	#subcontent { display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; padding-bottom: 0; margin-top: 0; margin-bottom: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
	#subcontent #copy {}
	#prefoot { margin-top: -20px; position: relative; z-index: 20; }

	.clubworld { background-size: contain; background-position: center; }
	.thumb { width: calc(25% - 10px) !important;  }
	.thumb > div { width: 100%; }
	.thumb a { font-size: 14px; }

	.texts { float: none; }

	#registration { padding-top: 15px; padding-bottom: 20px; }
	#signup { max-width: 99%; margin-right: 0; padding-right: 0; }

	.signup-wrapper .signup__image { width: 320px; }
	.signup-wrapper .signup__list { width: calc(100% - 320px); }
	.signup-wrapper .signup__actions { width: 100%; background: none; padding-top: 20px; }
	.signup-wrapper .signup__actions:after { display: none; }

	#top-casinos-cta > thead > tr > th:nth-of-type(3),
    #top-casinos-cta > tbody > tr > td:nth-of-type(3) { display: none; }
    #top-casinos-cta > thead tr > th { font-size: 14px; }
    #top-casinos-cta > tbody > tr > td:nth-of-type(1) { font-size: 28px; }
    #top-casinos-cta > tbody > tr > td img { width: 120px; height: auto; }
    #top-casinos-cta > tbody > tr > td .signup { font-size: 20px; white-space: pre-wrap; }
}

/* ------------------------------------------------------------ *\
	Mobile Styles
\* ------------------------------------------------------------ */

@media(max-width: 767px) {
	.nav { width: 100%; min-height: 216px; text-align: center; padding-right: 0; background-size: cover; }
	.nav ul { text-align: center; }
	.nav ul li { padding-left: 0; }
	.nav .nav__search .searchform { margin-right: auto; }
	.logo { position: relative; z-index: 14; }

	#registration { padding-top: 0; }
	#signup { background: url('img/sup-mobile.png') no-repeat; background-position: center 10px; max-width: 100%; }
	.signup-wrapper .signup__image a { width: 100%; height: 225px; }
	.signup-wrapper .signup__image img { display: none; }
	.signup-wrapper .signup__list { width: 100%; background: none; -webkit-box-shadow: none; box-shadow: none; text-align: center; }
	.signup-wrapper .signup__list ul { display: inline-block; margin-left: 8px; }
	.signup-wrapper .signup__list ul li { padding-left: 40px; line-height: 23px; margin-bottom: 15px; text-align: left; }
	#content h1 { text-align: center; }
	#fcopy { background-position: center; }

	.ls { float: none; margin: 0 auto; }

	.lm { width: 100%; height: auto; text-align: center; }
	.lm ul { display: inline-block; margin-top: 20px; }
	.lm ul li { text-align: left; }

	.trusted { float: none; margin: 0 auto 10px; width: 220px; height: 220px; background-size: contain; }

	.popular { padding-bottom: 15px; }
	.popular > a { display: block; width: 50%; margin: 0 auto 16px; }
	.popular > a img { margin-bottom: 6px; }
	#sidebar { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-shadow: none; box-shadow: none; }
	#sidebar {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#subcontent { display: block; overflow: hidden; }
	#subcontent #copy { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
	#subcontent #copy .subtitle { padding: 10px 15px; }


	.thumb { width: calc(50% - 20px) !important; margin-bottom: 40px; margin-right: 20px; }
	.thumb > div { height: 0; padding-top: 72%; background-size: cover; background-position: top center; }

	#top-casinos-cta > tbody > tr > td { text-align: center; }
    #top-casinos-cta > thead > tr > th:nth-of-type(1),
    #top-casinos-cta > tbody > tr > td:nth-of-type(1) { display: none; }
    #top-casinos-cta > tbody > tr > td.img-logo,
    #top-casinos-cta > tbody > tr > td.bonus,
    #top-casinos-cta > tbody > tr > td.casino-links { border-right: none; border-left: none; }
    #top-casinos-cta > tbody > tr > td.bonus { -webkit-box-ordinal-group: initial; -ms-flex-order: initial; order: initial; border: 0; }
    #top-casinos-cta > tbody > tr > td.bonus .inside { border: 0; }

	.table-toc { padding: 8px; }
	.table-toc .table__content a:hover { text-decoration: underline; }
	.table-toc .table__content a:hover:before { display: none; }
	.table-toc .table__content > ol { padding-left: 8px; }
	.table-toc .table__content > ol ol { padding-left: 10px; }

	.accordions .accordion .accordion__body { margin-top: 10px; text-align: left; }
	
	#copyhome .wp-block-image .size-large.alignright { float: none; margin: 15px auto 1em auto; }
}

/* ------------------------------------------------------------ *\
	Mobile Portrait Styles
\* ------------------------------------------------------------ */

@media(max-width: 480px) {
	#header { height: auto; }
	#content { max-width: 100%; }
	#copyhome { padding: 10px; }
	.hcontain { height: auto; }
	.hcontain:after { content: ''; display: table; clear: both; line-height: 0; }
	.logo { width: 250px; height: 60px; background-size: contain; }
	.lm li { line-height: 23px; margin-bottom: 15px; }
	.popular > a { width: calc(50% - 23px); margin-left: 15px; font-size: 12px; }
	.recents { padding: 10px; }

	.thumbnail a:link { float: left; max-width: 50%; margin-bottom: 10px; }
	.rt { padding-bottom: 10px; }
	.rt h2 { margin-bottom: 0; }

	#top-casinos-cta > thead > tr > th:nth-of-type(4),
    #top-casinos-cta > tbody > tr > td:nth-of-type(4) { display: none; }
    #top-casinos-cta > tbody > tr > td:nth-child(5),
    #top-casinos-cta > tbody > tr > td { vertical-align: top; }
	embed, iframe, img, object, video { max-width: 100%; max-height: 100% }
}

/* ------------------------------------------------------------ *\
	New Footer
\* ------------------------------------------------------------ */

.footer { position: relative; background: url(img/fbg.png) repeat; margin-top: 45px; padding-top: 17px; color: #fff; font-family: Arial, sans-serif; }
.footer a { text-decoration: none; color: inherit; }
.footer:before { content: ''; position: absolute; top: -25px; left: 0; right: 0; height: 25px; background: url("img/zig.png") repeat-x; }
.footer .shell { max-width: 1540px; padding: 0 15px; margin: 0 auto; }

.footer .footer__partners { text-align: center; border-bottom: 1px solid rgba(255, 255, 255, .5); padding-bottom: 25px; }
.footer .footer__partners img { max-width: 100%; }
.footer .footer__partners p { text-transform: uppercase; font-size: 19px; margin: 21px 0 18px -69px; }

.footer .footer__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 44px 0 43px; border-bottom: 1px solid rgba(255, 255, 255, .5); }
.footer .footer__contacts-inner { width: 21.1%; margin-right: 147px; margin-left: 16px; }
.footer .footer__contacts-inner p { margin-bottom: 0; font-size: 20px; line-height: 23px; }

.footer .footer__map { position: relative; width: 370px; height: 206px; border: 1px solid rgba(255, 255, 255, .5); }
.footer .footer__map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.footer .footer__callout {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center; padding: 14px 0 21px;border-bottom: 1px solid rgba(255, 255, 255, .5); }

.footer .footer__certified { margin-right: 150px; margin-left: -80px; font-size: 19px; max-width: 55%; }
.footer .footer__certified p { font-size: 16.6px; margin-top: 3px; margin-bottom: 24px; }
.footer .footer__certified ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.footer .footer__certified ul li { display: block; -ms-flex-negative: 0; flex-shrink: 0; list-style: none; }
.footer .footer__certified ul li a { display: block; }
.footer .footer__certified ul li ~ li { margin-left: 20px; }

.footer .footer__socials p { font-size: 16.4px; }

.footer .footer__nav { padding: 15px 0 55px; }

.footer .footer__copyright { text-align: center; padding-bottom: 36px; }
.footer .footer__copyright p { font-size: 18.1px; margin: 5px 0 0 -58px; }
.footer .footer__copyright a { font-weight: 700; }

.footer .ico { display: block; width: 55px; height: 55px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.footer .ico--facebook { background-image: url(img/facebook-icon.png); }
.footer .ico--youtube { background-image: url(img/youtube-icon.png); }
.footer .ico--twitter { background-image: url(img/twitter-icon.png); }

@media(max-width: 1439px) {
	.footer .footer__contacts-inner { width: 33%; margin-right: 100px; }
	.footer .footer__certified { max-width: 78%; margin-right: 80px; margin-left: 0; }
}

@media(max-width: 1279px) {
	.footer .footer__certified { margin-right: 20px; }
}

@media(max-width: 1023px) {
	.footer { position: relative; z-index: 5; }
	.footer:after { content: ''; position: absolute; z-index: -1; background-color: #0E0E0E; top: -44px; left: 0; right: 0; bottom: 100%; }
	.footer .footer__contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 0; }
	.footer .footer__contacts-inner { width: 55%; margin-left: 0; margin-right: 0; margin-bottom: 20px; }
	.footer .footer__contacts-inner > p:first-of-type { text-align: center; margin-bottom: 10px; }
	.footer .footer__map { width: 61%; }
	.footer .footer__callout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
	.footer .footer__certified { width: 100%; max-width: 100%; margin: 0 0 20px; }
	.footer .footer__certified ul { max-width: 60%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; }
	.footer .footer__certified ul li { margin-bottom: 10px; margin: 0 10px; }
	.footer .footer__socials { margin: 0 auto; }
	.footer .footer__partners p,
	.footer .footer__copyright p { margin-left: 0; }
}

@media(max-width: 767px) { 
	.footer .footer__contacts-inner { width: 90%; }
	.footer .footer__map { width: 95%; }
	.footer .footer__certified ul { width: 100%; max-width: 100%; }
	.footer .footer__partners p { margin-top: 0; }
}

/* ------------------------------------------------------------ *\
	Nav Socials
\* ------------------------------------------------------------ */

.nav-socials {}
.nav-socials ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; list-style: none; margin: 0; padding: 0; }
.nav-socials ul li { display: block; margin-left: 10px; list-style: none; }
.nav-socials ul li a { display: block; }

/* ------------------------------------------------------------ *\
	Nav Footer
\* ------------------------------------------------------------ */

.nav-footer { margin: 0 auto; max-width: 950px; }
.nav-footer ul { list-style: none; margin: 0; padding: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1.045fr 1.4fr 1fr 1.54fr; grid-template-columns: 1.045fr 1.4fr 1fr 1.54fr; }
.nav-footer ul li { list-style: none; display: block; }
.nav-footer ul li a { display: block; font-size: 18px; line-height: 1.7; font-weight: 700; }

@media(max-width: 1023px) {
	.nav-footer ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-grid-columns: none; grid-template-columns: none; margin: 0 -10px; }
	.nav-footer ul li { padding: 0 10px; }
}

@media(max-width: 767px) {
	.nav-footer ul { margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	.nav-footer ul li { padding: 0; margin-bottom: 5px; }
}

/* ------------------------------------------------------------ *\
	Profil Author
\* ------------------------------------------------------------ */

.profil-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #333; padding-top: 35px; margin-top: 20px; margin-right: 10px; }

.profil-author .image { width: 90px; height: 90px; -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; margin-right: 15px; background-color: #c0c0c0; border-radius: 50%; }
.profil-author .image a { display: block; }
.profil-author .image > a > img { width: 90px; border-radius: 50%; height: 90px; }

.profil-author .name { margin-bottom: 5px; }
.profil-author .name > span { display: block; font: 700 18px/20px Roboto,sans-serif; text-transform: uppercase; }
.profil-author .name a { text-transform: none; color: #474646; opacity: 0.5; text-decoration: none; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.profil-author .name a:hover { opacity: 1; }

.profil-author-social { display: inline-block; margin-bottom: 20px; }
.profil-author-social ul { margin: 0; padding: 0; }
.profil-author-social ul li { list-style: none; display: inline-block; vertical-align: top; }
.profil-author-social ul li a { text-decoration: none; }

.profil-author .info { display: block; }
.profil-author .bio { font-size: 14px; }
.profil-author .bio p { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Latest News
\* ------------------------------------------------------------ */

.section-news { margin: 15px 0; padding: 0; }
.section-news h2 { font-size: 25px; line-height: 1.1; }

.section-news .post-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; }

.section-news .post-preview { margin: 0 15px 15px; width: calc(33% - 30px); }
.section-news .post-preview .preview-img { overflow: hidden; height: 260px; }
.section-news .post-preview .preview-img img { max-width: 100% !important; width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; vertical-align: top; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.section-news .post-preview .preview-img + .post-tag { display: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; }

.section-news a.post-tag { display: none; padding: 2px 5px; font-size: 12px; vertical-align: middle; text-decoration: none; text-transform: uppercase; color: #fff; background-color: #5f8ade; vertical-align: top; padding: 1px 35px; margin-bottom: 11px; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; text-align: center; }
.section-news a.post-tag:hover { opacity: .75; }

.section-news a { color: #0088cc; letter-spacing: 1px; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.section-news p { margin-bottom: 12px; }

.section-news .post-title { font-weight: 700; letter-spacing: .75px; margin-bottom: 15px; line-height: 1.208; margin-top: 11px; }
.section-news .post-title a { text-decoration: none; color: #303030; }
.section-news .post-title a:hover { color: #477fec; }

.section-news a.post-date { display: block; opacity: .5; vertical-align: middle; text-decoration: none; font-size: 12px; color: #616161; -webkit-transition: opacity .3s, color .3s; -o-transition: opacity .3s, color .3s; transition: opacity .3s, color .3s; }
.section-news a.post-date:hover { opacity: 1; color: #477fec; }

.section-news .post-author { display: inline-block; opacity: .5; vertical-align: middle; text-decoration: none; color: #616161; -webkit-transition: opacity .3s,color .3s; -o-transition: opacity .3s,color .3s; transition: opacity .3s,color .3s; }
.section-news .post-author:hover { opacity: 1; color: #477fec; }
.section-news .section__actions { text-align: center; }
.section-news .btn { display: none; border: 2px solid #333; padding: 7px 20px; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #333; outline: none; text-decoration: none; text-transform: uppercase; font-weight: 700; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.section-news .btn:hover { background-color: #333; color: #fff; }

.section-news .post-preview:nth-last-child(-n+3) { margin-bottom: 0; }

@media(max-width: 1023px) {
	.section-news .post-preview { width: calc(50% - 30px); }
}

@media(max-width: 767px) {
	.section-news .post-list { margin: 0; }
	.section-news .post-preview { width: 100%; margin: 0 0 15px; }
	.section-news .post-preview:nth-last-child(-n+3):not(:last-of-type) { margin-bottom: 15px; }
}

/* ------------------------------------------------------------ *\
	Post Wrapper
\* ------------------------------------------------------------ */

.post__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.post__wrapper .thumbnail { width: 135px; height: 135px; margin-right: 7px; flex-shrink: 0; -ms-flex-negative: 0; }

.post__wrapper .post { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

@media(max-width: 767px) {
	.post__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
	.post__wrapper .thumbnail { width: 100%; height: 0; padding-bottom: 100%; margin-right: 0; position: relative; margin-bottom: 15px; }
	.post__wrapper .thumbnail a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; float: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.post__wrapper .thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}

/* ------------------------------------------------------------ *\
	List Share
\* ------------------------------------------------------------ */

.list-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; margin: 10px 0; padding: 0; }

.list-share li { display: block; background-color: #08c; border-radius: 50%; }
.list-share li ~ li { margin-left: 5px; }

.list-share li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 35px; height: 35px; font-size: 14px; color: #fff; line-height: 1; text-decoration: none; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.list-share li a:hover { opacity: .85; }

/* ------------------------------------------------------------ *\
	Comments
\* ------------------------------------------------------------ */

.comment-respond input[type="submit"] { padding: 11px 12px; font-weight: 600; cursor: pointer; }

/* ------------------------------------------------------------ *\
	Global Pages
\* ------------------------------------------------------------ */

@media (max-width: 767px) {
	img.alignright,
	img.alignleft,
	img.aligncenter {
		float: none;
		display: block; 
		margin-left: 0;
		margin-right: 0; 
		width: 100%;  
		height: auto; 
		max-width: 100%;
	}
}

/* ------------------------------------------------------------ *\
	List News
\* ------------------------------------------------------------ */

.list-news { margin: 0; padding: 0; list-style: none; }
.list-news li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.list-news li ~ li { margin-top: 1em; }
.list-news .news__image { position: relative; margin: 0 .5em .8em 0; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 75px; height: 75px; }
.list-news .news__image a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.list-news .news__content { width: calc(100% - 75px - .75em); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.list-news .news__content h4 { margin-bottom: 4px; font-size: .8rem; line-height: 1.618; text-transform: none !important; }
.list-news .news__content h4 a { text-decoration: none; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.list-news .news__content h4 a:hover { opacity: .85; }
.list-news .news__content .news__date { display: none; }
.list-news p.news__date { font-size: 12px; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; margin-bottom: 0; line-height: 1; }

@media(max-width: 1023px){
	.list-news .news__content h4 { margin-bottom: 5px; font-size: 1em; line-height: 1.2; }
	.list-news .news__content .news__date { display: block; font-size: .9em; }
	.list-news li > .news__date { display: none; }
}

/* ------------------------------------------------------------ *\
	Header Langbar
\* ------------------------------------------------------------ */

#header .hcontain { position: relative; }
#header .hcontain * { -webkit-box-sizing: border-box; box-sizing: border-box; }
#header .header__langbar { position: absolute; top: 64px; right: 0; width: 250px; }
#header .header__langbar--mobile { display: none; }
#header .header__langbar ul { display: none; position: absolute; top: 100%; left: 0; right: 0; margin: 0; padding: 0; list-style: none; z-index: 55; width: 100%; border-radius: 5px; }
#header .header__langbar ul li,
#header .header__langbar p { display: block; position: relative; font-size: 17px; line-height: 1.6; padding: 5px 55px 5px 15px; border: 1px solid #595c5d; width: 100%; background-color: #000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; color: #fff; text-transform: none; font-weight: 400; margin-bottom: 0; }
#header .header__langbar p { height: 40px; border-radius: 5px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
#header .header__langbar p:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 5px 0 5px; border-color: #fff transparent transparent transparent; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#header .header__langbar ul li a { display: block; color: #fff; text-decoration: none; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: color .3s; }
#header .header__langbar ul li a:hover { color: #ffde03; }

#header .header__langbar ul li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }
#header .header__langbar ul li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

@media (max-width: 1024px) {
	#header .header__langbar { right: 15px; width: 200px; }
	#header .header__langbar ul li { font-size: 14px; line-height: 18px; }
	#header .header__langbar p { height: 30px; font-size: 14px; line-height: 18px; }
}

@media (max-width: 1023px) {
	#header .header__langbar { top: 13px; right: 60px; }
}

@media(max-width: 767px) {
	#header .header__langbar:not(.header__langbar--mobile) { display: none; }
	#header .header__langbar--mobile { display: block; position: relative; top: 0; right: 0; margin: 0 auto; }

	#header .header__langbar { width: 235px; margin-bottom: 36px; margin-top: 15px; }
	#header .header__langbar p { text-align: left; height: 40px; font-size: 17px; line-height: 1.6; }
	#header .header__langbar ul li a { text-align: left; font-size: 17px; line-height: 1.6; }
}