/* === GENERAL === */

body { font-family: montserrat,arial,helvetica,sans-serif; font-weight: 400; margin: 0; padding: 0; }
body.dark { background-color: #000; }
h1 { color: #fff; font-family: montserrat,arial,helvetica,sans-serif; font-size: 60px; font-weight: 500; letter-spacing: -.03em; line-height: 1.0; margin: 0; }
h2 { color: #000; font-family: montserrat,arial,helvetica,sans-serif; font-size: 22px; font-weight: 700; line-height: 30px; margin: 10px 0; }
h3, .h3 { color: #000; font-family: montserrat,arial,helvetica,sans-serif; font-size: 24px; font-weight: 500; line-height: 1.2; margin: 0; }
@media (min-width: 768px) { h3, .h3 { font-size: 36px; line-height: 1.33; } }
iframe { border: none; overflow: hidden; }
img { border: none; }

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

.elem-center { margin: 0 auto; }
.elem-left { float: left; }
.elem-right { float: right; }
.elem-inline { display: inline-block; }
.elem-top { vertical-align: top; }
.elem-middle { vertical-align: middle; }
.elem-hidden { display: none; }

.text-white { color: #fff; }

.block100 { height: 100px; }
.block80 { height: 80px; }
.block60 { height: 60px; }
.block20 { height: 20px; }
.block10 { height: 10px; }

.mobile-only { display: none; }


/* === COLUMNS === */

.columns,.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,
.col-xl,.col-xl-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,
.col-lg,.col-lg-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-md,.col-md-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-sm,.col-sm-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12
{box-sizing:border-box;padding:0 15px;width:100%;}

.col{flex-basis:0;flex-grow:1;max-width:100%;}
.col-auto{flex:0 0 auto;max-width:none;width:auto;}
.col-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-3{flex:0 0 25%;max-width:25%;}
.col-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-6{flex:0 0 50%;max-width:50%;}
.col-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-9{flex: 0 0 75%;max-width:75%;}
.col-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-12{flex:0 0 100%;max-width:100%;}
.offset-1{margin-left:8.3333333333%;}
.offset-2{margin-left:16.6666666667%;}
.offset-3{margin-left:25%;}
.offset-4{margin-left:33.3333333333%;}
.offset-5{margin-left:41.6666666667%;}
.offset-6{margin-left:50%;}
.offset-7{margin-left:58.3333333333%;}
.offset-8{margin-left:66.6666666667%;}
.offset-9{margin-left:75%;}
.offset-10{margin-left:83.3333333333%;}
.offset-11{margin-left:91.6666666667%;}

@media (min-width: 576px) {
.col-sm{flex-basis:0;flex-grow:1;max-width:100%;}
.col-sm-auto{flex:0 0 auto;width:auto;max-width:none;}
.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-sm-3{flex:0 0 25%;max-width:25%;}
.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-sm-6{flex:0 0 50%;max-width:50%;}
.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-sm-9{flex:0 0 75%;max-width:75%;}
.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-sm-12{flex:0 0 100%;max-width:100%;}
.offset-sm-0{margin-left:0;}
.offset-sm-1{margin-left:8.3333333333%;}
.offset-sm-2{margin-left:16.6666666667%;}
.offset-sm-3{margin-left:25%;}
.offset-sm-4{margin-left:33.3333333333%;}
.offset-sm-5{margin-left:41.6666666667%;}
.offset-sm-6{margin-left:50%;}
.offset-sm-7{margin-left:58.3333333333%;}
.offset-sm-8{margin-left:66.6666666667%;}
.offset-sm-9{margin-left:75%;}
.offset-sm-10{margin-left:83.3333333333%;}
.offset-sm-11{margin-left:91.6666666667%;}
}

@media (min-width: 768px) {
.col-md{flex-basis:0;flex-grow:1;max-width:100%;}
.col-md-auto{flex:0 0 auto;width:auto;max-width:none;}
.col-md-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-md-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-md-3{flex:0 0 25%;max-width:25%;}
.col-md-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-md-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-md-6{flex:0 0 50%;max-width:50%;}
.col-md-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-md-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-md-9{flex:0 0 75%;max-width:75%;}
.col-md-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-md-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-md-12{flex:0 0 100%;max-width:100%;}
.offset-md-0{margin-left:0;}
.offset-md-1{margin-left:8.3333333333%;}
.offset-md-2{margin-left:16.6666666667%;}
.offset-md-3{margin-left:25%;}
.offset-md-4{margin-left:33.3333333333%;}
.offset-md-5{margin-left:41.6666666667%;}
.offset-md-6{margin-left:50%;}
.offset-md-7{margin-left:58.3333333333%;}
.offset-md-8{margin-left:66.6666666667%;}
.offset-md-9{margin-left:75%;}
.offset-md-10{margin-left:83.3333333333%;}
.offset-md-11{margin-left:91.6666666667%;}
}

@media (min-width: 992px) {
.col-lg{flex-basis:0;flex-grow:1;max-width:100%;}
.col-lg-auto{flex:0 0 auto;width:auto;max-width:none;}
.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-lg-3{flex:0 0 25%;max-width:25%;}
.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-lg-6{flex:0 0 50%;max-width:50%;}
.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-lg-9{flex:0 0 75%;max-width:75%;}
.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-lg-12{flex:0 0 100%;max-width:100%;}
.offset-lg-0{margin-left:0;}
.offset-lg-1{margin-left:8.3333333333%;}
.offset-lg-2{margin-left:16.6666666667%;}
.offset-lg-3{margin-left:25%;}
.offset-lg-4{margin-left:33.3333333333%;}
.offset-lg-5{margin-left:41.6666666667%;}
.offset-lg-6{margin-left:50%;}
.offset-lg-7{margin-left:58.3333333333%;}
.offset-lg-8{margin-left:66.6666666667%;}
.offset-lg-9{margin-left:75%;}
.offset-lg-10{margin-left:83.3333333333%;}
.offset-lg-11{margin-left:91.6666666667%;}
}

@media (min-width:1200px){
.col-xl{flex-basis:0;flex-grow:1;max-width:100%;}
.col-xl-auto{flex:0 0 auto;width:auto;max-width:none;}
.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-xl-3{flex:0 0 25%;max-width:25%;}
.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-xl-6{flex:0 0 50%;max-width:50%;}
.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-xl-9{flex:0 0 75%;max-width:75%;}
.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-xl-12{flex:0 0 100%;max-width:100%;}
.offset-xl-0{margin-left:0;}
.offset-xl-1{margin-left:8.3333333333%;}
.offset-xl-2{margin-left:16.6666666667%;}
.offset-xl-3{margin-left:25%;}
.offset-xl-4{margin-left:33.3333333333%;}
.offset-xl-5{margin-left:41.6666666667%;}
.offset-xl-6{margin-left:50%;}
.offset-xl-7{margin-left:58.3333333333%;}
.offset-xl-8{margin-left:66.6666666667%;}
.offset-xl-9{margin-left:75%;}
.offset-xl-10{margin-left:83.3333333333%;}
.offset-xl-11{margin-left:91.6666666667%;}
}

.cols-no-pad > [class*="col"] { padding: 0; }


/* === LAYOUT === */

.layout-center { margin:0 auto; max-width:480px; min-width:300px; }
@media all and (min-width:768px) { .layout-center { max-width: 750px; } }
@media all and (min-width:992px) { .layout-center { max-width: 970px; } }
@media all and (min-width:1200px) { .layout-center { max-width: 1200px; } }
@media all and (min-width:1800px) { .layout-center.layout-center-wide { max-width: 1800px; } }

.layout-elem { display: block; }
@media all and (min-width:480px) { .layout-elem { display: flex; flex-wrap: wrap; } }
@media all and (min-width:768px) { .elem-sm-center { justify-content: center; } }

.layout-flex { display: flex; flex-direction: row; flex-wrap: wrap; }
@media (min-width: 480px) {
.layout-flex > .col-xs-3 { flex-basis: 25%; max-width: 25%; padding: 0; }
.layout-flex > .col-xs-6 { flex-basis: 50%; max-width: 50%; padding: 0; }
}
@media (min-width: 768px) {
.layout-flex > .col-sm-3 { flex-basis: 25%; max-width: 25%; padding: 0; }
.layout-flex > .col-sm-6 { flex-basis: 50%; max-width: 50%; padding: 0; }
}
@media (min-width: 992px) {
.layout-flex > .col-md-3 { flex-basis: 25%; max-width: 25%; padding: 0; }
.layout-flex > .col-md-6 { flex-basis: 50%; max-width: 50%; padding: 0; }
}
@media (min-width: 1200px) {
.layout-flex > .col-lg-3 { flex-basis: 25%; max-width: 25%; padding: 0; }
.layout-flex > .col-lg-6 { flex-basis: 50%; max-width: 50%; padding: 0; }
}
@media (min-width: 1800px) {
.layout-flex > .col-xl-3 { flex-basis: 25%; max-width: 25%; padding: 0; }
.layout-flex > .col-xl-6 { flex-basis: 50%; max-width: 50%; padding: 0; }
}


/* === HEADER === */

header.simple { height: 50px; left: 0; position: absolute; top: 11px; width: 100%; z-index: 10; }


/* === HOME === */

.page-home {
	background: #638086 url("/images/denver-skyline-3200x1000.jpg") repeat center top;
	background-size: cover;
}

.page-home h1 { color: #fff; font-family: montserrat,arial,helvetica,sans-serif; font-size: 60px; font-weight: 500; letter-spacing: -.03em; line-height: 1.0; margin: 0; position: relative; }
.page-home h1::after { background-color: #fff; content: ""; height: 18px; left: 10px; position: absolute; bottom: -40px; width: 158px; }
@media (min-width:768px) { .page-home h1 { font-size: 100px; line-height: 0.9; } }
@media (min-width:1200px) { .page-home h1 { font-size: 140px; line-height: 0.9; } }

.game-list-home { background-color: #d8d6d8; padding: 0 15px; }

.photo-grid-home { height: 100%; overflow: hidden; position: relative; }
.photo-grid-home img { display: block; height: 100%; width: 100%; }
.photo-grid-home-overlay { background: rgba(33, 47, 67, 0.6); bottom: 0; left: -1px; opacity: 1; position: absolute; right: -1px; top: 0; transition: .3s all ease; }
.photo-grid-home-caption { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: .3s; width: 90%; }
.photo-grid-home-caption a, .photo-grid-home-caption a:visited { color: #fff; text-decoration: none; }


/* === GAME === */

.game-area { background: #060606 url("/images/sparkles.jpg") repeat center top; padding: 50px 0; }

.game-columns { margin: 0 auto; padding: 0 15px; }
@media (min-width:576px) { .game-columns { max-width: 100%; min-width: 96%; width: 540px; } }
@media (min-width:768px) { .game-columns { max-width: 100%; min-width: 0; width: 720px; } }
@media (min-width:992px) { .game-columns { max-width: 100%; min-width: 0; width: 960px; } }
@media (min-width:1200px) { .game-columns { max-width: 100%; min-width: 0; width: 1200px; } }

.game-box { background-color: #4a4a4a; border-radius: 5px; box-shadow: 0 1px 4px 0 rgba(0,0,0,0.15); margin: 0 auto; max-width: 870px; padding: 10px 10px 0; }
@media (max-width:1200px) { .game-box { max-width: 100%; } }
.game-box .game-frame { text-align: center; }
.game-box .game-frame iframe { border: 0; display: inline-block; height: 100%; margin: 0 auto; min-height: 500px; width: 100%; }
@media (max-width:991px) { .game-box .game-frame iframe { min-height: 350px; } }

.under-game { align-items: center; display: flex; justify-content: center; padding: 15px 0 12px; }
@media (max-width:991px) { .under-game { padding: 10px 0 7px; } }
.under-game .refresh-link {
align-items: center;
background: #c58f3e url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNMTMuNDE3IDBjLS4zMjIgMC0uNTgzLjI1NC0uNTgzLjU2N3YyLjA3QzkuODMtLjE4OCA1LjAzOC0uMTEyIDIuMTMgMi44MDUuNzYgNC4xOC0uMDA0IDYuMDIgMCA3LjkzM2MwIC4zMTMuMjYuNTY3LjU4My41NjdzLjU4My0uMjU0LjU4My0uNTY3QzEuMTY3IDQuNSA0LjA0IDEuNyA3LjU4NSAxLjdjMS44IDAgMy41MTcuNzM1IDQuNzMyIDIuMDI1bC0yLjU4NC44MzdjLS4zMDYuMS0uNDcyLjQyLS4zNy43MTdhLjU5LjU5IDAgMCAwIC43MzguMzZsMy41LTEuMTMzQS41Ny41NyAwIDAgMCAxNCAzLjk2N3YtMy40QzE0IC4yNTQgMTMuNzQgMCAxMy40MTcgMHptMSA3LjVjLS4zMjIgMC0uNTgzLjI1NC0uNTgzLjU2N0MxMy44MzMgMTEuNSAxMC45NiAxNC4zIDcuNDE2IDE0LjNjLTEuOCAwLTMuNTE3LS43MzUtNC43MzItMi4wMjVsMi41ODQtLjgzN2MuMzA2LS4xLjQ3Mi0uNDIuMzctLjcxN2EuNTkuNTkgMCAwIDAtLjczOC0uMzZsLTMuNSAxLjEzM2EuNTcuNTcgMCAwIDAtLjM5OS41Mzl2My40YzAgLjMxMy4yNi41NjcuNTgzLjU2N3MuNTgzLS4yNTQuNTgzLS41Njd2LTIuMDdhNy43MyA3LjczIDAgMCAwIDEwLjcwMi0uMTY4QzE0LjI0IDExLjgyIDE1LjAwNCA5Ljk4IDE1IDguMDY3YzAtLjMxMy0uMjYtLjU2Ny0uNTgzLS41Njd6IiBmaWxsPSIjZmZmIi8+PC9zdmc+") no-repeat 96% center;
border: none;
border-radius: 16px;
color: #fff;
cursor: pointer;
display: flex;
font-family: montserrat,arial,helvetica,sans-serif;
font-size: 12px;
font-weight: 700;
height: 32px;
justify-content: center;
padding: 0 50px 0 36px;
text-align: center;
text-decoration: none;
transition: all .2s;
width: auto;
-webkit-appearance: none;
}
.under-game .refresh-link:hover { background-color: #d59f4e; }

h1.moneybag-title { align-items: center; color: #000; display: flex; font-size: 30px; font-weight: 600; letter-spacing: normal; margin: 0; overflow: hidden; }
h1.moneybag-title img { height: 80px; margin-right: 10px; width: 80px; }


/* === SUGGEST === */

.suggest-home { background-color: #e8ebf2; display: flex; padding: 20px 20px 0; flex-wrap: wrap; justify-content: space-between; }
.suggest-home img { display: block; margin-bottom: 20px; max-width: 100%; width: 200px; }

.suggest-area { background-color: #fff; padding: 40px 15px; }

.suggest-grid { display: flex; flex-wrap: wrap; justify-content: space-around; }

.suggest-box { margin: 10px 6px; min-height: 170px; width: 220px; }
.suggest-box a { display: block; padding-top: 4px; }
.suggest-box a div { background: radial-gradient(ellipse at right bottom,#d9d9d9 0,#fff 58%) rgba(0,0,0,0); border: 1px solid #fff; box-shadow: 20px 30px 40px -40px #000,0 0 0 1px #e1e1e1; text-align: center; }
.suggest-box a div img { box-sizing: border-box; display: inline-block; max-width: 100%; padding: 4px; }


/* === UNSORTED === */

.range { display: flex; flex-direction: row; flex-wrap: wrap; }

.section-top-80 { padding-top: 80px; }
.section-top-40 { padding-top: 40px; }
.section-bottom-140 { padding-bottom: 140px; }
.section-bottom-80 { padding-bottom: 80px; }

iframe.max { border: 0; display: inline-block; margin: 0 auto; min-height: 500px; padding-top: 50px; width: 100%; }

.social-area { background-color: #fff; padding: 40px 15px 0; }
.social-area .fb-like { background-color: #fff; min-height: 30px; }

.description-area { background-color: #fff; padding: 15px 15px; }

.fb-style-button { background-color: #43609c; border: 2px solid #395692; border-radius: 8px; color: #fff; display: inline-block; font-family: arial,helvetica,sans-serif; font-size: 16px; font-weight: 700; height: 42px; line-height: 42px; min-width: 300px; position: relative; text-align: center; text-decoration: none; text-indent: 68px; }
.fb-style-button:before { background: #395692 url("/images/facebookf.png") no-repeat center center; border-radius: 4px 0 0 4px; content: ""; height: 44px; left: 0; position: absolute; top: 0; width: 68px; }
.fb-style-button:visited { color: #fff; }
.fb-style-button:active, .fb-style-button:hover { background-color: #fff; color: #43609c; text-decoration: underline; }


/* === RESPONSIVE === */

@media all and (max-width: 575px) {

	.desktop-only { display: none; }
	.mobile-only { display: block; }

	.game-area { padding: 20px 0; }

}