.r {text-align:right;}
.c {text-align:center;}
.fr {float:right;}
body {
 background: #0c1323 url('img/PokerNinjas_bg-2.jpg') 50% 0% repeat-y padding-box;
 font-family:Gilroy;
 margin:0;
 padding:0;
}
header {
 max-width:1626px;
 margin:50px auto 62px auto;
}
header a.logo {margin-left:3vw;}
header a.btn {
 float:right;
 margin-top:6px;
 margin-left:30px;
 margin-right:3vw;
}
a.btn,
button {
 display:inline-block;
 padding:16px 50px;
 border:1px solid white;
 border-radius:10px;
 color:white;
 font-size:14px;
 font-family:Gilroy;
 font-weight:bold;
 text-decoration:none;
 text-transform:uppercase;
 background-color:transparent;
 cursor:pointer;
}
a.btn:hover,
button:hover {
 border-color:#1DCC6C;
 background-color:#1DCC6C;
}
a.btn.green { border-color:#1DCC6C; }

.poker-table-wrapper {
 margin:0px auto;
 max-width: 1626px;
}
.poker-table {
 width:100%;
 padding-top: 50.615%;
 /* max-height: 823px; */
 position:relative;
 height:0px;
 /* width: 1626px; */
 /* height: 823px; */
 /* border-radius:411px; */
 border-top-left-radius:25.27675% 50%;
 border-top-right-radius:25.27675% 50%;
 border-bottom-left-radius:25.27675% 50%;
 border-bottom-right-radius:25.27675% 50%;
 background: transparent url('img/Poker-table-02.jpg') 0% 0% no-repeat padding-box;
 background-size:cover;
}

.poker-table div.part-l-wrapper {
 position:absolute;
 left:10%;
 width:36%;
 top:30%;
 height:40%;
}
.poker-table div.part-l-wrapper span {
 display:block;
 margin-top:3%;
 height:30%;
 color:white;
 font-family:Gilroy;
}
.poker-table div.part-l-wrapper span.top {
 font-size:80px;font-weight:900;
 -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
 -webkit-text-stroke-width: 1px;
 -webkit-text-stroke-color: white;
}
.poker-table div.part-l-wrapper span.mid {font-size:80px;font-weight:900;margin-top:0;line-height:1em;}
.poker-table div.part-l-wrapper span.bot {font-size:24px;line-height:1.5em;padding-top:5%:}

.poker-table div.part-r-wrapper {
 position:absolute;
 right:10%;
 width:44%;
 top:20%;
 height:60%;
}

.card {
 position:relative;
 width:17%;
 height:40%;
 /* padding-top:5%; */
 /* padding-bottom:5%; */
 display:inline-block;
 margin:3%;
 text-align:center;
 vertical-align:bottom;
 cursor:pointer;

 background: transparent radial-gradient(closest-side at 50% 50%, #FFFFFF 0%, #DBDBDB 100%) 0% 0% no-repeat padding-box;
 box-shadow: 0px 20px 40px #0B132080;
 border: 1px solid #F0F0F0;
 border-radius: 10px;
}
.card .img {
 position:absolute;
 top:20%;
 width:100%;
 height:30%;
}
.card .img img {height:100%;}
.card .txt {
 position:absolute;
 width:80%;
 top:60%;
 text-align:center;
 padding:0px 10%;
 font-weight:700;
 color:#0B1320;
 white-space:normal;
}
.card .tl {
 position:absolute;
 top:4%;
 left:8%;
 height:13.7%;
}
.card .br {
 position:absolute;
 bottom:4%;
 right:8%;
 height:13.7%;
}

.gallery-wrapper {
 position:absolute;
 top:0;
 left:0;
 bottom:0px;
 right:0px;
 display:none;
 /* overflow:hidden; */
 z-index:100;
 backdrop-filter: blur(6px);

}
.blurry {
 filter:blur(4px);
 -o-filter:blur(4px);
 -ms-filter:blur(4px);
 -moz-filter:blur(4px);
 -webkit-filter:blur(4px);
}
.gallery-wrapper .bg {
 position:absolute;
 width:100%;
 height:100%;
 background: #0B1320 0% 0% no-repeat padding-box;
 opacity: 0.8;
 z-index:101;
}
.button-p,
.button-n { font-size:14px; font-weight:bold; color:white; cursor:pointer;user-select: none;}
.gallery-wrapper .button-p {position:absolute; top:50%;  left:5vw; text-align:right; z-index:110; white-space:nowrap;}
.gallery-wrapper .button-n {position:absolute; top:50%; right:5vw; text-align:left;  z-index:110; white-space:nowrap;}
.gallery-wrapper .button-x {position:absolute; top:10%; right:20%; text-align:right; font-size:14px; font-weight:bold; color:white; z-index:110; cursor:pointer;white-space:nowrap;}
.button-p span,
.button-n span {line-height:20px; height:20px; width:20px; text-align:center; background-color:#1DCC6C; border-radius:25px; padding:15px; vertical-align:middle; display:inline-block;}
.button-p span {margin-right:10px;}
.button-n span {margin-left:10px;}
.gallery-wrapper .button-x span { line-height:28px; height:20px; width:20px; text-align:center; background-color:white; border-radius:25px; padding:15px; vertical-align:middle; display:inline-block; margin-left:10px; }
.gallery-wrapper .slides {
 position:absolute;
 width:100%;
 top:10%;
 height:80%;
 overflow:hidden;
 white-space:nowrap;
 z-index:105;
}
.gallery-wrapper .slides .slide { width:100%; height:100%; position:relative; display:inline-block; text-align:center;transition: margin-left 0.4s;}
#gallery_cards .slides .slide {line-height:80vh;}
.gallery-wrapper .slides .slide .image {position:absolute; left:20%; top:20%; width:60%; height:60%;line-height:48vh;}
.gallery-wrapper .slides .slide .image img {max-width:100%; max-height:100%; vertical-align:middle;}
.gallery-wrapper .slides .slide .dsc {position:absolute; width:100%; top:83%; text-align:center; font-size:18px;color:white;line-height:normal;white-space:normal;}
.gallery-wrapper .slides .slide .card-place-wrapper {width:30%;/* padding-top:42%; */padding-top:45%;margin:auto;position:relative;display:inline-block;vertical-align:middle;}
.gallery-wrapper .slides .slide .card-place-wrapper .card-place {width:100%;height:100%;position:absolute;top:0;}
.gallery-wrapper .slides .slide .card-place-wrapper .card-place .card {width:100%;height:100%;vertical-align:top;margin:0px;max-height:80vh;max-width:52.74vh;border-radius:2vw;}
.gallery-wrapper .slides .slide .card-place-wrapper .card-place .card > div {line-height:normal;}
.gallery-wrapper .slides .slide .card-place-wrapper .card-place .card .txt {width:70%;top:55%;padding:0 15%;font-weight:500;}
.card-place .card .txt {font-size:24px;}
#gallery_cards .button-p {width:30%;left:0;}
#gallery_cards .button-n {width:30%;right:0;}


div.block {
 display:inline-block;
 width:40%;
 text-align:center;
 border: 1px solid #393939;
 border-radius:20px;
 margin-top:10vh;
 padding: 4vh 0 4vh 0;
 /* height:30vh; */
 vertical-align:bottom;
 background-color:#0B1320;
}
div.block.block-l {margin-left:8%;margin-right:4%;}
div.block.block-r img {/* padding:7.75px 0; */}
div.block > div {
 color:white;
 margin:4vh 0;
}
div.block a.btn {border-color:#1DCC6C;font-weight:normal;}
div.block.single {display:block;margin-left:auto;margin-right:auto;}
div.block h2 {color:white;font-weight:normal;}

div.form-block {
 background-color:#0B1320;
 border:1px solid #393939;
 border-radius:20px;
 margin:10vh 10vw 1vh 10vw;
 padding:2vh 6%;
 color:white;
}
div.form-block .header {}
div.form-block .header h2 {padding:24px;margin:0px;font-weight:400;color:white;}
div.form-block .header h3 {padding:0;margin:0;margin-bottom:3%;font-size:12px;text-transform:uppercase;color:#A5A5A5;}
div.form-block .header h4 {padding:0;margin:0;margin-bottom:3%;font-size:12px;font-weight:normal;color:#A5A5A5;}
div.form-block .header img {float:left;margin:1% 3% 0 1%;height:90px;}
div.form-block .field:nth-child(2) {/* clear:left; */}
div.form-block .field {width:18%;margin:3% 1% 1% 1%;display:inline-block;}
div.form-block .field label {font-size:14px;}
div.form-block .field label.long {overflow:visible;white-space:nowrap;}
div.form-block .field.span2 {width:38%;}
div.form-block .field.span3 {width:58%;}
div.form-block .field input {width:100%;padding:0px;border:none;border-bottom:1px solid gray;background-color:transparent;color:#A5A5A5;margin:0px;font-size:14px;margin-bottom:2px;margin-top:8px;}
div.form-block .field textarea {width:100%;border:1px solid white;border-radius:10px;background-color:transparent;color:white;height:100px;padding:6px;}
div.form-block .field label.upload {display:inline-block;width:100%;border:1px solid #1DCC6C;padding:0.14em; text-align:center;border-radius:5px;margin-top:0.5em;}
div.form-block .field .opt,
div.form-block .field .req {font-size:13px;}
div.form-block .field .req {color:#1DCC6C;}
div.form-block .buttons {margin:2% 0;}
div.form-block .buttons div {display:inline-block;}
div.form-block .buttons button {padding:8px 60px;background-color:#1DCC6C;border-color:#1DCC6C;}
p.uploaded_image {margin:0px; font-size:14px;}
a.multifile_remove_input { color:red; text-decoration:none; font-size:18px; }

@media (max-width: 1400px) {
 .poker-table div.part-l-wrapper span.top,
 .poker-table div.part-l-wrapper span.mid {font-size:70px;}
 .poker-table div.part-l-wrapper span.bot {font-size:20px;}
 .card .txt {font-size:15px;}
 .card-place .card .txt {font-size:21px;}
}
@media (max-width: 1250px) {
 .poker-table div.part-l-wrapper span.top,
 .poker-table div.part-l-wrapper span.mid {font-size:60px;}
 .poker-table div.part-l-wrapper span.bot {font-size:16px;}
 .card .txt {font-size:14px;}
 .card-place .card .txt {font-size:18px;}
}
@media (max-width: 1050px) {
 .poker-table div.part-l-wrapper span.top,
 .poker-table div.part-l-wrapper span.mid {font-size:50px;}
 .poker-table div.part-l-wrapper span.bot {font-size:13px;}
 .card .txt {font-size:13px;}
 .card-place .card .txt {font-size:15px;}
}
@media (max-width: 875px) {
 .poker-table div.part-l-wrapper span.top,
 .poker-table div.part-l-wrapper span.mid {font-size:40px;}
 .poker-table div.part-l-wrapper span.bot {font-size:12px;}
 .card .txt {font-size:11px;}
 .card-place .card .txt {font-size:13px;}
}
@media (max-width: 770px) {
 .card-place .card .txt {font-size:12px;}
}
@media (max-width: 700px) {
 .poker-table div.part-l-wrapper span.top,
 .poker-table div.part-l-wrapper span.mid {font-size:32px;}
 .poker-table div.part-l-wrapper span.bot {font-size:11px;}
 .card .txt {font-size:9px;}
 .card-place .card .txt {font-size:10px;}
}

@media (min-width: 601px) and (max-width: 749px) {
 header a.btn {padding:8px 10px;margin-left:20px;}
 header a.logo img {max-width:33%;}
}
@media (min-width: 750px) and (max-width: 898px) {
 header a.btn {padding:14px 30px;}
 header a.logo img {max-width:33%;}
}

@media (max-width: 600px) {
.not-mobile {display:none;}
body {margin:0;padding:0;height:100%;}
.page-wrapper {position:static;min-height:100%;}
header {
 margin:0px;
 text-align:left;
}
.page-main header {text-align:center;}
header img {margin-top:3vh;max-width:60%;}
header a.btn {margin:0px;padding:3vw;}
header a.btn:nth-child(2) { position:absolute; bottom:3vh; right:3vw; z-index:1000;}
header a.btn:last-child { position:absolute; bottom:3vh; left:3vw; z-index:1000;}
/* header a.btn.single {right:auto;left:16vw;padding: 9px 10px;bottom:5vw;} */
header a.btn.single {right:3vw;left:auto;padding: 9px 10px;top:3vh;bottom:auto;}
header a.logo {margin-left:0;}

.poker-table {
 margin:0px;
 padding:0px;
 border:none;
 border-radius:0;
}

.poker-table div.part-l-wrapper {width:100%;height:auto;position:initial;margin:0 0%;text-align:center;}
.poker-table div.part-l-wrapper span.top {font-size:40px;}
.poker-table div.part-l-wrapper span.mid {font-size:40px;}
.poker-table div.part-l-wrapper span.bot {font-size:14px;}

.poker-table div.part-r-wrapper {
 width:100%;
 right:0;
 top:25vh;
 height:50vh;
 overflow: hidden;
 white-space: nowrap;
 overflow-x: scroll;
}
.poker-table div.part-r-wrapper .card {
 width: 26.37vh;
 height: 40vh;
}
.poker-table div.part-r-wrapper .card:first-child {margin-left:10%;}

#gallery_cards.gallery-wrapper .button-p,
#gallery_charts.gallery-wrapper .button-p { bottom:5%; left:3%; top:auto; width:46%; text-align:left; /* white-space:normal; */}
#gallery_cards.gallery-wrapper .button-n,
#gallery_charts.gallery-wrapper .button-n { bottom:5%; right:3%; top:auto; width:46%; text-align:right; /* white-space:normal; */}
#gallery_cards.gallery-wrapper .button-x,
#gallery_charts.gallery-wrapper .button-x { top:3vh; right:5vw;}

.gallery-wrapper .slides .slide .card-place-wrapper {width:80%;padding-top:120%;}
.gallery-wrapper .slides .slide .image {left:5%;width:90%;}

.card .txt {font-size:26px;}
.gallery-wrapper .slides .slide .card-place-wrapper .card-place .card .txt {font-size:22px;}


div.block {width:90%;}
div.block.block-l {margin:5%;margin-top:10vh;}
div.block.block-r {margin:5%;}
div.block div {margin:2vh;}
div.block img {max-height:10vw;}
div.block a {padding:2vw 8vw;}

div.form-block {margin-top:3vh;}
div.form-block .field,
div.form-block .field.span2,
div.form-block .field.span3
 {width:100%;margin-bottom:5vh;}
div.form-block .field label.long {overflow:visible;white-space:normal;}
div.form-block .buttons button {padding:8px 10px;background-color:#1DCC6C;border-color:#1DCC6C;margin-top:7px;}
}


@media (max-width: 500px) {
 .gallery-wrapper .slides .slide .card-place-wrapper .card-place .card .txt {font-size:20px;}
}
@media (max-width: 460px) {
 .gallery-wrapper .slides .slide .card-place-wrapper .card-place .card .txt {font-size:18px;}
}
@media (max-width: 420px) {
 .gallery-wrapper .slides .slide .card-place-wrapper .card-place .card .txt {font-size:17px;}
}
@media (max-width: 385px) {
 .gallery-wrapper .slides .slide .card-place-wrapper .card-place .card .txt {font-size:16px;}
}
@media (max-width: 360px) {
 .gallery-wrapper .slides .slide .card-place-wrapper .card-place .card .txt {font-size:15px;}
}
@media (max-width: 330px) {
 .gallery-wrapper .slides .slide .card-place-wrapper .card-place .card .txt {font-size:14px;}
}
@media (max-width: 310px) {
 .gallery-wrapper .slides .slide .card-place-wrapper .card-place .card .txt {font-size:13px;}
}
@media (max-width: 285px) {
 .gallery-wrapper .slides .slide .card-place-wrapper .card-place .card .txt {font-size:12px;}
}
@media (max-width: 264px) {
 .gallery-wrapper .slides .slide .card-place-wrapper .card-place .card .txt {font-size:11px;}
}

@media (min-height:900px) and (max-height: 1006px) { .poker-table-wrapper {/* max-width: 1350px; */} header {margin-top:calc( 44.6vh - 399px );margin-bottom:calc( 55.4vh - 505px );}}