:root {
	--accent: #559f3d;
	--accent-tweak: #70bf2d;
	--accent2: #0e83cd;
	--accent3: #f55e4f;
	--gold: #ffb400;
	--color1: #0e83cd;
	--color2: #eea303;
	--color3: #f06060;
	--font2: 'Rubik', sans-serif;
	--light: #eee;
	--dark: #181818;
	--grass: #96a94b;
	--green: #70bf2d;
}
:focus {outline: none;}
/*
var(--accent)
#41ab6b green
#eea303	yellow
#f06060	peach
#0e83cd	blue
#702fa8	purple
#64bb5d light green
#d54f30	red
#3851bc dark blue
#96a94b grass green
#70bf2d snot green
#2d2f39 purple grey
#1c1e29 darker purple grey
#f5f5f5 perfect light
#f1844d kinda peach
#f26565 soft pink
#0eae6c nice green
#96a94b grass green
background-image: linear-gradient(to bottom right, #e4e4e4, #f5f5f5);
backgground: -webkit-linear-gradient(-88deg, rgba(250,249,247,1) 0%, rgba(250,249,247,1) 65%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%);
*/
/* MISC FIXES */
* { margin: 0; padding: 0; }
@media (max-width: 782px) { .admin-bar-fix {top:46px !important;} }
@media (min-width: 783px) { .admin-bar-fix {top:32px !important;} }
/* GLOBAL STUFF */
body {font-family: 'Roboto', sans-serif; color: #272829; font-size:1rem; font-weight:400; background-color: #f5f5f5; overflow-x: hidden; padding-top:70px;}
@media (max-width: 993px) {
	body {padding-top:50px;}
}
p {font-family: 'Roboto', sans-serif; font-size:1rem; font-weight:400;}
h1, h2, h3, h4, h5, h6 {font-family: 'Rubik', sans-serif; font-weight:700; text-transform: uppercase;}

h1 {font-size: 2.0rem;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.3rem;}
h4 {font-size: 1.2rem;}
h5 {font-size: 1.1rem;}

@media (max-width: 767.98px) {
	h1 {font-size: 1.75rem;}
	h2 {font-size: 1.35rem;}
	h3 {font-size: 1.25rem;}
	h4 {font-size: 1.15rem;}
	h5 {font-size: 1.05rem;}
}
rubik {font-family: 'Rubik', sans-serif;}
a, a:visited, a:hover, a:active {color: inherit; text-decoration: none;}
a.thirstylink, a.thirstylink:visited, a.thirstylink:hover, a.thirstylink:active {color:var(--accent); font-weight: 700; text-decoration: none;}
p a, p a:visited, p a:hover, p a:active {color: var(--accent); font-weight: 700; text-decoration: none;}
blockquote {position: relative;}
blockquote p {text-align: center;font-size: 1.5rem;font-weight: 700;padding:5px 10% 15px 10%;}
.edit {position: absolute; top:0.2rem; right: 0.3rem; z-index: 10; opacity: 0.3; color: inherit;}
.edit a { color: inherit !important; }
.edit a:before {font-family: FontAwesome; content: "\f044"; font-size: 0.7rem;}
.nopad {padding:0;}
.fixed-bg {background-attachment: fixed;}
.light-text {color:var(--light);}
.dark-text {color:var(--dark);}
.max1920 {max-width: 1920px;}
.max1600 {max-width: 1600px;}
.max1440 {max-width: 1440px;}
.max1200 {max-width: 1200px;}
.max1230 {max-width: 1230px;}
.noflow-x {overflow-x: hidden;}
.noflow-y {overflow-y: hidden;}
@media (min-width: 1200px) {
/*	.max1920, .max1600, .max1440, .max600 {padding-left:2rem;padding-right:2rem; } */
}
@media (min-width: 993px) {
	.max600 {max-width: 600px;}
	/* .max1200 { padding-left:2rem; padding-right:2rem; }*/
}
#cookie-law-bar {color:#888 !important; padding: 0.75rem;}
#cookie-law-bar a {color:#666 !important;}
#cookie-law-btn {background: #444 !important; color: #ddd !important;}
/* TOP HEADER LOGO MODAL MENU ETC */
.site-top-con {position: fixed; top:0; z-index: 1051; width: 100%; background: #111; }


img#logo {max-height: 100%; width:auto; display: inline-block; vertical-align: middle;}

@media (max-width: 993px) {
	.site-top-con {padding:0 10px;}
	.site-icon {height: 78px; width: 78px; top: 8px;}
	.site-icon-luna { top: 55px; height: 43px; width: 150px; overflow: hidden; }
	.site-icon-luna:after { height: 150px; width: 150px;}
	img#logo {left:12px;}
}
@media (max-width: 580px) {
	.site-icon {left: 69%; height: 70px; width: 70px; top: 6px;}
	.site-icon-luna { left: 69%; top: 55px; height: 30px; width: 115px; overflow: hidden; }
	.site-icon-luna:after { height: 115px; width: 115px;}
}

.choose-lang {font-size: 0.9rem;}
.choose-lang .btn {line-height: 0.9; background: none; color:white; }
.choose-lang .btn:focus {outline: none; box-shadow: none; }
.choose-lang .dropdown-menu {background:#111; color:white; border: none; padding-top: 16px; min-width: 200px;}
.choose-lang .dropdown-item {padding-left: 50px; color: white; position: relative;}
.choose-lang .dropdown-item.inactive { filter: grayscale(100%); opacity: 0.25;}
.choose-lang .dropdown-item:hover {background-color: #333; color:inherit;}
.lang {padding-left:50px; color:white !important;}
.lang:hover {background-color: #333; color:inherit;}
.lang:before {content: ''; position: absolute; top:6px; left:12px; height: 16px; width: 32px; background-position: center left; background-size: cover; background-repeat: no-repeat; border-radius: 2px; overflow: hidden;}

#no:before {background-image: url(../images/flags2/no.png);}
#mx:before {background-image: url(../images/flags2/mx.png);}
#cl:before {background-image: url(../images/flags2/cl.png);}
#ar:before {background-image: url(../images/flags2/ar.png);}
#in:before {background-image: url(../images/flags2/in.png);}
#ca:before {background-image: url(../images/flags2/ca.png);}
#nz:before {background-image: url(../images/flags2/nz.png);}
#se:before {background-image: url(../images/flags2/se.png);}
#fi:before {background-image: url(../images/flags2/fi.png);}
#pe:before {background-image: url(../images/flags2/pe.png);}
#br:before {background-image: url(../images/flags2/br.png);}
#jp:before {background-image: url(../images/flags2/jp.png);}


/* MENU ICON */
#menu-icon { width: 60px; height: 45px; margin-left: 3rem; display: inline-block; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; transform: scale(0.8); }
@media (max-width: 993px) { #menu-icon { transform: scale(0.65); margin-left: 0; } }
#menu-icon span { display: block; position: absolute; height: 9px; width: 100%; background: #eee; border-radius: 3px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 200ms ease-in-out; -moz-transition: 200ms ease-in-out; -o-transition: 200ms ease-in-out; transition: 200ms ease-in-out; }
#menu-icon:hover span {background:var(--accent);}
#menu-icon span:nth-child(1) { top: 0px; }
#menu-icon span:nth-child(2),#menu-icon span:nth-child(3) { top: 18px; }
#menu-icon span:nth-child(4) { top: 36px; }
#menu-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
#menu-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#menu-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#menu-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
.top-bar {height:70px;}
.modal-close {text-align: center}
.modal-close .fa {color:#eee; font-size:3rem; cursor: pointer;}
.modal-close .fa:hover {color:var(--accent);}
.modal-tetsuo-menu { margin: auto !important; max-width: 100%;}
.modal-tetsuo-menu-container {width: 100%; padding-left:18px;}
.modal-tetsuo-menu-content {position: relative;display: flex;flex-direction: column;background-color: rgba(0,0,0,.0);background-clip: padding-box;border: none;border-radius: 0;outline: none;height: 100%;margin: 70px auto;}
.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1030;background-color: black;}
.modal-backdrop.show {opacity: 0.95;}
.modal-footer-image {}
.menu-tetsuo {text-transform: uppercase;}
.menu-tetsuo .menu-item {border-bottom: none; background:rgba(0,0,0,.0); padding:0.75rem 1rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-table; font-family: var(--font2);}
.menu-tetsuo>.menu-item:hover {background:rgba(0,0,0,1); /*border-left: 5px solid var(--accent); padding-left: 0.75rem;*/}
.sub-menu .menu-item {border-bottom: none; padding: 0; }
.menu-tetsuo .menu-item a {color:#eee; font-size: 2.2rem; font-weight:500; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.menu-tetsuo>.menu-item>a:hover {color:#888;}
.menu-tetsuo .sub-menu .menu-item a {color:#777; font-size: 1.3rem; font-weight:300; padding: 0 0.8rem;}
.menu-tetsuo .sub-menu .menu-item a:hover {color:#555;}
.current-menu-item>a {color:var(--accent) !important;}
.navbar {padding:2rem 0 0 0;}


@media (min-width: 1200px) {
	/*
	.top-bar .choose-lang {position: relative; font-size: 0.9rem; text-transform: uppercase; line-height: 70px; padding-right: 30%; color: #e8e8e8; float: right; opacity: 0.8}
	.top-bar .choose-lang #lang:before {content: ''; position: absolute; top:24px; left: -36px; height: 20px; width: 30px; background: url(../images/flags/sweden.png) center left / contain no-repeat;}
	*/
}
@media (min-width: 993px) {
	.menu-item-has-children {display: inline-flex;}
	.menu-tetsuo .sub-menu {display: inline-flex; padding: 0 1rem;}
	.menu-tetsuo .sub-menu:before {content: '/'; font-size: 35px;}
	.menu-tetsuo .sub-menu .menu-item {line-height: 50px;}
	.menu-tetsuo .sub-menu .menu-item:after {content: '\25CF'; font-size: 1.5rem;}
	.menu-tetsuo .sub-menu .menu-item:last-child:after {content: '';}
}
@media (max-width: 992px) {
	.slogan {visibility: hidden;}
	img#site-icon {height: 55px; width: auto;}
	.top-bar {height:55px;}
	.menu-btn { height:55px; color:#eee; cursor: pointer; text-align: center;}
	.menu-btn .fa {font-size:2.2rem; padding-top:12px;}
	.menu-btn .fort {font-size:3.5rem;}
	.menu-btn:hover {color:var(--accent);}
	.modal-tetsuo-menu-content {margin: 55px auto; }
	.menu-tetsuo .menu-item {padding:0; margin-bottom: 5px;}
	.menu-tetsuo .menu-item a {font-size: 1.8rem;}
	.menu-tetsuo .sub-menu .menu-item {float: none; display: block; padding:0;}
	.menu-tetsuo .sub-menu .menu-item a {font-size: 1.2rem; padding:0;}
	.modal-close .fa {font-size:2rem;}
	blockquote p {text-align: center;font-size: 1.5rem;}
}
@media (max-width: 768px) {
	blockquote p {font-size: 1.3rem; padding: 0 5% 10px 5%;}
}
@media (max-width: 500px) {
	.menu-tetsuo .menu-item {margin-bottom: 0;}
	.menu-tetsuo .menu-item a {font-size: 1.4rem;}
	.menu-tetsuo .sub-menu .menu-item a {font-size: 1.2rem;}
}
/* BUTTONS */
button {align-items: flex-start;background-color: buttonface;border-color: buttonface;border-image: initial;border-style: outset;border-width: 2px;box-sizing: border-box;color: buttontext;cursor: pointer;display: inline-block;letter-spacing: normal;margin: 0;padding: 2px 6px 3px;text-align: center;text-indent: 0px;text-rendering: auto;text-shadow: none;text-transform: none;word-spacing: normal;outline: none;box-shadow: none;}
button:focus {outline: none !important;}

/* BTNZ */
.btnz { border: none; font-family: var(--font2); font-size: 0.9rem; line-height: 1.2rem; cursor: pointer;display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; min-height: 55px ; background: var(--accent); color: #fff; padding: 10px; border-radius: 0.5rem; max-width: 160px; height: 100%; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);}
.btnz:hover { background: var(--accent-tweak); }
@media (max-width: 768px) {
	.btnz {padding:0 10px; line-height:1; font-size: 11px;}
	.btnz:before {background: none; color: #f5f5f5; width:100%; top:-12px; line-height: 60px; }
}
.btnz.btnz-small {padding:0 10px; padding-top: 24px; line-height:1; font-size: 11px;}
.btnz.btnz-small:before {background: none; color: #f5f5f5; width:100%; top:-12px; line-height: 60px;}

.btn-standard { border: none; font-family: var(--font2); font-size: 1.4rem; line-height: 1.2rem; cursor: pointer;display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: var(--accent); color: #fff; padding: 1.5rem 2rem; min-width: 230px; border-radius: 0.5rem; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);}
.btn-standard:hover { background: var(--accent-tweak); }

/* CARDS */
.casino-card2 {font-family: var(--font2); margin-bottom: 1rem; border-radius: 6px; box-shadow: 0px 4px 12px rgba(0,0,0,0.5);}
.casino-card2 #logo {border-radius: 6px 6px 0 0; padding:0 10%;}
.casino-card2 #logo img {width:100%; height:auto;}
.casino-card2 #bonuses {padding: 10px 10px 20px 10px; min-height: 90px; font-size: 0.8rem; line-height: 1.2; text-transform: uppercase; background: #f2f2f2; color:#181818;	}
.casino-card2 #bonus {padding:0 0 4px 12px }
.casino-card2 #play {text-align: right; padding: 10px; border-radius: 0 0 6px 6px; font-size: 0.9rem; font-weight: 500; background: #ccc; color:#181818; text-transform: uppercase; -webkit-clip-path: polygon(0 12%, 100% 0, 100% 100%, 0% 100%);clip-path: polygon(0 12%, 100% 0, 100% 100%, 0% 100%); margin-top: -10px}
.casino-card2 #bonus:before {font-family: FontAwesome; content: '\f111'; position: absolute; left:18px; font-size: 5px; line-height: 16px; color: #181818; }
.casino-card {margin-bottom: 1rem; border-radius: 0.5rem; box-shadow: 0px 4px 12px rgba(0,0,0,0.5);}
.casino-card #card-top {text-align: center; padding:1.4rem 0 4.2rem 0; font-size: 1rem; font-weight: 700; text-transform: uppercase; color: #eee; background-size: cover; background-repeat: no-repeat; background-position: center top; background-image: url("../images/grey-casino-bg.jpg"); text-shadow: 0.1rem 0.1rem 0.4rem rgba(0,0,0,.8); border-radius: 0.5rem 0.5rem 0 0;  }
.casino-card #casino-logo {text-align: center; background: #eee; }
.casino-card #casino-logo img {width:100px; height: 100px; border-radius: 50%; margin-top:-55px; border:4px solid #eee; transition: all 0.25s;}
.casino-card:hover #casino-logo img {border:1px solid rgba(0,0,0,0);}
.casino-card #main {background: #eee; text-align: center;}
.casino-card #bottom {background: #eee; text-align: right; border-radius: 0 0 0.5rem 0.5rem; padding: 6px 12px; }
.casino-card #bottom a {text-transform: uppercase; font-size: 0.9rem; color: #888;}
.casino-card #bottom a:after {font-family: FontAwesome;content: "\f05a";font-size: 1rem;line-height: 1.1; padding-left: 5px; }
.casino-card #bonus {text-transform: uppercase; min-height: 90px; padding: 1rem; font-size: 1rem; color: #272727;}
.casino-card .btn-play { padding: 0.7rem 1.4rem 0.6rem 1.4rem; font-size: 0.9rem; margin-bottom:15px;}



.slots-card {margin: 1rem 0; border-radius: 0.5rem; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25)}
.slots-card #card-top {text-align: center; position: relative;background-size: cover; max-height: 260px; background-repeat: no-repeat; background-position: center top; background-image: url("../images/grey-casino-bg.jpg"); text-shadow: 0.1rem 0.1rem 0.4rem rgba(0,0,0,.8); border-radius: 0.5rem 0.5rem 0 0; padding-bottom: 110%; width: 100%; }
.slots-card #slots-title {font-family: var(--font2); font-size: 0.8rem; font-weight: 500; position: absolute; bottom: 0; width: 100%; padding: 0.5rem 0; background: rgba(0,0,0,.8); text-transform: uppercase; color: #eee; }
.slots-card #main {font-family: var(--font2); font-size: 0.9rem; font-weight: 500; background: #eee; text-align: center; color:#181818; padding: 0.5rem; text-transform: uppercase;}
.slots-card #bottom {background: #eee; text-align: right; border-radius: 0 0 0.5rem 0.5rem; padding: 4px 12px; }
.slots-card #bottom a {text-transform: capitalize; font-size: 0.9rem; color: #888;}
.slots-card #bottom a:after {font-family: FontAwesome; content: "\f05a"; font-size: 1rem; line-height: 1.1; padding-left: 5px; }
.slots-card #bonus {text-transform: uppercase; min-height: 90px; padding: 1rem; font-size: 1rem; color: #272727;}



/* NEWSLETTER */
.newsletter {background:#272727; padding:1.4rem; text-align: center; position: fixed; bottom: 0; width: 100%; z-index: 99999999;}
.newsletter>.row {margin:auto;}
.newsletter label {font-size:1.2rem; color: #eee; padding: 0.8rem 0;}
.newsletter .form-control {border:none;}
.newsletter .input-group {outline:none;}
.newsletter .btn {border:none; background:var(--accent); outline: none; box-shadow: none;}
.newsletter .btn:after {font-family: FontAwesome;content: "\f003"; color: #f5f5f5; font-size: 2rem; }
@media (min-width: 1440px) { .newsletter:before {content: ''; position: absolute; left: 4%; top: -80px; width:200px; height: 200px; background-image: url(//vasacasino.se/wp-content/themes/tetsuo/images/jack-body-left.png); background-position: right bottom; background-repeat: no-repeat; background-size: contain;} }
@media (max-width: 992px) { .newsletter { padding: 0.5rem 1rem 2rem 1rem;} }

.mail-section {text-align: center;}
.mail-section>.row {margin:auto;}
.mail-section label p {font-family: var(--font2); font-size:1.2rem; color: #eee; padding: 0.3rem 0; text-transform: uppercase;}
.mail-section #section-title {font-size: 3vmax; padding-bottom: 1rem;}
.mail-section .form-control {border:none;}
.mail-section .input-group {outline:none; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);}
.mail-section .btn {border:none; background:var(--accent); outline: none; box-shadow: none;}
.mail-section .btn:after {font-family: FontAwesome;content: "\f1d8"; color: #f5f5f5; font-size: 2rem; }

@media (max-width: 992px) { .mail-section { padding: 0.5rem 1rem 2rem 1rem;} }
/*@media (min-width: 1440px) { .mail-section:before {content: ''; position: absolute; left: 0; bottom: 0; width:230px; height: 260px; background-image: url("../images/jack-body-left.png"); background-position: right bottom; background-repeat: no-repeat; background-size: contain;} }*/

/* SINGLE POSTS */

.single-content {background: #f5f5f5; border-radius: 0.5rem 0.5rem 0 0; padding: 30px 15px;}

/* SINGLE CASINO */
.casino-top-container {padding: 40px 15px; background-repeat: repeat; background-position: center top; background-image: url("../images/doodles.png");}
.casino-top-container:before {content:''; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
.casino-top-container #title {text-align: center; padding:0.5rem 1rem;}
.casino-top-container #title h1 {color:#eee; text-shadow: 2px 2px 6px rgba(0,0,0,.6)}
.casino-top-container #stars .fa{color:gold; font-size: 1.8rem; padding-right:0.3rem; text-shadow: 2px 2px 6px rgba(0,0,0,.6)}
.casino-top-container #logo {text-align: center;}
.casino-top-container #logo img {max-height: 130px; border-radius: 0.5rem;}
.casino-top-container a {text-decoration: none;}
.casino-top-container .singlebonus {font-family: var(--font2); font-weight: 500; color:#eee; letter-spacing: 1px; text-transform: uppercase; text-shadow: 2px 2px 6px rgba(0,0,0,.6);}
.casino-top-container tr {line-height: 1.2;}
.casino-top-container .singlebonus#bonus{font-size: 2rem; line-height: 1.2; padding: 0 5%;}
.casino-top-container .singlebonus#bonus123{font-size: 1.8rem;}
.casino-top-container .bonusname {font-size: 1.2rem; text-transform: uppercase; padding-right: 15px; color: #eee; text-shadow: 1px 1px 5px rgba(0,0,0,.6);}
@media (min-width: 1201px) {
	.casino-top-container #title h1 {font-size: 2.8rem;}
}
@media (min-width: 993px) {
	.overlap-bottom {padding-bottom: 160px; margin-bottom: -120px;}
	.casino-top-container .bonusname {padding-top: 6px;}
}
@media (max-width: 1200px) {
	.casino-top-container #logo img {max-height: 100px;}
}
@media (max-width: 993px) {
	.casino-top-container #logo img {max-height: 100px;}
	.casino-top-container .singlebonus#bonus123{font-size: 1.4rem;}
	.casino-top-container .bonusname {font-size: 1.2rem; padding-right: 15px;}
}
@media (max-width: 768px) {
	.casino-top-container .singlebonus#bonus {font-size: 1.6rem; }
}
@media (max-width: 576px) {
	.casino-top-container .singlebonus#bonus {font-size: 1.2rem;}
	.casino-top-container .singlebonus#bonus123{font-size: 1rem;}
	.casino-top-container .bonusname {font-size: 1rem; padding-right: 10px;}
}

.intro-phrase {font-family: var(--font2); text-align: center; font-size: 1.4rem; font-weight: 500; padding: 0 10% 1.5rem 10%;}
@media (max-width: 993px) {
	.intro-phrase {font-size: 1.2rem;}
}

.info-area { float: right; width: 400px; padding-left: 1rem; padding-bottom: 1rem;}
.info-area #bonuses, .info-area #pros, .info-area #screenshot { padding: 1rem; background: #eee; border-radius: 0.5rem; margin-bottom: 1rem; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25)}
.info-area #bonusname {font-family: var(--font2); text-transform: capitalize; padding-right: 10px;}
.info-area #bonus {font-family: var(--font2); text-transform: uppercase; font-weight: 500}
/*.info-area #bonus:before {font-family: Tetsuo; content: "\f00e"; font-size: 1; padding-right:8px;}*/
.info-area #info {font-family: var(--font2); text-transform: uppercase;}
.info-area #info:before {font-family: FontAwesome; content: "\f055"; font-size: 1; padding-right:8px; color: var(--accent);}
#screenshot img {border-radius: 0.3rem; width: 100%;}

@media (max-width: 993px) {
	.info-area { float: none; width: 100%; padding-left: 0}
}

@media (min-width: 993px) {
	#screenshot img.zoom {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	}

	#screenshot img.zoom:hover,
	#screenshot img.zoom:active,
	#screenshot img.zoom:focus {
	/**adjust scale to desired size,
	add browser prefixes**/
	-ms-transform: scale(2) translate(-80px);
	-moz-transform: scale(2) translate(-80px);
	-webkit-transform: scale(2) translate(-80px);
	-o-transform: scale(2) translate(-80px);
	transform: scale(2) translate(-80px);
	position:relative;
	z-index:100;
	}
}


/* SINGLE CASINOGAME */
.casinogame-container #play-at {font-family: var(--font2); color: #eee; text-transform: uppercase; text-align: center; font-size: 1.8rem; font-weight: 500; text-shadow: 2px 2px 6px rgba(0,0,0,.6)}

/* SECTIONS */

.section {padding-top:4rem; padding-bottom:4rem}
.section.multi_section {padding-top: 1rem; padding-bottom: 1rem;}
.section.casino_mega_list {padding-top: 1rem;}
.section.start_top_section {padding-top: 5rem; padding-bottom:120px; min-height: 340px;}

body > .casino-mega-list-con > .row > .casino-mega-list:before {content:''; position: absolute; top:120px; left:-8px; width:8px; height: 33%; max-height:170px; -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%); clip-path: polygon(100% 0, 0 0, 100% 100%);  background: rgba(0,0,0,0.1);}
body > .casino-mega-list-con > .row > .casino-mega-list:after {content:''; position: absolute; top:120px; right:-8px; width:8px; height: 33%; max-height:170px; -webkit-clip-path: polygon(100% 0, 0 0, 0 100%); clip-path: polygon(100% 0, 0 0, 0 100%);  background: rgba(0,0,0,0.1);}
body > .casino-mega-list-con ~ .casino-mega-list-con > .row > .casino-mega-list:before {display: none;}
body > .casino-mega-list-con ~ .casino-mega-list-con > .row > .casino-mega-list:after {display: none;}

#section-title {font-size: 1.4vmax; text-transform: uppercase; padding-bottom: 6px;}
@media (max-width: 1920px) {
	#section-title {font-size: 2.2rem;}
}
@media (max-width: 993px) {
	.section {padding-top:2rem; padding-bottom:2rem}
	#section-title {font-size: 2.9vmax;}
}
#section-title .fa, #section-title .fort {padding-left: 0.6rem;}



@media (min-width: 1200px) {
	.text-plus-casinos #content { padding-right: 2rem;}
	.section.casino_mega_list {padding:8px 25px 60px 25px; }
}

@media (min-width: 993px) {
	.start_top_section:after {content:''; position: absolute; bottom: 0px; right: -180px; width: 320px; height:96%; max-height: 390px; background: url(//vasacasino.se/wp-content/themes/tetsuo/images/reb.png) bottom right / contain no-repeat;}
	/*.start_top_section:after {content: ''; position: absolute; bottom: 0px; right: -220px; width: 500px; height:96%; max-height: 390px; background: url(../images/rebban.png) bottom right / contain no-repeat;}*/
}
@media (max-width: 1600px) {
	.start_top_section:after {right: -100px;}
}
@media (max-width: 1200px) {
	.start_top_section:after {right: -80px;}
}

.sect-con {}
.sect-con > .row {overflow: hidden;}
.sect-con.bg-left {background-position: left center; background-size: contain; background-repeat: no-repeat;}
.sect-con.bg-right {background-position: right center; background-size: contain; background-repeat: no-repeat;}
.sect-con.bg-cover {background-position: center center; background-size: cover; background-repeat: no-repeat;}
.sect-con.bg-pattern {background-repeat: repeat;}

.light-text #section-title {text-shadow: 0 0 6px rgba(0,0,0,0.3);}
.dark-text #section-title {text-shadow: none;}
.show-more-link {display: inline-block; font-family: var(--font2); text-transform: uppercase; font-weight: 500; margin-bottom: 1rem; cursor: pointer; opacity: 0.9;}
.show-more-link.open span {display: none;}
.show-more-link.open:before {font-family: FontAwesome; content:'\f00d';     padding: 10px;}


.more-content-row #the-more-content {padding: 15px; text-align: left;}
.section > #content {max-width: 1185px; opacity: 0.75;}
.start-top-con {margin-bottom: -120px; }
.start-top-con #content p {font-size: 22px; font-family: var(--font2); text-shadow: 0 0 6px rgba(0,0,0,0.3); margin-bottom: 0.5rem}
.start-top-con.dark-text #content p {text-shadow: none;}
@media (max-width: 1200px) {
	.start-top-con #content p {font-size: 20px;}
}
@media (min-width: 1200px) {
	.casino-mega-list {border-radius: 0.5rem 0.5rem 0 0; }
}

.multi-part {min-width: 331px; padding-top: 2rem; padding-bottom: 1rem;}
.multi-part #title {font-family: var(--font2); text-transform: uppercase; font-size: 1.4rem; font-weight: 500;}
.multi-part #image {height:150px; padding:1rem;}
.multi-part #image img {height:100%; width: auto;}
.multi-part #content {padding:0 1rem;}
.multi-part #link {}

.more {padding-bottom: 1.4rem;}
.more a{font-size:1.2rem; text-transform: uppercase; font-family: var(--font2); font-weight: 500; color:inherit;}
.more:after {font-family: FontAwesome;content: "\f14c";font-size: 1.2rem;line-height: 1.1;padding: 0 5px 0 8px; }
.puff {padding-top: 1rem; padding-bottom: 1.5rem;}
/*.puff a {color: inherit; text-shadow: 0 0 6px rgba(0,0,0,0.3);} */
.puff .fa, .puff .fort, .puff a .fa, .puff a .fort {font-size: 4rem; padding-bottom: 0.6rem; color: inherit; text-shadow: 0 0 6px rgba(0,0,0,0.3);}
.puff > #puff-text {font-family: var(--font2); text-transform: uppercase; font-size: 1.2rem;}
.moving-bg {-webkit-animation: top-bg-move 50s linear infinite;}
@keyframes top-bg-move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1000px -500px;
  }
}
.intro {padding-top: 2rem;}
.intro h1 {font-size:3vmax; text-transform: uppercase;}
.intro #intro-content {padding-top: 1rem;}
.intro #intro-content p {font-size: 1.2rem;}
.intro-dark {color:#eee;}
.intro-dark h1 {color:#eee;}
.addons-section {}
.addons-section:nth-child(odd) {}
.addons-section:nth-child(even) {}
.addons-section:nth-child(odd):before {content:''; position:absolute; left:0; height:100%; width:600%; background-color: inherit;}
.addons-section:nth-child(even):before {content:''; position:absolute; left:0; height:100%; width:600%; background-color: inherit;}
.addons-section:last-child:before {content:''; height:1000%;}
.addon-content {padding-top: 3rem; padding-bottom: 2.5rem; }
.addon-content > #title {font-size: 1.4vmax;  text-transform: uppercase;}
@media (max-width: 1920px) { .addon-content > #title {font-size: 1.6vmax;} }
@media (max-width: 1600px) { .addon-content > #title {font-size: 1.8vmax;} }
@media (max-width: 1200px) { .addon-content > #title {font-size: 2.4vmax;} }
@media (max-width: 768px) { .addon-content > #title {font-size: 3.4vmax;} }
.addon-content > #title .fa, .addon-content > #title .fort {padding-left: 0.7rem;}
.addon-content > #content {opacity: 0.75}
.addon-single-casino {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat;}
.addon-single-casino > .single-casino-content { text-align: center; padding: 2rem;}
.single-casino-content > #title {}
.single-casino-content > #bonus {}
.checklist {}
.checklist .checkrow {position: relative; padding:0.5rem 0 0.5rem 2.2rem; font-size: 1rem; text-transform: uppercase; font-family: var(--font2); font-weight: 500; line-height: 1.4;}
/* .checklist .checkrow:before {font-family: FontAwesome;content: "\f00c"; padding-right: 0.5rem; color: var(--accent2); position: absolute; left: 0; font-size: 1.6rem; line-height: 0.8;} */
.checklist .fa {color: #96a94b; position: absolute; font-size: 1.6rem; line-height: 1.5;}
@media (max-width: 768px) {
	.section-footer {text-align: center;}
}
@media (max-width: 1199px) {
	.addons-section:nth-child(odd):before { }
	.addons-section:nth-child(even):before { }
}
@media (min-width: 1200px) {
	.addon-content {padding-left: 2rem; }
	.section.got-addon {padding-right: 2rem; }
	/*.addon-right {background: url('../images/sawtooth.png') left top / 36px repeat-y;}*/
}
/* CASINO LISTS */
.casino-list {padding: 0;}
.casino-list #list-item { border-radius:0; padding: 10px 0; /*box-shadow: 0 8px 8px -8px rgba(0,0,0,0.1);*/ border-bottom: 1px solid rgba(0,0,0,.1); }
.casino-list:last-child #list-item {border: none;}
.casino-list #list-item:hover { background-image:linear-gradient(to right, rgba(0,0,0,.0), rgba(0,0,0,.015), rgba(0,0,0,.0));}
.casino-list #list-item:hover .btnz:before {color:var(--gold); text-shadow: 0 0 22px rgba(255,212,0,0.5);}
.casino-list #count {font-family: var(--font2); font-weight: 400; position: absolute; font-size:1rem; width: 32px; height:32px; border-radius: 50%; background: rgba(255,255,255,.66); left:9px; text-align: center; line-height: 2.1; color: #555; box-shadow: 0px 0px 2px rgba(0,0,0,0.2); z-index: 1; }
.casino-list #count2 {font-family: var(--font2); font-weight: 500; position: absolute; font-size:24px; width: 50px; height:100%; padding-top:18px; text-align: center; line-height: 1; color: #555; z-index: 1; }

.casino-list #casino-logo {display: inline-block; padding:0 15px; height: 70px; min-width: 220px; max-width: 220px;}
.casino-list #casino-logo #logo {display: inline-block; height: 100%; width: 100%; border-radius: 0.5rem; background: url() center center / cover no-repeat; background-color: #7f6443; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25); }
.casino-list #casino-logo #logo-mini {display: inline-block; height: 100%; width: 100%; border-radius: 0.5rem; background: url() center center / contain no-repeat; background-color: #7f6443; }
.casino-list #freetext {font-size: 0.75rem; padding-right: 1rem; text-transform: uppercase; line-height: 1.2; min-height: 28px;}
.casino-list #free-text {font-size: 0.8rem; padding-right: 1rem; text-transform: uppercase; line-height: 1.2;}
.casino-list #bonus2extras {font-size: 0.75rem; text-transform: uppercase; overflow: hidden;max-width: 95%;text-overflow: ellipsis;white-space: nowrap; padding-left: 24px; line-height: 1.5; min-height: 18px; margin-top: -10px; opacity:0.75;}
.casino-list #screenshot-wrap {padding: 0.2rem 0.5rem;  width:86px; height: 50px;}
.casino-list #screenshot { display: inline-block; text-align: center; padding-top: 0.2rem; background-position:  center center; background-repeat: no-repeat; background-size: cover; background-color: #666; height: 100%; width: 100%;}
.casino-list #screenshot img { width: auto; height: 100%; border-radius: 24%; display: inline-block; box-shadow: 0.1rem 0.1rem 0.4rem rgba(0,0,0,0.4);}
.casino-list #screenshot:before {font-family: FontAwesome; content: '\f03e'; display:inline-block; font-size: 1.6rem; color:rgba(255,255,255,0.8); }
.casino-list .bonus-col {white-space: nowrap; overflow: hidden; padding-left:15px;}

.casino-list table#bonustable {font-family: var(--font2); font-size:14px; text-transform: uppercase;}
.casino-list table#bonustable tr {overflow: hidden; text-overflow: ellipsis;white-space: nowrap; height:22px; display: flex; padding: 0; border-radius: 5px; /*background-image: linear-gradient( #f2f2f2, #e8e8e8); */ }
.casino-list table#bonustable td#type { width: 70px; font-size: 14px; text-transform: capitalize;}
.casino-list table#bonustable td#bonus1 { font-weight: 500; }
.casino-list table#bonustable td#bonus2 { font-weight: 500; }
.casino-list table#bonustable td#bonus3 { font-weight: 500; }
.casino-list #play {height: 70px; max-width: 170px;}
.casino-list #play a {font-size: 0;}
.casino-list #title-col {max-width: 180px; text-transform: uppercase; padding-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* height: 64px; */}
.casino-list #title {font-size: 1rem; line-height: 1; text-transform: uppercase; font-family: var(--font2); font-weight: 500;}
.casino-list #title a:after {font-family: FontAwesome; content: '\f05a'; display:inline-block; font-size: 17px; padding-left: 5px;}
.casino-list #stars {display: inline-block; font-size: 1.4rem; line-height: 1.5; vertical-align: top; color:var(--gold);}
.casino-list #stars .fa {padding-right: 1px;}
.casino-list #review-link {color:var(--accent2); padding-left: 0.5rem; text-transform: uppercase; font-size:0.8rem; line-height: 1.4rem; vertical-align: top;}
.casino-list-header {color:#2f353e; padding:0; height:55px; font-family: var(--font2); font-size: 22px; font-weight: 500; text-transform: uppercase; /*box-shadow: 0 8px 8px -8px rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,.1);*/}
.casino-list-header #casino-logo{height:25px !important; width: 250px; }
.casino-list-header #play {width: 160px; height: 25px !important; }
.casino-list-header #bonus {height:25px !important; padding-left: 14px;}
.casino-list-header #title-col {height:25px !important;}
.casino-list-header #review {padding-right: 5px; }
.casino-multi-list {padding-right: 15px;}
.casino-multi-list #casino-logo {display: inline-block; padding:0 15px; height: 56px; max-width: 180px; min-width: 180px;}
.casino-multi-list #casino-logo #logo {display: inline-block; height: 100%; width: 100%; border-radius: 0.5rem; background: url() center center / cover no-repeat; background-color: #7f6443; }
.casino-multi-list #casino-logo #logo-mini {display: inline-block; height: 100%; width: 100%; border-radius: 0.5rem; background: url() center center / contain no-repeat; background-color: #7f6443; }
.casino-multi-list #play {height: 55px; max-width: 140px;}
.casino-multi-list .bonus-col {padding-left:0px;}
.casino-multi-list table#bonustable tr {height:18px; padding-left: 5px;}
.casino-multi-list table#bonustable td#bonus1:before, .casino-multi-list table#bonustable td#bonus2:before, .casino-multi-list table#bonustable td#bonus3:before {content: ''; width: 0;}
.casino-multi-list table#bonustable {font-size:12px;}
.casino-multi-list table#bonustable td#bonus1, .casino-multi-list table#bonustable td#bonus2, .casino-multi-list table#bonustable td#bonus3 { font-weight: 400; }
.casino-multi-list #title {font-size: 0.8rem; line-height: 1; text-transform: uppercase; font-family: var(--font2); font-weight: 500}
.casino-multi-list #title a:after {content:'';}
.casino-multi-list #stars {font-size: 0.9rem;}

.casino-list-title {font-family: var(--font2); text-transform: uppercase; font-size: 24px; font-weight: 500; }

.casino-mega-list { background: #f5f5f5;}
.casino-mega-list .section-header {text-align: center;}
.casino-mega-list .section-header #section-title .fa, .casino-mega-list .section-header #section-title .fort {color:orange;}
.casino-mega-list .section-header #content {}
.casino-mega-list #casino-logo {padding:0 15px 0 50px; min-width: 255px; max-width: 255px;}

@media (min-width: 767px) {
	.casino-mega-list #count.count-xl {font-size:22px; width: 40px; height: 40px; left: 5px; line-height: 1.9;}
	.casino-mega-list #count2.count2-xl {}
}

@media (max-width: 993px) {

}
@media (max-width: 767px) {
	.casino-mega-list #list-item {min-height: 90px;}
	.casino-list #casino-logo {padding:0 0 0 10px; height: 60px; min-width: 70px;}
	.casino-list #casino-logo #logo-mini { width:60px; }
	.casino-list #play {height: 60px; min-width: 60px; position: absolute; right: 10px; bottom: 15px;}
	.casino-list .bonus-col {padding-left:10px;}
	.casino-list table#bonustable td#bonus1:before, .casino-list table#bonustable td#bonus2:before, .casino-list table#bonustable td#bonus3:before { font-size: 15px; line-height: 16px;}
	.casino-list table#bonustable {font-size:12px;}
	.casino-list table#bonustable tr {height: 18px;}
	.casino-list .btn-play {padding: 0.8rem 1.4rem 0.8rem 1.4rem;}
	.casino-list #count { width: 26px; height: 26px; font-size: 0.9rem; top: 6px; left: 2px; line-height: 1.9; }
	.casino-list-header #casino-logo {}
	.casino-list-header #play {width: 160px; height: 25px !important; bottom: 22px; text-align: right !important; padding-right:5px; }
	.casino-list-header #bonus {padding-left: 34px;}
	#count, #count2 {display: none;}
}
/* FOOTER STUFF */
#wrapper-footer {background: #181818; color:#eee; padding: 5rem 0 160px 0;}
.partner-logos {text-align: center;}
.partner-logos #logo {display: inline-block;}
.partner-logos #logo img {width:50px; height:50px; margin: 1rem; border-radius: 50%; -webkit-filter: grayscale(100%); filter: grayscale(100%); box-shadow: 2px 2px 15px rgba(0,0,0,.5); opacity:0.5;}
/* CARDS */
.card-col {padding: 1rem;}
.card-slots {
	background: #eee;
	border: none;
	margin-right: 0px !important;
}
.card-slots .card-block {padding:0.6rem;}
.card-slots .card-text {font-size: 0.9rem;}
.card-site {border: none;margin-right: 0px !important;}
/* EFFECTZ */
.pop-effect {-webkit-transform: translateZ(0); transform: translateZ(0);}
.pop-effect:hover, .pop-effect:focus, .pop-effect:active {
	-webkit-animation-name: pop-effect;
	animation-name: pop-effect;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
@-webkit-keyframes pop-effect {
  50% {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
  }
}
@keyframes pop-effect {
  50% {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
  }
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.slow{
     -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.slower{
     -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.slowest{
     -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideinleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-1000px);
    }
    50%{
       opacity: 0.3;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes slideinleft {
    0% {
        opacity: 0;
        transform: translateX(-1000px);
    }
    50%{
       opacity: 0.3;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.slideinleft{
    opacity: 0;
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.slideinleft.go {
    -webkit-animation-name: slideinleft;
    animation-name: slideinleft;
}