/*
      ============================================================
           Default Css Wrap Start #Default Css
      ============================================================
*/
body {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    font-family: "Raleway", sans-serif;
}

/* Heading Typo */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    color: #000;
    line-height: 1;
    font-style: normal;
    font-weight: 800;
    /* margin: 0px 0px 0px 0px; */
    -moz-osx-font-smoothing: grayscale;
    font-family: "Raleway", sans-serif;
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 35px;
}

h4 {
    font-size: 25px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 14px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: /* #3a535a */ #222222;
}

.text,
section,
.casino-wrapper,
.casino-contant,
header {
    float: left;
    width: 100%;
    position: relative;
}
footer,
section {
    padding: 66px 0 40px;
}
.overflow_text {
    float: none;
    width: auto;
    overflow: hidden;
}
figure img,
figure {
    float: left;
    width: 100%;
    position: relative;
}

.seemore-btn,
.casino-header,
.gray-bg {
    background-color: #fafafa;
}
/*Button Start*/
.btn {
    display: inline-block;
    color: #fff;
    border: none;
    line-height: 1;
    font-size: 20px;
    font-weight: 800;
    border-radius: 8px;
    white-space: unset;
    background: #6600cc;
    margin-bottom: 2px;
    padding: 11px 12px 12px;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.btn strong {
    float: left;
    width: 100%;
    line-height: normal;
}
.btn span {
    display: block;
    opacity: 0.5;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
}
.btn span::after {
    display: inline-block;
    content: "\f0da";
    margin-left: 5px;
    font-family: "fontawesome";
}
.btn:hover {
    color: #fff;
}
/*Section Heading Css Start*/
.section-heading-1 {
    float: left;
    width: 100%;
}
.section-heading-1 h2 {
    font-size: 40px;
    font-weight: 800;
    margin: 0 0 32px;
}
.section-heading-1 h5 {
    font-size: 20px;
    font-weight: 800;
    margin: 0 0 31px;
}
/*
============================================================
    Header Css Start
============================================================
*/
.casino-header,
.navbar {
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.casino-header {
    padding: 0 0px;
    border-bottom: 1px solid #e3e3e3;
}
/*Logo Css Start*/
.navbar-brand {
    height: auto;
    padding: 15px 0;
}
.navbar-toggle {
    margin: 22px 0;
    border-radius: 0;
}
.navbar-toggle .icon-bar {
    background: #fff;
}
/* Navigation Css Start */
.nav {
    float: right;
    width: auto;
    margin-top: -1px;
    margin-bottom: -1px;
}
.nav li {
    float: left;
    width: auto;
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 0 0 0 1px;
}
.nav li:last-child {
    border-width: 0 1px 0 1px;
}
.nav li a {
    float: left;
    width: 100%;
    color: #313131;
    font-size: 13px;
    font-weight: 700;
    min-width: 120px;
    text-align: center;
    position: relative;
    padding: 27px 15px 22px;
    text-transform: uppercase;
    background: #fff;
    transition: all 2s;
}
.nav li a i {
    color: #dc0018;
    display: block;
    font-size: 33px;
    min-height: 35px;
    margin-bottom: 28px;
    transition: all 2s;
}
/* stroke */
.nav li a:after {
    left: 0;
    right: 0;
    width: 0%;
    bottom: 0;
    margin: 0;
    opacity: 0;
    height: 1px;
    margin: auto;
    content: ".";
    text-align: left;
    position: absolute;
    color: transparent;
    transition: all 0.5s;
}
.nav li a:hover:after {
    opacity: 1;
    z-index: -10;
    animation: fill 1s forwards;
    -webkit-animation: fill 1s forwards;
    -moz-animation: fill 1s forwards;
}

/* Keyframes */
@-webkit-keyframes fill {
    0% {
        width: 0%;
        height: 1px;
    }
    50% {
        width: 100%;
        height: 1px;
    }
    100% {
        width: 100%;
        height: 100%;
        background: #dc0018;
    }
}
/*Hover Color*/
.nav li.vip-area a,
.nav li.vip-area a i,
.nav > li > a:focus i,
.nav > li > a:hover i,
.nav > li > a:focus,
.nav > li > a:hover {
    color: #fff;
    z-index: 1;
}
/*Vip Area Css*/
.nav li.vip-area a {
    background: #ffb72b;
}

/*Welcome Wrap Css Start*/
.welcome-wrap {
    float: left;
    width: 100%;
}
.welcome-wrap .text a {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 22px;
}
.welcome-wrap .text {
    margin-bottom: 43px;
}
.welcome-wrap .text p {
    font-weight: 600;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
/*Policy Wrap Css Start*/
.policy-wrap {
    float: left;
    width: 100%;
    margin-bottom: 57px;
}
.casino-policy {
    float: left;
    /* width: 82.5%; */
    clear: both;
    margin-bottom: 47px;
    background: #fafafa;
    /* margin-left: 17.5%; */
    padding: 39px 40px 33px;
    border-left: 15px solid #afafaf;
}
.casino-policy h6 {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 800;
    margin: 0 0 36px;
}
.casino-policy-list {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: decimal-leading-zero;
}
.policy-thumb {
    float: left;
    width: 100%;
    margin-bottom: 31px;
}
.casino-policy-list .policy-thumb:last-child {
    margin-bottom: 0;
}
.policy-thumb h5 {
    float: left;
    width: 100%;
    margin: 0 0 17px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}
.casino-policy-list .policy-thumb h5::before {
    float: left;
    color: #e3e3e3;
    margin-right: 5px;
    content: counter(decimal-leading-zero) " " "-";
    counter-increment: decimal-leading-zero;
}
.policy-thumb p {
    float: left;
    width: 100%;
    margin-bottom: 0;
}
/*Toggle Wrap Css Start*/
/* #accordion-content{
    display: none;
} */
.collapse {
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.text-block-2 {
    float: left;
    width: 100%;
    position: relative;
}
.text-block-2 h4 {
    float: left;
    width: 100%;
    margin: 0 0 31px;
    font-size: 25px;
    font-weight: 800;
}
.text-block-2 p {
    float: left;
    width: 100%;
    margin-bottom: 27px;
}
.list-style-circle {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 27px;
}
.list-style-circle li {
    float: left;
    width: 100%;
    padding-left: 22px;
    position: relative;
    list-style: none;
}
.list-style-circle li::before {
    width: 7px;
    height: 7px;
    content: "";
    left: 0;
    top: 50%;
    background: #000;
    margin: 0 15px 0 0;
    position: absolute;
    border-radius: 100%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
blockquote {
    float: left;
    width: 100%;
    border: none;
    position: relative;
    text-align: center;
    padding: 5px 20px 7px;
}
blockquote p {
    position: relative;
    float: none !important;
    display: block;
    max-width: 65%;
    color: #989898;
    font-size: 25px;
    padding: 0 50px;
    line-height: normal;
    margin: 0 auto 12px !important;
    font-weight: normal;
    font-family: "Pacifico", cursive;
}

blockquote p::after,
blockquote p::before {
    left: 0;
    top: 10px;
    width: auto;
    content: "\f10d";
    position: absolute;
    font-family: "fontawesome";
}
blockquote p::after {
    right: 0;
    left: auto;
    content: "\f10e";
}
blockquote > a {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
}
.hidden-block + .seemore-btn {
    margin-top: 16px;
}
.seemore-btn {
    float: left;
    width: 100%;
}
.seemore-btn .accordion-toggle {
    float: left;
    width: 100%;
    cursor: pointer;
    padding: 9px 0 8px;
    text-align: center;
}
.seemore-btn span {
    margin: 0;
    padding: 0;
    color: #000;
    width: auto;
    border: none;
    outline: none;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    background: transparent;
    text-transform: capitalize;
}
.seemore-btn span::before,
.seemore-btn span::after {
    display: inline-block;
    width: auto;
    content: "\f0d8";
    margin-right: 20px;
    font-family: "fontawesome";
}
.seemore-btn span::after {
    content: "\f0d8";
    margin-left: 20px;
    margin-right: 0px;
}
.seemore-btn .accordion-toggle.collapsed span::after {
    content: "\f0d7";
}
.seemore-btn .accordion-toggle.collapsed span::before {
    content: "\f0d7";
}
.accordion-toggle .s-more {
    display: none;
}
.accordion-toggle.collapsed .s-less {
    display: none;
}
.accordion-toggle.collapsed .s-more,
.accordion-toggle .s-less {
    display: inline-block;
}
/*Welcome Wrap Css End*/

/*Table Heading Css Start*/
.table-heading {
    float: left;
    width: 100%;
    margin-bottom: 19px;
}
.table-heading h5 {
    margin: 0;
    float: left;
    width: auto;
    font-size: 20px;
    font-weight: 800;
}
.table-heading h5 i {
    margin-right: 10px;
}
.table-heading ul {
    float: right;
    width: auto;
    list-style: none;
    padding: 0;
    margin: 0;
}
.table-heading ul li {
    float: left;
    width: auto;
    font-weight: bold;
    font-size: 11px;
    color: #6f6f6f;
    margin-left: 20px;
    text-transform: uppercase;
}
.table-heading ul li:first-child {
    margin-left: 0;
}
.table-heading ul li i {
    margin-right: 13px;
    font-weight: bold;
    font-size: 13px;
}
/*Table Css Start*/
.table {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.table th {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}
.table th,
.table td {
    text-align: center;
    padding: 20px 15px !important;
    vertical-align: middle !important;
}
.table > tbody {
    border-width: 0 1px;
    border-style: solid;
    border-color: #e3e3e3;
}
.table > tbody > tr {
    background: #fff;
}
.table > tbody > tr:nth-child(even) {
    background: #fafafa;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-bottom: 1px solid #e3e3e3;
}

/*Casino Rank Div*/
.rank-td {
    max-width: 60px;
}
.table th.rank-td,
.table td.rank-td {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/*Casino Name Div*/
.name-td {
    min-width: 220px;
}
.casino-name {
    float: left;
    width: 100%;
    background: #000;
}
.casino-name img {
    float: left;
    width: 100%;
}
/*Casino Rating Div*/
.casino-rating {
    float: left;
    min-width: 100px;
}
.casino-rating p {
    float: left;
    width: 100%;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 800;
}
.rating-down i {
    color: #ffb72b;
}
/*Casino Badges Div*/
.casino-badge {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
}
.casino-badge figure,
.casino-badge i {
    color: #fff;
    width: 48px;
    height: 48px;
    float: none;
    margin: 0 auto 16px;
    display: block;
    font-size: 32px;
    line-height: 48px;
    border-radius: 100%;
    /* background: red; */
}
.casino-badge svg img {
    float: left;
    width: 100%;
}
/*features Div*/
td.features-td {
    text-align: left !important;
}
/*Feature List Css Start*/
.features-list {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.features-list li {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 800;
    position: relative;
    margin-bottom: 10px;
}
.features-list li:last-child {
    margin-bottom: 0;
}
.features-list li::before {
    float: left;
    content: "\e900";
    margin-right: 10px;
    font-size: 12px;
    font-family: "casinosite", sans-serif;
}
/*Bonus Div*/
.bonus {
    float: left;
    width: 100%;
    font-weight: bold;
    position: relative;
}
.bonus span {
    float: left;
    width: 100%;
    font-size: 35px;
    line-height: normal;
    margin-bottom: 4px;
    margin-top: -1px;
}
.bonus .open,
.bonus p {
    float: left;
    width: 100%;
    font-size: 11px;
    line-height: normal;
    margin-bottom: 0;
}
.bonus p a {
    font-size: 11px;
    color: #000;
    display: block;
    text-decoration: underline;
}
.bonus .open {
    cursor: pointer;
    text-decoration: underline;
}
/**/
.popup-overlay {
    visibility: hidden;
    position: absolute;
    width: auto;
    height: auto;
    left: 50%;
    top: 100%;
    right: auto;
    min-width: 230px;
    margin-left: -115px;
    z-index: 9;
}
.popup-overlay.active {
    /*displays pop-up when "active" class is present*/
    visibility: visible;
    text-align: center;
}

.popup-content {
    /*Hides pop-up content when there is no "active" class */
    visibility: hidden;
}

.popup-content.active {
    /*Shows pop-up content when "active" class is present */
    visibility: visible;
}
.popup-content {
    float: left;
    max-width: 230px;
    padding: 20px 20px;
    border: 1px solid #6600cc;
    background: #e8d1ff;
    text-align: center;
    position: relative;
    margin-top: 20px;
}
.popup-content::before {
    top: -12px;
    height: 24px;
    width: 24px;
    position: absolute;
    border-color: #6600cc;
    content: "";
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #e8d1ff;
    transform: rotate(45deg);
    border-style: solid;
    border-width: 1px 0px 0px 1px;
}
.popup-content .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
}
.popup-content strong {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 1px;
    text-transform: uppercase;
}
.popup-content em,
.popup-content p {
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
}
.popup-content em {
    margin-bottom: 13px;
}
.popup-content .btn {
    font-size: 14px;
}
/*Play Div*/
.play-td {
    max-width: 300px;
}
.play-now {
    float: left;
    width: 100%;
    text-align: center;
}
.play-now .btn {
    float: left;
    width: 100%;
    font-size: 16px;
}
.simple-link {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #6600cc;
    font-weight: bold;
}
.caret.simple-link {
    display: inline-block;
    width: inherit;
    height: inherit;
    margin-left: 0;
    vertical-align: middle;
    border: none;
}
.caret.simple-link::after {
    display: inline-block;
    content: "\f0da";
    margin-left: 5px;
    font-family: "fontawesome";
}
/*Table Css End*/

/*Review Section Start*/
.review-outer-wrap {
    float: left;
    width: 100%;
    margin-bottom: 47px;
    border: 1px solid #e3e3e3;
}
.review-outer-wrap .panel-group {
    margin-bottom: 0;
}
.review-outer-wrap .panel-default {
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.review-nav {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.review-nav a {
    width: 100%;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    padding: 12px 0 11px;
    font-size: 11px;
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 0 1px 1px 0;
    text-transform: capitalize;
}
.review-nav a,
.review-nav a.accordion-toggle.collapsed {
    background: #fafafa;
}
.review-nav a.accordion-toggle {
    border-bottom-color: transparent;
    background: #fff;
}
.review-nav a:last-child {
    border-right: none;
}
.review-nav a.accordion-toggle.collapsed::after,
.review-nav a::after {
    display: inline-block;
    width: auto;
    content: "\f0d7";
    margin-left: 10px;
    font-family: "fontawesome";
}
.review-nav a.accordion-toggle::after {
    content: "\f0d8";
}
.review-outer-wrap .panel-body {
    padding: 97px 100px 83px;
    position: relative;
}
.review-outer-wrap .section-heading-2 p {
    text-align: left;
}
.closepanel {
    top: 10px;
    right: 10px;
    color: #fff;
    width: 32px;
    height: 32px;
    font-size: 24px;
    line-height: 32px;
    position: absolute;
    text-align: center;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
}
/**/
.review-thumb {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.review-thumb span {
    float: left;
    width: 93px;
    height: 93px;
    color: #fff;
    font-size: 50px;
    line-height: 93px;
    border-radius: 100%;
    /* background: red; */
    text-align: center;
    margin-right: 25px;
}
.review-thumb span img {
    float: left;
    width: 100%;
}
.review-thumb .overflow-text {
    float: none;
    overflow: hidden;
    width: auto;
}
.review-thumb h6 {
    float: left;
    width: 100%;
    margin: 0 0 7px;
    font-size: 14px;
}
.review-thumb p {
    margin-bottom: 0;
}

/*Play Slot Wrap Start*/
.play-slots-wrap {
    float: left;
    width: 100%;
    padding: 0 140px;
    position: relative;
}
.section-heading-2 {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 43px;
}
.section-heading-2 h4 {
    float: left;
    width: 100%;
    margin: 0 0 31px;
}
.section-heading-2 h4:last-child {
    margin-bottom: 0;
}
.section-heading-2 p {
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.thumb-block {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    border: 1px solid #e3e3e3;
    transition: all 0.3s ease-in-out;
}
.thumb-block:hover {
    border-color: transparent;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.09);
}
.thumb-block figure {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.thumb-block:hover figure img {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ma-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.thumb-block figure::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.3;
    content: "";
    background: #000;
    position: absolute;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.thumb-block:hover figure::before {
    opacity: 0.6;
}
.thumb-block figure img {
    float: left;
    width: 100%;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.link-thumb {
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
    font-size: 16px;
    color: #fff;
    font-weight: 800;
    max-width: 140px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.bonus-price-tag {
    left: 0;
    bottom: 0;
    right: auto;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    position: absolute;
    padding: 2px 15px;
    z-index: 1;
}

.thumb-block .text {
    padding: 30px 30px 28px;
    text-align: center;
}
.thumb-block .btn {
    padding-left: 30px;
    padding-right: 30px;
}
/*Play Slot Wrap End*/

/*Guide text Css Start*/
.guide-text-wrap {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}
.guide-text-wrap > h5 {
    float: left;
    width: 100%;
    margin: 0 0 31px;
}
.guide-text {
    float: left;
    width: 100%;
    margin-bottom: 32px;
}
.guide-text h6 {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 7px;
}
.guide-text p {
    float: left;
    width: 100%;
    margin-bottom: 0;
}
/*Guide text Css End*/
/*NewsLetter Wrap Css Start*/
.newsletter-wrap {
    float: left;
    width: 100%;
    padding: 77px 0 73px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("extra-images/newsletter-bg.jpg");
}
.newsletter-wrap::before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    opacity: 0.6;
    position: absolute;
    background: #6600cc;
}
.newsletter-wrap .text {
    text-align: right;
}
.newsletter-wrap .text h4 {
    float: left;
    width: 100%;
    font-size: 25px;
    margin: 0 0 21px;
}
.newsletter-wrap .text h4 span {
    float: left;
    width: 100%;
    margin-top: 14px;
}
.newsletter-wrap .text p {
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.newsletter-wrap .input-group,
.newsletter-wrap .text * {
    color: #fff;
}
.newsletter-wrap .input-group .form-control {
    min-height: 50px;
    border: none;
    border-radius: 0;
}
.newsletter-wrap .input-group input[type="text"] {
    float: left;
    max-width: 66%;
    margin-bottom: 8px;
    background: rgba(0, 0, 0, 0.75);
}
.newsletter-wrap .input-group input[type="submit"] {
    float: right;
    min-width: 160px;
    width: auto;
    background: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 8px;
    transition: all 0.3s ease-in-out;
}
.newsletter-wrap .input-group input[type="submit"]:hover {
    color: #fff;
}
.newsletter-wrap .input-group p {
    float: left;
    width: 100%;
    clear: both;
    line-height: 1.1;
    margin-bottom: 0;
    max-width: 66%;
    font-size: 11px;
}
/*Newsletter Css End*/
/*Footer Css Start*/
.casino-footer {
    float: left;
    width: 100%;
    padding: 60px 0 60px;
    text-align: center;
    position: relative;
}
.footer-logo {
    float: left;
    width: 100%;
    margin-bottom: 28px;
}
.footer-logo a {
    float: none;
    width: auto;
    margin-bottom: 23px;
    display: inline-block;
}
.footer-logo p {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-bottom: 0;
}
.ft-nav {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0 0 28px;
    padding: 0;
}
.ft-nav li {
    width: auto;
    padding: 0 30px;
    line-height: 1;
    display: inline-block;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #757575;
}
.ft-nav li:first-child {
    border-width: 0 1px;
}
.ft-nav li a {
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}
.casino-footer .text {
    margin-bottom: 4px;
}
.casino-footer .text p {
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 26px;
    color: rgba(0, 0, 0, 0.3);
}
/*Brand List Css Start*/
.brand-list {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0 0px;
    padding: 0;
}
.brand-list li {
    width: auto;
    padding: 0 10px;
    display: inline-block;
}
/*Brand List Css End*/
/*Review Page Css Start*/
.review-page {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
}
.review-page .col-md-8 {
    padding-left: 30px;
    border-left: 1px solid #e3e3e3;
}

.review-page-welcome {
    float: left;
    width: 100%;
    margin-bottom: 16px;
}
.review-page-welcome h2 {
    float: left;
    width: 100%;
    margin: 0 0 28px;
}
.review-page-welcome p {
    float: left;
    width: 100%;
    margin-bottom: 27px;
}
.games-wrap,
.cashier-wrap,
.withdrawal-wrap,
.languages-wrap,
.restricted-wrap,
.welcome-bonus,
.similar-promo,
.summary-wrap,
.like-dislike-wrap,
.software-wrap {
    float: left;
    width: 100%;
    margin: 0 0 47px;
    z-index: 1;
    position: relative;
}
/* Like & Dislike Wrap Css Start */
.like-dislike-wrap {
    padding: 27px 30px 0px 15px;
}
.like-dislike-wrap::before {
    top: 0;
    bottom: 0;
    right: 0;
    left: -30px;
    content: "";
    position: absolute;
    background: #fafafa;
}
.software-list,
.like-dislike-list {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.like-dislike-list li {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 23px;
}
.like-dislike-list li i {
    margin-right: 10px;
    font-size: 26px;
    float: left;
}
.like-dislike-list li,
.like-dislike-list li i {
    line-height: 25px;
}

.like-dislike-list .dislike i {
    opacity: 0.3;
}
/* Like & Dislike Wrap Css End */
/*Softwear List Css Start*/
.software-list li {
    float: left;
    width: auto;
    margin-left: 25px;
}
.software-list li:first-child {
    margin-left: 0;
}
.software-list li a {
    float: left;
    width: 100%;
    border: 1px solid #e3e3e3;
    background: #fafafa;
    padding: 25px 10px;
}
/*Softwear List Css End*/
.games-wrap {
    margin-bottom: 13px;
}
.review-page .features-list li {
    font-weight: normal;
    font-size: 14px;
}
/*List Titl Css Start*/
.list-title {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px;
}
/*List Titl Css End*/
.withdrawal-wrap {
    margin-bottom: 34px;
}
.restricted-wrap,
.languages-wrap {
    margin-bottom: 30px;
}

.welcome-bonus,
.cashier-wrap {
    margin-bottom: 40px;
}
.cashier-wrap .features-list li {
    width: 50%;
}
.withdrawal-wrap .currencies.features-list li {
    width: 50%;
}
/*Languages Css Start*/
.languages-wrap .features-list li {
    width: 25%;
}
/*Languages Css End*/
/*Restricted Css Start*/
.restricted-wrap .features-list {
    width: 50%;
}
.restricted-wrap .features-list li {
    width: 50%;
}
/*Restricted Css End*/
/*Similar Css Start*/
.similar-promo {
    margin-bottom: 42px;
}
.similar-promo h5 {
    float: left;
    width: 100%;
    margin: 0 0 27px;
    font-size: 18px;
}
.promo-thumb {
    float: left;
    width: 100%;
    text-align: center;
}
.promo-thumb figure {
    float: left;
    width: 100%;
    margin-bottom: 14px;
    position: relative;
    border: 5px solid #fafafa;
}
.promo-thumb figure img {
    float: left;
    width: 100%;
}
.promo-thumb.expire-promo figure img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.promo-thumb figure .promo-expired {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    opacity: 0;
    color: #fff;
    max-width: 75px;
    background: #000;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.promo-thumb.expire-promo .promo-expired {
    opacity: 1;
}
.promo-thumb p {
    float: left;
    width: 100%;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
}
/*Similar Css End*/
/*Summary Css Start*/
.summary-wrap {
    float: left;
    width: 100%;
    z-index: 1;
    position: relative;
    margin-bottom: 70px;
    padding: 27px 30px 5px 15px;
}
.summary-wrap::before {
    top: 0;
    bottom: 0;
    right: 0;
    left: -30px;
    content: "";
    position: absolute;
    background: #fafafa;
}
/*Summary Css End*/

/*Brand Slider Css Start*/
.brand-slider {
    float: left;
    width: 100%;
    padding: 46px 0 0;
    text-align: center;
}
.brand-slider h6 {
    float: left;
    width: 100%;
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 46px;
}
.brand-slider-list {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
}
.brand-slider-list .slick-list {
    float: none;
    width: auto;
    margin: 0 -15px;
}
.brand-slider-list .slick-slide {
    padding: 0 15px;
}
.brand-slider-thumb {
    float: left;
    width: 100%;
    text-align: center;
}
.brand-slider-thumb a {
    float: left;
    width: 100%;
    padding: 30px;
    margin: 0 0 14px;
    background: #12296d;
}
.brand-slider-thumb a img {
    margin: 0 auto;
}
.brand-slider-thumb h6 {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 0;
}
/*Brand Slider Css End*/
/*Sub Banner Start*/
.sub-banner {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
}
.sub-banner .breadcrumb {
    float: left;
    width: 100%;
    margin: 0;
    padding: 11px 0 12px;
    background: transparent;
}
.sub-banner .breadcrumb li {
    color: #000;
    font-size: 11px;
}
.sub-banner .breadcrumb > li + li::before {
    content: "\f101";
    font-family: "fontawesome";
}
/*Sub Banner End*/
/*Sticky Element Start*/
.sticky-element {
    padding: 10px;
    position: relative;
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sticky-active {
    top: 20px;
    min-height: 366px;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}
.sticky-element .widget-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
}
.asidebar {
    float: left;
    width: 100%;
    padding: 0 40px;
}
.widget {
    float: left;
    width: 100%;
}
.widget-info {
    float: left;
    width: 100%;
    margin-bottom: 42px;
    text-align: center;
}
.widget-info figure {
    margin-bottom: 27px;
}
.widget-info .bonus {
    margin-bottom: 27px;
}
.widget-info .btn {
    float: left;
    width: 100%;
    font-size: 20px;
}
/*Sticky Element End*/
/*Widgets Start*/
.widget-feature {
    margin-bottom: 37px;
}
.widget-resize {
    margin-bottom: 33px;
    text-align: center;
}
.icon-set {
    float: left;
    width: 100%;
    color: #7f7f7f;
    font-size: 40px;
    margin: 0 0 9px;
}
.icon-set i {
    margin: 0 -3px;
    display: inline-block;
}
.widget-resize p {
    float: left;
    width: 100%;
    font-weight: bold;
}
.widget-event {
    padding: 18px 0 20px;
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}
.widget-event::before {
    top: 0;
    bottom: 0;
    right: -55px;
    left: -40px;
    content: "";
    position: absolute;
    background: #fafafa;
}
.widget-event .text {
    margin-bottom: 26px;
}
.widget-event .text:last-child {
    margin-bottom: 0;
}
.widget-event strong,
.widget-event p {
    float: left;
    width: 100%;
    margin-bottom: 0;
    line-height: 1.1;
}
.widget-event strong {
    margin-bottom: 6px;
}
.stick-element {
    float: left;
    width: 100%;
}
.sidebar {
    will-change: min-height;
}
.sidebar__inner {
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}
/*Game Slot List Start*/
.game-slot-list {
    float: left;
    width: 100%;
    margin: 0 0 50px;
    position: relative;
    border: 1px solid #e3e3e3;
    counter-reset: decimal-leading-zero;
}
.game-slot-thumb {
    float: left;
    width: 100%;
    padding: 35px;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
}
.game-slot-thumb:last-child {
    border-bottom: none;
}
.game-slot-thumb::before {
    top: 0px;
    left: 0px;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    position: absolute;
    background: #f0f0f0;
    padding-top: 6px;
    font: normal 20px/01 Open Sans;
    content: counter(decimal-leading-zero) ".";
    counter-increment: decimal-leading-zero;
}
.game-slot-thumb .thumb {
    float: left;
    width: 45%;
}
.game-slot-thumb .thumb img {
    float: left;
    width: 100%;
}
.main-preview {
    float: left;
    width: 100%;
}
.game-slot-thumb .text {
    float: none;
    overflow: hidden;
    width: auto;
    padding-left: 20px;
}
.game-slot-thumb h5 {
    margin: 0 0 7px;
}
.game-slot-thumb .rating-down {
    float: left;
    width: auto;
    margin-bottom: 2px;
}
.game-slot-thumb .simple-link {
    float: left;
    width: auto;
    margin-left: 15px;
}
.rating-outer {
    float: left;
    width: 100%;
}
.game-slot-thumb .text p {
    float: left;
    width: 100%;
    margin-bottom: 17px;
}
.game-slot-thumb .features-list li {
    width: 50%;
}
.main-preview-nav {
    padding-top: 10px;
}
.main-preview-nav .slick-slide {
    padding: 0 5px;
}
.main-preview-nav .slick-list {
    margin: 0 -5px;
    float: none;
    width: auto;
}
/*Small Title Start*/
.small-title {
    float: left;
    width: 100%;
    margin: 0;
    color: #6f6f6f;
    font-size: 11px;
    margin-bottom: 19px;
}
/*Play Slot Slider Start*/
.play-slots-slider {
    float: left;
    width: 100%;
    padding-right: 124px;
}
.play-slots-slider .widget-info {
    border: 1px solid #e3e3e3;
    margin-bottom: 0;
}
.play-slots-slider .widget-info figure {
    padding: 30px 20px;
    background: #ffd700;
    margin-bottom: 17px;
    border-bottom: 1px solid #e3e3e3;
}
.play-slots-slider .widget-info .text {
    padding: 0 15px 15px;
}
.play-slots-slider .widget-info .bonus {
    margin-bottom: 11px;
}
.play-slots-slider .widget-info .text p {
    margin-bottom: 6px;
}
.play-slots-slider .widget-info .btn {
    font-size: 12px;
}
.play-slots-slider .slick-list {
    padding: 0 1px 0 0;
}
.play-slots-slider .slick-arrow {
    width: 34px;
    color: #e4e4e4;
    height: 34px;
    border-radius: 100%;
    border: 1px solid #e4e4e4;
}
.play-slots-slider .slick-arrow::before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    font-family: FontAwesome;
    content: "\F105";
    font-size: 25px;
    color: currentcolor;
    transform: translateY(-55%);
    -o-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    -moz-transform: translateY(-55%);
    -webkit-transform: translateY(-55%);
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.play-slots-slider .slick-arrow:hover {
    color: #6600cc;
}
.play-slots-slider .slick-prev {
    left: auto;
    right: 60px;
}
.play-slots-slider .slick-prev::before {
    content: "\f104";
}
.play-slots-slider .slick-next {
    left: auto;
    right: 0px;
}
.play-slots-slider .btn strong {
    width: auto;
    text-align: left;
}
.play-slots-slider .btn {
    text-align: right;
}
.play-slots-slider .btn i {
    font-size: 14px;
}
/*Play Slot Slider End*/
.border-divider {
    float: left;
    width: 100%;
    padding-top: 70px;
    border-top: 1px solid #e3e3e3;
}
/*Table 2 Start*/
.guide-text-wrap .table-2 {
    margin-bottom: 40px;
}
.table-2 td {
    text-align: left;
}
.green {
    color: #92b006;
}
.red {
    color: #c40037;
}

.mg-100 {
    margin-bottom: 100px;
}

.welcome-thumb {
    display: flex;
    padding: 40px 0 0 0;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.welcome-thumb figure {
    margin: 0 15px;
    position: relative;
}
.welcome-thumb figure::after {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: #000;
    content: "";
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.welcome-thumb figure:hover::after {
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.3;
    bottom: 0;
}
.welcome-thumb figure:first-child {
    margin-left: 0;
}
.welcome-thumb figure:last-child {
    margin-right: 0;
}
.welcome-thumb figure a {
    top: 60%;
    left: 0;
    right: 0;
    opacity: 0;
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #fff;
    line-height: 40px;
    margin: 0 auto;
    z-index: 1;
    text-align: center;
    position: absolute;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.welcome-thumb figure:hover a {
    opacity: 1;
    top: 50%;
}

/*Second Color Start*/
.newsletter-wrap .input-group input[type="submit"],
.blue-tick.features-list li::before {
    color: #6600cc;
}

/*Primary Color Start*/
p a,
.th-cl,
a:hover,
.ft-nav li a:hover,
.table-heading h5 i,
.like-dislike-list .like i,
.brand-slider-thumb h6,
.sub-banner .breadcrumb a,
.casino-policy-list .policy-thumb h5::before,
/* Color Css Start */
.section-heading-1 h5 {
    color: #dc0018;
}
/*Primary Background Color Start*/
.table th,
.btn:hover,
.bonus-price-tag,
.navbar-toggle,
.newsletter-wrap .input-group input[type="submit"]:hover,
/* Background Color Css Start */
.nav li a:after {
    background: #dc0018;
}

.cl-1 {
    color: #f2ba34;
}
.bg-cl-1 {
    color: #f2ba34;
}
.cl-2 {
    color: #b0d90b;
}
.bg-cl-2 {
    color: #b0d90b;
}
.cl-3 {
    color: #6600cc;
}
.bg-cl-3 {
    color: #6600cc;
}

/*
 Magnific Popup Css
*/
.mfp-bg,
.mfp-wrap {
    position: fixed;
    left: 0;
    top: 0;
}
.mfp-bg,
.mfp-container,
.mfp-wrap {
    height: 100%;
    width: 100%;
}
.mfp-container:before,
.mfp-figure:after {
    content: "";
}
.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.mfp-wrap {
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #ccc;
}
.mfp-close,
.mfp-preloader a:hover {
    color: #fff;
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none;
}
button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.mfp-figure:after,
.mfp-iframe-scaler iframe {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-arrow:focus,
.mfp-arrow:hover,
.mfp-close:focus,
.mfp-close:hover {
    opacity: 1;
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 14px;
    line-height: 18px;
}
.mfp-figure,
img.mfp-img {
    line-height: 0;
}
.mfp-arrow {
    position: absolute;
    opacity: 1;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent;
}
.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}
.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}
.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block;
}
img.mfp-img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto;
}
.mfp-figure:after {
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 14px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}
.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}
.white-popup {
    position: relative;
    background: #fff;
    padding: 25px;
    width: auto;
    max-width: 400px;
    margin: 0 auto;
}
.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-newspaper .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: scale(0) rotate(500deg);
    -moz-transform: scale(0) rotate(500deg);
    -ms-transform: scale(0) rotate(500deg);
    -o-transform: scale(0) rotate(500deg);
    transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}
.mfp-newspaper.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(0) rotate(500deg);
    -moz-transform: scale(0) rotate(500deg);
    -ms-transform: scale(0) rotate(500deg);
    -o-transform: scale(0) rotate(500deg);
    transform: scale(0) rotate(500deg);
    opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s;
    transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
    opacity: 0;
    transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
    transform: translateX(50px);
    opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-move-from-top .mfp-content {
    vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s;
    transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
    opacity: 0;
    transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
    transform: translateY(-50px);
    opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-3d-unfold .mfp-content {
    perspective: 2000px;
    -webkit-perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-60deg);
    -moz-transform: rotateY(-60deg);
    -ms-transform: rotateY(-60deg);
    -o-transform: rotateY(-60deg);
    transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    z-index: 9999;
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    -webkit-transform: rotateY(60deg);
    -moz-transform: rotateY(60deg);
    -ms-transform: rotateY(60deg);
    -o-transform: rotateY(60deg);
    transform: rotateY(60deg);
    opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0;
}
@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}

/** Styles for Top Rated Casino Cards **/
.cont-hr-trc {
    margin-bottom: 35px;
}
.hr-trc-single {
    width: 100%;
    float: left;
    margin-bottom: 35px;
    border: #e3e3e3 1px solid;
    border-radius: 15px;
    background-color: #ffffff;
    transition: all 0.5s ease-in-out;
}
.hr-trc-single:hover {
    background-color: #fafafa;
}
.hr-trc-single .casino-name {
    padding: 45px 20px;
    border-bottom: #e3e3e3 5px solid;
    position: relative;
    width: 100%;
    float: left;
    background-color: transparent;
}
.hr-trc-single .casino-name::after {
    content: "\f0d7";
    font-weight: 900;
    font-family: "FontAwesome";
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: -10px;
    font-size: 45px;
    line-height: 0px;
    color: #e3e3e3;
}
.hr-trc-content {
    width: 100%;
    float: left;
    padding: 20px;
    text-align: center;
}
.hr-trc-content .casino-rating {
    width: 100%;
    float: left;
    border-bottom: #e3e3e3 1px solid;
    text-align: left;
    padding-bottom: 20px;
}
.hr-trc-content .casino-rating p {
    display: inline-block;
    float: none;
    width: auto;
    margin-left: 5px;
}
.hr-trc-content .casino-rating .rating-down {
    display: inline-block;
}
.hr-trc-content .casino-rating .simple-link {
    float: right;
    width: auto;
}
.hr-trc-content-bonus {
    margin: 20px 0px;
    float: left;
    width: 100%;
    border-bottom: #e3e3e3 1px solid;
    padding-bottom: 20px;
}
.hr-trc-content .bonus {
    width: 50%;
    float: left;
    border-right: #e3e3e3 1px solid;
}
.hr-trc-content .casino-badge {
    width: 50%;
    float: left;
}
.hr-trc-content .key-features {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.hr-trc-content .key-features .features-list li::before {
    float: none;
    display: inline-block;
}
/** Styles for Top Rated Casino Cards **/