/* External css start */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}



.tmpdoc {
  background: #000 none repeat scroll 0 0 !important;
  color: #fff !important;
  padding-left: 30px;
}

div.middle-press-news-data {
  color: #999 !important;
}

.text-center { text-align:center; }

.zhide{display: none !important;}

.head-sub-paragraph {
    font-size: 18px;
    line-height: 1.44 rem;
    /*font-family: BentonSansRegular, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:400;
    color: #FFFFFF;
    text-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
}

.headsub-width-aboutus {
    width: 40%;
    margin: 0 auto;
}

.headsub-width-casino {
    width: 46%;
    margin: 0 auto;
}

.headsub-width-tavern {
    width: 90%;
    margin: 0 auto;
}

.headsub-width-route {
    width: 50%;
    margin: 0 auto;
}

.headsub-width-pressnews {
    width: 45%;
    margin: 0 auto;
}

.headsub-width-investors {
    width: 55%;
    margin: 0 auto;
}

.boxes-state-active .investors-box.active,
.boxes-state-active .investors-box:hover,
.boxes-state-active .investors-box:focus {
    border: 2px solid #8EB0BA;
    background-color: #292a2c;
    cursor: pointer;
}

.investors-box img {
    padding-bottom: 20px;
}

#header-size-for-innerpages h2 {
    font-size: 50px;

}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    /* IE10+ styles */

    .cards-image {
        display: block !important
    }

    .cards-image img {
        width: 100%
    }

    .card-main-container {
        display: none
    }

    #card-stack {
        display: none;
    }
}

.cards-image {
    display: none
}

.header-casino {
    padding-top: 15px;
}

.header-tavern {
    padding-top: 15px;
}

.header-route {
    padding-top: 15px;
}

.header-casino a:active {
    color: #F6C13A;
}

.header-casino a:hover {
    color: #F6C13A;
}

.header-tavern a:active {
    color: #E8A13C;
}

.header-tavern a:hover {
    color: #E8A13C;
}

.header-route a:active {
    color: #E5541A;
}

.header-route a:hover {
    color: #E5541A;
}

h1,
h2 {
    font-size: 60px;
    /*font-family: BentonsansBlack, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:900;
    line-height: 1.03em;
}

h3,
.h3_hd {
    font-size: 30px;
    /*font-family: BentonsansBlack, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:900;
    line-height: 1.06em;
}

h4 {
    font-size: 20px;
    /*font-family: BentonsansBlack, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:900;
    line-height: 1.1em;
}

p {
    font-size: 18px;
    line-height: 1.44rem;
    margin-top: 10px;
}

.navbar li {
    padding: 8px 15px;
}

.row-right-data {
    margin-right: 0px;
}

body {
    /*font-family: Bentonsans, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:400;
}

ul {
    list-style-type: none;
}

li {
    display: inline-block;
}

/*body p {
	font-family: BentonSansRegular , Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.44rem;
	color: #fff;
}*/

b {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:700;
}

/*
.rewardsdata h1 {
	font-family: Bentonsansbold , Arial, Helvetica, sans-serif;
}*/

.w3-bar .w3-button, .w3-bar #nav-right ul li a {
    font-size: 14px;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    padding: 7px 0px;
}

.w3-bar {
    padding-top: 10px;
}

/*p.second-casinoresorts-description-color {
    min-height: 90px;
}*/

.navbar-expand-lg .navbar-collapse {
    /*padding-top: 8px;*/ padding-top:0; 
    position:absolute; /*top:84px;*/ top:0; left:0; z-index:1;
}

.navbar-collapse.collapse.show { clear:both; }

.true-rewards-aboutus {
    color: #8EB0BA;
}

.true-rewards-aboutus u:hover {
    text-decoration: none;
}

img#moblogo { display:block; width:182px; margin-left:11px; margin-top:22px; }
@media (min-width:992px) {
    img#moblogo { display:none; }
    .navbar-expand-lg .navbar-collapse { position:relative; top:unset; left:unset; }
}

div.logo { /*display:inline-block;*/ display:block; float:left; }

#logo img,
.logo img {
    /*width: 250px;
    padding-top: 3px;*/
    width:230px;
    padding-top:12px;
    margin-left:11px;
}

.heading-text {
	/* Back to the static site's colour. This class is the section heading on
	   several pages, so forcing it white put True Rewards out of step with the
	   live design; the Leadership heading, which is the one that was asked to
	   be white, is set white on its own further down. */
	color: #8EB0BA;
    padding-top: 10px;
    width: 970px;
    margin: 0 auto;
}

.icon-to-right {
    font-size: 25px !important;
    margin-left: 10px;
}

.icon-to-press-right {
    /*font-size: 14px;*/
    /*margin-left: 10px;*/
    font-size: 20px;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

.icon-to-left {
    font-size: 25px !important;
    margin-right: 10px;
}

.btn {
    border-radius: 0px !important;
}

a.btn:hover {
    text-decoration: none;
}

a:focus,
a:hover {
    text-decoration: none;
}

.second-small-paragraph {
    margin: auto;
    width: 63%;
}

.contact-routeoperations-data u {
    text-decoration-color: #666666;
}

.container-setfor-payoff {
    width: 1205px;
}

.btn-2ndsection1 {
    border: 3px solid #F6C13A;
    color: #F6C13A;
    cursor: pointer;
	/** WCAG ADD **/
	width:auto !important;
	padding:13px 50px 0 20px !important;
	background:url('/images/ge-right-arrow-yellow.svg') no-repeat 90% 50% !important; background-size:21px 25px !important;
}

.btn-2ndsection1:hover {
    background-color: #F6C13A;
    color: #FFFFFF;
	/** WCAG ADD **/
	width:auto !important;
	padding:13px 50px 0 20px;
	background:url('/images/ge-right-arrow.svg') no-repeat 90% 50% #F6C13A !important; background-size:21px 25px !important;
}

.btn-2ndsection2 {
    border: 3px solid #E8A13C;
    color: #E8A13C;
    cursor: pointer;
	/** WCAG ADD **/
	width:auto !important;
	padding:13px 50px 0 20px !important;
	background:url('/images/ge-right-arrow-goldenrod.svg') no-repeat 90% 50% !important; background-size:21px 25px !important;
}

.btn-2ndsection2:hover {
    background-color: #E8A13C;
    color: #FFFFFF;
	/** WCAG ADD **/
	width:auto !important;
	padding:13px 50px 0 20px;
	background:url('/images/ge-right-arrow.svg') no-repeat 90% 50% #E8A13C !important; background-size:21px 25px !important;
}

.btn-2ndsection3 {
    border: 3px solid #E5541A;
    color: #E5541A;
    cursor: pointer;
	/** WCAG ADD **/
	width:auto !important;
	padding:13px 50px 0 20px !important;
	background:url('/images/ge-right-arrow-orange.svg') no-repeat 90% 50% !important; background-size:21px 25px !important;
}

.btn-2ndsection3:hover {
    background-color: #E5541A;
    color: #FFFFFF;
	/** WCAG ADD **/
	width:auto !important;
	padding:13px 50px 0 20px;
	background:url('/images/ge-right-arrow.svg') no-repeat 90% 50% #E5541A !important; background-size:21px 25px !important;
}

.container-fourth-section p {
    font-size: 16px;
    /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    line-height: 1.5rem
}

.fifth-section-data-padding p {
    font-size: 16px;
    color: #353638;
    /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    line-height: 1.5;
    max-width: 540px;
    width: 100%;
    margin-bottom: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 40px;
    margin-top: -21px;
    -moz-margin-top: -13px;
}

.select2-selection--single .select2-selection__rendered:hover {
    background-color: #8EB0BA;
    color: #1E1E1E;
}

.sec-tab-content .select2-container--default .select2-selection--single .select2-selection__rendered:hover {
    color: #1E1E1E;
    text-align: left;
    border-radius: 0px;
}

.mobile-hr-bottom {
    margin-bottom: 0px;
}

.container-sixth-section p {
    font-size: 16px;
    /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    margin-bottom: 1.3rem;
}

.btn-top,
.btn-for-aboutus,
.btn-bottom,
.btn-section5,
.btn-2ndsection1,
.btn-2ndsection2,
.btn-2ndsection3 {
    font-size: 12px;
    /*padding: 7px; width: 200px; */
    background-color: transparent;
    margin-bottom: 40px;
    height: 44px;
    display: inline-block;
    transition: 0.3s;
    /*font-family: BentonSansBlack, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:900;
	/** WCAG ADD **/
	padding:11px 50px 0 20px;
	width:auto;
	background:url('/images/ge-right-arrow-smoky-blue.svg') no-repeat 90% 50%; background-size:21px 25px;
}

.btn-2ndsection1,
.btn-2ndsection2,
.btn-2ndsection3 {
    margin: 0px;
}

.btn-top:hover,
.btn-for-aboutus:hover,
.btn-bottom:hover,
.btn-section5:hover {
    color: #fff;
    cursor: pointer;
    background-color: #8EB0BA;
	background:url('/images/ge-right-arrow.svg') no-repeat 90% 50% #8EB0BA; background-size:21px 25px;
}

.btn-top {
    border: 3px solid #8EB0BA;
    outline-width: 4px;
    color: #8EB0BA;
    margin-top: 20px;

}

.btn-for-aboutus {
    border: 3px solid #8EB0BA;
    color: #8EB0BA;
    margin-bottom: 0 !important;
}

.btn-bottom {
    border: 3px solid #8EB0BA;
    outline-width: 4px;
    color: #8EB0BA;
}

.btn-section5 {
    border: 3px solid #353638;
    color: #353638;
	/** WCAG ADD **/
	padding:13px 50px 0 20px !important;
	width:auto;
	background:url('/images/ge-right-arrow-dark-blue.svg') no-repeat 90% 50%; background-size:21px 25px;
}

.btn-section5:hover {
    background-color: #353638;
    color: #FFFFFF;
}

.text-set-for-mobile {
    display: inline-flex;
    position: relative;
    /** WCAG top: -5px; **/
}

.text-set-for-mobile-bottom {
    display: inline-flex;
    position: relative;
    top: -5px;
}

.text-set-for-cards {
    display: inline-flex;
    position: relative;
    top: -4px;
}

.container-second-section {
    background-color: #353638;
    padding: 82px 15px 21px;
    /* max-width: 1440px; */
    margin: 0 auto;
}

.container-second-section .container-fluid {
    max-width: 1380px;
}

.container-second-section .row {
    margin-top: 15px;
}

.container-second-section .margin-top-on-btn-head {
    margin-top: 12px;
}

/* cards animator starts here */
.card-container {
    position: relative;
    height: auto;
    max-width: 600px;
    top: 220px;
    margin: 0 auto;
}

.card-main-container {
    height: 100px
}

svg#card-stack {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -webkit-transform: -webkit-translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.main {
    -webkit-transform: translate(400px, 250px);
    -webkit-transform: -webkit-translate(400px, 250px);
    -ms-transform: translate(400px, 250px);
    transform: translate(400px, 250px);
}

.main .offset {
    -webkit-transform: translate(-400px, -250px);
    -webkit-transform: -webkit-translate(-400px, -250px);
    -ms-transform: translate(-400px, -250px);
    transform: translate(-400px, -250px);
}

.main g .cards {
    fill: #57565b;
    stroke: #000;
    stroke-width: 6px;
}

.main .count:not(:first-child) {
    opacity: 0;
}

.main .count:nth-child(4) .cards,
.fourth-anim .e {
    stroke: #CCC;
}

.main .count:nth-child(3) .cards,
.third-anim .e {
    stroke: #E5541A;
}

.main .count:nth-child(2) .cards,
.second-anim .e {
    stroke: #E8A13C;
}

.main .count:nth-child(1) .cards,
.first-static .e {
    stroke: #F6C13A;
}

.true {
    text-anchor: middle;
    font-size: 60px;
    /*font-family: Bentonsansregular, Arial, Helvetica, sans-serif;*/
}

.true {
    fill: #9ac6d5;
}

.e {
    fill: none;
    stroke: #000;
    stroke-width: 5px;
    stroke-linecap: round;
}

.rewards {
    /*font-family: 'Bentonsansbold', Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    font-size: 11px;
    /* font-weight: 600; */
    text-anchor: middle;
}

.rewards,
.epic {
    fill: #9ac6d5;
}

.solid {
    fill: #f92000;
}

.loyal {
    fill: #fea600;
}

.true-vertical {
    fill: #ffcc00;
}

.fifth-anim .true,
.fifth-anim .rewards {
    fill: #000;
}

.third-anim .rewards,
.legit,
.epic,
.solid,
.loyal,
.true-vertical {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    font-size: 17px;
    /* font-weight: 700; */
}

.third-anim .rewards text,
.legit text,
.epic text,
.solid text,
.loyal text,
.true-vertical text {
    text-anchor: middle;
}

.bottom-left,
.bottom-right:not(path) {
    fill: #ccc;
}

.bottom-right path {
    stroke: #ccc;
}

.bottom-left text {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    font-size: 14px;
    /* font-weight: 600; */
    fill: #ccc;
}

.fifth-anim .bottom-left text {
    fill: #000;
}

.fifth-anim .bottom-right text {
    fill: #000;
}

.fifth-anim .bottom-right path {
    stroke: #000;
}

.bottom-left .number {
    font-size: 9px;
}

.insert-here {
    /*font-family: 'Bentonsansregular', Arial, Helvetica, sans-serif;*/
    font-weight: 100;
    font-size: 9.5px;
    fill: #ccc;
}

.fifth-anim .insert-here {
    fill: #000;
}

.triangles {
    fill: #ccc;
    stroke: 0;
}

.bottom-right {
    /*font-family: 'Bentonsansregular', Arial, Helvetica, sans-serif;*/
    font-size: 16px;
    font-weight: 400;
}

.entertainment {
    font-size: 4px;
    text-anchor: middle;
}

.first-frame {
    -webkit-animation: second 0.8s ease-in-out forwards 1;
    animation: second 0.8s ease-in-out forwards 1;
}

.second-frame {
    -webkit-animation: third 0.8s ease-in-out 1s forwards 1;
    animation: third 0.8s ease-in-out 1s forwards 1;
}

.third-frame {
    -webkit-animation: fourth 0.8s ease-in-out 2s forwards 1;
    animation: fourth 0.8s ease-in-out 2s forwards 1;
}

.fourth-frame {
    -webkit-animation: fifth 0.8s ease-in-out 3s forwards 1;
    animation: fifth 0.8s ease-in-out 3s forwards 1;
}

/*** properties footer ***/
div.footer-properties { padding:0 15px 15px 15px; }

div.fp-table { width:100%; display:block; }
div.fp-table img { padding:10px; opacity:0.5; }

div.fp-golden { width:100%; display:block; text-align:center; }
div.fp-golden a { display:block; }

div.fp-properties { width:100%; display:block; text-align:center; }

div.fpp-table div { width:49%; max-width:200px; display:inline-block; text-align:center; }






@-webkit-keyframes second {
    0% {
        -webkit-transform: rotate(-20deg);
        -webkit-transform: -webkit-rotate(-20deg);
        transform: rotate(-20deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(-10deg);
        -webkit-transform: -webkit-rotate(-10deg);
        transform: rotate(-10deg);
    }
}

@keyframes second {
    0% {
        -webkit-transform: rotate(-20deg);
        -webkit-transform: -webkit-rotate(-20deg);
        transform: rotate(-20deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(-10deg);
        -webkit-transform: -webkit-rotate(-10deg);
        transform: rotate(-10deg);
    }
}

@-webkit-keyframes third {
    0% {
        -webkit-transform: rotate(-10deg);
        -webkit-transform: -webkit-rotate(-10deg);
        transform: rotate(-10deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -webkit-transform: -webkit-rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes third {
    0% {
        -webkit-transform: rotate(-10deg);
        -webkit-transform: -webkit-rotate(-10deg);
        transform: rotate(-10deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -webkit-transform: -webkit-rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes fourth {
    0% {
        -webkit-transform: rotate(0deg);
        -webkit-transform: -webkit-rotate(0deg);
        transform: rotate(0deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(10deg);
        -webkit-transform: -webkit-rotate(10deg);
        transform: rotate(10deg);
    }
}

@keyframes fourth {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}

@-webkit-keyframes fifth {
    0% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
}

@keyframes fifth {
    0% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
}


div#scrolly {
  height: 77px;
  overflow: hidden;
}

.zspand {
  float: right;
  font-size: 2.5em;
  color: #F7C13B;
  margin-right: 30px;
  cursor: pointer;
}

@media only screen and (max-width : 420px) and (min-width: 320px) {
    .card-container {
        max-width: 100% !important;
        top: 190px !important;
    }
}

@media only screen and (max-width : 540px) and (min-width: 420px) {
    .card-container {
        max-width: 80% !important;
        top: 170px !important;
    }
}

@media only screen and (max-width : 637px) and (min-width: 540px) {
    .card-container {
        max-width: 70% !important;
        top: 150px !important;
    }
}

@media only screen and (max-width : 843px) and (min-width: 770px) {

    /* .rewards_and_cards .container {width: 100%;height: 0px} */
    .card-container {
        max-width: 450px !important;
        top: 165px !important;
    }
}

@media only screen and (max-width : 996px) and (min-width: 991px) {
    .card-container {
        max-width: 450px !important;
        top: 165px !important;
    }
}

@media only screen and (max-width : 991px) and (min-width: 844px) {
    .card-container {
        max-width: 450px !important;
        top: 165px !important;
    }
}

@media only screen and (max-width : 768px) {
    .card-main-container {
        width: 90%;
        margin-left: 10%;
    }

    .card-container {
        position: relative;
        height: auto;
        max-width: 60%;
        top: 150px;
        margin: 0 auto;
    }
}

/* cards animator ends here */
.third-section-spacing {
    padding: 40px 0px;
}

.in-mobile-invisible {
    display: block;
}

.container-third-section {
    background-image: url(../images/3sectionbackgroindimage.png);
    color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
}

.container-fourth-section {
    background-color: #353638;
    color: #ffffff;
}

.good-business {
    padding: 81px 15px;
}

.good-business-top {
    padding-bottom: 50px;
}

.good-business-top p {
    margin-bottom: 4px;
}

.good-business .container-fluid {
    max-width: 1380px;
    width: 100%;
}

.good-business h2 {
    font-size: 60px;
    line-height: 1.04;
    margin-bottom: 17px;
}

.container-fifth-section {
    padding: 0px;
    margin-top: -1px;
    display: block;
}

/*.container-fifth-section-for-mobile {
    padding: 0px;
    margin-top: -1px;
    display: none;
}*/

.container-sixth-section {
    background-image: url(../images/Texture.png);
    padding: 50px 20px 50px 20px;
}

.second-paragraph p {
    color: #ffffff;
    line-height: 1.44rem;
    /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    font-size: 16px;
}

.second-paragraph h1 {
    margin: 0 auto;
    width: 60%;
    margin-bottom: 20px;
}

.header-location {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.second-location-image {
    width: 100%;
}

.second-location {
    padding-bottom: 30px;
}

.second-location p {
    font-size: 16px;
    color: #353638;
    line-height: 20px;
    /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    margin: 13px 0 5px;
    letter-spacing: -0.03em;
}

.second-location-image-data {
    background-color: #ffffff;
    padding: 31px 32px 38px 40px;
    text-align: left;
}

.second-casinoresorts-1stlocation-number,
.second-casinoresorts-2ndlocation-number,
.second-casinoresorts-3rdlocation-number {
    font-size: 70px;
    margin-top: 0px;
    margin-bottom: 0px;
    /*font-family: BentonSansBook, Arial, Helvetica, sans-serif;*/
}

.second-casinoresorts-1stlocation-number,
.second-casino-resorts-1stname-color {
    color: #F6C13A;
}

.second-casinoresorts-2ndlocation-number,
.second-casino-resorts-2ndname-color {
    color: #E8A13C;
}

.second-casinoresorts-3rdlocation-number,
.second-casino-resorts-3rdname-color {
    color: #E5541A;
}

.btn-section5 {
    font-size: 12px;
    border: 3px solid #353638;
    color: #353638;
    padding: 7px;
    background-color: transparent;
}

.second-casino-resorts-1stname-color,
.second-casino-resorts-2ndname-color,
.second-casino-resorts-3rdname-color {
    font-size: 16px;
    /*font-family: BentonSansBlack, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:900;
}

.invest-in-real-for-mobile {
    display: none;
}

.invest-in-real-for-desktop {
    display: block;
    padding: 42px 20px 50px 20px;
}

.invest-in-real-for-desktop h2 {
    font-size: 50px;
}

.invest-in-real-for-desktop p {
    margin: 17px 0 26px;
    line-height: 1.5;
}

.w3-display-middle h3 {
    font-size: 50px;
    /*font-weight: lighter;*/
    margin-bottom: 0px;
    /*font-family: BentonSansLight, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:300;
}

.header-caption {
    /*font-family: BentonSansBlack !important;*/ 
	font-family: franklin-gothic-urw, sans-serif; font-weight:900;
    margin-bottom: 20px;
}

.third-section-image {
    width: 100%;
    position: absolute;
    top: -61px;
}

.section-three-position {
    position: relative;
}

.container-seventh-section {
    background-color: #1D1E20;
    padding: 50px 15px;
}

.fourthsection-row-padding {
    padding: 20px 50px 20px 50px;
    margin: auto;
}

.seventh-upperimages-declaration img,
.seventh-bottom-images-declaration img {
    width: 100px;
}


.fourthsection-1stbox {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #2E2F30;
    padding: 25px 20px 25px 20px;
    border: 1px solid #505050;
    height: 520px;
}

.fourthsection-data-declaration {
    text-align: left;
}

.fourthsection-description-color {
    color: #ffffff;
}

.fourthsection-description-color1 {
    color: #ffffff;
    display: none;
}

.fourthsection-points-color {
    color: #8EB0BA;
}

.fourthsection-middle-bottom-align {
    color: #8EB0BA;
    margin-bottom: 14px
}

.fourthsection-right-bottom-align {
    color: #8EB0BA;
    margin-bottom: 8px;
}

.fifth-section-row-declaration {
    margin-right: 0px;
}

/*WinningTeam.jpg*/

.fifth-section-padding {
    background-image: url(../images/our-culture-our-team.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 510px;
}

.fifth-section-data-padding {
    background-color: #8eb0ba;
    padding: 50px 99px 50px 112px;
}

.fifth-section-data-padding .btn {
    margin-bottom: 0;
}

.fifth-section-text-direction {
    color: #353638;
    text-align: left;
    font-size: 60px;
    line-height: 1.04;
    margin-bottom: 16px;
}

.fifth-section-color {
    color: #333333;
    font-size: 17px;
}

.sixth-section-description-color {
    color: #ffffff;
    font-size: 16px;
}

.seventh-section-padding-declaration {
    padding: 40px 10px 40px 25px;
    text-align: center;

}

.sponcers-images {
    border-left: 1px solid #424345;
    margin-left: 50px;
    display: block;
}

.sponcers-images-for-mobile {
    border-left: 2px solid #424345;
    margin-left: 50px;
    display: none;
}

.seventh-section-padding-declaration img {
    width: 175px;
}

.seventh-section-right-side-image-firstwidth {
    float: left;
    margin-right: 25px;
    margin-left: 60px;
}

.seventh-section-right-side-image-secondwidth {
    float: left;
    margin-right: 60px;
    margin-left: 30px;
}

.seventh-section-right-side-image-width {
    float: left;
    margin: 0px 20px;
}

.seventh-section-right-side-image-thirdwidth {
    float: left;
    margin-right: 10px;
    margin-left: 50px;
}

.seventh-section-right-side-image-fourthwidth {
    float: left;
    margin-right: 20px;
    margin-left: 30px;
}

.seventh-section-right-side-image-fivewidth {
    float: left;
    margin-right: 30px;
    margin-left: 50px;
}

.seventh-section-right-side-image-seventhwidth {
    float: left;
    margin-right: 30px;
    margin-left: 30px;
}

.seventh-section-right-side-image-sixthwidth {
    float: left;
    margin-right: 50px;
    margin-left: 55px;
}

.seventh-section-right-side-image-eightwidth {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.seventh-section-right-side-image-ninewidth {
    float: left;
    margin-right: 20px;
    margin-left: 10px;
}

.seventh-upperimages-declaration,
.seventh-bottom-images-declaration {
    /*margin: 20px 0px;*/
    padding: 7px 0px;
    margin-left: 35px;
}

.seventh-upperimages-declaration li,
.seventh-bottom-images-declaration li {
    display: inline-block;
    padding: 0px 15px;
}

.heading-text.homepage-head {
    max-width: 770px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    color: #8EB0BA;
    margin: 0 auto;
    font-size: 60px;
    margin-bottom: 19px !important;
}

.second-small-paragraph {
    max-width: 830px;
    width: 100%;
}

.seventh-upperimages-declaration1 {
    margin-top: 10px;
    margin-bottom: 5px;
    display: none;
}

.header-second-aboutus-width {
    padding-bottom: 15px;
}

.bgimg-1 {
    /*background-image: url(../images/homepage-hero.jpg);*/
    background-image: url('../images/blackjack-players-lower.jpg');
    width: 100%;
    min-height: 100%;
    height: 680px;
    background-size: cover;
    background-position: top right;
}

.bgimg-100 {
    background-image: url(../images/commingsoon.jpg);
    width: 100%;
    min-height: 100%;
    height: 400px;
    background-position: 50% 50%;
}

.bgimg-aboutus {
    background-image: url(../images/hero-about-us.jpg);
    width: 100%;
    min-height: 100%;
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
        background-position: 35% 0;
}

@media (min-width:992px) {
.bgimg-policies {
    background-image: url(../images/policies-hero.jpg);
    width: 100%;
    min-height: 100%;
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 35% 0;
}
}

@media (max-width:991px) {
.bgimg-policies {
    background-image: url(../images/policies-hero.jpg);
    width: 100%;
    min-height: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 75% 0;
}
}

.bgimg-press-news {
    background-image: url(../images/hero-press-news.jpg);
    width: 100%;
    min-height: 100%;
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
        background-position: 10% 0;
}

.bgimg-company-culture {
    background-image: url(../images/hero-company-culture.jpg);
    width: 100%;
    min-height: 100%;
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
        background-position: 6% 0;
}

.bgimg-contact {
    background-image: url(../images/hero-contact-us.jpg);
    width: 100%;
    min-height: 100%;
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
        background-position: 25% 0;
}

.bgimg-director-officers {
    background-image: url(../images/hero-directors-officers.jpg);
    width: 100%;
    min-height: 100%;
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
       background-position: 60% 0;
}

.bgimg-true-rewards {
    background-image: url(../images/true-rewards-hero.jpg);
    width: 100%;
    min-height: 100%;
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
        background-position: 55% 0;
}

.bgimg-careers {
    background-image: url(../images/hero-career-opportunities.jpg);
    width: 100%;
    min-height: 100%;
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 45% 0;
}

.bgimg-ivestors {
    background-image: url(../images/hero-investors.jpg);
    width: 100%;
    min-height: 100%;
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 85% 0;
}

.bgimg-investors-aboutus {
    background-image: url(../images/aboutus/ABOUTUS-HEADER-IMAGE.jpg);
    width: 100%;
    min-height: 100%;
    /*height: 83vh;*/
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
        background-position: top center;
}

.bgimg-investors-governance {
    background-image: url(../images/hero-governance.jpg);
    width: 100%;
    min-height: 100%;
    /*height: 83vh;*/
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
        Background-position: 75% 0;
}

.bgimg-investors-stock-chart {
    background-image: url(../images/hero-stock-charts.jpg);
    width: 100%;
    min-height: 100%;
    /*height: 83vh;*/
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
        background-position: 85% 0;
}

.bgimg-investors-cnf-calls {
    background-image: url(../images/hero-conference-calls.jpg);
    width: 100%;
    min-height: 100%;
    /*height: 83vh;*/
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
        background-position: 15% 0;
}

.bgimg-investors-sec-filling {
    background-image: url(../images/hero-sec-filing.jpg);
    width: 100%;
    min-height: 100%;
    /*height: 83vh;*/
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 75% 0;
}

.bgimg-investors-new-release {
    background-image: url(../images/hero-news-releases.jpg);
    width: 100%;
    min-height: 100%;
    /*height: 83vh;*/
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.bgimg-investors-presentation {
    background-image: url(../images/hero-presentations.jpg);
    width: 100%;
    min-height: 100%;
    /*height: 83vh;*/
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
        background-position: top center;
}

.seventh-bottom-images-declaration1 {
    margin-top: 10px;
    margin-bottom: 5px;
    display: none;
}



.seventh-leftside-bordernone {
    border-left: none !important;
}

.collapse-chevron .glyphicon {
    transition: .3s transform ease-in-out;
}

.collapse-chevron .collapsed .fa {
    transform: rotate(-180deg);
    margin-left: 5px;
}

.seventh-rightside-datadeclaration p :last-child {
    border-right: none;
}

.seventh-logo-fortab {
    display: none;
}

.third-section-paragragh-responsive {
    display: none;
}

.third-section-paragraph {
    display: block;
    font-size: 16px;
    line-height: 1.5rem;
    padding: 10px;
    /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
}

.golden-img {
    margin-bottom: 30px;
}

.rewardsdata {
    padding: 50px 0px;
}

.mobile-navigator {
    display: none;
}

.mobile-navigator-fontsize {
    font-size: 30px;
    cursor: pointer;
}

.fourth-head-tect-align {
    margin: auto;
    max-width: 1080px;
    width: 100%;
}

.join-w-team .container-fluid {
    max-width: 1440px;
    width: 100%;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.on-chevron-change {
    color: #8EB0BA;
    /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    text-decoration: none;
    text-transform: uppercase;
}

.on-chevron-change:hover {
    color: #8EB0BA;
    text-decoration: none;
}

.on-chevron-change:active {
    color: #8EB0BA;
    text-decoration: none;
}

/*  ABOUT US CSS */

.second-aboutus-small-paragraph {
    margin: auto;
    width: 59%;
}

.second-location-aboutus1st p,
.second-location-aboutus3rd p,
.second-location-aboutus-right p {
    font-size: 16px;
    color: #ffffff;
    text-align: left;
    border-left: 3px solid #E8A13C;
    /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    padding: 0px 15px;
}

.second-location-aboutus3rd p {
    border-left-color: #E5541A !important;

}

.second-location-aboutus1st {
    padding: 12% 3% 0 18%
}

.second-location-aboutus3rd {
    padding: 12% 3% 0 18%
}

.second-location-aboutus-right {
    padding: 12% 3% 0 5%
}

.second-row {
    min-width: 100%;
    margin: 0px;
}

.second-location-aboutus-right h3 {
    text-align: left;
    margin-bottom: 20px;
}

.second-location-aboutus1st h3 {
    text-align: left;
    margin-bottom: 20px;
}

.second-location-aboutus3rd h3 {
    text-align: left;
    margin-bottom: 20px;
}

.second-aboutus-casino-resorts-1stname-color {
    color: #F6C13A;
}

.seventh-rightside-datadeclare {
    display: none;
}

.second-aboutus-casino-resorts-2ndname-color {
    color: #E8A13C;
}

.second-aboutus-casino-resorts-3rdname-color {
    color: #E5541A;
}

.container-aboutus-second-section {
    background-color: #1E1E1E;
    padding: 60px 0px 0px 0px;
    display: block;
}

.container-aboutus-second-section-mobile {
    background-color: #1E1E1E;
    padding: 75px 0px 0px 0px;
    display: none;
}

.fifth-aboutus-section-data-padding {
    width: 63%;
    background-color: #1E1E1E;
    padding: 50px 85px;
    text-align: center;
}

.fifth-aboutus-section-text-direction {
    color: #8EB0BA;
    text-align: center;
    font-size: 26px;
    line-height: 1.35em;
}

.fifth-aboutus-section-text-direction-name {
    color: #8EB0BA;
    text-align: center;
}

.fifth-aboutus-section-color {
    color: #ffffff;
    /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    font-size: 16px;
}

.slider-box {
    background-color: #292A2B;
    padding: 60px 20px 70px 20px;
}

.slider-box h2 {
    color: #8EB0BA;
    /*font-family: Bentonsansregular, Arial, Helvetica, sans-serif;*/
}

.slider-box p {
    color: #ffffff;
    margin: auto;
    width: 90%;
    /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    font-size: 16px;
    height: 160px;
}

.fifth-aboutus-section-padding {
    width: 37%;
    background-image: url(../images/aboutus/BLAKE-QUOTE-IMAGE.jpg);
    background-position: top center;
    background-size: cover;
    padding: 0px;
    height: auto;
}

.container-aboutus-fifth-section-desktop {
    padding: 0px;
    /*margin-top: -1px;
    height: 600px;*/
    display: block;
}

.middle-space {
    margin-top: 60px;
}

.container-aboutus-fifth-section-mobile {
    padding: 0px;
    margin-top: -1px;
    display: none;
}

.sixth-aboutus-section-description-color {
    padding: 15px;
    color: #ffffff;
    font-size: 16px;
    margin: auto;
    width: 56%;
    /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
}

.second-aboutusmain-small-paragraph {
    margin: auto;
    width: 40%;
}

.second-aboutus-small-paragraph {
    margin: auto;
    width: 55%;
}

.mobile-logo-view {
    display: none;
}

.container-aboutus-sixth-section {
    background-image: url(../images/Texture.png);
    padding: 50px 15px;
}

.container-aboutus-slider-section {
    background-color: #353638;
    padding: 50px 0px;
    display: block;
}

/* owl caroousel css */

.owl-carousel:not(.qoutes-slider):not(.carousel2-inner):not(.slider-bg) .owl-item {
    width: 320px !important;
}

.owl-carousel:not(.qoutes-slider):not(.carousel2-inner):not(.slider-bg) .owl-item .item {
    width: 320px !important;
}

/*.owl-carousel .owl-stage{
    margin-left: -150px !important;
}*/

/*

.container-aboutus-slider-section .owl-loaded{
    margin: 0px 0px 0px -166px;
}

.owl-carousel .owl-stage-outer {
    position: static !important;
    overflow: visible !important;
}
.owl-item.active {
    width: 326px !important;
}

*/

.owl-dots {
    display: none;
}

.owl-carousel {
    z-index: 0 !important;
}

.line-decor {
    width: 104%;
    height: 2px;
    background-color: #424242;
    position: relative;
    margin-bottom: 20px;
}


.horizontal-line-view {
    display: none;
}

.circle {

    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-color: #272729;
    border: solid 4px #96b0bf;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    left: calc(50% - 12px);
    z-index: 9999;
}

.owl-item {
    opacity: 0.3;
}

.owl-item.active.center {
    opacity: 1 !important;
}

    ::placeholder {
        color: #8EB0BA;
        opacity: 1;
        /* Firefox */
    }

    :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #8EB0BA;
    }

    ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #8EB0BA;
    }

.owl-carousel {
    position: relative;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 44%;
    margin-top: -10px;
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}

.owl-theme .owl-nav [class*=owl-] {
    padding: 20px 20px !important;
    background: #96b0bf !important;
    border-radius: 0px !important;
}

.owl-theme .owl-nav [class*=owl-] {
    font-size: 16px !important;
}

.slider-box {
    background-color: #292A2B;
    padding: 25px 0px 41px 0px !important;
}

#nav-left a.active {
    color: #8EB0BA !important;
    border-bottom: 2px solid #8EB0BA !important;
}

.btn-margin-top-abtus {
    margin-top: 20px;
    margin-bottom: 15px;
}

.chevron-modification {
    color: #292A2B;
    font-size: 17px;
}

.margin-on-btn-head {
    margin-top: 0px !important;
}

.margin-top-on-btn-head {
    margin-top: 20px !important;
}

.margin-top-on-btn-head.adjust-width {
    width: auto;
    max-width: none;
}

.margin-bottom-on-btn-head {
    margin-bottom: 10px;
}

.aboutus-third-section-heading-desktop-view {
    display: block;
}

.aboutus-third-section-heading-mobile-view {
    display: none;
}

.mobile-bottom-data-view-none {
    display: block;
}

.mobile-bottom-data-view-block {
    display: none;
}

.ui-content {
    padding: 0px !important;
}

.true-reawards-aboutus,
u {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    font-size: 16px;
    cursor: pointer;
    text-decoration-color: #8EB0BA;
}

.bg-overlay-1 {
    background: linear-gradient(to bottom, rgba(6.7%, 6.7%, 6.7%, 0.9), transparent);
    height: 330px;
}

.sample {
    position: relative;
    top: 100px;
}

.about-pad-two {
    padding: 50px 10px;
}

.gift-card {
    width: 400px;
    height: 250px;
    position: absolute;
}

#gift-card1 {
    background: url('../images/cards/5.png');
    background-size: cover;
    transform: scale(1.5) rotate(-18deg);
    top: 31px;
    left: 15px;
}

#gift-card2 {
    animation-name: gift-card2;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: both;
    animation-name: gift-card2;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-fill-mode: both;
    background: url('../images/cards/4.png');
    background-size: cover;
    top: -11px;
    left: 28px;
}

@keyframes gift-card2 {
    from {
        transform: scale(1.5) rotate(-18deg);
    }

    to {
        transform: scale(1.5) rotate(-16deg);

    }

    to {
        transform: scale(1.5) rotate(-14deg);

    }

    to {
        transform: scale(1.5) rotate(-12deg);

    }

    to {
        transform: scale(1.5) rotate(-10deg);

    }

    to {
        transform: scale(1.5) rotate(-9deg);
    }
}

#gift-card3 {
    animation-name: gift-card3;
    animation-duration: 0.6s;
    animation-delay: 0s;
    animation-fill-mode: both;
    animation-name: gift-card3;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-fill-mode: both;
    background: url('../images/cards/3.png');
    background-size: cover;
    top: -53px;
    left: 48px;
}

@keyframes gift-card3 {
    from {
        transform: scale(1.5) rotate(-9deg);
    }

    to {
        transform: scale(1.5) rotate(-7deg);

    }

    to {
        transform: scale(1.5) rotate(-5deg);
    }

    to {
        transform: scale(1.5) rotate(-3deg);
    }

    to {
        transform: scale(1.5) rotate(-1deg);
    }

    to {
        transform: scale(1.5) rotate(0deg);
    }
}

#gift-card4 {
    animation-name: gift-card4;
    animation-duration: 0.6s;
    animation-delay: 0s;
    animation-fill-mode: both;
    animation-name: gift-card4;
    animation-duration: 3s;
    animation-delay: 0s;
    animation-fill-mode: both;
    background: url('../images/cards/2.png');
    background-size: cover;
    top: -90px;
    left: 74px;
}

@keyframes gift-card4 {
    from {
        transform: scale(1.5) rotate(0deg);
    }

    to {
        transform: scale(1.5) rotate(1deg);

    }

    to {
        transform: scale(1.5) rotate(3deg);
    }

    to {
        transform: scale(1.5) rotate(5deg);
    }

    to {
        transform: scale(1.5) rotate(7deg);
    }

    to {
        transform: scale(1.5) rotate(9deg);
    }
}

#gift-card5 {
    background: url('../images/cards/1.png');
    background-size: cover;
    animation-name: gift-card5;
    animation-duration: 0.6s;
    animation-delay: 1s;
    animation-fill-mode: both;
    animation-name: gift-card5;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-fill-mode: both;
    top: -120px;
    left: 105px;
}

@keyframes gift-card5 {
    from {
        transform: scale(1.5) rotate(9deg);
    }

    to {
        transform: scale(1.5) rotate(11deg);

    }

    to {
        transform: scale(1.5) rotate(13deg);
    }

    to {
        transform: scale(1.5) rotate(15deg);
    }

    to {
        transform: scale(1.5) rotate(17deg);
    }

    to {
        transform: scale(1.5) rotate(18deg);
    }
}

.desktop-view,
.mobile-view {
    width: 100%;
    padding-top: 20px;
}

.mobile-view {
    display: none;
}

.mobile-view a,
.desktop-view a {
    color: #787878 !important;
}

.mobile-view li a,
.desktop-view a {
    border-left: 2px solid #58585A;
    padding: 0px 10px;
    /*font-family: BentonSansBook, Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    cursor: pointer;
}

.mobile-view li a:hover,
.desktop-view a:hover {
    text-decoration: none;
}

.no-border {
    border-left: none !important;
}

.d-footer-one,
.d-footer-two {
    display: inline;
}

.d-footer-two {
    float: right;
}

.m-footer-one,
.m-footer-two,
.d-footer-one,
.d-footer-two {
    padding: 0px;
}

.mobile-view li,
.desktop-view li {
    display: inline-block;
}

.mobile-view div {
    text-align: center !important;
}

/*
.container-fourth-section .btn-for-aboutus {
    margin-bottom: 40px !important;
}*/
.padd-b {
    padding-bottom: 3rem;
}

.container-investors-second-section {
    background-color: #1E1E1E;
    color: #fff;
    padding: 80px 15px;
}

.container-investors-second-section .container-fluid {
    max-width: 1380px;
}

.investors-box {
    border: 2px solid #424345;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
}

.investors-box tr td {
    height: 250px;
    width: 100%;
    padding: 0 10px;
}

.investors-box tr td a {
    display: block
}

.investors-box h3 {
    color: #FFFFFF;
    line-height: 1.5em;
    text-transform: uppercase;
}

.investors-box span {
    border-bottom: 3px solid #8EB0BA;
    padding-bottom: 5px;
}

/* Press / News detail css  */
.pressdetail-span {
    color: #8EB0BA;
    padding: 0px 10px;
}

.leftpressdetail-border {
    border-left: 2px solid #353638;
}

.social-icon-facebook {
    background-color: #3E5A99;
    padding: 10px 10px;
    color: #FFFFFF;
    margin-right: 1px;
}

.social-icon-facebook i {
    margin-right: 15px;
}

.social-icon-twitter {
    background-color: #20A1F2;
    padding: 10px 10px;
    color: #FFFFFF;
    margin-right: 1px;
}

.social-icon-twitter i {
    margin-right: 15px;
}

.social-icon-email {
    background-color: #848484;
    padding: 10px 20px;
    color: #FFFFFF;
    margin-right: 1px;
}

.social-icon-email i {
    margin-right: 15px;
}
.mobile-menu-strip i {
    padding-left: 5px;
}
.social-icon-more {
    background-color: #FF6752;
    padding: 10px 20px;
    color: #FFFFFF;
    margin-right: 1px;
}

.social-icon-more i {
    margin-right: 15px;
}

.newsdetail {
    color: #999999
}

.newsdetail-b {
    color: #8EB0BA;
}

.sectional-padding-data {
    margin-top: 105px;
    padding: 50px 0px;
    background-color: #292A2C
}

.press-release-bottom {
    color: #8EB0BA;
    padding-bottom: 30px;
}

.press-detail-pad {
    padding: 20px 0px;
    /*font-family: Bentonsansregular, Arial, Helvetica, sans-serif;*/
}

.upper-pressdetail-pad {
    padding: 0px !important;
}

.press-social-icons li {
    min-width: 125px;
    margin-top: 15px;
}

.press-social-icons li a {
    padding: 15px;
    display: block;
}

.press-social-icons li a:hover {
    color: #FFFFFF
}

.press-social-icons li a:active {
    color: #FFFFFF
}

.press-social-icons li a:focus {
    color: #FFFFFF
}

@media screen and (min-width: 459px) and (max-width: 594px) {
    .press-social-icons {
        width: 65%;
        margin: auto;
    }
}

@media screen and (min-width: 445px) and (max-width: 458px) {
    .press-social-icons {
        width: 70%;
        margin: auto;
    }
}

.press-detail-button {
    background-color: transparent;
    color: #8AB0BA;
    padding: 10px 30px;
    border: 3px solid #8AB0BA;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    margin-top: 20px;
}

.pressnews-next .btn-top {
    border: none;
    padding: 10px;
    margin-bottom: 0px;
    font-size: 16px;
    /*font-family: Bentonsansregular, Arial, Helvetica, sans-serif;*/
}

.press-detail-button:hover {
    background-color: #8EB0BA;
    color: #FFFFFF;
    padding: 10px 30px;
    border: 3px solid #8AB0BA;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    margin-top: 20px;
}

.selective-btn-arrangement {
    display: inline-flex;
    float: right
}

.press-detail-button:focus {
    background-color: #8EB0BA;
    color: #FFFFFF;
    border-radius: 0;
    padding: 10px 30px;
    border: 3px solid #8AB0BA;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    margin-top: 20px;
}

.press-detail-button:active {
    background-color: #8EB0BA;
    color: #FFFFFF;
    padding: 10px 30px;
    border: 3px solid #8AB0BA;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    margin-top: 20px;
}

/* Press / News css  */
.pagination {
    padding: 30px 0px;
    justify-content: center;
}

.pagination a {
    color: #8EB0BA;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    /*font-family: Bentonsansmedium, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:500;
}

.pagination a.active {
    background-color: #8EB0BA;
    color: #FFFFFF;
}

.pagination a:hover:not(.active) {
    background-color: #8EB0BA;
}

.selectdiv {
    position: relative;
    /*Don't really need this just for demo styling*/
    min-width: 200px;
    height: 44px;
    margin: 0px 0px;
}

.selectdiv:after {
    content: '';
    font: normal normal normal 17px/1 FontAwesome;
    color: #1E1E1E;
    right: 0px;
    top: -10px;
    background-color: #8EB0BA;
    font-size: 10px;
    height: 39px;
    text-decoration: none;
    padding: 15px 13px 15px 13px;
    position: absolute;
    pointer-events: none;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
    display: none;
}

.selectdiv select:hover {
    background-color: #8EB0BA;
    color: #1E1E1E;
}

.selectdiv select:active {
    background-color: #8EB0BA;
    color: #1E1E1E;
}

.selectdiv select:focus {
    background-color: #8EB0BA;
    color: #1E1E1E;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */

    display: block;
    max-width: 320px;
    height: 38px;
    float: right;
    margin: 0px 0px;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    padding: 0px 24px;
    font-size: 16px;
    line-height: 1.75;
    color: #8EB0BA;
    background-color: #1E1E1E;
    border: 3px solid #8EB0BA;
    -ms-word-break: normal;
    word-break: normal;
    border-radius: 0
}

.second-pressnews-small-paragraph {
    margin: auto;
    width: 32%;
}

.tab button.active {
    background-color: #8AB0BA;
    color: #1E1E1E;
    padding: 10px 30px;
    border: none;
    border: 3px solid #8AB0BA;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
}

.tab button:focus {
    background-color: #8AB0BA;
    color: #1E1E1E;
    padding: 10px 30px;
    border: 3px solid #8AB0BA;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
}

.tab button:hover {
    background-color: #8AB0BA;
    color: #1E1E1E;
    border: none;
    padding: 10px 30px;
    border: 3px solid #8AB0BA;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
}

.tab button {
    background-color: transparent;
    color: #8AB0BA;
    cursor: pointer;
    border: none;
    padding: 10px 30px;
    border: 3px solid #8AB0BA;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
}

.press-news-color {
    background-color: #1E1E1E;
    padding: 30px 0px;
}

.press-news-color .btn-select {
    padding: 10px 10px;
    float: right;
    width: 250px;
    border: 3px solid #8EB0BA;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    background-color: #1E1E1E;
    color: #8EB0BA
}

.press-news-color .selective-name {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    color: #8EB0BA;
    padding: 13px 20px;
}

.press-news-tabdata .pad-in {
    padding: 20px 15px;
}

/*.press-news-color button:last-child {
    padding: 9px 10px;
    position: absolute;
    right: 15px;
    margin-top: 3px;
    border: 1px solid #8AB0BA;
    background-color: #8AB0BA;
    color: #1E1E1E;
}*/

.chevron-right {
    position: absolute;
    right: 0;
    background-color: #8EB0BA;
    border: 1px solid #8EB0BA;
    padding: 12px;
}

.press-news-tabdata {
    background-color: #292A2C;
}

.press-news-tabdata .col-md-8 {
    padding: 50px 49px;
}

div.middle-press-news-data {
  color: #999 !important;
}


.middle-press-news-data {
    padding: 10px 25px 30px 25px;
    color:#999;
}

.middle-press-news-data a:last-child {
    color: #8EB0BA;
}

.middle-press-news-data p:first-child {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    color: #8EB0BA;
    margin-top: 0px;
    margin-bottom: 20px;
}

.middle-press-news-data h3 {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    color: #FFFFFF;
    margin-bottom: 20px
}

.middle-press-news-data p {
    color: #999999;
}

.upcomming-event b {
    color: #999999;
}

.middle-press-news-data-detail p {
    color: #999999;
}

.middle-press-news-data-detail b {
    color: #999999;
}

.middle-press-news-data p:last-child {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    color: #8EB0BA;
}

.press-news-hrtag {
    border-top: 1px solid rgba(102, 102, 102, 0.2);
    margin-top: 10px;
    margin-bottom: 10px;
}

.press-detail-pad p{
    font-size: 16px;
    color:#999;
}

.press-detail-pad a,.press-detail-pad u{
    text-decoration: none;
    color: #8ab0ba;
}


.custom-select {
    position: relative;
    font-family: Arial;
}

.custom-select select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

/* PT'S ENTERTAINMENT GROUP css starts */
.bgimg-tavrengroup {
    /*background-image: url(../images/Golden-Tavern-Group-Hero-1440x640.jpg);*/
    background-image: url(../images/pts-ent-group-hero.jpg);
    width: 100%;
    min-height: 100%;
    /* height: 83vh; */
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
}

.overlay-1stimage-tavrengroup {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0.3;
    transition: .5s ease;
    background-color: #000000;
}

.top-ontopof-image {
    position: absolute;
    top: 0;
    left: 0;
}

.top-ontopof-last-image {
    position: absolute;
    top: -25%;
    width: 100%;
    padding: 100px;
    left: 0;
    z-index: 2;
}

.modal .img-fluid-width {
    max-width: 90%;
    margin: 30px auto;
}

.modal .modal-content {
    background-color: transparent;
}

.modal-header button {
    position: absolute;
    right: 0;
}

.modal-header .btn-design {
    background-color: #353638;
    padding: 10px 15px;
    margin-top: -8px
}

.slider-box-tavern p {
    color: #ffffff;
    margin: auto;
    padding: 0px;
    /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:400;
    font-size: 16px;
}

.slider-box-tavern {
    background-color: #353638;
    padding: 30px 25px !important;
    /*height: 150px;*/
}

.slider-box-tavern-bottom {
    background-color: #353638;
    padding: 30px 25px !important;
    text-align: center !important;
}

.second-tavern-small-paragraph {
    margin: auto;
    width: 70%;
}

.slider-box-tavern h3 {
    font-size: 28px;
    color: #E8A13C;
    margin: auto;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.casino-taverns-bottom-space {
    margin-bottom: 30px;
}

.carousel-indicators li {
    height: 7px;
    border-radius: 100%;
    max-width: 7px;
    background-color: rgb(132, 132, 132)
}

.container-taverns-second-section {
    background-color: #1e1e1e;
    padding: 45px 0px 45px 0px;
    display: block;
}

.img-fluid-tavren {
    width: 100%;
    height: 100%;
}

.img-fluid-tavren-ipad {
    width: 100%;
    height: auto;
}

.img-fluid-big-tavren {
    width: 100%;
    height: 320px;
}

.carousel .carousel-control-prev,
.carousel .carousel-control-next {
    visibility: hidden;
}

.carousel .carousel-control-prev-data {
    position: absolute;
    top: 40%;
    bottom: 0;
    left: -7%;
    height: 55px;
    background-color: #353638;
    color: #FFFFFF !important;
    font-size: 20px;
    font-weight: bold;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    color: #fff;
    opacity: 1;
    text-align: center;
    visibility: visible;
}

.carousel .carousel-control-next-data {
    position: absolute;
    top: 40%;
    bottom: 0;
    right: -7%;
    height: 55px;
    background-color: #353638;
    color: #FFFFFF !important;
    font-size: 20px;
    font-weight: bold;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    color: #fff;
    opacity: 1;
    text-align: center;
    visibility: visible;
}

.casino-taverns-bottom-space .carousel:hover .carousel-control-prev {
    position: absolute;
    top: 40%;
    bottom: 0;
    height: 55px;
    background-color: #E8A13C;
    color: #353638 !important;
    font-size: 20px;
    font-weight: bold;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    color: #fff;
    opacity: 1;
    text-align: center;
    visibility: visible;
}

.casino-taverns-bottom-space .carousel .carousel-control-next {
    visibility: hidden;
}

.casino-taverns-bottom-space .carousel:hover .carousel-control-next {
    position: absolute;
    top: 40%;
    bottom: 0;
    height: 55px;
    background-color: #E8A13C;
    color: #353638 !important;
    font-size: 20px;
    font-weight: bold;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    color: #fff;
    opacity: 1;
    text-align: center;
    visibility: visible;
}

 

.container-tavern-sixth-section {
    background-image: url(../images/Texture.png);
    padding: 50px 20px 50px 20px;
 
}
.container-tavern-sixth-section .container {
    max-width: 1240px;
}
.heading-text-top {
    color: #E8A13C;
    padding-top: 40px;
    padding-bottom: 10px;
    text-transform: uppercase;
    /*font-family: BentonsansBlack, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:900;
}

.second-tavren-paragraph p {
    color: #FFFFFF;
}

.heading-number-text {
    color: #ffffff;
    /*font-family: BentonSansRegular, Arial, Helvetica, sans-serif;*/
    font-size: 70px !important;
}

.heading-number-text-paragraph {
    color: #777777;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    text-transform: uppercase;
}

.data-arrangement-for-jackpot-one {
    width: 70%;
    margin: auto;
}

.data-arrangement-for-jackpot-two {
    width: 80%;
    margin: auto;
    padding-bottom: 20px;
}

/* .showhide:hover .hideshow{display: block !important;z-index: 999}*/
.container-tavern-sixth-section img {
    height: 64px;
    width: 100%;
    margin-bottom: 27px;
    margin-top: 42px;
}

/* Contact us css start here */
.contactus-leftdata {
    background-color: #292A2C;
    padding: 50px 15px
}

.contactus-leftdata h3 {
    color: #8EB0BA
}

.contactus-leftdata p {
    color: #FFFFFF;
    /*font-family: Bentonsansregular, Arial, Helvetica, sans-serif;*/
    margin-top: 30px;
    margin-bottom: 30px
}

.contactus-leftdata b {
    color: #8EB0BA
}

.telelink-data u {
    text-decoration-color: #8EB0BA;
    color: #FFFFFF;
}

.telelink-data u:hover {
    text-decoration-color: transparent;
    color: #FFFFFF;
}

.telelink-data u:active {
    text-decoration-color: transparent;
    color: #FFFFFF;
}

.telelink-data u:focus {
    text-decoration-color: transparent;
    color: #FFFFFF;
}

.input-fields-edition-textarea {
    width: 96.8%;
    margin: 0 auto;
    background-color: #353638;
    color: #8EB0BA;
    border: 3px solid #8EB0BA;
    border-radius: 0px;
    /*font-family: Bentonsansmedium, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:500;
}

.contactus-rightdata {
    background-color: #353638;
    padding: 50px 15px
}

.text-set-for-contact {
    display: inline-flex;
    position: relative;
    top: 5px;
}

.input-fields-edition {
    background-color: #353638;
    color: #8EB0BA;
    width: 90%;
    margin: 0 auto;
    border: 3px solid #8EB0BA;
    border-radius: 0px;
    /*font-family: Bentonsansmedium, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:500;
}

u:hover {
    text-decoration: none;
}

.selectdiv-contact:after {
    content: '';
    font: normal normal normal 17px/1 FontAwesome;
    color: #1E1E1E;
    right: 35px;
    top: 20px;
    border-radius: 0px;
    background-color: #8EB0BA;
    font-size: 10px;
    height: 44px;
    padding: 15px 13px 15px 13px;
    position: absolute;
    pointer-events: none;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
    display: none;
    border-radius: 0px;
}

.form-control {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    background-color: transparent;
    color: #8EB0BA;
    border-color: #8EB0BA;
}

.form-control:hover {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    background-color: transparent;
    color: #8EB0BA;
    border-color: #8EB0BA;
}

.form-control:focus {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    background-color: transparent;
    color: #8EB0BA;
    border-color: #8EB0BA;
}

.form-control:active {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    background-color: transparent;
    color: #8EB0BA;
    border-color: #8EB0BA;
}

.sampdata-display textarea::placeholder {
    color: #8EB0BA !important;
}

.selectdiv-contact select:hover {
    background-color: #8EB0BA;
    color: #1E1E1E;
    border: 3px solid #8EB0BA;
    cursor: pointer;
    margin-top: 0px;
    width: 96.5%;
    border-radius: 0;
}

.selectdiv-contact select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    width: 96.5%;

    border-radius: 0;
    height: 44px;
    float: right;
    margin: 0px 0px;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    padding: 0px 24px;
    font-size: 16px;
    line-height: 1.75;
    color: #8EB0BA;
    background-color: #353638;
    border: 3px solid #8EB0BA;
    -ms-word-break: normal;
    word-break: normal;
}

.container-contact {
    background-color: #353638;
    padding: 60px 20px 80px;
}

.label-data-set-contactus {
    width: 100%;
    margin: 0 auto;
}

.input-fields-edition:hover {
    background-color: #8EB0BA;
    color: #1E1E1E
}

.input[placeholder]:hover {
    color: red;
}

.input[placeholder]:focus {
    color: red;
}

.input[placeholder].active {
    color: red;
}

::-webkit-input-placeholder {
    color: #8EB0BA;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #8EB0BA;
}

.input-data-trim {
    height: 44px;
    width: 100%;
    padding: 0px 24px;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    color: #8EB0BA;
    background-color: transparent;
    border: 3px solid #8EB0BA;
    border-radius: 0;
}

.input-data-trim-lastname {
    height: 44px;
    width: 96%;
    padding: 0px 24px;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    color: #8EB0BA;
    background-color: transparent;
    border: 3px solid #8EB0BA;
    border-radius: 0;
}

.input-data-trim-answer {
    min-width: 87px;
    height: 44px;
    width: 10%;
    padding: 0px 24px;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    color: #8EB0BA;
    background-color: transparent;
    border: 3px solid #8EB0BA;
    border-radius: 0;
}

.input-data-out-trim {
    padding: 0px 33px
}

.submit-button {
    position: relative;
    top: 5px;
    font-size: 16px;
}

.data-center-submit {
    margin-left: 17px;
    color: #8EB0BA;
    margin-bottom: 25px;
    margin-top: 9px;
}

.btn-bottom-submit,
.btn-bottom-submit:hover,
.btn-bottom-submit:active,
.btn-bottom-submit:focus {
    font-size: 18px;
    padding: 7px;
    background-color: #8EB0BA;
    color: #292A2C;
    margin-bottom: 40px;
    width: 200px;
    height: 44px;
    /*font-family: BentonSansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
}

/* directors and officers */
.bold-directors-data {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    font-size: 16px;
    color: #999999 !important;
}

.regular-directors-data {
    /*font-family: Bentonsansregular, Arial, Helvetica, sans-serif;*/
    font-size: 16px;
}

.Directors-and-officers {
    background-color: #1E1E1E;
    padding: 50px 15px
}

.Directors-and-officers h2 {
    color: #8EB0BA
}

.Directors-and-officers h3 {
    color: #8EB0BA;
    margin-top: 10px
}

.directors-and-Officers {
    background-color: #292B2C;
    padding: 50px 15px
}

.directors-and-Officers h2 {
    color: #8EB0BA
}

.middle-press-news-data i {
    cursor: pointer;
}

.inner-middle-directive-data .middle-press-news-data {
    padding: 10px 40px 10px 40px;
}

.directors-and-Officers h3 {
    color: #8EB0BA;
    margin-top: 10px
}

.icon-to-right-chevron {
    font-size: 14px !important;
    margin-left: 10px;
}

/* privacy policy */
.align-from-top {
    background-color: #292A2C
}

.light-black-background-privacypolicy h1 {
    color: #8EB0BA;
    /*font-family: BentonSansBlack, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:900;
    font-size: 40px;
    margin-bottom: 20px
}

.light-black-background-privacypolicy p {
    color: #AAAAAA;
    font-size: 16px;
    margin: 30px 0px
}

.light-black-background-privacypolicy ul {
    color: #AAAAAA;
    padding: 0px
}

.light-black-background-privacypolicy ul li {
    padding: 5px 0px;
    display: inline-flex
}

SPAN.li {
    display: list-item;
    margin-left: 0.5em
}

.light-black-background-privacypolicy ul li:before {
    /* Unicode bullet symbol */
    content: '\2022 ';
    /* Bullet color */
    color: #AAAAAA;
    padding-right: 0.5em;
}

/* accessibilitystatement starts here */
.main-padding-data {
    padding: 70px 15px 70px 15px;
    /*padding: 10% 1%*/
    ;
}

.align-from-top {
    margin-top: 106px;
}

.light-black-background {
    background-color: #292A2C;
}

.light-black-background h1 {
    color: #8EB0BA;
    /*font-family: BentonSansBlack, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:900;
    font-size: 40px;
}

.light-black-background p {
    color: #AAAAAA;
    padding: 35px 20px;
    font-size: 16px;
}

.light-black-background b {
    color: #8EB0BA
}

 

/* gdpr css starts here */
.main-padding-data-gdpr {
    padding: 50px 15px
}

.light-black-background-gdpr {
    background-color: #292A2C;
    padding: 50px 15px;
}

.light-black-background-gdpr h1 {
    color: #8EB0BA;
    font-size: 40px;
    margin-top: 20px
}

.light-black-background-gdpr p {
    color: #999999;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px
}

.light-black-background-gdpr .top-from-gdpr {
    margin-top: 40px
}

.gpdr-btag {
    color: #8EB0BA
}

.gdpr-head {
    color: #999999 !important;
    padding: 10px 0px;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
}

.on-desktop-port-view {
    display: block
}

.on-mobile-port-view {
    display: none
}

.reputation-heading-desktop-view {
    display: block
}

.reputation-heading-mobile-view {
    display: none
}

.pagination {
    padding: 30px 0px;
    justify-content: center;
}

.pagination a {
    color: #8EB0BA;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    /*font-family: Bentonsansmedium, Arial, Helvetica, sans-serif;*/
     font-family: franklin-gothic-urw, sans-serif; font-weight:500;
}

.pagination a.active {
    background-color: #8EB0BA;
    color: #FFFFFF;
}

.pagination a:hover:not(.active) {
    background-color: #8EB0BA;
    color: #FFFFFF;
}


.selectdiv {
    position: relative;
    /*Don't really need this just for demo styling*/
    min-width: 200px;
    height: 44px;
    margin: 0px 0px;
}

.selectdiv:after {
    content: '';
    font: normal normal normal 17px/1 FontAwesome;
    color: #1E1E1E;
    top: 0px;
    background-color: #8EB0BA;
    font-size: 10px;
    height: 39px;
    padding: 15px 13px 15px 13px;
    position: absolute;
    pointer-events: none;
    margin-left: -38px;
    cursor: pointer;
    margin-top: 0px;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
    display: none;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    width: 280px;
    height: 38px;
    float: right;
    margin: 0px 0px;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    padding: 0px 24px;
    border: 3px solid;
    font-size: 16px;
    line-height: 1.75;
    color: #8EB0BA;
    background-color: #1E1E1E;
    -ms-word-break: normal;
    word-break: normal;
    cursor: pointer;
    margin-top: 0px;
}

select:hover {
    background-color: #8EB0BA;
    color: #1E1E1E;
    border: 3px solid #8EB0BA;
    width: 280px;
    cursor: pointer;
}

select option:checked,
select option:hover {
    box-shadow: 0 0 10px 100px #000 inset;
    background-color: #1E1E1E;
    cursor: pointer;
}

.rewards_and_cards .container {
    max-width: 1440px;
    width: 100%;
}

.rewards_and_cards {
    padding-top: 113px;
    padding-bottom: 80px;
}

.rewards_and_cards .text-section h2 {
    font-size: 60px;
    margin-bottom: 19px;
}

.rewards_and_cards .text-section p {
    font-size: 16px;
    margin-top: 10px;
    line-height: 24px;
    letter-spacing: 0.015em;
    padding-right: 60px;
    margin-bottom: 1px;
}

.rewards_and_cards .text-section {
    margin-top: 0;
    padding-left: 119px;
    margin-right: -50px;
}

@media screen and (max-width: 1410px) and (min-width: 1171px) {
    .navbar li {
        padding: 8px 14px;
    }
}

@media screen and (max-width: 344px) and (min-width: 320px) {
    .selectdiv:after {
        right: 0;
        margin-left: 0px;
    }

    .selectdiv select {
        width: 100%;
    }
}

@media screen and (min-width: 320px) and (max-width: 325px) {
    .nav-data p {
        margin-bottom: 0rem !important;
        margin-top: 10px;
    }
}

@media screen and (max-width: 401px) and (min-width: 320px) {
    .reputation-heading-desktop-view {
        display: none
    }

    .reputation-heading-mobile-view {
        display: block
    }

    .social-icon-more {
        padding: 10px 17px;
        margin-right: 1px;
    }

    .social-icon-email {
        padding: 10px 25px;
        margin-right: 0px;
    }

    .upper-pressdetail-pad {
        padding: 25px 0px;
    }
}

@media screen and (max-width: 519px) and (min-width: 320px) {
    .on-desktop-port-view {
        display: none
    }

    .on-mobile-port-view {
        display: block
    }
}

@media screen and (max-width: 326px) and (min-width: 320px) {
    .icon-mobile-responsive {
        margin-top: 30px;
    }
}

@media screen and (max-width: 326px) and (min-width: 320px) {
    .w3-display-casinogroupmobile-middle-headcontent {
        top: 65%;
    }
}

@media screen and (max-width: 554px) and (min-width: 440px) {
    .data-to-bottom {
        margin-top: 30px;
    }
}

@media screen and (max-width: 514px) and (min-width: 402px) {
    .social-icon-more {
        padding: 10px 135px;
    }
}

@media screen and (max-width: 514px) and (min-width: 320px) {
    .icon-mobile-responsive {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1285px) and (min-width: 1261px) {

    .seventh-upperimages-declaration li,
    .seventh-bottom-images-declaration li {
        padding: 0px 13px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 993px) {
    .top-ontopof-image {
        width: 100%;
    }
}

@media screen and (max-width: 1117px) and (min-width: 992px) {

    .seventh-upperimages-declaration li,
    .seventh-bottom-images-declaration li {
        padding: 0px 10px !important;
    }
}

@media screen and (max-width: 360px) and (min-width: 320px) {
    .carousel-control-next span {
        margin-right: 34px;
    }

    .carousel-control-prev span {
        margin-left: 34px;
    }
}

@media screen and (max-width: 450px) and (min-width: 359px) {
    .carousel-control-next span {
        margin-right: 20px;
    }

    .carousel-control-prev span {
        margin-left: 20px;
    }
}

@media screen and (max-width: 450px) and (min-width: 320px) {

    .seventh-upperimages-declaration li,
    .seventh-bottom-images-declaration li {
        padding: 5px 25px !important;
    }

    .on-mobile-image-fluid-tavern {}

    .w3-display-middle-headcontent h1,
    .w3-display-middle-headcontent p {
        width: 90% !important;
        margin: 0 auto;
    }

    .pagination a {
        padding: 4px 10px !important;
    }

    .second-tavern-small-paragraph {
        width: 100% !important;
    }
}

@media screen and (max-width: 340px) and (min-width: 250px) {

    .seventh-upperimages-declaration li,
    .seventh-bottom-images-declaration li {
        padding: 5px 15px !important;
    }
}

@media screen and (max-width: 867px) and (min-width: 641px) {
    .selectdiv select {
        width: 233px;
        margin-top: 0px;
    }

    .selectdiv:after {
        margin-top: 0px;
    }

    .container-third-section {
        height: 640px;
    }

    .video-for-mobile {
        display: block !important;
        margin-top: 30px;
    }

    .video-not-to-display-on-desktop {
        display: none !important;
    }

    .mobile-6-image {
        width: 100%;
    }
}


@media screen and (max-width: 867px) and (min-width: 320px) {
    .mobile-view {
        display: block;
    }

    .desktop-view {
        display: none;
    }
}

@media screen and (min-width: 1500px) {

    .navbar-expand-lg .navbar-collapse {
        display: inline-block !important;
        vertical-align:top;
        /*
        padding-left: 45px;
        padding-right: 45px;
*/
    }
}

@media screen and (max-width: 1920px) and (min-width: 1401px) {
    .carousel-control-next span {
        margin-right: -65px !important;
    }

    .carousel-control-prev span {
        margin-left: -65px !important;
    }

    .carousel-control-prev span {
        background-color: #E5541A !important;
        padding: 30px !important;
        opacity: 1 !important;
        color: #353638 !important;
    }

    .carousel-control-next span {
        background-color: #E5541A !important;
        padding: 30px !important;
        opacity: 1 !important;
        color: #353638 !important;
    }
}

#nav-left ul {
    float: right;
}

.main-footer>.container {
    width: 100%;
    max-width: 1440px;
}

@media screen and (min-width:992px) and (max-width:1499px) {
    .navbar-expand-lg .navbar-collapse {
        display: inline-block !important;
        /*
    padding-left: 5px;
    padding-right: 5px;
*/
    }
}
@media screen and (min-width:992px) and (max-width:1499px) {
    .fifth-section-padding{
        height: 410px;
    }
    .fifth-section-data-padding{
        padding: 50px 99px 50px 52px;
    }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .fifth-section-padding {
        height: 310px;
    }

    .fifth-section-data-padding {
        padding: 30px 39px 30px 42px !important;
    }
}
@media screen and (min-width: 1400px) {
    .top-from-gdpr {
        padding: 0 35px;
    }

    .carousel-control-next span {
        margin-right: -10px;
    }

    .carousel-control-prev span {
        margin-left: -10px;
    }

    .navbar-collapse .ml-auto, #nav-right ul {
        float: left;
    }

    .lg-pad-only {
        width: 1440px;
        margin: 0 auto;
    }

    .bgimg-1,
    .page-404 {
        height: 800px;
    }

    .homepage-main-head {
        position: absolute;
        top: 260px;
        left: 0;
        max-width: 1165px;
        width: 100%;
        left: 50% !important;
        transform: translateX(-50%);
        padding: 0 15px;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .homepage-main-head .btn-top {
        border: 3px solid #8EB0BA;
        outline-width: 4px;
        color: #8EB0BA;
        margin-top: 31px;
        margin-bottom: 0;
        font-size: 16px;
        width: 220px;
        height: 50px;
        /* WCAG padding:11px; */ padding: 11px 35px 11px 11px;
        letter-spacing:0;
		/** WCAG ADD**/
		background:url('/images/ge-right-arrow-smoky-blue.svg') no-repeat 89% 50%; background-size:21px 25px;
    }
	
	.homepage-main-head .btn-top i.far { display:none !important; }

    .homepage-main-head .btn-top:hover {
        color: #fff;
		background:url('/images/ge-right-arrow.svg') no-repeat 89% 50% #8EB0BA; background-size:21px 25px;
    }

    .container-text {
        width: 100% !important;
    }

    svg#card-stack {
        transform: translate(-49%, -60%);
        -webkit-transform: translate(-49%, -60%);
    }

}

@media screen and (min-width: 1400px) and (max-width: 1920px) {
    .homepage-main-head {
        top: 317px !important;
    }
}

@media screen and (max-width: 424px) and (min-width: 320px) {
    .m-no-border {
        border: none !important;
    }
}

@media screen and (max-width: 640px) and (min-width: 563px) {
    .sample {
        top: 130px !important;
        left: 100px;
    }
}

/* Mobile version iphone5 */

@media screen and (max-width: 569px) and (min-width: 320px) {
    \.second-aboutusmain-small-paragraph {
        margin: auto;
        width: 93% !important;
    }

    a:focus,
    a:hover {
        color: #8EB0BA;
    }

    .container-fluid {
        padding: 0px !important;
    }

    .second-paragraph .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    h3 {
        font-size: 22px !important;
        line-height: 1.18rem;
    }

    .w3-display-middle h3 {
        line-height: 1.5rem !important;
    }

    .mobile-navigator {
        display: block;
        position: fixed;
        top: 0px;
        background-color: #1e1e1e;
        width: 100%;
        text-align: center;
        z-index: 999;
    }

    .on-chevron-change {
        color: #8EB0BA !important;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
        text-decoration: none;
    }

    div#collapseFilter.show {
        z-index: 999;
        height: 100vh;
    }

    .navbar-toggler-right {
        position: absolute;
        right: 1rem;
        display: none;
    }

    .mobile-image-logo-homepage-size {
        width: 55%;
        position: relative;
        top: -60px;
    }

    .w3-animate-top {
        position: relative;
        animation: animatetop 0.4s;
        display: none;
    }

    .btn-top,
    .btn-for-aboutus,
    .btn-bottom,
    .btn-section5 {
        font-size: 12px;
        padding: 10px;
        background-color: transparent;
        margin-bottom: 40px;
        min-width: 200px;
        min-height: 44px;
        display: inline-block;
        transition: 0.3s;
        /*font-family: BentonSansBlack, Arial, Helvetica, sans-serif;*/
        font-family: franklin-gothic-urw, sans-serif; font-weight:900;
    }

    .second-paragraph p {
        color: #ffffff;
        line-height: 1.5rem;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
        font-size: 16px;
    }

    .second-paragraph h1 {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .container-second-section {
        background-color: #353638;
        padding: 50px 15px;
    }

    .second-small-paragraph {
        margin: auto;
        width: 100%;
    }

    .second-location-image-data {
        background-color: #ffffff;
        padding: 30px 7px;
        text-align: center;
    }

    .second-location p {
        font-size: 16px;
        color: #353638;
        min-height: 60px;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    }

    .second-casino-resorts-1stname-color,
    .second-casino-resorts-2ndname-color,
    .second-casino-resorts-3rdname-color {
        font-size: 16px;
        /*font-family: BentonSansBlack, Arial, Helvetica, sans-serif;*/
        font-family: franklin-gothic-urw, sans-serif; font-weight:900;
    }

    .btn-2ndsection1,
    .btn-2ndsection2,
    .btn-2ndsection3 {
        font-size: 12px;
        padding: 10px;
        background-color: transparent;
        /*font-family: BentonSansBlack, Arial, Helvetica, sans-serif;*/
        font-family: franklin-gothic-urw, sans-serif; font-weight:900;
        min-height: 44px;
        min-width: 200px;
    }

    .container-third-section {
        color: #ffffff;
        background-repeat: no-repeat;
        background-size: cover;
        height: 580px;
        background-color: #292A2B;
        background-image: none;
    }

    .container-setfor-payoff {
        width: unset;
        text-align: center;
    }

    .rewardsdata {
        padding: 30px 0px;
    }

    .third-section-spacing {
        padding: 0px 0px;
    }

    .third-section-image {
        width: 100%;
        position: absolute;
        top: -47px;
        left: -11px;
    }

    .in-mobile-invisible {
        display: none;
    }

    .fourth-head-tect-align {
        margin: auto;
        width: 100%;
    }

    .container-fourth-section {
        background-color: #353638;
        color: #ffffff;
    }

    .container-fourth-section p {
        font-size: 16px;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
        line-height: 1.5rem;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .video-for-mobile {
        display: block !important;
    }

    .video-not-to-display-on-desktop {
        display: none !important;
    }

    .container-fifth-section {
        padding: 0px;
        margin-top: -1px;
    }

 
    .fifth-section-data-padding {
        background-color: #8eb0ba;
        padding: 50px 15px !important;
        text-align: center;
    }

    .fifth-section-text-direction {
        color: #333333;
        text-align: center;
        font-size: 28px !important;
    }

    .fifth-section-data-padding p {
        font-size: 15px;
        padding: 0px 10px;
        color: #353638;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
        line-height: 1.5;
        text-align: center !important;
    }

    .fifth-section-row-declaration {
        margin-right: 0px;
        margin-left: 0px;
    }

    .seventh-section-right-side-image-firstwidth,
    .seventh-section-right-side-image-width {
        margin: 15px 8px;
    }

    .seventh-upperimages-declaration img,
    .seventh-bottom-images-declaration img {
        width: 125px;
    }

    .container-seventh-section {
        padding: 15px;
    }

    .mobile-hr-bottom {
        margin-bottom: 20px;
    }

    .sponcers-images {
        border-left: none;
        margin-left: 0px;
    }

    .horizontal-line-for-moile-view {
        position: absolute;
        bottom: -10px;
        width: 41%;
        left: 30%;
        border: 1px solid #58585A;
    }

    .seventh-leftside-datadeclaration {
        padding-top: 10px;
    }

    .horizontal-line-for-moile-view {
        position: absolute;
        bottom: -10px;
        width: 41%;
        left: 30%;
        border: 1px solid #58585A;
    }

    .sponcers-images {
        border-left: none;
        margin-left: 0px;
    }

    .seventh-upperimages-declaration {
        margin: 0px;
        padding-left: 18px;
    }

    .sponcers-images-for-mobile {
        border-left: 0px solid transparent;
        margin-left: 0px;
        display: block;
    }

    .sponcers-images {
        border-left: 1px solid #424345;
        margin-left: 50px;
        display: none;
    }

    .mobile-hr-bottom {
        margin-bottom: 20px;
    }

    .seventh-rightside-datadeclare {
        color: #58585A;
        /* float: right; */
        display: block;
        width: 100%;
        display: inline-flex;
        padding: 0px 20px 0px 20px;
    }

    .seventh-rightside-datadeclaration {
        color: #58585A;
        float: right;
        display: inline-flex;
        padding: 50px 10px 0px 0px;
        display: none !important;
    }

    .bottom-data-align-in-mobile p {
        font-size: 14px !important;
    }

    .bottom-data-align-in-mobile {
        width: 100%;
        padding-right: 16px;
    }

    .seventh-rightside-datadeclare {
        color: #58585A;
        /* float: right; */
        display: block;
        width: 100%;
        display: inline-flex;
        padding: 0px 20px 0px 20px;
    }

    .bottom-data-align-in-mobile-nowidth {
        width: 41%;
    }

    hr {
        border: 0;
        border-top: 1px solid #58585A;
        margin: auto;
        width: 50%;
    }

    .second-aboutusmain-small-paragraph {
        margin: auto;
        width: 100%;
    }

    .w3-display-middle-headcontent h1 {
        font-size: 24px !important;
    }

    .w3-display-middle-headcontent {
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translate(-5%, -20%);
        -ms-transform: translate(-50%, -50%);
        color: #ffffff;
        text-align: center;
    }

    .container-aboutus-second-section {
        background-color: #1E1E1E;
        padding: 30px 0px 0px 0px;
        display: block;
    }

    .second-aboutus-small-paragraph {
        margin: auto;
        width: 100%;
        margin-top: 10px;
    }

    .container-aboutus-second-section-mobile {
        background-color: #1E1E1E;
        padding: 75px 0px 0px 0px;
        display: block;
    }

    .container-aboutus-second-section {
        background-color: #1E1E1E;
        padding: 75px 0px 0px 0px;
    }

    .second-location-aboutus1st p {
        font-size: 17px;
        color: #ffffff;
        text-align: left;
        border-left: 2px solid #EDBD44;
        /*font-family: bentonsansRegular, Arial, Helvetica, sans-serif;*/
        padding: 0px 15px;
        margin-right: 10px;
    }

    .second-location-aboutus1st h3 {
        text-align: center !important;
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .second-location-aboutus-right p {
        font-size: 17px;
        color: #ffffff;
        text-align: left;
        /* margin-left: 90px; */
        border-left: 2px solid #DF9F44;
        /* padding: 10px 50px 10px 0px; */
        /*font-family: bentonsansRegular, Arial, Helvetica, sans-serif;*/
        padding: 0px 15px;
        margin-right: 5px;
    }

    .second-location-aboutus-right h3 {
        text-align: center !important;
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .second-location-aboutus3rd h3 {
        text-align: center !important;
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .aboutus-third-section-heading-mobile-view {
        display: block;
    }

    .aboutus-third-section-heading-desktop-view {
        display: none;
    }

    .sixth-aboutus-section-description-color {
        color: #ffffff;
        font-size: 16px;
        margin: auto;
        width: 100%;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    }

    .owl-theme .owl-nav [class*=owl-] {
        padding: 20px 15px !important;
        background: #96b0bf !important;
        border-radius: 0px !important;
    }

    .container-aboutus-fifth-section-desktop {
        padding: 0px;
        margin-top: -1px;
        height: 600px;
        display: none;
    }

    .container-aboutus-fifth-section-mobile {
        padding: 0px;
        margin-top: -1px;
        display: block;
    }

    .fifth-aboutus-section-data-padding {
        padding: 50px 15px;
    }

    .container-aboutus-sixth-section {
        background-image: url(../images/Texture.png);
        padding: 50px 20px 50px 20px;
        margin-top: 0px;
    }

    .header-pading-for-sixth-for-mobile {
        padding-bottom: 15px;
    }

    .btn-top,
    .btn-for-aboutus,
    .btn-bottom,
    .btn-section5 {
        font-size: 12px;
        padding: 10px;
        background-color: transparent;
        margin-bottom: 0px;
        min-width: 200px;
        min-height: 44px;
        display: inline-block;
        transition: 0.3s;
        /*font-family: BentonSansBlack, Arial, Helvetica, sans-serif;*/
        font-family: franklin-gothic-urw, sans-serif; font-weight:900;
    }

    .sixth-aboutus-section-description-color {
        color: #ffffff;
        font-size: 16px;
        margin: auto;
        width: 100%;
        /* padding-left: 30px; */
        /* padding-right: 30px; */
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    }

    .seventh-section-padding-declaration {
        padding: 30px 25px 10px 25px;
        text-align: center;
    }

    .seventh-rightside-datadeclare {
        color: #58585A;
        /* float: right; */
        display: block;
        width: 100%;
        display: inline-flex;
        padding: 0px 0px 0px 0px;
    }

    .bottom-data-align-in-mobile {
        width: 150%;
        padding-right: 10px;
        /*color: #787878;*/
        color:#999;
    }

    .bottom-data-align-in-mobile p {
        font-size: 13px !important;
    }

    .bottom-data-align-in-mobile-nowidth {
        width: 67%;
        font-size: 13px;
        /*color: #787878;*/
        color:#999;
    }

    .bottom-data-align-in-mobile-bottomdata {
        width: 48%;
        padding-right: 10px;
        /*color: #787878;*/
        color:#999;
    }

    .bottom-data-align-in-mobile-bottomdata p {
        font-size: 13px !important;
        text-align: center;
    }

    .bottom-data-align-in-mobile-nowidth-bottomdata {
        width: 60%;
        font-size: 13px;
        /*color: #787878;*/
        color:#999;
    }
}

/* Mobile version iphone6 */

@media screen and (max-width: 640px) and (min-width: 360px) {

    .visit-link p {
        width: 100% !important;
    }

    .second-tavern-small-paragraph {
        width: 100% !important;
    }

    .input-data-out-trim {
        padding: 0px 25px;
    }

    .input-data-out-trim-lastname {
        padding: 0px 25px;
    }

    .mobile-6-image {
        width: 100%
    }

    .second-aboutusmain-small-paragraph {
        margin: auto;
        width: 83%;
    }

    a:focus,
    a:hover {
        color: #8EB0BA;
        text-decoration: none;
    }

    h3 {
        font-size: 22px !important;
    }

    h3 {
        font-size: 22px !important;
        line-height: 1.8rem;
    }

    .mobile-navigator {
        display: block;
        position: fixed;
        top: 0px;
        background-color: #1e1e1e;
        width: 100%;
        text-align: center;
        z-index: 999;
    }

    .on-chevron-change {
        color: #8EB0BA !important;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
        text-decoration: none;
    }

    div#collapseFilter.show {
        z-index: 999;
        height: 100vh;
    }

    .navbar-toggler-right {
        position: absolute;
        right: 1rem;
        display: none;
    }

    .mobile-image-logo-homepage-size {
        width: 55%;
        position: relative;
        top: -60px;
    }

    .w3-animate-top {
        position: relative;
        animation: animatetop 0.4s;
        display: none;
    }

    .w3-display-middle {
        position: static !important;
        padding-top: 235px;
        transform: none;
        -ms-transform: none;
        color: #fff;
        text-align: center;
    }

    .second-paragraph p {
        color: #ffffff;
        line-height: 1.5rem;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .container-second-section {
        background-color: #353638;
        padding: 50px 15px;
    }

    .second-small-paragraph {
        margin: auto;
        width: 100%;
    }

    .second-location-image-data {
        background-color: #ffffff;
        padding: 30px 7px;
        text-align: center;
    }

    .second-location p {
        font-size: 16px;
        color: #353638;
        min-height: 0px;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    }

    .second-casino-resorts-1stname-color,
    .second-casino-resorts-2ndname-color,
    .second-casino-resorts-3rdname-color {
        font-size: 16px;
        /*font-family: BentonSansBlack, Arial, Helvetica, sans-serif;*/
        font-family: franklin-gothic-urw, sans-serif; font-weight:900;
    }

    .btn-2ndsection1,
    .btn-2ndsection2,
    .btn-2ndsection3 {
        font-size: 12px;
        padding: 15px;
        background-color: transparent;
        /*font-family: BentonSansBlack, Arial, Helvetica, sans-serif;*/
        font-family: franklin-gothic-urw, sans-serif; font-weight:900;
        min-height: 44px;
        min-width: 200px;
    }

    .container-third-section {
        color: #ffffff;
        background-repeat: no-repeat;
        background-size: cover;
        height: 650px;
        background-color: #292A2B;
        background-image: none;
    }

    .container-setfor-payoff {
        width: unset;
        text-align: center;
    }

    .rewardsdata {
        padding: 50px 15px;
    }

    .third-section-spacing {
        padding: 0px 0px;
    }

    .third-section-image {
        width: 92%;
        position: absolute;
        top: -8px;
        left: 2px;
    }

    .in-mobile-invisible {
        display: none;
    }

    .fourth-head-tect-align {
        margin: auto;
        width: 100%;
    }

    .container-fourth-section {
        background-color: #353638;
        color: #ffffff;
    }

    .container-fourth-section p {
        font-size: 16px;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
        line-height: 1.5rem;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .video-for-mobile {
        display: block !important;
        margin-top: 30px;
    }

    .video-not-to-display-on-desktop {
        display: none !important;
    }

    .container-fifth-section {
        padding: 0px;
        margin-top: -1px;
    }

    /*.container-fifth-section-for-mobile {
        padding: 0px;
        margin-top: -1px;
        display: block;
    }*/
    .fifth-section-data-padding {
        background-color: #8eb0ba;
        padding: 50px 15px;
        text-align: center;
    }

    .fifth-section-text-direction {
        color: #333333;
        text-align: center;
        font-size: 28px !important;
    }

    .fifth-section-data-padding p {
        font-size: 15px;
        padding: 0px 10px;
        color: #353638;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
        line-height: 1.5;
        text-align: center !important;
    }

    .seventh-section-right-side-image-firstwidth,
    .seventh-section-right-side-image-width {
        margin: 15px 8px;
    }

    .seventh-upperimages-declaration img,
    .seventh-bottom-images-declaration img {
        width: 125px;
    }

    .container-seventh-section {
        padding: 15px;
    }

    .mobile-hr-bottom {
        margin-bottom: 20px;
    }

    .sponcers-images {
        border-left: none;
        margin-left: 0px;
    }

    .horizontal-line-for-moile-view {
        position: absolute;
        bottom: -10px;
        width: 41%;
        left: 30%;
        border: 1px solid #58585A;
    }

    .seventh-leftside-datadeclaration {
        padding: 0px 30px 0px 30px;
        margin-top: 10px;
    }

    .horizontal-line-for-moile-view {
        position: absolute;
        bottom: -10px;
        width: 41%;
        left: 30%;
        border: 1px solid #58585A;
    }

    .sponcers-images {
        border-left: none;
        margin-left: 0px;
    }

    .seventh-upperimages-declaration {
        margin: 0px;
        padding-left: 0px;
    }

    .sponcers-images-for-mobile {
        border-left: 0px solid transparent;
        margin-left: 45px;
        display: block;
    }

    .sponcers-images {
        border-left: 1px solid #424345;
        margin-left: 50px;
        display: none;
    }

    .mobile-hr-bottom {
        margin-bottom: 20px;
    }

    .seventh-rightside-datadeclare {
        color: #58585A;
        /* float: right; */
        display: block;
        width: 100%;
        display: inline-flex;
        padding: 0px 20px 0px 20px;
    }

    .seventh-rightside-datadeclaration {
        color: #58585A;
        float: right;
        display: inline-flex;
        padding: 50px 10px 0px 0px;
        display: none !important;
    }

    .bottom-data-align-in-mobile p {
        font-size: 14px !important;
    }

    .bottom-data-align-in-mobile {
        width: 100%;
        padding-right: 16px;
    }

    .seventh-rightside-datadeclare {
        color: #58585A;
        /* float: right; */
        display: block;
        width: 100%;
        display: inline-flex;
        padding: 0px 20px 0px 20px;
    }

    .bottom-data-align-in-mobile-nowidth {
        width: 41%;
    }

    hr {
        border: 0;
        border-top: 1px solid #eee;
        margin: auto !important;
        width: 50%;
    }

    .second-aboutusmain-small-paragraph {
        margin: auto;
        width: 100%;
    }

    .w3-display-middle-headcontent h1 {
        font-size: 28px !important;
    }

    .w3-display-middle-headcontent {
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translate(-5%, -20%);
        -ms-transform: translate(-50%, -50%);
        color: #ffffff;
        text-align: center;
    }

    .second-aboutusmain-small-paragraph {
        margin: auto;
        width: 83% !important;
    }

    .container-aboutus-second-section {
        background-color: #1E1E1E;
        padding: 30px 0px 0px 0px;
        display: block;
    }

    .second-aboutus-small-paragraph {
        margin: auto;
        width: 100%;
        margin-top: 10px;
    }

    .container-aboutus-second-section {
        background-color: #1E1E1E;
        padding: 40px 0px 0px 0px;
    }

    .second-location-aboutus1st p {
        font-size: 17px;
        color: #ffffff;
        text-align: left;
        /* margin-left: 90px; */
        border-left: 2px solid #EDBD44;
        /* padding: 10px 50px 10px 0px; */
        /*font-family: bentonsansRegular, Arial, Helvetica, sans-serif;*/
        padding: 0px 15px;
        margin-right: 10px;
    }

    .second-location-aboutus1st h3 {
        text-align: center !important;
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .second-location-aboutus-right p {
        font-size: 17px;
        color: #ffffff;
        text-align: left;
        /* margin-left: 90px; */
        border-left: 2px solid #DF9F44;
        /* padding: 10px 50px 10px 0px; */
        /*font-family: bentonsansRegular, Arial, Helvetica, sans-serif;*/
        padding: 0px 15px;
        margin-right: 5px;
    }

    .second-location-aboutus-right h3 {
        text-align: center !important;
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .second-location-aboutus3rd h3 {
        text-align: center !important;
        margin-left: 0px;
        margin-bottom: 20px;
    }

    .aboutus-third-section-heading-mobile-view {
        display: block;
    }

    .aboutus-third-section-heading-desktop-view {
        display: none;
    }

    .sixth-aboutus-section-description-color {
        color: #ffffff;
        font-size: 16px;
        margin: auto;
        width: 100%;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    }

    .owl-theme .owl-nav [class*=owl-] {
        padding: 20px 15px !important;
        background: #96b0bf !important;
        border-radius: 0px !important;
    }

    .container-aboutus-fifth-section-desktop {
        padding: 0px;
        margin-top: -1px;
        height: 600px;
        display: none;
    }

    .container-aboutus-sixth-section {
        background-image: url(../images/Texture.png);
        padding: 50px 15px;
        margin-top: 0px;
    }

    .header-pading-for-sixth-for-mobile {
        padding-bottom: 15px;
    }

    .sixth-aboutus-section-description-color {
        color: #ffffff;
        font-size: 16px;
        margin: auto;
        width: 100%;
        /* padding-left: 30px; */
        /* padding-right: 30px; */
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    }

    .seventh-section-padding-declaration {
        padding: 30px 25px 10px 25px;
        text-align: center;
    }

    .seventh-rightside-datadeclare {
        color: #58585A;
        /* float: right; */
        display: block;
        width: 100%;
        display: inline-flex;
        padding: 0px 0px 0px 0px;
    }

    .bottom-data-align-in-mobile {
        width: 94%;
        padding-right: 10px;
        /*color: #787878;*/
        color:#999;
        margin-left: 30px;
    }

    .bottom-data-align-in-mobile p {
        font-size: 13px !important;
    }

    .bottom-data-align-in-mobile-nowidth {
        width: 67%;
        font-size: 13px;
        /*color: #787878;*/
        color:#999;
    }

    .bottom-data-align-in-mobile-bottomdata {
        width: 48%;
        padding-right: 10px;
        /*color: #787878;*/
        color:#999;
    }

    .bottom-data-align-in-mobile-bottomdata p {
        font-size: 13px !important;
        text-align: center;
    }

    .bottom-data-align-in-mobile-nowidth-bottomdata {
        width: 60%;
        font-size: 13px;
        /*color: #787878;*/
        color:#999;
    }
}

@media screen and (max-width: 438px) and (min-width: 320px) {
    .press-release-bottom {
        display: inline-grid;
        width: 100%;
    }

    .leftpressdetail-border {
        border-left: none !important;
    }

    .video-for-mobile {
        margin-top: 30px;
    }
}

@media screen and (max-width: 404px) and (min-width: 320px) {
    .on-mobile-left-and-right-view {
        text-align: center;
        display: inline-flex;
    }

    .mobile-casino-middlwlogo-view {
        width: 100%;
    }
}

@media screen and (max-width: 429px) and (min-width: 320px) {
    .on-mobile-left-and-right-view {
        text-align: center;
    }

    .mobile-casino-middlwlogo-view {
        width: 100%;
    }
}

@media screen and (max-width: 376px) and (min-width: 320px) {
    .tab button.active {
        padding: 5px 15px;
        font-size: 12px;
    }

    .tab button:focus {
        padding: 5px 15px;
        font-size: 12px;
    }

    .tab button:hover {
        padding: 5px 15px;
        font-size: 12px;
    }

    .tab button {
        padding: 5px 15px;
        font-size: 12px;
    }

    .mobile-casino-middlwlogo-view {
        width: 100%;
    }

 
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .second-row .col-12 {
        padding: 0px;
    }

    .selectdiv:after {
        margin-top: 0px;
        right: 0px;
    }

    .input-data-out-trim {
        padding: 0px 28px;
    }

    .input-fields-edition-textarea {
        width: 96%;
    }

    .selectdiv-contact:after {
        right: 28px;
    }

    .selectdiv-contact select {
        width: 98%;
        max-width: none;
    }

    .label-data-set-contactus {
        width: 97%;
        margin: 0 auto;
    }

    .input-data-out-trim-lastname {
        margin-top: 20px;
        padding: 0px 28px;
    }

    .input-data-trim-lastname {
        width: 100%;
    }

    .casino-taverns-bottom-space {
        margin-bottom: 0px !important;
    }

    .top-ontopof-image {
        top: 20% !important;
    }

    .mobile-tabs-center {
        text-align: center
    }

    .mobile-tabs-center:last-child {
        text-align: center;
        padding: 20px 0px 0px 0px
    }

    .selective-btn-arrangement {
        display: inline-flex;
        float: none
    }

    .selectdiv select {
        padding: 0px 43px !important;
        width: 200px;
    }

    .mobile-casino-middlwlogo-view {
        width: 170px;
    }
       .route-logo-image .mobile-casino-middlwlogo-view {
            width: 200px;
        } 
}

@media screen and (max-width: 768px) and (min-width: 320px) {
    .second-paragraph h1 {
        width: 100%;
    }

    .sixth-routeoperations-section-description-color {
        width: 90% !important;
    }

    .fifth-routeoperations-section-data-padding {
        padding: 50px 15px !important;
        text-align: center;
    }
    .col-md-12.fifth-routeoperations-section-data-padding{
        padding-top: 0px !important;
    }
    .w3-display-middle {
        text-align: center;
        position: static !important;
        padding-top: 190px;
    }

    .press-news-tabdata {
        padding: 50px 15px;
    }

    .press-news-hrtag {
        margin: 0 auto;
        width: 100%
    }

    .tab button.active {
        padding: 3px 2px;
    }

    .tab button:focus {
        padding: 3px 2px;
    }

    .tab button:hover {
        padding: 3px 2px;
    }

    .tab button {
        padding: 3px 2px;
    }

    .second-paragraph,
    .pl-pr {
        padding-left: 0px;
        padding-right: 0px;
    }

    .second-location-image-data {
        background-color: #ffffff;
        padding: 30px 15px;
        text-align: center;
    }

    .container-second-section {
        padding-bottom: 0px !important;
    }

    .container-aboutus-fifth-section-mobile {
        display: block;
    }

    .container-aboutus-fifth-section-desktop {
        display: none;
    }

    .container-aboutus-second-section-mobile {
        background-color: #1E1E1E;
        padding: 35px 0px 0px 0px;
        display: block;
    }

    .container-aboutus-second-section {
        padding: 50px 15px;
    }

    .fifth-aboutus-section-data-padding {
        padding: 50px 15px;
        width: 100%;
    }


}

@media screen and (max-width: 952px) and (min-width: 937px) {

    .seventh-upperimages-declaration img,
    .seventh-bottom-images-declaration img {
        width: 110px !important;
    }
}

@media screen and (max-width: 952px) and (min-width: 903px) {

    .seventh-upperimages-declaration img,
    .seventh-bottom-images-declaration img {
        width: 100px !important;
    }

    .seventh-upperimages-declaration li,
    .seventh-bottom-images-declaration li {
        padding: 0px 10px !important;
    }

    .seventh-upperimages-declaration {
        margin: 0px;
        padding-left: 10px !important;
    }
}

@media screen and (max-width: 903px) and (min-width: 882px) {

    .seventh-upperimages-declaration img,
    .seventh-bottom-images-declaration img {
        width: 92px !important;
    }

    .seventh-upperimages-declaration {
        margin: 0px;
        padding-left: 10px !important;
    }
}

@media screen and (max-width: 882px) and (min-width: 847px) {

    .seventh-upperimages-declaration img,
    .seventh-bottom-images-declaration img {
        width: 90px !important;
    }

    .seventh-upperimages-declaration li,
    .seventh-bottom-images-declaration li {
        padding: 0px 10px !important;
    }
}

 

@media screen and (max-width: 891px) and (min-width: 777px) {
    .heading-text {
        width: 69% !important;
    }
}

@media screen and (max-width: 991px) and (min-width: 892px) {
    .heading-text {
        width: 60% !important;
    }
}

@media screen and (max-width: 991px) and (min-width: 767px) {
    .selectdiv-contact select {
        width: 94% !important;
        max-width: none !important
    }

    .input-data-out-trim {
        padding: 0px 33px 0px 37px !important;
    }
}

@media screen and (max-width: 991px) and (min-width: 320px) {

    h1,
    h2 {
        font-size: 28px !important;
        line-height: 1.07em;
    }

    h3,
    .h3_hd {
        font-size: 22px !important;
        line-height: 1.18em;
    }

    h4 {
        font-size: 18px !important;
        line-height: 1.35em;
    }

    .selectdiv select {
        margin-top: 0px;
    }

    .selectdiv:after {
        margin-top: 0px;
    }

    /*.main-padding-data {padding: 50px 15px;}*/
    .align-from-top {
        margin-top: 150px;
    }

    .casino-taverns-bottom-space-sliders {
        margin-bottom: 40px;
    }

    .contactus-leftdata {
        padding: 0px
    }

    .contactus-rightdata {
        padding: 0px
    }

    .responsive-padding-for-contactus-firstdata {
        padding: 50px 50px
    }

    .responsive-padding-for-contactus {
        padding: 50px 24px
    }

    .add-details .layer-title {
        height: 550px !important;
    }

    .visit-link p {
        width: 90% !important;
    }

    .head-sub-paragraph {
        font-size: 16px !important;
        line-height: 1.5rem !important;
        padding: 6px 15px;
    }

    .img-fluid-tavren-ipad {
        width: 100%;
        height: 300px !important;
    }

    .headsub-width-casino {
        width: 90%;
    }

    .second-aboutus-casino-resorts-1stname-color,
    .second-aboutus-casino-resorts-2ndname-color,
    .second-aboutus-casino-resorts-3rdname-color {
        text-align: center !important;
    }
    .heading-number-text{
        font-size: 50px !important;
    }

    p {
        font-size: 16px !important;
        line-height: 1.5rem !important;
    }

    .header-second-casinogroup-width {
        margin: auto;
        width: 80% !important;
        color: #F6C13A;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .second-casinogroup-small-paragraph {
        margin: auto;
        width: 80% !important;
    }

    .second-casinogroup-small-paragraph-hero {
        margin: auto;
        width: 83% !important;
    }

    .second-casinoresorts-1stlocation-number,
    .second-casinoresorts-2ndlocation-number,
    .second-casinoresorts-3rdlocation-number {
        font-size: 60px !important;
    }

    .w3-display-middle-headcontent {
        position: absolute;
        width: 100%;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        color: #ffffff;
        text-align: center;
    }

    .pad-0 {
        padding: 0px
    }

    .text-section {
        padding: 50px 15px;
        margin-top: 0px !important;
    }

    .sponcers-images-for-mobile {
        border-left: 0px solid transparent;
        margin-left: 0px;
        display: block;
    }

    .seventh-upperimages-declaration img,
    .seventh-bottom-images-declaration img {
        width: 100px;
        margin-bottom: 15px;
    }

    .horizontal-line-view {
        display: block;
    }

    .seventh-upperimages-declaration li,
    .seventh-bottom-images-declaration li {
        padding: 0px 12px;
    }

    hr {
        border: 0;
        border-top: 1px solid #58585A;
        margin: auto !important;
        width: 50%;
        display: block;
    }

    .sponcers-images {
        display: none;
    }

    .mobile-navigator {
        display: block;
        position: fixed;
        top: 0px;
        background-color: #1e1e1e;
        width: 100%;
        text-align: center;
        z-index: 999;
    }

    .w3-display-middle-headcontent h1 {
        font-size: 28px !important;
    }

    .second-aboutusmain-small-paragraph {
        margin: auto;
        width: 90%;
    }

    .second-paragraph p {
        font-size: 16px;
    }

    .about-pad-two {
        padding: 75px 10px;
    }

    .btn-2ndsection1,
    .btn-2ndsection2,
    .btn-2ndsection3 {
        padding: 10px;
        max-width: 180px;
    }

    .icon-to-right {
        font-size: 20px !important;
    }

    .text-set-for-mobile {
        top: -3px;
    }

    .text-set-for-mobile-bottom {
        top: -8px;
    }

    .conference-call-goback {
        position: relative;
        top: -3px
    }

    .btn-top,
    .btn-for-aboutus,
    .btn-bottom,
    .btn-section5,
    .btn-2ndsection1,
    .btn-2ndsection2,
    .btn-2ndsection3 {
        padding: 10px;
    }

    .bgimg-1,
    .bgimg-2,
    .bgimg-3 {
        background-size: cover !important;
        background-position: 60% 100% !important;
    }

    .heading-text {
        width: 90% !important;
    }
    .header-second-routeoperations-width{
        margin-top: 0px !important;
    }

    .container-aboutus-slider-section {
        padding: 50px 0px;
    }
}

@media screen and (max-width: 991px) and (min-width: 769px) {
    .carousel-operations .test-carousel {
        left: -40px !important;
    }

    .carousel-operations .test-carousel1 {
        right: -40px !important;
    }

    .about-pad-two {
        padding: 50px 15px;
    }

    .press-news-tabdata {
        padding: 50px 15px;
    }

    .press-news-hrtag {
        margin: 0 auto;
        width: 100%
    }

    .second-location-aboutus1st h3,
    .second-location-aboutus1st p,
    .second-location-aboutus3rd p,
    .second-location-aboutus-right p {
        margin-left: 0px !important;
    }

    .fifth-aboutus-section-data-padding {
        padding: 35px;
    }

    .fifth-aboutus-section-padding {
        height: 550px;
    }

}

/* Mobile version ipad */

@media screen and (max-width: 1024px) and (min-width: 769px) {

    .seventh-section-padding-declaration {
        padding: 20px 10px 20px 25px;
        text-align: center;
    }

    .section-three-position {
        position: relative;
        margin-top: 50px;
        left: 10%;
    }

    .second-row {
        max-width: 100%;
        margin: 0px;
    }

    .on-chevron-change {
        color: #8EB0BA !important;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
        text-decoration: none;
    }

    div#collapseFilter.show {
        z-index: 999;
        height: 100vh;
    }

    .navbar-toggler-right {
        position: absolute;
        right: 1rem;
        display: none;
    }

    .mobile-image-logo-homepage-size {
        width: 55%;
        position: relative;
        top: -60px;
    }

    .w3-animate-top {
        position: relative;
        animation: animatetop 0.4s;
        display: none;
    }

    .second-small-paragraph {
        margin: auto;
        width: 100%;
    }

    /*
    .second-location-image-data {
        text-align: center;
    }*/
    .second-casino-resorts-1stname-color,
    .second-casino-resorts-2ndname-color,
    .second-casino-resorts-3rdname-color {
        font-size: 16px;
        /*font-family: BentonSansBlack, Arial, Helvetica, sans-serif;*/
        font-family: franklin-gothic-urw, sans-serif; font-weight:900;
    }

    /*.btn-2ndsection1,
    .btn-2ndsection2,
    .btn-2ndsection3 {
        font-size: 12px;
        padding: 15px;
        background-color: transparent;
        font-family: franklin-gothic-urw, sans-serif; font-weight:900;
        min-height: 44px;
        min-width: 200px;
    }*/
    .container-third-section {
        color: #ffffff;
        background-repeat: no-repeat;
        background-size: cover;
        height: 680px;
        background-color: #292A2B;
        background-image: none;
        text-align: center;
    }

    .container-setfor-payoff {
        width: unset;
    }

    .rewardsdata {
        padding: 30px 0px;
    }

    .third-section-spacing {
        padding: 0px 0px;
    }

    .third-section-image {
        width: 85%;
        position: relative;
        top: -35px;
        left: 0px;
    }

    .in-mobile-invisible {
        display: none;
    }

    .fourth-head-tect-align {
        margin: auto;
        width: 100%;
    }

    .container-fourth-section {
        padding: 50px 0px 50px 0px;
        background-color: #353638;
        color: #ffffff;
    }

    .container-fourth-section p {
        font-size: 16px;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
        line-height: 1.5rem;
        margin-top: 20px;
    }

    .video-for-mobile {
        display: none !important;
    }

    .video-not-to-display-on-desktop {
        display: block !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .container-fifth-section {
        padding: 0px;
        margin-top: -1px;
        display: block;
    }

    .container-fifth-section-for-mobile {
        padding: 0px;
        margin-top: -1px;
        display: block;
    }

    .fifth-section-text-direction {
        color: #333333;
        font-size: 28px !important;
    }

    .fifth-section-data-padding p {
        font-size: 15px;
        padding: 0px 0px;
        color: #353638;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
        line-height: 1.5;
    }

    .fifth-section-row-declaration {
        margin-right: 0px;
        max-height: 638px;
    }

    .seventh-section-right-side-image-firstwidth,
    .seventh-section-right-side-image-width {
        margin: 15px 8px;
    }

    .tab-width-full {
        width: 100%;
        margin-top: 30px;
    }

    /* .good-business-top {
        padding: 0;
    } */

    .container-seventh-section {
        padding: 15px;
    }

    .mobile-hr-bottom {
        margin-bottom: 20px;
    }

    .horizontal-line-for-moile-view {
        position: absolute;
        bottom: -10px;
        width: 41%;
        left: 30%;
        border: 1px solid #58585A;
    }

    .seventh-leftside-datadeclaration {
        padding-top: 10px;
    }

    .horizontal-line-for-moile-view {
        position: absolute;
        bottom: -32px;
        width: 41%;
        left: 30%;
        border: 1px solid #58585A;
    }

    .seventh-upperimages-declaration {
        margin: 0px;
        padding-left: 20px;
    }

    /*
    .invest-in-real-for-desktop {
        display: none;
    }*/
    /*.sponcers-images {
        border-left: 1px solid #424345;
        margin-left: 50px;
        display: none;
    }*/
    .mobile-hr-bottom {
        margin-bottom: 20px;
    }

    .seventh-rightside-datadeclare {
        color: #58585A;
        /* float: right; */
        display: block;
        width: 100%;
        display: inline-flex;
        padding: 0px 20px 0px 20px;
    }

    .seventh-rightside-datadeclaration {
        color: #58585A;
        float: left;
        display: inline-flex !important;
        padding: 0px 0px 0px 0px;
    }

    /*.seventh-rightside-datadeclaration {
        color: #58585A;
        float: right;
        display: inline-flex;
        padding: 50px 10px 0px 0px;
        display: none !important;
    }*/
    .bottom-data-align-in-mobile p {
        font-size: 14px !important;
    }

    .bottom-data-align-in-mobile {
        width: 100%;
        padding-right: 16px;
    }

    .seventh-rightside-datadeclare {
        color: #58585A;
        /* float: right; */
        display: none !important;
        width: 100%;
        display: inline-flex;
        padding: 0px 20px 0px 20px;
    }

    .bottom-data-align-in-mobile-nowidth {
        width: 41%;
    }

    a:focus,
    a:hover {
        color: #8EB0BA;
    }

    .invest-in-real-for-mobile {
        display: block;
    }

}

/************Navbar**********/

.navbar-toggler {
    margin-top: 15px;
}

@media (min-width: 1077px) {
    .leftandrightborders-for-casino:hover {
        color: #F6C13A !important;
    }

    .leftandrightborders-for-tavern-group:hover {
        color: #e8a13c !important;
    }

    .leftandrightborders-for-route-operations:hover {
        color: #e5541a !important;
    }

    #nav-right .leftandrightborders-for-casino.active {
        color: #F6C13A !important;
    }

    #nav-right .leftandrightborders-for-tavern-group.active {
        color: #e8a13c !important;
    }

    #nav-right .leftandrightborders-for-route-operations.active {
        color: #e5541a !important;
    }

    .mobile-container {
        display: none;
    }

}

@media (min-width: 992px) and (max-width: 1300px) {
    .container-third-section {
        background-image: url(../images/3sectionbackgroindimage.png);
        color: #ffffff;
        background-repeat: inherit;
        background-size: cover;
        height: 445px;
    }

    .w3-bar .w3-button, .w3-bar #nav-right ul li a {
        font-size: 11px;
        /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
        font-family: franklin-gothic-urw, sans-serif; font-weight:700;
        padding: 7px 0px;
    }

    .second-casino-resorts-1stname-color,
    .second-casino-resorts-2ndname-color,
    .second-casino-resorts-3rdname-color {
        font-size: 15px;
        /*font-family: BentonSansBlack, Arial, Helvetica, sans-serif;*/
        font-family: franklin-gothic-urw, sans-serif; font-weight:900;
    }

    .second-small-paragraph {
        margin: auto;
        width: 70%;
    }

    .seventh-upperimages-declaration,
    .seventh-bottom-images-declaration {
        margin: 19px 10px;
    }

    .rewardsdata {
        padding: 30px 0px 0px 30px;
    }

    .seventh-section-right-side-image-firstwidth {
        float: left;
        margin: 0px 15px 0px 50px;
    }

    .seventh-section-right-side-image-width {
        float: left;
        margin: 0px 15px;
    }
}

@media (min-width: 992px) and (max-width: 1050px) {
    .w3-bar .w3-button, .w3-bar #nav-right ul li a {
        padding: 5px 3px;
        font-size: 10px;
    }

    .navbar li {
        padding: 3px; vertical-align:middle;
    }

    .mobile-navigator {
        display: none !important;
    }

    .bgimg-1,
    .bgimg-2,
    .bgimg-3 {
        margin-top: 0px;
    }

    .bottom-footer .bottom-left li a,
    .bottom-footer .bottom-right li a,
    .footer-style {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (min-width: 1104px) and (max-width: 1260px) {

    .seventh-upperimages-declaration img,
    .seventh-bottom-images-declaration img {
        width: 80px;
    }
}

@media (min-width: 992px) and (max-width: 1104px) {

    .seventh-upperimages-declaration img,
    .seventh-bottom-images-declaration img {
        width: 75px;
    }

    .seventh-section-right-side-image-width {
        float: left;
        margin: 0px 10px;
    }
}

@media (min-width: 1300px) and (max-width: 1342px) {
    .w3-bar .w3-button, .w3-bar #nav-right ul li a {
        font-size: 13px;
        /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
        font-family: franklin-gothic-urw, sans-serif; font-weight:700;
        padding: 7px 0px;
    }
}

@media (min-width: 1300px) and (max-width: 1370px) {
    .third-section-image {
        width: 100%;
        position: absolute;
        top: -61px;
    }
}

@media (min-width: 1300px) and (max-width: 1440px) {
    .second-location-text-vertival-middle {
        position: relative;
        top: 10%;
    }

    .sponcers-images {
        border-left: 2px solid #424345;
        margin-left: 40px;
        display: block;
    }
}

@media (min-width: 1051px) and (max-width: 1170px) {
    .w3-bar .w3-button, .w3-bar #nav-right ul li a {
        padding: 8px 4px;
        font-size: 11px;
    }

    .navbar li {
        padding: 5px;
    }
}

@media (min-width: 1171px) and (max-width: 1200px) {

    .third-section-image {
        width: 100%;
        position: absolute;
        top: -60px;
    }
}


@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-light .navbar-nav .nav-link {
        padding-right: 75px;
    }

    .second-location p {
        font-size: 16px;
        color: #353638;
        min-height: 72px;
        /*font-family: BentonsansRegular, Arial, Helvetica, sans-serif;*/
    }

    .third-section-paragragh-responsive {
        display: block;
    }

    .second-casinoresorts-description-color {
        color: #333;
        font-size: 15px;
    }

    .seventh-leftside-datadeclaration {
        color: #58585A;
        float: left;
        display: inline-flex;
        padding: 50px 10px 0px 0px;
    }

    .seventh-rightside-datadeclaration {
        color: #58585A;
        float: right;
        display: inline-flex;
        padding: 50px 10px 0px 0px;
    }

    .seventh-rightside-datadeclaration-for-mobile {
        color: #58585A;
        float: right;
        display: none;
        display: inline-flex;
        padding: 50px 10px 0px 0px;
    }

    .fifth-section-color {
        color: #333333;
        font-size: 11px;
    }

    .fourthsection-1stbox {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        background-color: #2E2F30;
        padding: 25px 20px 25px 20px;
        border: 1px solid #505050;
        height: 570px;
    }

    .third-section-paragraph {
        display: none;
    }

    .third-section-padding {
        padding: 30px 10px 30px 50px;
    }

    .container-third-section {
        background-image: url(../images/3sectionbackgroindimage.png);
        color: #ffffff;
        background-repeat: inherit;
        background-size: cover;
        height: 350px;
    }

    .fifth-section-text-direction {
        text-align: left;
        font-size: 37px;
    }

    .fourthsection-data-declaration {
        text-align: left;
        padding: 0px 5px 0px 5px;
    }

    .fourthsection-middle-bottom-align {
        color: #8EB0BA;
        margin-bottom: 34px
    }

    .fourthsection-right-bottom-align {
        color: #8EB0BA;
        margin-bottom: 50px;
    }

    .bgimg-1 {
        /*background-image: url(../images/GEHeadLogo.jpg);*/
        background-image: url('../images/blackjack-players-lower.jpg');
        min-height: 100%;
        height: 600px;
    }

    .second-casino-resorts-2ndname-color {
        color: #E8A13C;
        font-size: 14px;
    }
}


/* First image (Logo. Full height) */

.w3-wide {
    letter-spacing: 10px;
}

.w3-hover-opacity {
    cursor: pointer;
}

/* Turn off parallax scrolling for tablets and phones */


.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }

}

.video-for-mobile {
    display: none;
}

.video-not-to-display-on-desktop {
    display: block;
    padding-bottom: 0px;
}

/****************navbar end****************************8*/

/* External css stop */

@media (max-width: 1440px) {
    .second-row {
        max-width: 100%;
    }
}

_:-ms-lang(x),
.IE-spacing {
    letter-spacing: -2px;
}

.rewards_and_cards {
    background: #1e1e1e url(../images/3sectionbackgroindimage.png);
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    min-height: 420px;
}

.text-section h2 {
    font-size: 50px;
    color: #8EB0BA
}

.text-section {
    margin-top: 60px;
}

.total-cards {
    position: absolute;
    margin-top: 135px
}

@media (max-width: 1220px) {
    .text-section h2 {
        font-size: 30px !important;
    }

    .right-total-cards {
        max-width: 60% !important
    }

    .text-section-left {
        max-width: 40% !important
    }

    .rewards_and_cards .container {
        width: 100%;
    }
}

@media screen and (max-width: 996px) {
    .text-section h2 {
        font-size: 28px !important;
    }

    .text-section a {
        margin-top: 0 !important
    }

    .gift-card {
        width: 250px;
        height: 150px;
    }

    #gift-card1 {
        top: 16px;
        left: 20px;
    }

    #gift-card2 {
        top: -9px;
        left: 28px;
    }

    #gift-card3 {
        top: -33px;
        left: 40px;
    }

    #gift-card4 {
        top: -54px;
        left: 55px;
    }

    #gift-card5 {
        top: -71px;
        left: 73px;
    }

    .rewards_and_cards {
        min-height: 280px;
    }

    .total-cards {
        margin-top: 92px;
    }

    .right-total-cards {
        max-width: 50% !important
    }

    .text-section-left {
        max-width: 50% !important
    }
  
}


@media screen and (max-width: 950px) and (min-width: 520px) {  
.main-footer .client-logo ul li {
  width: 19%;
}
  
  
}
  
@media screen and (max-width: 519px) and (min-width: 320px) {
    .carousel-operations .test-carousel {
        left: -30px !important;
    }

    .input-data-out-trim {
        padding: 0px 25px;
        height: 54px;
    }

    .input-data-out-trim-lastname {
        padding: 0px 25px;
        height: 54px;
    }

    .carousel-operations .test-carousel1 {
        right: -30px !important;
    }
}

@media screen and (max-width: 769px) and (min-width: 520px) {
    .carousel-operations .test-carousel {
        left: -30px !important;
    }

    .carousel-operations .test-carousel1 {
        right: -30px !important;
    }

    .fifth-section-padding {
        background-position: 30% 0% !important;
    }
}

@media screen and (max-width: 769px) {
    .right-total-cards {
        max-width: 100% !important
    }

    .text-section-left {
        max-width: 100% !important
    }

    .rewards_and_cards {
        min-height: 540px;
    }

    .rewards_and_cards {
        background: #1e1e1e !important;
    }

    .text-section {
        text-align: center;
        height: 250px
    }

    .total-cards {
        width: 400px;
        left: 10px;
        right: 0;
        margin: auto;
        top: 115px
    }

    .text-section a {
        margin-bottom: 0 !important
    }

    .text-section p {
        font-size: 16px !important;
    }

    .main-footer .client-logo ul li {
        width: 48%;
    }

    .main-footer .client-logo ul li a img {
        width: 140px;
        padding: 15px 0px;
    }

    .fifth-section-padding {
       height: auto;
       padding-top: 74%;
    }
    .header-caption br{
        display: none;
    }
}

 


.mobile-menu-strip {
    display: block;
    background: #292a2c;
    padding: 15px 10px;
    text-decoration: none;
    /*font-family: BentonsansBold,Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    color: #8EB0BA !important
}

.mobile-menu-strip:hover {
    text-decoration: none;
}

.mobile-menu-strip .fa {
    margin: 0 !important;
    padding: 0 3px;
    font-size: 18px;
}

.mobile-logo img {
    /*width: 200px;*/
    margin-top: 26px;
    width:242px;
}

.mobile-navigator .nav-data a:hover {
    text-decoration: none;
}

.mobile-navigator .nav-data hr {
    width: 160px;
    padding-bottom: 20px;
    margin-top: 30px !important
}

.mobile-navigator .collapse.show {
    height: 100vh !important;
    overflow-y: scroll;

}

.nav-data {
    margin-top: 30px;

}

.nav-data .active_item p{
    color: #fff;
}

.nav-data p {
    margin-top: 10px;
    margin-bottom: 1.3rem;
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
}

.main-footer {
    background: #1e1e1e;
    padding: 70px 0px
}

.main-footer .footer-logo {
    width: 14%;
    float: left;
    text-align: center;
		padding: 10px 0px 0px 0px;
/*		max-width: 200px !important; */
		clear: left !important;
}

.clearfix {
    clear: both
}

div#f11 img {
   max-width: 82%; 
}

div#f12 img {
   max-width: 90%; 
}

.clearfix {
    clear: both
}

.main-footer .client-logo {
    width: 84%;
    display:inline-block;
    border-left: 1px solid #424242;
    padding-left: 20px;
	margin-left:20px;
}

.main-footer .client-logo ul {
    padding: 0;
    display: inline-block;
    margin: 0
}

.main-footer .client-logo ul li {
    display:inline-block;
	width:12%;
    text-decoration: none;
    text-align: center;
    padding: 0 4px;
    opacity: 0.55;
}

.main-footer .client-logo ul li a img {
    max-width: 98%;
}

.bottom-footer {
    width: 94%;
    margin: 0px auto;
    padding-top: 10px !important;
}

.bottom-footer .bottom-left {
    float: left;
    padding: 0;
    margin: 0
}

.bottom-footer .bottom-right {
    float: right;
    padding: 0;
    margin: 0
}

.bottom-footer .bottom-left li a,
.bottom-footer .bottom-right li a,
.footer-style {
    /*color: #787878;*/
    color:#999;
    font-size: 13px;
    border-left: 2px solid #666;
    padding-left: 15px;
    padding-right: 15px;
}

.footer-style {
    border-left: none;
}

.main-footer li a:hover {
    text-decoration: underline;
}

@media screen and (min-width: 320px) and (max-width: 366px) {

    /*.casino-logo-image img:first-child, .tavern-logo-image img:first-child, .route-logo-image img:first-child {
        width: 100%;
    }*/
    .slider-box-tavern {
        padding: 10px 25px !important;
    }

    .bottom-footer .bottom-left li a,
    .bottom-footer .bottom-right li a,
    .footer-style {
        font-size: 10px;
    }
}

@media screen and (min-width: 951px) and (max-width: 1090px) {
    .second-location-image-data {
        padding: 31px 20px 28px 20px;
    }
}

@media screen and (min-width: 901px) and (max-width: 950px) {
    .second-location-image-data {
        padding: 31px 20px 28px 10px;
    }
}

@media screen and (max-width:1250px) {
    .second-location-aboutus1st {
        padding: 10% 3% 0 18%
    }
}

@media screen and (max-width:1120px) {
    .second-location-aboutus1st {
        padding: 8% 3% 0 18%
    }

    .second-location-aboutus-right {
        padding: 6% 3% 0 2%
    }
}

@media screen and (max-width: 991px) {

    .logo img,
    #logo img {
        width: 182px;
        /*padding-top: 67px;*/
        margin-left:11px;
    }

    .filter_tab {
        padding: 20px 0px 0px 0px;
    }

    .filters_settings_press {
        text-align: center;
    }

    .selective-btn-arrangement {
        float: none;
    }
    .scroll-locked div[data-role="main"] {
        height: calc(100vh - 10px);
        overflow: hidden;
    }
    .scroll-locked div[data-role="main"] > div:first-child{
        min-height: 0;
    }
}

@media screen and (max-width: 992px) {
    .fifth-section-data-padding {
        padding: 50px 49px 50px 62px;
    }

    .accessibility-main {
        padding: 70px 15px !important;
    }

    #header-size-for-innerpage h2 {
        font-size: 28px !important;
    }

    .second-location-aboutus1st,
    .second-location-aboutus3rd {
        padding: 6% 2% 0 2%;
    }

    .img-fluid-big-tavren {
        height: 250px;
    }

    .main-footer {
        padding: 40px 0
    }

    .w3-display-casinogroupmobile-middle-headcontent h1 {
        font-size: 28px !important;
    }

    .top-ontopof-image {
        position: absolute;
        top: 0% !important;
        width: 100%;
        bottom: 0;
        margin: auto;
    }

    .top-ontopof-last-image {
        position: absolute;
        top: 0%;
        width: 100%;
        bottom: 0;
        margin: auto;
        padding: 0;
    }

    .tab button.active {
        padding: 11px 10px;
    }

    .tab button:focus {
        padding: 11px 10px;
    }

    .tab button:hover {
        padding: 11px 10px;
    }

    .tab button {
        padding: 11px 10px;
    }

    .chevron-right {
        padding: 7px;
    }

    .press-news-color .btn-select {
        padding: 5px 5px;
        width: 200px;
    }

    .press-news-color .selective-name {
        padding: 8px 20px;
    }

    .press-news-color .container {
        width: 920px;
        max-width: 100%;
    }

    .main-footer .footer-logo,
    .main-footer .client-logo {
        width: 100%;
    }

    .main-footer .client-logo {
        border-left: 0
    }

    .w3-display-casinogroup-middle-headcontent h1 {
        font-size: 28px !important;
    }

    /*
	.main-footer .footer-logo a img {
       / width: 190px;
    }
	*/
	
    .main-footer .client-logo ul li {
        width: 22%;
		padding:2px 0px;
    }

    .bottom-footer .bottom-left,
    .bottom-footer .bottom-right {
        float: inherit;
        text-align: center;
        padding: 11px
    }

    .main-footer .client-logo {
        padding-left: 0
    }

    .main-footer hr {
        display: block !important;
        margin-top: 30px !important;
    }

    .bottom-footer {
        padding-top: 30px
    }

    .bottom-footer .bottom-right li {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 430px) {
    .total-cards {
        top: 135px;
        width: 320px;
    }
 
}
@media screen and (max-width: 530px) {
 

    .press-news-color .selective-name {
        padding: 13px 10px 8px 0px;
        font-size: 12px;
    }

    .press-news-color .selectdiv {
        width: 215px;
    }
}
@media screen and (max-width:360px) {
    .total-cards {
        top: 140px;
        width: 320px;
    }

    .gift-card {
        width: 185px;
        height: 123px;
    }

    #gift-card1 {
        top: 14px;
        left: 8px;
    }

    #gift-card2 {
        top: -10px;
        left: 15px;
    }

    #gift-card3 {
        top: -33px;
        left: 24px;
    }

    #gift-card4 {
        top: -54px;
        left: 37px;
    }

    #gift-card5 {
        top: -71px;
        left: 53px;
    }
    .press-news-color .selective-name {
        padding: 13px 3px 8px 0px;
        font-size: 12px;
    }
    .press-news-color .selectdiv {
        width: 200px;
    }
}

.carouselLightboxOverlay {
    background: none repeat scroll 0 0 #292A2C;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
    display: none;
}

.carouselLightboxDiv {
    background: url("../images/loading1.gif") no-repeat scroll center #292A2C;
    background-repeat: no-repeat;
    background-size: 150px;
    position: fixed;
    text-align: center;
    z-index: 51;
    top: 0 !important;
    display: none;
    width: 70% !important;
    height: 70% !important;
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

.carouselLightboxDiv .loaderImg {
    margin-top: 30px;
}

.carouselLightboxDiv .closeCarouselLightbox {
    /*background: #fff url("/images/cross.png") no-repeat !important;*/
    height: 43px;
    position: absolute;
    top: -44px;
    right: 0px;
    width: 44px;
    z-index: 999999;
    text-decoration: none;
}

.carouselLightboxDiv .imgIndex {
    color: #595959;
    height: 30px;
    left: 0px;
    font-size: 12px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    bottom: -80px;
    white-space: nowrap;
    width: 50%;
    z-index: 9;
    right: 0;
    margin: auto;
    margin: auto;
}

.carouselLightboxDiv .imgTitleCarouselLightbox {
    color: #fff;
    height: 30px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    bottom: -50px;
    white-space: nowrap;
    width: 50%;
    z-index: 9;
    right: 0;
    margin: auto;
    margin: auto;
}

.carouselLightboxDiv ul {
    display: inline-block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.carouselLightboxDiv ul li {
    display: none;
    position: absolute;
    height: 100% !important;
    width: 100% !important;
}

.carouselLightboxDiv ul li img {
    float: left;
    width: 100%;
    height: 100%;

}

.carouselLightboxDiv ul li.active {
    display: block;
}

.carouselLightboxDiv .carouselLightboxPrev,
.carouselLightboxDiv .carouselLightboxNext {
    background: url("../images/multi-arrow.png") no-repeat;
    height: 56px;
    width: 56px;
    position: fixed;
    z-index: 52;
    top: 43%;
    text-decoration: none;
}

.carouselLightboxDiv .carouselLightboxPrev:focus,
.carouselLightboxDiv .carouselLightboxNext:focus {
    outline: 0;
    /*removes the dotted border*/
    border: none;
}

.carouselLightboxDiv .carouselLightboxPrev {
    left: -1%;
    background-position: 12px 0px;
}

.carouselLightboxDiv .carouselLightboxNext {
    right: -1%;
    background-position: 0px -57px;
}

.homepage-main-head {
    position: absolute;
    top: 260px;
    left: 0;
    width: 100%;
}

.container-text {
    width: 80%;
    margin: 0 auto
}

.homepage-main-head h3 {
    font-size: 50px;
    font-weight: lighter;
    margin-bottom: 0px;
    /*font-family: BentonSansLight, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:300;
    color: #fff;
}
.homepage_banner_section h1 {
    font-size: 50px !important;
    font-weight: lighter;
    margin-bottom: 0px;
    /*font-family: BentonSansLight, Arial, Helvetica, sans-serif;*/
	font-family: franklin-gothic-urw, sans-serif; font-weight:300;
    color: #fff;
    line-height: 1.06em;
}



@media screen and (max-width:991px) {
    .homepage-main-head {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 80px;
        margin: auto;
        right: 0;
        text-align: center
    }

    .container-text {
        width: 100%;
        margin: 0 auto
    }
}

.image-view {
    position: fixed;
    top: 0;
    z-index: 9999;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    display: none;
}

.image-view .close {
    float: right;
    color: white;
}

.image-view .close:hover {
    color: #787878;
}

@media (max-width: 768px) {
    .carousel-item .panel {
        margin: 0 auto;
        text-align: center
    }

    .padd-b {
        padding-bottom: 0rem !important;
    }

    .img-fluid-big-tavren {
        height: 150px;
    }

    .pagination a span {
        display: none
    }
    .container-second-section .row.sides_padding_mobile {
        padding: 0 20px 30px !important;
    }
}

@media (max-width: 767px) {
    .investors-box {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .cards-section{
        top: 90px !important;
    }
    .bgimg-ivestors {
        height: auto;
    }

    .bottom-footer {
        width: 100%;
    }

    .main-footer>.container {
        padding: 0;
    }

    .bottom-footer .bottom-left,
    .bottom-footer .bottom-right {
        padding: 11px 4px;
    }

    .bottom-footer .bottom-right {
        max-width: 400px;
        margin: 0 auto;
    }

    .bottom-footer .bottom-right li:nth-child(3) a {
        border-left: 0;
    }
    .homepage_banner_section h1 {
        font-size: 22px !important;
        line-height: 1.18em;
    }
}

.image-view img {
    max-width: 96%;
    max-height: 86%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.carouselLightboxNextOld,
.carouselLightboxPrevOld {
    opacity: 1;
}

.carouselLightboxNextOld>i,
.carouselLightboxPrevOld>i {
    z-index: 99999999999999999;
    color: #999999;
    font-size: 20px;
    background-color: #353638;
    padding: 18px;
    position: fixed;
    cursor: pointer;
}

.carouselLightboxNextOld>i {
    right: 0;
}

.carouselLightboxPrevOld>i {
    left: 0;
}

.closeCarouselLightboxOld>i {
    z-index: 999;
    font-size: 25px;
    color: #999999;
    padding: 7px 11px;
    position: absolute;
    top: -10%;
    margin-top: 3px;
    right: 0%;
    background: #353638;
    cursor: pointer;
}

.closeCarouselLightboxOld {
    height: 38px;
    width: 38px;
    display: inline-block;
    float: right;
    position: relative;
    margin-top: -38px;
}

.owl-carousel.owl-drag .owl-item {}

@media (max-width: 768px) {
    .carousel-item .panel {
        margin: 0 auto;
        text-align: center
    }

    .padd-b {
        padding-bottom: 0rem !important;
    }

    .carousel .carousel-control-prev,
    .carousel .carousel-control-next {
        visibility: hidden !important;
    }
}

.carousel-indicators {
    bottom: 15px;
    margin: 0;
    opacity: 0.8
}

.contact-routeoperations-data span {
    font-weight: bold;
}

.contact-routeoperations-data span a {
    text-decoration: underline;
    text-decoration-color: #8EB0BA;
}

.contact-routeoperations-data span a:hover {
    text-decoration: none;
}

.pressnews-next a {
    color: #8eb0ba;
    margin: 50px 15px;
}

@media screen and (max-width: 360px) {
    .pressnews-next a {
        font-size: 14px;
    }

    .pressnews-next .icon-to-right {
        font-size: 18px;
    }
}

.setfooter {
    min-height: calc(100vh - 26vh)
}

@media screen and (max-width: 768px) {
    .setfooter {
        min-height: calc(100vh - 65vh)
    }
}

.accessibility-main {
    padding: 70px 15px 150px 10px
}

.select2-selection__rendered {
    height: 38px;
    line-height: 38px;
}


.topnav {
    overflow: hidden;
    background-color: #8EB0BA;
    position: relative;
}

.topnav .active.text-center {
    /*font-family: BentonSansBold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    padding: 14px 16px;
    display: block;
    color: #1e1e1e
}

.topnav .active.text-center i {
    padding-left: 8px
}

.topnav #myLinks {
    display: none;
    border-top: 1px solid #1e1e1e;
    background: #1e1e1e;
    border-bottom: 1px solid #1e1e1e;
}

.topnav #myLinks a.default-text {
    color: #797979;
    display: none;
}

.topnav #myLinks a {
    color: #8EB0BA;
    padding: 10px 16px;
    text-decoration: none;
    font-size: 16px;
    display: block;
}

.topnav #myLinks a:hover {
    color: #1e1e1e;
    background: #8EB0BA
}

.topnav #myLinks a.active {
    color: #1e1e1e;
    background: #8EB0BA;
    font-weight: bold
}

/*Directors and officer css and read more and less css*/
.director_officer-main {
    background: #292a2b;
    padding: 60px 0
}

.director_officer-main .heading-text {
    margin-bottom: 50px;
    padding: 0
}

.officer_director-main {
    background: #1e1e1e;
    padding: 60px 0
}
.accordion__section--images{
    float: left;
    width: 270px;
    margin-right: 45px;
}
.accordion__section--images img{
    max-width: 100%;
}

.accordion__section--content{
    overflow: hidden;
}

.officer_director-main .heading-text {
    margin-bottom: 50px;
    padding: 0
}

/* White here, per the client: the pale blue the rest of the site uses for
   this heading reads as grey against this section's ground. */
.officer_director-main .heading-text {
	color: #fff;
}

.accordion__section {
    border-radius: 5px;
    padding: 20px 40px;
    border-radius: 0;
    border-top: 1px solid rgba(102, 102, 102, 0.2);
    overflow: hidden;
}

.accordion__section:last-child {
    border-bottom: 1px solid rgba(102, 102, 102, 0.2)
}

.accordion__titlebox {
    display: -ms-flexbox;
    display: flex;
    padding: 9px 0px 10px;
    line-height: 20px;
    border-radius: 5px;
    cursor: pointer;
    will-change: transform;
    transition: .3s
}

.accordion__icon {
    min-width: 18px;
    height: 18px;
    position: relative;
    color: #8EB0BA !important;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    font-size: 16px;
    text-decoration: underline
}

.accordion__icon .minus,
.accordion__icon .plus {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    width: 180px;
    height: 18px;
    will-change: transform;
    transition: .3s;
}

.accordion__icon .minus span,
.accordion__icon .plus span {
    text-decoration: underline
}

.accordion__icon .minus i,
.accordion__icon .plus i {
    margin-top: 1px;
    margin-left: 5px;
}

.accordion__icon .minus i::before ,
.accordion__icon .plus i::before { content:'' !important; }

.accordion__icon .plus i {
/** WCAG ADD **/
	display:inline-block;
	width:14px; height:16px; vertical-align:middle;
	background-image:url('/images/carat-smoky-blue.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:14px 16px;
}

.accordion__icon .minus i {
	display:inline-block;
	width:14px; height:16px; vertical-align:middle;
	background-image:url('/images/carat-smoky-blue-up.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:14px 16px;
}

.accordion__icon .minus span:hover,
.accordion__icon .plus span:hover {
    text-decoration: none
}

.accordion__icon .plus {
    opacity: 1;
    visibility: visible
}

.accordion__icon .minus {
    opacity: 0;
    visibility: hidden
}

.accordion__content {
    padding: 0;
    display: none;
    color: #999999
}

.accordion__titlebox_active {}

.accordion__titlebox_active .plus {
    opacity: 0;
    visibility: hidden
}

.accordion__titlebox_active .minus {
    opacity: 1;
    visibility: visible
}

.accordion__section h3 {
    color: #8EB0BA;
    margin-top: 10px;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    margin-bottom: 20px;
}

.accordion__section h4 {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    font-size: 16px;
    color: #999999;
    margin-bottom: 15px;
    margin-top: 10px
}

.accordion__section h5 {
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    color: #999999;
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.accordion__section p {
    /*font-family: Bentonsansregular, Arial, Helvetica, sans-serif;*/
    color: #999999;
    font-size: 16px;
}

.footer-fixed-bottom {
    min-height: calc(100vh - 401px);
}

.ui-content {
    width: 100%;
    overflow: hidden;
    margin-top:-97px;
}

.selectdiv-contact {
    position: relative;
}

.style-select-body .select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: 0;
    padding: 0px 24px;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    color: #fff;
}

.style-select-body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #8EB0BA;
}

.selectdiv-contact:after {
    top: 0;
    right: 0;
}

.style-select-body .select2-container--default .select2-selection--single {
    border: 3px solid #8EB0BA;
    border-radius: 0;
    color: #8EB0BA;
}

.style-select-body span.select2-selection.select2-selection--single:focus {
    border: 3px solid #8EB0BA;
}

.style-select-body .select2-container .select2-selection--single {
    height: auto !important;
    color: #8EB0BA;
    background: #353535;
}

.style-select-body .select2-container--default .select2-selection--single .select2-selection__rendered:hover {
    color: #1E1E1E;
}

.selectdiv-contact .select2-container {
    width: 100% !important;
    color: #8EB0BA;
}

.style-select-body .select2-search--dropdown {
    display: none !important;
}

.style-select-body .select2-container--default .select2-dropdown--below {
    margin-top: 0;
}

.style-select-body .select2-container--default .select2-results__option[aria-selected=true],
.style-select-body .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #1E1E1E !important;
}

.style-select-body .select2-results {
    background: #1E1E1E !important;
    border: 3px solid #8eb0ba;
    box-shadow: none;
}

.style-select-body .select2-dropdown {
    box-shadow: none;
}

.style-select-body .select2-results__option {
    color: #8EB0BA;
    padding: 6px 24px;
}

.sampdata-display {
    padding: 0px 33px;
}

.sampdata-display .input-fields-edition-textarea {
    width: 100%;
    height: 293px;
}

.responsive-padding-for-contactus input[type="text"],
.sampdata-display .input-fields-edition-textarea {
    color: #fff;
}

.responsive-padding-for-contactus input[type="text"]::-ms-clear {
    display: none;
}

.carousel2-control-next,
.carousel2-control-prev,
.carousel2-indicators {
    display: none;
}

.carousel2-inner .owl-item {
    opacity: 1 !important;
}

.carousel2-inner .owl-prev,
.carousel2-inner .owl-next {
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 55px;
    background-color: #E8A13C;
    color: #353638 !important;
    font-size: 20px;
    font-weight: bold;
    /*font-family: Bentonsansbold, Arial, Helvetica, sans-serif;*/
    font-family: franklin-gothic-urw, sans-serif; font-weight:700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    color: #fff;
    opacity: 1;
    text-align: center;
    visibility: hidden;
    margin: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.carousel2-inner:hover .owl-prev,
.carousel2-inner:hover .owl-next {
    visibility: visible;
}

.carousel2-inner .owl-dots {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin: 0;
    display: block;
    list-style: none;
}

.carousel2-inner .owl-dot {
    width: 5px;
    height: 5px;
    background: #000;
}

.carousel2-inner .owl-dot {
    height: 7px;
    display: inline-block;
    border-radius: 100%;
    width: 7px;
    background-color: rgb(132, 132, 132);
    margin: 0;
    margin-right: 3px;
    margin-left: 3px;
}

.carousel2-inner .owl-dot.active {
    background: #fff;
}

/* These two were written against an anchor wrapping the photograph, which
   existed only to open the lightbox. The lightbox is gone and so is the
   anchor, so they sit on the slide itself: it is the positioning context for
   the brand logo, and it carries the dark veil. */
.carousel2-item {
    display: block;
    position: relative;
}

.carousel2-item:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0.3;
    transition: .5s ease;
    background-color: #000000;
    content: '';
}

.carousel2-item .overlay-1stimage-tavrengroup {
    display: none;
}

.carousel2-item .top-ontopof-image {
    z-index: 1;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    color: #999999;
    font-size: 20px;
    background-color: #353638;
    opacity: 1;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #999999;
}

.lg-actions .lg-next {
    right: 0;
}

.lg-actions .lg-prev {
    left: 0;
}

.lg-toolbar .lg-icon {
    background: #353638;
}

.lg-backdrop {
    background: #292A2C;
}

.lg-toolbar {
    background: none;
}

.lg-outer .lg-pager {
    width: 7px;
    height: 7px;
    opacity: 1;
    background: rgb(132, 132, 132) !important;
    box-shadow: none !important;
}

.lg-outer .lg-pager-cont {
    margin: 0 3px;
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: none;
    background: #fff !important;
}

.lg-outer .lg-pager-outer {
    bottom: 30px;
    margin-bottom: 0;
}

.lg-sub-html {
    color: #fff;
    background: none;
    z-index: 9999;
}

.lg-outer .lg-inner {
    top: 15%;
    bottom: 15%;
    left: 15%;
    right: 15%;
    width: auto;
    height: auto;
    padding: 0;
    z-index: 9999;
}

.lg-hide-items .lg-toolbar {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.lg-hide-items .lg-next,
.lg-hide-items .lg-prev {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.lg-toolbar .lg-c {
    height: 38px;
    width: 38px;
    font-size: 30px;
    line-height: 16px;
    position: fixed;
}

.lg-outer .lg-img-wrap {
    padding: 0;
}

.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    background: none;
    color: transparent;
}

#lg-counter {
    color: #595959;
    height: auto;
    left: 0px;
    font-size: 12px;
    overflow: hidden;
    position: fixed;
    text-overflow: ellipsis;
    bottom: 60px;
    white-space: nowrap;
    width: 50%;
    z-index: 10000;
    right: 0;
    margin: auto;
    margin: auto;
    top: auto;
    text-align: center;
    padding: 0;
}

.lg-hide-items #lg-counter {
    opacity: 1 !important;
}

.lg-toolbar {
    position: static !important;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lg-sub-html {
    color: #fff;
    height: auto;
    left: 0px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    bottom: 90px;
    white-space: nowrap;
    width: 50%;
    z-index: 9999;
    right: 0;
    margin: auto;
    margin: auto;
    padding: 0;
    text-transform: uppercase;
}

.input-data-out-trim {
    margin-bottom: 9px;
}

.navbar-toggler-right {
    position: absolute;
    right: 1rem;
    visibility: hidden;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {

    .contact-details-section {
        padding: 20px;
    }
}

@media screen and (min-width: 992px) {
    .casino-taverns-bottom-space:nth-child(2) .clearfix {
        display: none;
    }

    .main-footer .client-logo ul li:nth-child(3) a img {
        width: 93%;
        padding: 2px 0;
    }

        .mt-15{
            margin-top: -15px;
        }
        .mt-10 {
            margin-top: -6px;
        }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .fifth-aboutus-section-data-padding {
        padding: 20px 50px;
    }
}

@media screen and (max-width: 991px) {
    .container-contact .btn-for-aboutus {
        padding: 6px;
    }

    .btn-for-aboutus .text-set-for-mobile {
        top: -5px;
    }

    .contactus-rightdata:last-child,
    .contactus-leftdata:first-child {
        display: none;
    }

    .post__section>.row:nth-child(odd) {
        flex-direction: column-reverse;
    }

    .head-sub-paragraph {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .scroll-locked,
    .scroll-locked body {
        overflow: hidden;
    }

    .scroll-locked .itsIos,
    .scroll-locked {
        height: 100%;
        overflow: hidden;
        width: 100%;
        position: fixed;
    }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
    .footer-fixed-bottom {
        min-height: calc(100vh - 356px);
    }

    .accessibility-main {
        padding: 60px 15px 60px 10px;
    }

    .light-black-background p {
        padding: 25px 15px;
    }
}

@media screen and (max-width: 767px) {
    .accessibility-main .row-right-data {
        margin-right: -15px;
    }
    .accordion__section--images{
        float: none;
        margin: 0 auto 15px;
        width: 170px;
            padding-top: 15px;
    }
     .accordion__section--images img{
         border-radius: 200px;
     }
    .light-black-background p {
        padding-left: 0;
        padding-right: 0;
    }

    .label-data-set-contactus {
        width: 100% !important;
    }

    .input-fields-edition-textarea {
        width: 100%;
        margin-bottom: 10px;
    }

    .input-data-out-trim .clearfix {
        display: none;
    }

    .input-data-out-trim-lastname {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .sampdata-display .clearfix {
        display: none;
    }

    .input-data-out-trim {
        margin-bottom: 15px;
    }

    .lg-outer .lg-pager-outer {
        bottom: 15px;
    }

    #lg-counter {
        bottom: 30px;
    }

    .lg-sub-html {
        bottom: 50px;
    }

    .w3-display-container .w3-display-middle-headcontent,
    .w3-display-casinogroupmobile-middle-headcontent,
    .w3-display-casinogroup-middle-headcontent {
        position: static;
        transform: translate(0, 0);
        padding-top: 207px;
        padding-bottom: 100px;
    }

    .w3-display-casinogroupmobile-middle-headcontent .head-sub-paragraph {
        margin: 0;
    }

    .bg-overlay-1 {
        background-size: 100% 330px;
        background-position: top left;
        background-repeat: no-repeat;
        height: auto;
        min-height: 330px;
    }

    .bgimg-press-news,
    .bgimg-investors-new-release,
    .bgimg-investors-sec-filling,
    .bgimg-aboutus,
    .bgimg-contact, 
    .bgimg-company-culture,
    .bgimg-company-contact,
    .bgimg-director-officers,
    .bgimg-true-rewards,
    .bgimg-careers,
    .g114bgimg-contact,
    .bgimg-1,
    .bgimg-routeoperations.w3-display-container,
    .bgimg-goldencasinogroup.w3-display-container,
    .bgimg-tavrengroup.w3-display-container {
        height: auto;
    }

    .homepage-main-head {
        position: static;
        padding-top: 202px;
        height: auto;
        padding-bottom: 100px;
    }

    .homepage-main-head .btn-top {
        margin-bottom: 0px;
    }

    .join-w-team .container-fluid {
        padding: 0;
    }

    .sixth-section-description-color br,
    .fifth-section-text-direction br,
    .heading-text br {
        display: none;
    }
}

@media screen and (min-width: 1415px) {
    #nav-left {
        /*margin-right: 75px;*/
        text-align:left; width:calc(50% - 140px);
        padding-top: 5px;
    }

    /*#nav-right {
        padding-top: 12px;
        width:calc(50% - 140px);
        text-align:right;
    }*/
    #nav-right { width:auto; float:right; padding-top:20px; text-align:right; }

    #logo img,
    .logo img {
        /*width: 265px;*/ width:242px;
        margin-top: 3px; margin-left:11px;
    }

    .w3-top .fixed-top.w3-bar {
        /*max-width: 1410px;*/ max-width:1000px;
        width: 100%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        text-align:center;
    }

    #nav-left ul {
        float: none;
        padding-left:0;
    }

    .w3-bar .w3-button, .w3-bar #nav-right ul li a {
        padding: 7px 0px;
    }

    .navbar li {
        padding: 6px 14.6px;
    }

    #nav-right .navbar-nav li, #nav-right ul li {
        padding: 6px 0 !important;
    }

    .leftandrightborders-for-casino,
    .leftandrightborders-for-tavern-group,
    .leftandrightborders-for-route-operations {
        border-left-width: 3px !important;
    }

    .w3-bar .w3-button, .w3-bar #nav-right ul li a {
        line-height: 16px;
    }

    .navbar-collapse .ml-auto, #nav-right ul {
        float: none;
        padding-left: 22px;
    }

    #nav-right .w3-button, #nav-right ul li a {
        padding: 0 9px !important;
    }

    #nav-right li+li {
        margin-left: 21px;
    }

    .contact-details-section {
        max-width: 475.2px;
        width: 100%;
        padding: 25px;
        float: right;
    }

    .contact-form-section {
        max-width: 950.4px;
        width: 100%;
        padding: 25px;
    }
}

@media screen and (max-width: 510px) {
    .sampdata-display {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .mobile-casino-middlwlogo-view {
        max-width: 90%;
    }
    .accordion__section{
        padding: 10px;
    }
}

@media screen and (max-width: 991px) {
    .container-second-section {
        padding: 50px 0 20px;
    }

    .container-second-section .row {
        padding-bottom: 0 !important;
    }

    .rewards_and_cards {
        padding-top: 50px;
        padding-bottom: 50px;
        background-size: cover;
    }

    .rewards_and_cards .text-section {
        padding: 0;
        margin: 0;
    }

    .rewards_and_cards .text-section p {
        padding-right: 0;
    }

    .rewards_and_cards .btn-top {
        margin-bottom: 0;
        margin-top: 15px !important;
    }

    .card-container {
        top: 0 !important;
    }

    svg#card-stack {
        position: static;
        -webkit-transform: translate(0, 0);
        -webkit-transform: -webkit-translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .card-main-container {
        height: auto;
    }

    .rewards_and_cards .row {
        align-items: center;
        align-content: center;
    }

    .good-business {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .good-business-top .heading-text {
        padding-top: 0;
    }

    .card-container {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 900px) {
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .second-small-paragraph {
        padding: 0 15px;
    }
}

.cards-section {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    height: 0;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    padding-bottom: 100%;
}

.cards-section img:nth-child(1) {
    bottom: 37.7%;
    right: 15.4%;
    transform: rotate(10deg);
    z-index: 5;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
}

.cards-section img:nth-child(2) {
    bottom: 37.7%;
    right: 15%;
    transform: rotate(0deg);
    z-index: 4;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.cards-section img:nth-child(3) {
    bottom: 37.4%;
    right: 13.7%;
    transform: rotate(-10deg);
    z-index: 3;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}

.cards-section img:nth-child(4) {
    bottom: 37.8%;
    right: 13%;
    transform: rotate(-20deg);
    z-index: 2;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
}

.cards-section img:nth-child(5) {
    bottom: 37.8%;
    right: 11.9%;
    transform: rotate(-20deg);
    z-index: 1;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    opacity: 1;
}

.cards-section img {
    width: 78.3%;
    position: absolute;
    opacity: 0;
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
}

.inview.cards-section img:nth-child(4) {
    -webkit-animation: second 0.8s ease-in-out forwards 1;
    animation: second 0.8s ease-in-out forwards 1;
}

.inview.cards-section img:nth-child(3) {
    -webkit-animation: third 0.8s ease-in-out 1s forwards 1;
    animation: third 0.8s ease-in-out 1s forwards 1;
}

.inview.cards-section img:nth-child(2) {
    -webkit-animation: fourth 0.8s ease-in-out 2s forwards 1;
    animation: fourth 0.8s ease-in-out 2s forwards 1;
}

.inview.cards-section img:nth-child(1) {
    -webkit-animation: fifth 0.8s ease-in-out 3s forwards 1;
    animation: fifth 0.8s ease-in-out 3s forwards 1;
}

@-webkit-keyframes second {
    0% {
        -webkit-transform: rotate(-20deg);
        -webkit-transform: -webkit-rotate(-20deg);
        transform: rotate(-20deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(-10deg);
        -webkit-transform: -webkit-rotate(-10deg);
        transform: rotate(-10deg);
    }
}

@keyframes second {
    0% {
        -webkit-transform: rotate(-20deg);
        -webkit-transform: -webkit-rotate(-20deg);
        transform: rotate(-20deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(-10deg);
        -webkit-transform: -webkit-rotate(-10deg);
        transform: rotate(-10deg);
    }
}

@-webkit-keyframes third {
    0% {
        -webkit-transform: rotate(-10deg);
        -webkit-transform: -webkit-rotate(-10deg);
        transform: rotate(-10deg);
    }

    30% {
        opacity: 0;
    }


    100% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -webkit-transform: -webkit-rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes third {
    0% {
        -webkit-transform: rotate(-10deg);
        -webkit-transform: -webkit-rotate(-10deg);
        transform: rotate(-10deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -webkit-transform: -webkit-rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes fourth {
    0% {
        -webkit-transform: rotate(0deg);
        -webkit-transform: -webkit-rotate(0deg);
        transform: rotate(0deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(10deg);
        -webkit-transform: -webkit-rotate(10deg);
        transform: rotate(10deg);
    }
}

@keyframes fourth {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}

@-webkit-keyframes fifth {
    0% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
}

@keyframes fifth {
    0% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
}

svg#card-stack {
    position: absolute;
    -webkit-transform: translate(-49%, -113%);
    display: none;
}

@media screen and (max-width: 991px) {
    .cards-section {
        position: relative;
        top: 60px;
        left: 0;
        transform: translate(0%, 0%);
        z-index: 100;
        height: 0;
        width: auto;
        -webkit-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        padding-bottom: 79%;
    }
}
.sec-tab-content .selectdiv select.select2-hidden-accessible,select.investors-select.select2-hidden-accessible{
    display: none;
}
.select2-container--open .select2-dropdown--above,.select2-container--open .select2-dropdown--above{
    margin-top: -24px;
}
.style-select-body .select2-dropdown--above{
    margin-top: 0;
}
.ge-video-holder{
    width: 100%;
    position: relative;
    max-width: 970px;
    margin: 0 auto;
}
.ge-video-holder iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ge-video-holder:after{
    padding-bottom: 56.25%;
    content: '';
    width: 100%;
    display: block;
}
.filings-table .decoration{
    text-decoration: none;
    font-weight: normal;
}
.new-decoration .fal{
    margin-right: 3px;
    text-decoration: none;
}
.filings-table .color-innerdata-set a:hover{
    text-decoration: underline;
}
@media screen and (max-width: 1100px) and (min-width: 992px) {
    .container-aboutus-fifth-section-desktop .fifth-routeoperations-section-data-padding{
        padding: 35px 70px;
    }
}
@media screen and (max-width: 767px) {
    .good-business-top {
        padding-bottom: 0;
    }
}

.press-detail-pad li {
  list-style: disc !important;
  display: list-item !important;
}



/*** OUR POLICIES ***/
/*.bgimg-policies {
    background-image: url('/images/policies-hero.jpg');
    width: 100%;
    min-height: 100%;
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 35% 0;
}*/
.container-policies-second-section {
    background-color: #292a2c;
    padding: 60px 0 0;
    display: block;
}
#policy-blocks { text-align:center; }
div.policy-block { display:inline-block; vertical-align:top; width:90%; max-width:360px; min-height:150px; margin:0 2% 5% 2%; padding:25px 30px; background:#353638; 
    font-size:24px; font-weight:bold;
}
div.policy-block p { font-size:22px; font-weight:bold; line-height:140%; }
div.policy-block p a { color:#8eb0ba; }
div.policy-block p a:hover { color:#fec50a; }

@media (min-width:992px) {
    div.policy-block { min-height:230px; }

	/* Every tile under the OUR POLICIES heading takes the height of the
	   tallest of them, which is the three line one. Scoped to #policy-blocks
	   so the Corporate Social Responsibility tile above the heading, which is
	   not in that group, keeps its own size. Raise this if a policy name ever
	   runs to four lines. */
	#policy-blocks div.policy-block { min-height: 280px; }
}



/*** properties footer ***/
@media (min-width:880px) {

	div.footer-properties {  }
	div.fp-table { width:100%; max-width:1600px; margin:0 auto; display:table; }

	div.fp-golden { width:16%; display:table-cell; vertical-align:bottom; border-right:1px #666 solid; padding-right:40px; text-align:center; }
	div.fp-properties { width:84%; display:table-cell; vertical-align:middle; }

	div.fpp-table { width:100%; display:table; }
	div.fpp-table div { width:auto; display:table-cell; vertical-align:middle; text-align:center; }

	div.ew { padding-bottom:4px; }
	div.cb { padding-bottom:7px; }
	
}





/* ==========================================================================
   CMS integration layer
   Added when the goldenent.com design was applied to this Yii install.
   Everything above this line is the goldenent site stylesheet.
   ========================================================================== */

/* --------------------------------------------------------------------------
   w3.css replacements.
   The static site loaded the full w3.css (33KB of normalize + globals) but
   used only these classes. Reimplemented here instead of importing it, so it
   cannot fight Bootstrap's reboot or the CMS admin bar.
   Values copied from w3.css as the static site had it (note .w3-top was
   already customised there to position:relative, not fixed).
   -------------------------------------------------------------------------- */
.w3-top,
.w3-bottom { width: 100%; z-index: 1; }
.w3-top { top: 0; position: relative; }
.w3-bottom { bottom: 0; position: absolute; }

.w3-bar { width: 100%; overflow: hidden; }
.w3-bar .w3-bar-item { float: left; width: auto; border: none; display: block; }

.w3-button {
	border: none;
	display: inline-block;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}

.w3-right { float: right !important; }
.w3-display-container { position: relative; }

@media (max-width: 600px) {
	.w3-hide-small { display: none !important; }
}

/* --------------------------------------------------------------------------
   Restore normal list rendering for CMS-authored content.
   The goldenent stylesheet sets `li { display:inline-block }` and
   `ul { list-style-type:none }` globally. Roughly 8,800 lines of layout rules
   depend on that, so the globals stay - but any list authored in the Page
   Manager's CKEditor would otherwise render as a horizontal run-on.
   CKEditor emits lists with no class attribute, which is what we key off here.
   -------------------------------------------------------------------------- */
/* Bottom margin only. This rule carries an id, so it outranks anything the
   content page template sets: giving it left and right margins here wiped out
   the auto margins that centre a list in the reading column, and every list
   on a pasted page sat hard against the left edge of the window. */
#content ul:not([class]),
#content ol:not([class]) {
	list-style: disc outside;
	margin-bottom: 1em;
	padding-left: 24px;
}

#content ol:not([class]) { list-style: decimal outside; }

#content ul:not([class]) > li,
#content ol:not([class]) > li {
	display: list-item;
	padding: 0;
	margin-bottom: 4px;
}

#content ul:not([class]) ul:not([class]) { list-style: circle outside; margin-bottom: 0; }


/* ==========================================================================
   Homepage regions (step 2)
   Styles the markup the CMS partials already emit, rather than reshaping the
   views to match the static site. Selector map:
     .hp-slide-container  views/cms/banners.php          hero
     #home-content .container900                         intro band
     .tiles-feature       inc/homepagetiles.php   Tile   feature bands
     .tiles-property      inc/homepagetiles2.php  Tile2  count cards
     .tiles-timeline      inc/homepagetiles3.php  Tiles3 timeline carousel
   ========================================================================== */

/* --- Hero ----------------------------------------------------------------
   Equivalent of the static site .bgimg-1 / .bg-overlay-1 / .container-text.
   The background image comes from the banner record as an inline style, so
   nothing here may set background-image or it would override the CMS value. */
.hp-slide-container { position: relative; width: 100%; }
.hp-slide-container .slideshow { margin: 0; }

.hp-slide-container .slide {
	position: relative;
	height: 800px;
	background-position: 60% 100%;
	background-size: cover;
}

/* Top gradient, as .bg-overlay-1 provides on the static site. */
.hp-slide-container .slide:before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 330px;
	background: linear-gradient(to bottom, rgba(17,17,17,0.9), transparent);
	pointer-events: none;
}

/* The banner partial also outputs a thumbnail on top of the background image.
   Keep it in the accessibility tree (banners.php wires aria-describedby to it)
   but out of the visual layer. */
.hp-slide-container .slide > img {
	position: absolute;
	width: 1px; height: 1px;
	margin: -1px; padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.hp-slide-container .overlay {
	position: absolute;
	top: 260px; left: 50%;
	transform: translateX(-50%);
	max-width: 1165px;
	width: 100%;
	padding: 0 15px;
	text-align: center;
	z-index: 2;
}
.hp-slide-container .overlay.left  { text-align: left; }
.hp-slide-container .overlay.right { text-align: right; }

.hp-slide-container .txt-container { width: 100%; }
.hp-slide-container .txt-container h1 { color: #fff; margin: 0; }
.hp-slide-container .txt-container h2 {
	color: #8EB0BA;
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: 900;
	margin-bottom: 20px;
}
.hp-slide-container .banner-btn {
	display: inline-block;
	border: 3px solid #8EB0BA;
	color: #8EB0BA;
	margin-top: 31px;
	font-size: 16px;
	min-width: 220px;
	padding: 13px 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.hp-slide-container .banner-btn:hover { background-color: #8EB0BA; color: #fff; }

/* --- Intro band ---------------------------------------------------------- */
#home-content .container900 {
	background-color: #353638;
	padding: 82px 15px 21px;
	margin: 0;
	max-width: none;
	text-align: center;
}
#home-content .container900 h1 {
	color: #8EB0BA;
	max-width: 970px;
	margin: 0 auto;
	padding-top: 10px;
}
#home-content .container900 p {
	color: #fff;
	max-width: 63%;
	margin: 15px auto 0;
}

/* --- Shared: neutralise the generic .tiles float layout ------------------- */
#home-content .tiles { width: 100%; margin: 0; padding: 0; }
#home-content .tiles .tile { float: none; width: auto; }

/* --- Feature bands (Tile) -------------------------------------------------
   Split image / copy band, as the static site .container-fifth-section.
   Alternating sides so consecutive records do not read as one block. */
.tiles-feature { display: block; }
.tiles-feature .tile {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	background-color: #8eb0ba;
	margin: 0;
	/* The live site fixes these band heights rather than letting the copy set
	   them: 450px for the rewards band and 510px for the one below. A single
	   floor here keeps them equal, which a short piece of copy would otherwise
	   break. 505px is the height of the rewards band's artwork, so that band
	   shows the whole of it. */
	min-height: 505px;
}

.tiles-feature .tile-media { flex: 0 0 41.666%; max-width: 41.666%; }
.tiles-feature .tile-media a { display: block; height: 100%; }
/* the card-stack variant positions its own images, so keep the cover rule off it */
.tiles-feature .tile-media:not(.tile-media-cards) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.tiles-feature .tile-body {
	flex: 1 1 58.333%;
	max-width: 58.333%;
	align-self: center;
	padding: 50px 99px 50px 112px;
	text-align: left;
}
.tiles-feature .tile-body h3 {
	color: #353638;
	font-size: 60px;
	line-height: 1.04;
	margin: 0 0 16px;
}
.tiles-feature .tile-body p {
	color: #333;
	font-size: 17px;
	line-height: 1.5;
	max-width: 540px;
	margin-bottom: 4px;
}
.tiles-feature .tile-body .btn-tix {
	display: inline-block;
	border: 3px solid #353638;
	color: #353638;
	padding: 13px 20px;
	margin-top: 16px;
	text-decoration: none;
	text-transform: uppercase;
}
.tiles-feature .tile-body .btn-tix:hover { background-color: #353638; color: #fff; }

/* Alternate which side the image sits on, starting with it on the right.
   That is the order the live site runs: the True Rewards band has its copy on
   the left with the card fan on the right, and the band after it puts its
   image back on the left. */
.tiles-feature .tile:nth-child(odd) .tile-media { order: 2; }

/* --- True Rewards card stack inside a feature band -----------------------
   The stack markup and its animation come from the static site unchanged
   (inc/truerewardscards.php + the "cards animator" block above). Those rules
   were written for the static two-column section, so these overrides only
   re-seat the stack inside .tile-media without touching the animation.
   NOTE: the card positions are percentage based, so this is the part of the
   homepage most likely to want tuning against the real render. */
/* The stack is larger than the band it sits in and hangs past the foot of it,
   over the band below, as on the live site. The container is taken out of
   flow so it can do that without making the band taller, and the band is
   lifted above its neighbour so the overflow is not painted over. */
.tiles-feature .tile.tile-rewards {
	position: relative;
	z-index: 2;
}
.tiles-feature .tile-media-cards {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	overflow: visible;
}
.tiles-feature .tile-media-cards .right-total-cards {
	max-width: 100% !important;
	width: 100%;
}
.tiles-feature .tile-media-cards .card-main-container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 680px;
	height: auto;
	margin: 0;
	/* Sits slightly low in the band, so more of the fan falls below it than
	   rises above, matching the live proportions. */
	transform: translate(-50%, -45%);
	-webkit-transform: translate(-50%, -45%);
}
.tiles-feature .tile-media-cards .card-container {
	position: relative;
	top: 0 !important;
	max-width: none !important;
	margin: 0 auto;
}
/* The stack is an aspect-ratio box (height:0 + padding-bottom) that centres
   itself with a translate. That centring assumes the wider static-site column,
   and here it pulled the cards off the top-left corner, so it is dropped and
   the box simply fills the container. */
.tiles-feature .tile-media-cards .cards-section {
	position: relative;
	top: 0 !important;
	left: 0;
	transform: none !important;
	-webkit-transform: none !important;
	height: 0;
	padding-bottom: 100%;
}
.tiles-feature .tile-media-cards .cards-image { display: none; }

/* Stacked at this size, so the fan goes back in flow: there is no band beside
   it to hang over, and overflowing would only collide with the copy. The band
   height goes with it, since the image and copy now sit one above the other. */
@media (max-width: 991px) {
	.tiles-feature .tile { min-height: 0; }
	.tiles-feature .tile-media-cards { padding: 40px 30px; }
	.tiles-feature .tile-media-cards .card-main-container {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		-webkit-transform: none;
		max-width: 340px;
		margin: 0 auto;
	}
}

/* --- Property count cards (Tile2) ---------------------------------------- */
.tiles-property {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-color: #353638;
	padding: 0 20px 30px;
}
.tiles-property .tile {
	flex: 0 1 420px;
	margin: 0 15px 30px;
	padding-bottom: 30px;
	text-align: center;
	background: #000;
}
.tiles-property .tile > a { display: block; }
.tiles-property .tile > a img { width: 100%; display: block; }

.tiles-property .tile h3 { display: none; }   /* the count line carries the label */

.tiles-property .pc-meta { margin: 0; padding-top: 18px; }
.tiles-property .pc-count {
	display: block;
	color: #F6C13A;
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: 900;
	font-size: 70px;
	line-height: 1;
}
.tiles-property .pc-type {
	display: block;
	color: #F6C13A;
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: 900;
	font-size: 16px;
	text-transform: uppercase;
}
.tiles-property .tile p {
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	margin: 13px auto 5px;
	max-width: 85%;
	letter-spacing: -0.03em;
}
.tiles-property .tile .btn-tix {
	display: inline-block;
	border: 3px solid #F6C13A;
	color: #F6C13A;
	padding: 13px 20px;
	margin-top: 12px;
	text-decoration: none;
	text-transform: uppercase;
}
.tiles-property .tile .btn-tix:hover { background-color: #F6C13A; color: #fff; }

/* --- Timeline (Tiles3) ---------------------------------------------------- */
.tiles-timeline {
	background-color: #353638;
	padding: 50px 0;
	display: block;
}
.tiles-timeline .tile { padding: 0 5px; }
.tiles-timeline .tile img { width: 100%; display: block; }

.tiles-timeline .tc-body {
	background-color: #292A2B;
	padding: 60px 20px 70px;
	text-align: center;
	position: relative;
}
/* connecting rule and node, as .line-decor / .circle on the static site */
.tiles-timeline .tc-marker {
	display: block;
	width: 104%;
	height: 2px;
	background-color: #424242;
	position: absolute;
	top: 28px; left: -2%;
}
.tiles-timeline .tc-marker:after {
	content: "";
	position: absolute;
	top: -8px; left: 50%;
	transform: translateX(-50%);
	width: 15px; height: 15px;
	background-color: #272729;
	border: solid 4px #96b0bf;
	border-radius: 50%;
}
.tiles-timeline .tc-body h3 { color: #8EB0BA; margin: 0 0 10px; }
.tiles-timeline .tc-body p {
	color: #fff;
	margin: 0 auto;
	width: 90%;
	font-size: 16px;
}
.tiles-timeline .slick-prev:before,
.tiles-timeline .slick-next:before { color: #8EB0BA; font-size: 28px; }
.tiles-timeline .slick-prev { left: 15px; z-index: 2; }
.tiles-timeline .slick-next { right: 15px; z-index: 2; }

/* --- Homepage responsive -------------------------------------------------- */
@media (max-width: 991px) {
	.hp-slide-container .slide { height: 600px; }
	.hp-slide-container .overlay { top: 200px; }
	.tiles-feature .tile-media { flex: 0 0 100%; max-width: 100%; }
	.tiles-feature .tile-media img { height: auto; }
	.tiles-feature .tile:nth-child(even) .tile-media { order: 0; }
	.tiles-feature .tile-body { flex: 1 1 100%; max-width: 100%; padding: 35px 30px; }
	.tiles-feature .tile-body h3 { font-size: 40px; }
	#home-content .container900 p { max-width: 90%; }
}

@media (max-width: 600px) {
	.hp-slide-container .slide { height: 460px; }
	.hp-slide-container .overlay { top: 140px; }
	.tiles-property .tile { flex: 0 1 100%; margin: 0 0 20px; }
	.tiles-property .pc-count { font-size: 54px; }
}


/* ==========================================================================
   Homepage / chrome corrections
   ========================================================================== */

/* Skip link: the stylesheet had no #skip rules at all, so it rendered as
   visible body text on every page. Hide it until it takes keyboard focus. */
#skip a {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 1100;
	padding: 10px 16px;
	background: #353638;
	color: #fff;
	text-decoration: none;
}
#skip a:focus { left: 0; }

/* Navigation.
   The links come from the Menu manager as a plain ul > li > a, so they carry
   none of the static site classes. The aliased .w3-bar .w3-button rules give
   them size and padding but no colour - on the static site that came from
   w3.css's .w3-button { color: inherit }, which these links never match.
   Uppercase was baked into the static markup; here the label is whatever the
   client typed, so it is done in CSS. */
#nav-right { flex-grow: 1; }
#nav-right ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 0 auto;   /* right-align, as Bootstrap ml-auto did */
	padding: 0;
	list-style: none;
}
#nav-right ul li { padding: 8px 15px; }
#nav-right ul li a {
	color: #353638;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}
#nav-right ul li a:hover,
#nav-right ul li.active a { color: #8EB0BA; }

/* Hero overlay.
   The stylesheet carries a generic .overlay { display:none; position:fixed }
   for the static site's fullscreen mobile-nav panel. It was swallowing the
   banner headline, which renders correctly but was never painted. */
.hp-slide-container .overlay {
	display: block;
	height: auto;
	width: 100%;
}
.hp-slide-container .overlay-inner { position: static; }
.hp-slide-container .overlay a {
	display: inline-block;
	padding: 13px 20px;
	font-size: 16px;
}

/* True Rewards band.
   On goldenent this section is dark with a texture, not the light blue used
   by the other feature band. */
.tiles-feature .tile.tile-rewards {
	/* auto 100% rather than cover: the artwork is 1440 x 505, and cover scales
	   it to the width of the window, which crops the top and bottom off the
	   mark on any screen wider than that. Sized to the band's height instead,
	   so the whole of it shows, centred on the dark ground. */
	background: #1e1e1e url(../images/3sectionbackgroindimage.png) no-repeat center center;
	background-size: auto 100%;
	color: #fff;
}
.tiles-feature .tile.tile-rewards .tile-body h3 { color: #8EB0BA; }
.tiles-feature .tile.tile-rewards .tile-body p { color: #fff; }
.tiles-feature .tile.tile-rewards .tile-body .btn-tix {
	border-color: #8EB0BA;
	color: #8EB0BA;
}
.tiles-feature .tile.tile-rewards .tile-body .btn-tix:hover {
	background-color: #8EB0BA;
	color: #fff;
}

/* The band is full bleed, but its contents are not: on the live site the copy
   starts well in from the left edge and the card fan finishes short of the
   right, so the two sides read as a pair rather than as opposite corners of
   the window. A centred track does that, with the band's own padding holding
   it in the middle and the artwork behind still running the full width. */
@media (min-width: 992px) {
	.tiles-feature .tile.tile-rewards {
		padding-left: max(0px, calc((100% - 1400px) / 2));
		padding-right: max(0px, calc((100% - 1400px) / 2));
	}
	.tiles-feature .tile.tile-rewards .tile-body {
		padding-left: 150px;
		padding-right: 40px;
	}
	.tiles-feature .tile.tile-rewards .tile-media-cards .card-main-container {
		max-width: 580px;
	}
}

/* Timeline section heading */
.timeline-intro {
	background-color: #353638;
	padding: 50px 15px 0;
	text-align: center;
}
.timeline-intro h2 {
	color: #8EB0BA;
	max-width: 970px;
	margin: 0 auto;
}
.timeline-intro p {
	color: #fff;
	max-width: 63%;
	margin: 15px auto 0;
}
/* Carries #home-content because the reset there, "#home-content .tiles
   { padding: 0 }", has an id and was flattening this section's padding
   entirely: the cards sat hard against the intro copy above them. The intro
   sits on the same ground, so the top gap only has to part the two. */
#home-content .tiles-timeline {
	padding-top: 80px;
	padding-bottom: 50px;
}

@media (max-width: 991px) {
	.timeline-intro p { max-width: 90%; }
}


/* Timeline: dim everything except the centred card.
   Mirrors the static site, which does the same with
   .owl-item { opacity: .3 } / .owl-item.active.center { opacity: 1 }. */
.tiles-timeline .slick-slide {
	opacity: 0.3;
	transition: opacity 0.3s ease;
}
.tiles-timeline .slick-slide.slick-center { opacity: 1; }


/* Buttons: the static site puts an arrow inside every CTA via a background
   image (see .btn-2ndsection1 / .btn-section5). The CMS renders plain
   anchors, so the same treatment is applied to .btn-tix here. */
#home-content .btn-tix {
	background-repeat: no-repeat;
	background-position: right 18px center;
	background-size: 21px 25px;
	padding-right: 55px !important;
}
.tiles-property .tile .btn-tix {
	background-image: url(../images/ge-right-arrow-yellow.svg);
}
.tiles-property .tile .btn-tix:hover {
	background-image: url(../images/ge-right-arrow.svg);
}
.tiles-feature .tile-body .btn-tix {
	background-image: url(../images/ge-right-arrow-dark-blue.svg);
}
.tiles-feature .tile-body .btn-tix:hover {
	background-image: url(../images/ge-right-arrow.svg);
}
.tiles-feature .tile.tile-rewards .tile-body .btn-tix {
	background-image: url(../images/ge-right-arrow-smoky-blue.svg);
}
.tiles-feature .tile.tile-rewards .tile-body .btn-tix:hover {
	background-image: url(../images/ge-right-arrow.svg);
}

/* Hero copy is left aligned on the static site; the banner record only
   carries a placement when the client sets one, so left is the default. */
.hp-slide-container .overlay { text-align: left; }
.hp-slide-container .overlay.center { text-align: center; }



/* ==========================================================================
   Round 3 corrections
   ========================================================================== */

/* Header over the hero.
   Relying on Bootstrap's .fixed-top left the bar in flow and pushed the hero
   down, so on pages that open with a full-bleed hero the header is taken out
   of flow explicitly and the navbar inside it returned to static, letting it
   sit on the image as it does on the live site.
   Add a page class here as each hero page is built; #page carries the module
   and template, e.g. "homepage" or "companyModule teamList". */
#page.homepage,
#page.teamList,
#page.gcgModule,
#page.locationsModule,
#page.newsModule,
#page.formsModule,
#page.dynamic-hero { position: relative; }

#page.homepage #header,
#page.teamList #header,
#page.gcgModule #header,
#page.locationsModule #header,
#page.newsModule #header,
#page.formsModule #header,
#page.dynamic-hero #header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1030;
}
#page.homepage #header .navbar,
#page.teamList #header .navbar,
#page.gcgModule #header .navbar,
#page.locationsModule #header .navbar,
#page.newsModule #header .navbar,
#page.formsModule #header .navbar,
#page.dynamic-hero #header .navbar {
	position: static;
	background: transparent;
}
#page.homepage #content,
#page.teamList #content,
#page.gcgModule #content,
#page.locationsModule #content,
#page.newsModule #content,
#page.formsModule #content { padding-top: 0; }
#page.dynamic.dynamic-hero #content { padding-top: 0; }

/* Light links where the header sits on an image. */
#page.homepage #nav-right ul li a,
#page.teamList #nav-right ul li a,
#page.gcgModule #nav-right ul li a,
#page.locationsModule #nav-right ul li a,
#page.newsModule #nav-right ul li a,
#page.formsModule #nav-right ul li a,
#page.dynamic-hero #nav-right ul li a { color: #fff; }
#page.homepage #nav-right ul li a:hover,
#page.homepage #nav-right ul li.active a,
#page.teamList #nav-right ul li a:hover,
#page.teamList #nav-right ul li.active a { color: #8EB0BA; }

/* Pages with no hero keep a solid bar and clear the fixed header. */
#page:not(.homepage):not(.teamList):not(.gcgModule):not(.locationsModule):not(.newsModule):not(.formsModule):not(.dynamic) #header .navbar { background: #fff; }
#page:not(.homepage):not(.teamList):not(.gcgModule):not(.locationsModule):not(.newsModule):not(.formsModule):not(.dynamic) #content { padding-top: 92px; }

/* Hero copy sits directly on the image.
   The generic .overlay carries background-color: rgba(0,0,0,.9) for the static
   site's fullscreen nav panel, which was painting a black slab behind the
   headline. */
.hp-slide-container .overlay {
	background: transparent;
	background-color: transparent;
}

/* Footer link row.
   The list comes from Brand Settings as a plain <ul>, so it carries none of
   the static site's .bottom-left / .bottom-right classes; the rules are keyed
   off .bottom-footer instead. Values follow the static site. */
.bottom-footer ul {
	padding: 0;
	margin: 0;
	text-align: center;
	list-style: none;
}
.bottom-footer ul li {
	display: inline-block;
	color: #999;
	font-size: 13px;
	line-height: 1.8;
	padding: 0 15px;
	border-left: 2px solid #666;
}
.bottom-footer ul li:first-child { border-left: none; }
.bottom-footer ul li a {
	color: #999;
	font-size: 13px;
	text-decoration: none;
}
.bottom-footer ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

@media (max-width: 600px) {
	.bottom-footer ul li {
		border-left: none;
		padding: 0 8px;
	}
}


/* ==========================================================================
   Round 4 corrections
   ========================================================================== */

/* Hero headline weights, matching the live site: Banner Text Line 1 is set
   light and Line 2 heavy, both white and the same size. The global
   h1, h2 rule makes everything 900, so Line 1 is walked back here. */
.hp-slide-container .txt-container h1 {
	color: #fff;
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: 300;
	margin: 0;
}
.hp-slide-container .txt-container h2 {
	color: #fff;
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: 900;
	font-size: 60px;
	line-height: 1.03em;
	margin: 0 0 20px;
}

/* Timeline, scaled to the live site.
   There the year is an h2 (60px) and the card copy has a fixed height, which
   is what keeps every card the same depth. Same idea here, but as a min-height
   plus a flex stretch so an over-long entry grows the whole row instead of
   being clipped. */
.tiles-timeline .slick-track {
	display: flex !important;
	align-items: stretch;
}
/* Fixed card width, as the live site pins .owl-item to 320px rather than
   dividing the viewport. slick reads this because variableWidth is on.
   The track above is a flex container, so flex-basis is what actually decides
   the size and a bare width loses to it: without the 0 0 the cards size
   themselves from their copy and each one comes out a different width. */
.tiles-timeline .slick-slide {
	height: auto !important;
	float: none;
	flex: 0 0 320px;
	width: 320px;
	max-width: 320px;
}
.tiles-timeline .slick-slide > div {
	height: 100%;
	display: flex;
	width: 100%;
}
.tiles-timeline .tile {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.tiles-timeline .tile img {
	flex: 0 0 auto;
	width: 100%;
	height: 240px;
	object-fit: cover;
}
.tiles-timeline .tc-body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
.tiles-timeline .tc-body h3 {
	font-size: 60px;
	line-height: 1.03em;
	margin: 0 0 10px;
}
.tiles-timeline .tc-body p {
	min-height: 160px;
	margin: 0 auto;
}

/* The card keeps its 320px width at every size, as on the live site, so the
   image keeps its 4:3 ratio too. Only very narrow screens step it down. */
@media (max-width: 991px) {
	.tiles-timeline .tc-body p { min-height: 120px; }
	.hp-slide-container .txt-container h2 { font-size: 40px; }
}

@media (max-width: 400px) {
	.tiles-timeline .slick-slide { flex-basis: 280px; width: 280px; max-width: 280px; }
	.tiles-timeline .tile img { height: 210px; }
	.tiles-timeline .tc-body h3 { font-size: 44px; }
}


/* --- Leadership -----------------------------------------------------------
   Most of this page is already covered by the goldenent stylesheet
   (.officer_director-main, .accordion__*, .bgimg-director-officers). Only the
   gaps are set here.
   There is no detail page: each bio is the Team record's description, revealed
   inline by the accordion in inc/../team/teamList.php. */

/* Centre the hero caption. The stylesheet positions it from the left for the
   tavern-group hero, but this page centres it. */
#page.teamList .w3-display-middle-headcontent {
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

/* Optional intro copy from the page's Content record, if one is set. */
.officer_director-main .officer-intro {
	max-width: 970px;
	margin: 0 auto 40px;
	text-align: center;
	color: #999;
}

/* The bio copy comes from CKEditor, so the paragraph colour has to reach
   whatever it emits inside the collapsed and expanded regions. */
.accordion__section--content > p,
.accordion__content p,
.accordion__content li {
	color: #999999;
	font-size: 16px;
}
.accordion__content ul,
.accordion__content ol { margin: 0 0 1em 20px; }
.accordion__content ul li { display: list-item; list-style: disc outside; }

/* Read More / Read Less sits under the copy rather than beside it. */
.accordion__titlebox { cursor: pointer; padding-top: 10px; }


/* ==========================================================================
   Casino group page
   Imported from the static site's style1.css and casino-page.css, which the
   homepage never loaded. Together they carry the .our_resturents property
   card, its expander and the page hero.
   The .golden-group-main-* rules are omitted: they belong to an older card
   design that .our_resturents replaced, and referenced per-property images
   that are now supplied by the CMS gallery instead.
   ========================================================================== */

/* ---- from style1.css ---- */
/* goldencasino group css starts here */
.bgimg-goldencasinogroup {
    background-image: url(../images/GOLDEN-CASINO-GROUP-IMAGES/GOLDEN-CASINO-GROUP-HEADER.jpg);
    width: 100%;
    min-height: 100%;
    /*height: 83vh;*/
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 35% 0;
}
.header-second-casinogroup-width {
    margin: auto;
    color: #F6C13A;
    margin-top: 34px;
    margin-bottom: 26px;
    width: 730px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.header-second-casinogroup-width-locations {
    margin: auto;
    width: 65%;
    color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 20px;
}
.second-casinogroup-small-paragraph-hero {
    margin: auto;
    width: 40%;
}
.second-casinogroup-small-paragraph {
    margin: auto;
    width: 31%;
    margin: 0 auto 26px !important;
}
.second-paragraph p + p{
    margin-bottom: 56px;
}
#header-size-for-innerpages .resturents_logo h2{
    font-size: 60px;
    margin-bottom: 9px;
    color: #fff;
}
.resturents_logo h3{
    margin-bottom: 47px;
    letter-spacing: 0.025em;
    font-size: 26px;
}
.golden-main {
    background: rgba(30,30,30,1);
    position: relative;
}
.second-paragraph h1 {
    margin: 0 auto;
    width: 0%;
    margin-bottom: 20px;
}
.on-hoverstate-casino-text-color a:hover {color: #FFFFFF}
.on-hoverstate-casino-text-color a:focus {color: #FFFFFF}
.on-hoverstate-casino-text-color a:active {color: #FFFFFF}
.golden-main{padding-bottom: 30px;background:#1E1E1E;position: relative;}
.layer-title{
    width: 100%;
    height:450px;
    color: #fff;
    padding:80px 10px 0px 10px;
    position: absolute;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.layer-title h1{font-size: 60px;font-weight: bold}
.layer-title h3{font-weight: bold;margin-bottom: 30px}
.layer-title h3 span{display: inline-block;width: 6px;height: 6px;background: #fff;border-radius:6px;margin: 0px 16px 7px 16px;}
.visit-link{margin-bottom: 30px;height: 120px;display: none}
.up-and-down{position: absolute;left: 0;bottom:0%;right: 0;}
.add-details .layer-title{position: relative !important;padding:50px 10px 50px 10px !important;height:500px;background-color:#353638;}
.add-details .layer-title .visit-link{display: block}
.down{display: none;cursor: pointer}
.add-details .up{display: none;}
.add-details .down{display:block;}
.casino-group-middle-heading {
    position: relative;
    left: 0%;
    text-align: center;
    color: #FFFFFF;
    /* top: 25%; */
    top: 30%;
}
.casino-group-middle-heading h1 {
    width: 100%;
}
.button-data-bottom {
        position: relative;
    bottom: -277px;
    left: 0%;
    z-index: 1;
    background-color: #F6C13A;
    border: 1px solid #F6C13A;
    padding: 0px 15px;
}
.casino-group-favicon-color {
    font-size: 40px !important;
    color: #353638;
}
.mapper-location {
    color: #F6C13A;
    font-size: 27px;
    margin-bottom: 11px;
}
.resturents_logo h4{
    letter-spacing: -0.015em;
    margin: 0;
}
.layer-title h4 {
    padding-bottom: 25px;
}
.visit-link p {
        width: 40%;
    margin: 0 auto;
    padding-bottom: 20px;
}

/*Jaipal Css*/

.layer-title h2 {
    margin-top: 0px;margin-bottom: 20px;padding-top: 0px;
}

@media (max-width: 992px){
    .layer-title h2 {font-size: 45px !important;}
    .layer-title h3 {font-size: 20px !important;}
    .w3-display-casinogroup-middle-headcontent h1{font-size: 28px !important;}
    
}

@media (max-width: 600px){
    .layer-title h2 {font-size: 30px !important;margin-top: 15px !important;padding-top: 0 !important;}
    .layer-title h3 {font-size: 20px !important;margin-bottom: 15px !important}
}


/*Style By Sanaullah*/
.layer-title-container {
    transition: all .5s ease-in-out;
}

.layer-title-container-open{
    cursor: default;
    /* height:600px; */
    bottom: 5%;
    top: 0%;
    position: relative;
    background-color: rgba(53,54,56,1);
}
.layer-title-open{
    /* transform: translateY(100%); */
    cursor: default;
    position: relative;
    cursor: default;
    height: inherit;
}

.layer-title-open .up-and-down {
    position: relative;
    top: 28%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}
@media (max-width: 992px){
    .layer-title-open .up-and-down {
        top: 34%;
    }
    .layer-title-container-open{
        cursor: default;
        /* height:610px; */
        position: relative;
        background-color: rgba(53,54,56,1);
    }
}

@media (max-width: 600px){
    .layer-title-open .up-and-down {
        top: 49%;
    }
    .layer-title-container-open{
        cursor: default;
        /* height:650px; */
        position: relative;
        background-color: rgba(53,54,56,1);
    }
}
@media (max-width: 480px){
    .layer-title-open .up-and-down {
        top: 25%;
    }
    .layer-title-container-open{
        cursor: default;
        /* height:610px; */
        position: relative;
        background-color: rgba(53,54,56,1);
    }
}

@media (max-width: 360px){
    .layer-title-open .up-and-down {
        top: 63%;
    }
    .layer-title-container-open{
        cursor: default;
        /* height:700px; */
        position: relative;
        background-color: rgba(53,54,56,1);
    }
}

/* ---- from casino-page.css ---- */

/*=========================================
=            restaurant page            =
=========================================*/
/* .casino-first-image {background-image:url('../images/GOLDEN-CASINO-GROUP-IMAGES/GOLDEN-CASINO-GROUP-THE-STRAT-IMAGE.jpg');background-size: cover} */
/* .casino-second-image {background-image:url('../images/GOLDEN-CASINO-GROUP-IMAGES/GOLDEN-CASINO-GROUP-ROCKY-GROUP.jpg');background-size: cover}
.casino-third-image {background-image:url('../images/GOLDEN-CASINO-GROUP-IMAGES/GOLDEN-CASINO-GROUP-AQUARIS.jpg');background-size: cover}
.casino-fourth-image {background-image:url('../images/GOLDEN-CASINO-GROUP-IMAGES/GOLDEN-CASIO-GROUP-PAHRUMP-NUGGET.jpg');background-size: cover}
.casino-fifth-image {background-image:url('../images/GOLDEN-CASINO-GROUP-IMAGES/GOLDEN-CASINO-GROUP-ARIZONA-CHARLIES.jpg');background-size: cover}
.casino-sixth-image {background-image:url('../images/GOLDEN-CASINO-GROUP-IMAGES/GOLDEN-CASINO-GROUP-GOLD-TOWN.jpg');background-size: cover}
.casino-seventh-image { background-image:url('../images/GOLDEN-CASINO-GROUP-IMAGES/GOLDEN-CASINO-GROUP-LAKESIDE.jpg');background-size: cover} */
@media screen and (min-width: 320px) and (max-width: 568px) {
    .casino-first-image {height: 300px;}
.casino-second-image {height: 300px;}
.casino-third-image {height: 300px;}
.casino-fourth-image {height: 300px;}
.casino-fifth-image {height: 300px;}
.casino-sixth-image {height: 300px;}
.casino-seventh-image {height: 300px;}
}

.restaurant-banner h1 {
    letter-spacing: 3px !important;
    word-spacing: 1px !important;
    font-size: 60px;
    text-transform: uppercase;
    color: #f1ede1;
}

.restaurant-banner h1:after {
    content: '';
    height: 3px;
    width: 60px;
    margin: 35px auto 10px;
    border: 0;
    display: block;
    background: #f2ede1;
}
@media screen and (min-width: 920px){
    .resturents_content p {
        width: 45%;
    }
}
.resturents_content p {
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 25px;
}
.resturents_logo h2 {
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 0px;
    text-transform: uppercase;
}
.resturents_logo h3 {
    font-weight: bold;
    margin-bottom: 47px;
}
.restaurant-banner h1 .header-slanted {
    -webkit-transform: matrix(0.99037, -0.13846, 0.13846, 0.99037, 0, 0);
    -ms-transform: matrix(0.99037, -0.13846, 0.13846, 0.99037, 0, 0);
    transform: matrix(0.99037, -0.13846, 0.13846, 0.99037, 0, 0);
    display: inline-block;
    font-style: italic;
}

.restaurant-banner p {
    font-size: 34px;
    line-height: 1.5 !important;
    color: #f1ede1;
}
.slider-bg{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .5;
}
.slider-bg:after{
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    opacity: .5;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.slider-bg .owl-stage-outer{
    height: 100%;
}
.slider-bg .owl-stage{
    height: 100%;
}
.slider-bg .owl-item{
    height: 100%;
    opacity: 1;
}
.slider-bg .slide{
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
    html body .restaurant-banner {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    html body .restaurant-banner h1 {
        font-size: 40px;
        padding-bottom: 14px;
    }
    html body .restaurant-banner h1:after {
        margin: 30px auto 5px;
    }
    html body .restaurant-banner > .et_pb_row {
        padding-top: 29px;
        padding-bottom: 29px;
    }
    html body .restaurant-banner p {
        font-size: 22px;
        line-height: 1.5 !important;
    }
    html body .restaurant-banner p br {
        display: none;
    }
    img.mobile-casino-middlwlogo-view {
        width: 200px;
        max-width: 100%;
    }
}

.et-social-icons.restaurant-social_icons {
    text-align: center;
    float: none;
    margin: 0 auto;
    display: block;
    width: auto;
    padding: 0;
}

.et-social-icons.restaurant-social_icons li {
    margin: 20px 10px 0;
}

.et-social-icons.restaurant-social_icons li a:before {
    padding: 4px;
    vertical-align: middle;
}

.our_resturents {
    border-bottom: 31px solid #1e1e1e;
}

.our_resturents_top_sec {
    position: relative;
    cursor: pointer;
}

.our_resturents_top_sec:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
    opacity: .5;
    content: "";
    z-index: 2;
    transition: all .3s;
}

/* .active_resturents .our_resturents_top_sec:after {
    opacity: 0;
} */
.active_resturents .slider-bg{
    opacity: 1;
}
.resturents_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .7s;
    z-index: 10;
    max-width: 991px;
    width: 100%;
}
/* .resturents_logo {
    position: absolute;
    top: 138px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transition: all .7s;
    -webkit-transition: all .7s;
    z-index: 10;
} */
.our_resturents_detials_wraper {padding-bottom: 20px}
.resturents_logo h3 span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 6px;
    margin: 10px 15px 7px 15px;
    vertical-align: top;
}

.active_resturents .resturents_logo {
    top: 100%;
    top: calc(100% + 52px);
    left: 50%;
    transform: translate(-50%, 0);
}
.active_resturents .resturents_logo h3{
    margin-bottom: 26px;
}
.open_detials_btn {
    position: absolute;
    left:0;right: 0;margin: auto;
    bottom: 0px;
    width: 57px;
    height: 48px;
    transition: all .3s;
    z-index: 12;
    background: url("../images/arrow-down.jpg") no-repeat center;
}
.bottom-btn{
    opacity:1 !important;
    background: url("../images/arrow-up.jpg") no-repeat center;
    cursor: pointer;
}
/*
.open_detials_btn:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    height: 100%;
    margin: 0 0 0 -2px;
    border-right: 2px solid #f2ede1;
    transform: rotate(0);
}

.open_detials_btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin: -2px 0 0 0;
    border-bottom: 2px solid #f2ede1;
    transform: rotate(0);
}
*/


.active_resturents .open_detials_btn {
    opacity: 0;
}


.no-touch .our_resturents_top_sec:hover .open_detials_btn {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.our_resturents_detials {
    background-color: #000;
    overflow: hidden;
    padding-top: 235px;
    padding-bottom: 88px;position: relative
}

/*
.our_resturents.restaurant-711 .our_resturents_detials {
    background-image: url(img/yellow_pattern.jpg);
    padding-top: 220px;
}
*/

/* .our_resturents.active_resturents:nth-child(5n+1) .resturents_logo {
    -webkit-filter:;
    filter: invert(1);
} */
/*

.our_resturents.restaurant-711 .resturents_content {
    color: #000;
}

.our_resturents.restaurant-711 .resturents_content .et-social-icons.restaurant-social_icons li a {
    color: #000;
}

.our_resturents.restaurant-711 .resturents_links a {
    border-color: #000;
    color: #000;
}

.our_resturents.restaurant-711 .resturents_links a:hover {
    background-color: #000;
    color: #fbaf13;
}

.our_resturents.restaurant-731 .resturents_links a:hover {
    color: #2a2621;
}

.our_resturents.restaurant-750 .resturents_links a:hover {
    color: #f82125;
}

.our_resturents.restaurant-751 .resturents_links a:hover {
    color: #040404;
}

.our_resturents.restaurant-755 .resturents_links a:hover {
    color: #218385;
}

.our_resturents.restaurant-711 .our_resturents_detials hr {
    background: #000;
}
*/
.our_resturents_detials {   
    background: rgba(53,54,56,1);
}
.our_resturents.restaurant-731 .our_resturents_detials {
    /*background-image: url(img/brown_pattern.jpg);*/
/*    background: rgba(53,54,56,1);*/
}

.our_resturents.restaurant-750 .our_resturents_detials {
    /*background-image: url(img/red_texture_tiled_repeat.png);*/
/*    background: rgba(53,54,56,1);*/
}

.our_resturents.restaurant-751 .our_resturents_detials {
    /*background-image: url(img/black_pattern.jpg);*/
/*    background: rgba(53,54,56,1);*/
}

.our_resturents.restaurant-755 .our_resturents_detials {
    /*background-image: url(img/green_pattern.jpg);*/
/*    background: rgba(53,54,56,1);*/
}

.resturents_video_wraper {
    overflow: hidden;
}

.our_resturents_detials hr {
    height: 3px;
    width: 60px;
    margin: 0 auto;
    border: 0;
    display: block;
    background: #f2ede1;
}

.resturents_content {
    text-align: center;
    max-width: 1280px;
    padding: 20px 40px 8px;
    margin: 0 auto;
    font-size: 34px;
    color: #f2ede1;
    line-height: 1.5;
}

.resturents_links {
    text-align: center;
    font-size: 32px;
    text-transform: uppercase;
    padding: 20px;
}

.resturents_links a {
    display: inline-block;
    border: 5px solid #f2ede1;
    padding: 8px 28px;
    margin: 0 15px;
    text-decoration: none;
    color: #f2ede1;
    font-size: 32px;
    transition: all .3s;
    font-family: "rift-soft";
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1.5;
}

.resturents_links a:hover {
    background-color: #f2ede1;
    color: #208082;
}

.our_resturents_detials {
    display: none;
}

div.video {
    padding-bottom: 31.25%;
    width: 100%;
    background-size: cover;
    position: relative;
    background: #000;
}

div.video video {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.address_section a {
    color: #fff;
}

.address_section a:hover {
    color: #fff;
    text-decoration: underline;
}

.address_section em {
    padding: 0 17px;
}

/* Hide Play button + controls on iOS */
video::-webkit-media-controls {
    display: none !important;
}

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@media (max-width: 1300px) {
    /* .resturents_logo {
        transform: translate(-50%, -50%) scale(0.6);
    }
    .active_resturents .resturents_logo {
        top: calc(100% + 35px);
        transform: translate(-50%, 0) scale(0.6);
    } */
    /* .our_resturents_detials {
        padding-top: 170px;
        padding-bottom: 40px;
    } */
/*
    .our_resturents.restaurant-711 .our_resturents_detials {
        padding-top: 110px;
    }
    .our_resturents.restaurant-731 .our_resturents_detials {
        padding-top: 160px;
    }
    .our_resturents.restaurant-750 .our_resturents_detials {
        padding-top: 145px;
    }
    .our_resturents.restaurant-755 .our_resturents_detials {
        padding-top: 250px;
    }
*/
    .resturents_links {
        font-size: 22px;
        padding: 20px;
    }
    .et_pb_row {
        width: 90%;
    }
}
@media screen and (max-width: 991px) {
    .resturents_logo h3 span {
        width: 6px;
        height: 6px;
        margin: 8px 15px 7px 15px;
    }
}
@media (max-width: 900px) {
    .resturents_logo {
        transform: translate(-50%, -50%) scale(1);
        width: 100%;
        max-width: 80%;
    }
    .active_resturents .resturents_logo {
        transform: translate(-50%, 0) scale(1);
    }
   
/*
    .restaurant-755 .resturents_logo {
        width: 200px;
    }
*/
/*
    .open_detials_btn {
        bottom: 5%;
    }
*/
    .our_resturents_detials {
        padding-top: 200px;
        padding-bottom: 20px;
    }
/*
    .our_resturents.restaurant-731 .our_resturents_detials {
        padding-top: 140px;
    }
    .our_resturents.restaurant-750 .our_resturents_detials {
        padding-top: 140px;
    }
    .our_resturents.restaurant-755 .our_resturents_detials {
        padding-top: 200px;
    }
*/
    .resturents_links {
        font-size: 22px;
        padding: 20px;
    }
    .resturents_links a {
        border: 3px solid #f2ede1;
        padding: 8px 20px;
        margin: 10px;
        font-size: 22px;
    }
    div.video {
        padding:25% 0;
    }
    div.video video {
        width: auto;
        max-width: none;
    }
    .our_resturents_detials hr {
        height: 2px;
        width: 50px;
    }
    .resturents_content {
        text-align: center;
        max-width: 1280px;
        padding: 10px 40px;
        margin: 0 auto;
        font-size: 18px;
        color: #f2ede1;
    }
    .our_resturents_detials_wraper{padding-bottom: 40px}
}

@media only screen and (max-width: 980px) {
    .resturents_links a {
        padding: 0.3em 1em !important;
        letter-spacing: 4px;
        font-size: 28px;
        border-width: 5px;
    }
}

@media (max-width: 600px) {
    .resturents_logo {
        transform: translate(-50%, -50%) scale(1);
        max-width: 100%;
        padding: 0 9px;
    }
    .active_resturents .resturents_logo {
        transform: translate(-50%, 0) scale(1);
    }
    .our_resturents_detials {
        padding-bottom: 20px;
    }
    .our_resturents.restaurant-755 .our_resturents_detials {
        padding-top: 220px;
    }
    .resturents_links {
        font-size: 18px;
        padding: 20px;
    }
    div.video {
        padding-bottom: 50%;
    }
    .resturents_content strong {
        display: block;
    }
    .open_detials_btn {
       background-size: 100%;
    }
    .open_detials_btn:before {
        margin-left: -1px;
    }
    .restaurant-755 .resturents_logo {
        width: 100%;
    }
    .active_resturents .resturents_logo {
        top: calc(100% + 50px);
    }
    .resturents_logo h3 span{
        margin: 9px 7px 7px 7px;
        width: 6px;
        height: 6px;
    }
    .resturents_logo h3{
        margin-bottom: 21px;
    }
}

@media (max-width: 767px) {
    div.video video {
        display: none !important;
    }
    .address_section em {
        display: block;
        height: 0px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 567px) {
    .resturents_links a {
        padding: 0.3em 1em !important;
        letter-spacing: 4px;
        font-size: 20px;
        border-width: 5px;
    }
    /* .resturents_logo h3{font-size: 16px !important}
    .resturents_logo h2{font-size: 22px !important;} */
/*
    .restaurant-731 .resturents_logo{
        top: 40%;
    }
*/
}
.container-casino-second-section {background-color: #1e1e1e;padding: 50px 0px 0px 0px;}
@media screen and (max-width: 768px) and (min-width: 320px) {
.container-casino-second-section {
    padding: 50px 0px 0px 0px;
}
}
/*=========================================
=            End of restaurant page           =
=========================================*/


/* --- Casino group: CMS adjustments ---------------------------------------
   The imported casino-page.css sizes the gallery through Owl's internals
   (.owl-stage-outer / .owl-stage / .owl-item). This install uses slick, so
   the same heights are given to slick's equivalents further down. */

/* The static markup carried style="color:white" inline on this block, and
   sized the name through a body id we do not use (#header-size-for-innerpages). */
.our_resturents .resturents_logo { color: #fff; }
.our_resturents .resturents_logo h2 {
	font-size: 60px;
	margin-bottom: 9px;
	color: #fff;
}

/* Optional intro copy from the page's Content record. */
/* The imported .container-second-section grey reads lighter than the ground
   the rest of the site uses, so this band is set to match them. */
.casinogroup-intro { background-color: #343a40; padding-bottom: 40px; }
.casinogroup-intro p { color: #fff; }


/* ---- from booking_widget.css ----
   The STRAT booking widget in the casino group hero. Linked on the static
   page with a cache-buster query string, which is why it is easy to miss in
   that page's stylesheet list. */
@charset "utf-8";
/* CSS Document */
.GE_booking {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  color: #ffffff !important;
  font-family: franklin-gothic-urw, sans-serif; font-weight:700;
  padding-bottom:3%;
	width:42%;
	min-width:360px;
	text-align:center;
	
  /* WCAG REMOVAL
  left: 50%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 78%;
  transform: translate(-50%, -50%);
  z-index: 900;
  */
  /*WCAG ADD */
  position:relative; display:inline-block !important; margin:200px auto 0 auto !important;
}

#booking-form {
  min-width: 360px;
  width: auto;
}

.bdl, .bdr {
	width: auto;
	display: inline-block;
	text-align: center;
	margin: 0 20px;
}


.waiting{
	text-align:center !important;
	font-size:2em !important;
	color:#f6c13a !important;
	padding-top:10px !important;
}

.GE_booking label {
	font-size: 0.7em;
	text-align: center;
	color: #f6c13a;
}

.GE_booking input {
  border: 1px solid #f6c13a;
  height: 20px !important;
  text-align: center;
  line-height: 22px;
}

#txtDate {
	width: 126px;
}

.sminput{
  width: 64px;
}


.GE_booking .font3 {
	font-size: 1.3em !important;
	background: #f6c13a;
	padding: 8px !important;
	margin: 0 !important;
}

.clr {
  display: block;
  height: 7px !important;
  width: 100%;
}

.Booking_inner {
	padding: 3% 0% 0 !important;
}

.booking_div {
  display: inline-block;
}


.sminput {
  width: 64px !important;
}

#rezitf {
	background: #f6c13a none repeat scroll 0 0;
	width: 126px !important;
	font-size: .9em !important;
	border: #f6c13a 1px solid;
  line-height: 12px;
}

#ratecal {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #f6c13a !important;
  width: 140px !important;
   font-size: 0.9em !important;
  line-height: 12px;
}

.ADA{display: none;}

#dateWrapper {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  color: #eee !important;
  display: none;
  height: 360px !important;
  left: 50% !important;
  margin: 0 auto;
  width: 360px !important;
  position: fixed;
  transform: translate(-50%, -50%);
  /* z-index: 9999; */
}

.w3-display-casinogroupmobile-middle-headcontent, .w3-display-casinogroup-middle-headcontent {
    /*top: 50% !important;*/
	top:225px !important;
	position:relative !important;
}

  .our_resturents_detials_wraper .btn{
    margin:6px !important;
  }


/*  FOR NUMBER SELECTORS  */


input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0 !important;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.nit {
	margin-right: 15px !important;
}

.spdiv {
  border: 1px solid #f6c13a;
  width: 60px;
}
span.spdiv{
	display: block;
}

.quantity input {
  border: none;
  border-left: 1px solid #f6c13a;
  border-right: 1px solid #f6c13a;
  display: inline-block;
  margin: 0 !important;
  width: 22px !important;
}

.quantity input:focus { }

.quantity-nav {
  display: inline-block;
  height: 22px !important;
  position: absolute;
  text-align: center !important;
  width: 19px !important;
}

.quantity-button {
  -moz-user-select: none;
  background: none;
  color: #f6c13a;
  cursor: pointer;
  font-family: "Trebuchet MS",Helvetica,sans-serif !important;
  font-size: 20px !important;
  height: 100% !important;
  line-height: 22px !important;
  position: absolute;
  transform: translateX(50%);
  width: 100% !important;
}

.quantity-button.quantity-up {
  left: -10px !important;
  line-height: 19px !important;
}

.quantity-button.quantity-down {
  left: -50px !important;
  line-height: 19px !important;
}


@media screen and (max-width:992px){
  
  #dateWrapper {
    width: 360px !important;
  }
}

@media screen and (max-width:800px){
  
  .bdl, .bdr {
    margin: 0 20px !important;
  }
  
}

@media screen and (max-width:768px){
  
  .w3-display-casinogroupmobile-middle-headcontent, .w3-display-casinogroup-middle-headcontent {
    top: 40% !important;
	left:0 !important;
}
  
  .GE_booking {
    width: 100% !important;
    /*top: 93% !important;*/
  }
  
}



@media screen and (max-width:500px){

  
}


/*WCAG ADD*/
@media (min-width:1900px) {
	/*.GE_booking { margin:21% auto 0 auto !important; }*/
}
					

/* --- Casino group: centring and gallery ---------------------------------- */

/* The logo block is centred as a box by the imported CSS, but its contents
   were left ranged left; the detail panel's buttons likewise. */
.our_resturents .resturents_logo { text-align: center; }
.our_resturents .our_resturents_detials_wraper { text-align: center; }

.our_resturents .mapper-location {
	display: block;
	color: #F6C13A;
	margin-bottom: 11px;
	line-height: 1;
}
/* The symbol is the last thing in the card head and the description opens
   directly under it, so it needs clearance below as well as above. */
.our_resturents .ge-symbol { padding-top: 20px; margin: 0 0 30px; }
.our_resturents .ge-symbol img { display: inline-block; }

/* Space the two calls to action rather than butting them together. */
.our_resturents .our_resturents_detials_wraper .btn-2ndsection1 { margin: 0 8px; }

/* Gallery.
   The imported .video is an aspect-ratio box: padding-bottom: 31.25% with no
   content height. Every height: 100% below it therefore resolved against a
   zero content box, slick's wrappers collapsed, and the card showed only
   .video's black ground. Giving .video a real height with aspect-ratio (16:5
   is the same 31.25%) makes the whole percentage chain resolve normally. */
div.video {
	padding-bottom: 0;
	aspect-ratio: 16 / 5;
}
.slider-bg .slick-list,
.slider-bg .slick-track,
.slider-bg .slick-slide,
.slider-bg .slick-slide > div,
.slider-bg .slide {
	height: 100%;
}
/* Before slick initialises, only the first slide shows. */
.slider-bg:not(.slick-initialized) .slide ~ .slide { display: none; }

/* Same substitution for the narrow breakpoints, where the imported rules ask
   for a 50% padding box (2:1) rather than 31.25%. */
@media (max-width: 900px) {
	div.video {
		padding: 0;
		aspect-ratio: 2 / 1;
	}
}


/* --- PT's Taverns ---------------------------------------------------------
   The imported rules drive these cards through Owl's internals, because the
   static site runs .carousel2-inner as an owl carousel. This install uses
   slick, so the same treatment is given to slick's equivalents below. The
   .carousel2-indicators and .carousel2-control-* markup on the static page is
   Bootstrap carousel markup that nothing ever initialises, and is not
   reproduced here.
   -------------------------------------------------------------------------- */

/* Slides. */
.carousel2-inner .slick-slide {
	opacity: 1;
}
/* Scoped to the photograph: .top-ontopof-image is the brand logo laid over
   it, and must keep its own size. */
.carousel2-inner .slick-slide .img-fluid-tavren {
	display: block;
}

/* Arrows: styled as .owl-prev / .owl-next above, revealed on hover.
   slick-theme.css parks them outside the box and draws a glyph from its own
   icon font, so both are undone here and replaced with the arrow SVGs the
   static page carries in an inline style block. */
.carousel2-inner .slick-prev,
.carousel2-inner .slick-next {
	position: absolute;
	top: 50%;
	bottom: auto;
	z-index: 2;
	height: 55px;
	width: 45px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	opacity: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background-color: #E8A13C;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 20px;
}
.carousel2-inner .slick-prev {
	left: 0;
	right: auto;
	background-image: url(../images/ge-left-arrow.svg);
}
.carousel2-inner .slick-next {
	right: 0;
	left: auto;
	background-image: url(../images/ge-right-arrow.svg);
}
/* slick-theme draws its arrows with a font glyph in ::before. */
.carousel2-inner .slick-prev:before,
.carousel2-inner .slick-next:before {
	content: none;
}
.carousel2-inner:hover .slick-prev,
.carousel2-inner:hover .slick-next {
	visibility: visible;
}

/* Dots, as .owl-dots / .owl-dot above. */
.carousel2-inner .slick-dots {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 15;
	display: block;
	width: auto;
	padding-left: 0;
	margin: 0;
	text-align: center;
	list-style: none;
}
.carousel2-inner .slick-dots li {
	height: 7px;
	width: 7px;
	display: inline-block;
	border-radius: 100%;
	background-color: rgb(132, 132, 132);
	margin: 0 3px;
	padding: 0;
	cursor: pointer;
}
.carousel2-inner .slick-dots li.slick-active {
	background: #fff;
}
/* slick-theme puts a bulleted button inside each dot. */
.carousel2-inner .slick-dots li button {
	display: none;
}

/* The wordmark above the cards, sized inline on the static page. */
.tavern-logo-image .pts-wordmark {
	width: 100%;
	max-width: 350px;
}

/* Introduction, authored in the Page Manager, so it arrives as a plain h2 and
   p rather than carrying .heading-text-top / .second-tavern-small-paragraph. */
.taverns-intro h2 {
	color: #E8A13C;
	padding-top: 40px;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: 900;
}
.taverns-intro p {
	color: #fff;
	margin: auto;
	width: 70%;
}
.taverns-intro .btn-2ndsection1,
.taverns-intro .btn-2ndsection2 {
	margin-top: 30px;
}

/* Equal-height copy boxes. The static site levels these with the matchHeight
   plugin; the row is already flex under Bootstrap 4, so making the column a
   flex column and letting the box grow does the same without the plugin. */
.second-row .casino-taverns-bottom-space {
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}
.second-row .slider-box-tavern {
	flex: 1 1 auto;
}

@media (max-width: 991px) {
	.taverns-intro p { width: 90%; }
}

/* Hero caption. The stylesheet positions this one from the left and leaves it
   the default dark, which the live site does not: there it is centred, white
   and upper case over the photograph. */
#page.locationsModule .w3-display-casinogroupmobile-middle-headcontent {
	width: 100%;
	text-align: center;
}
#page.locationsModule .header-caption {
	color: #fff;
	text-transform: uppercase;
}

/* slick-theme puts a 30px margin under any carousel that has dots, which
   parted each card's photograph from its copy box. The two sit flush. */
.carousel2-inner.slick-dotted.slick-slider {
	margin-bottom: 0;
}

/* --- News -----------------------------------------------------------------
   Restyle only. The listing, detail, category and tag views keep the CMS's
   own markup; none of it had any styling of its own, so this gives it the
   site's dark ground, centres the column and makes the copy legible on it.
   -------------------------------------------------------------------------- */

/* The column the CMS wraps its content in. Used by the news views and by the
   property and tavern detail views, none of which set a width. */
.container900 {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 15px;
}

#page.newsModule #content {
	background-color: #1e1e1e;
	color: #999;
	padding-bottom: 70px;
}
#page.newsModule .container900 {
	padding-top: 50px;
}
/* The article title. The base h1 rule is 60px, which is hero scale and far
   too large for a headline sitting in a 900px column. Scoped to the column so
   the hero caption above it keeps its own size. */
#page.newsModule .container900 h1 {
	font-size: 36px;
	line-height: 1.15;
	margin-bottom: 16px;
}
/* Scoped to #content throughout: the footer sits inside #page as well, and
   these colours must not reach its links. */
#page.newsModule #content h1,
#page.newsModule #content h2 {
	color: #fff;
	text-align: center;
}
#page.newsModule #content p {
	color: #999;
}
#page.newsModule #content a {
	color: #E8A13C;
}
#page.newsModule #content a:hover {
	color: #fff;
}

/* Listing. One article per row, the thumbnail above the heading. */
.newslisting {
	list-style: none;
	margin: 0;
	padding: 0;
}
.newslisting li {
	display: block;
	text-align: center;
	padding: 0 0 40px;
	margin: 0 0 40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.newslisting li:last-child {
	border-bottom: 0;
}
.newslisting .news-thm {
	display: block;
	max-width: 100%;
	margin: 0 auto 20px;
}
.newslisting h3 {
	margin: 0 0 6px;
}
.newslisting h3 a {
	color: #fff;
}
.newslisting h3 a:hover {
	color: #E8A13C;
}
.newslisting .date,
.newsModule .date {
	color: #8EB0BA;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 12px;
}

/* Read More, and the document and external links on a detail page. */
#page.newsModule #content .fat-btn {
	display: inline-block;
	margin-top: 10px;
	padding: 10px 26px;
	border: 2px solid #E8A13C;
	color: #E8A13C;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
}
#page.newsModule #content .fat-btn:hover {
	background-color: #E8A13C;
	color: #fff;
}

/* Detail: the extra link rows and the previous / next pair. */
.add-links {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}
.add-links li {
	display: inline-block;
	padding: 0 12px;
	border-right: 1px solid rgba(255, 255, 255, 0.25);
}
.add-links li:last-child {
	border-right: 0;
}
.postNav {
	text-align: center;
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* Pagination, from CLinkPager. */
.pager ul.yiiPager {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.pager ul.yiiPager li {
	display: inline-block;
	margin: 0 3px;
}
.pager ul.yiiPager li a,
.pager ul.yiiPager li span {
	display: block;
	padding: 6px 12px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	text-decoration: none;
}
.pager ul.yiiPager li.selected a {
	background-color: #E8A13C;
	color: #fff;
}
.pager ul.yiiPager li.hidden span {
	opacity: .4;
}

/* Hero caption, centred in the band and lifted clear of the veil.
   It was sitting at the top, colliding with the nav, and reading grey rather
   than white: .overlay-1stimage-tavrengroup is positioned and .bg-overlay-1
   is not, so the 30% black veil painted over the heading. Positioning the
   caption resolves against .w3-display-container, the full height of the
   band, and the z-index puts it above the veil. */
#page.newsModule .w3-display-middle-headcontent {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	z-index: 2;
}

/* --- Contact --------------------------------------------------------------
   Headquarters details left, form right. The form is the forms module's own
   CActiveForm output, restyled rather than rebuilt, so the rules below work
   against its .row wrappers.
   -------------------------------------------------------------------------- */

#page.formsModule .w3-display-middle-headcontent {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	z-index: 2;
}
#page.formsModule .header-caption {
	color: #fff;
	text-transform: uppercase;
}
/* The line under the heading is authored in CKEditor, so it arrives wrapped
   in its own paragraph rather than being one. */
.head-sub-paragraph p {
	color: #fff;
	margin: 0;
}

.contactus-main {
	background-color: #1e1e1e;
	color: #999;
	padding: 60px 0 80px;
}
.contactus-main .contact-details-section {
	color: #999;
}
.contactus-main .contact-details-section h1,
.contactus-main .contact-details-section h2,
.contactus-main .contact-details-section h3 {
	color: #E8A13C;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0 0 14px;
}
.contactus-main .contact-details-section p {
	color: #999;
}
.contactus-main .contact-details-section a {
	color: #fff;
}
.contactus-main .contact-details-section a:hover {
	color: #E8A13C;
}
.contactus-main .contact-map iframe {
	max-width: 100%;
	border: 0;
}

/* Form.
   CActiveForm wraps every field in div.row, which Bootstrap 4 claims as a
   flex row with negative margins. That is undone here and the wrappers are
   used as the layout's own two-up columns instead: half width by default,
   full width for the comments box, the captcha and the submit button. */
.contact-form-section .form form {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
/* The required-fields note. It sits inside the form element, not beside it,
   so it has to be pulled onto a line of its own or it takes the first
   column and pushes the opening field across. */
.contact-form-section .form form > p {
	width: 100%;
	padding: 0 10px;
	margin: 0 0 20px;
	color: #999;
	font-size: 14px;
}
.contact-form-section .form .row {
	display: block;
	width: 50%;
	margin: 0 0 20px;
	padding: 0 10px;
}
.contact-form-section .form .row.row-wide,
.contact-form-section .form .row.captcha,
.contact-form-section .form .row.recaptcha,
.contact-form-section .form .row.buttons {
	width: 100%;
}
/* The property picker only applies to a couple of "Send To" choices (General
   Feedback, Casinos) -- hidden by default, JS reveals it for those. */
.contact-form-section .form .row.shoprop {
	visibility: hidden;
}
.contact-form-section .form label {
	display: block;
	color: #999;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 6px;
}
.contact-form-section .form .required {
	color: #E8A13C;
}
/* select is included for the department picker that is being added to the
   model: it will arrive as another .row and pick these up. */
.contact-form-section .form input[type="text"],
.contact-form-section .form input[type="email"],
.contact-form-section .form select,
.contact-form-section .form textarea {
	width: 100%;
	padding: 12px 14px;
	background-color: #2b2b2b;
	border: 1px solid rgba(255, 255, 255, 0.25);
	color: #fff;
	font-family: franklin-gothic-urw, sans-serif;
	font-size: 15px;
}
.contact-form-section .form select {
	/* Strip the platform control so it matches the text fields, and put the
	   site's own chevron back. */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../images/carat-smoky-blue.svg);
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 12px;
	padding-right: 36px;
}
.contact-form-section .form textarea {
	min-height: 180px;
	resize: vertical;
}
.contact-form-section .form input:focus,
.contact-form-section .form select:focus,
.contact-form-section .form textarea:focus {
	outline: 0;
	border-color: #E8A13C;
}
.contact-form-section .form .errorMessage {
	display: block;
	color: #E8A13C;
	font-size: 13px;
	padding-top: 6px;
}
.contact-form-section .form .error {
	border-color: #E8A13C;
}
.contact-form-section .form .row.buttons {
	text-align: center;
}
.contact-form-section .form input[type="submit"] {
	display: inline-block;
	padding: 12px 44px;
	background: none;
	border: 2px solid #E8A13C;
	color: #E8A13C;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}
.contact-form-section .form input[type="submit"]:hover {
	background-color: #E8A13C;
	color: #fff;
}

@media (max-width: 767px) {
	.contact-form-section .form .row {
		width: 100%;
	}
	.contactus-main .contactus-leftdata {
		margin-bottom: 40px;
	}
}

/* Casino group and taverns hero captions.
   Both read grey rather than white for the same reason the news one did:
   .overlay-1stimage-tavrengroup is positioned and .bg-overlay-1 is not, so
   the 30% black veil painted over the heading. The z-index lifts the caption
   clear of it. */
#page.gcgModule .w3-display-casinogroup-middle-headcontent,
#page.locationsModule .w3-display-casinogroupmobile-middle-headcontent {
	z-index: 2;
}
#page.gcgModule .header-caption {
	color: #fff;
	text-transform: uppercase;
}
#page.gcgModule .head-sub-paragraph {
	max-width: 860px;
	margin: 18px auto 0;
}
/* The caption block is dropped down the hero with position:relative and
   top:225px, which moves it visually without reserving the space, so the
   booking widget below still lays out as though the caption were at the top
   of the band and the strapline landed on the widget's header bar. Pushing
   the widget down with a margin could not fix it: the widget's own margin
   carries !important, and the overlap is a flow problem rather than a
   spacing one.

   Turned into padding instead, so the same drop is real space that the
   widget lays out after. The widget's margin is cut to suit, and the two
   together have to fit the band's fixed 640px height. Left to the imported
   rules below 769px, where the band grows to fit its contents. */
@media (min-width: 769px) {
	#page.gcgModule .w3-display-casinogroup-middle-headcontent {
		top: 0 !important;
		padding-top: 140px;
	}
	#page.gcgModule .GE_booking {
		margin-top: 40px !important;
	}
}

/* --- Content pages (the dynamic template) ---------------------------------
   Pages with a Page Manager record but no route of their own. No header
   band: the navigation's Golden Entertainment logo is the header, on the
   page's own grey rather than a photograph, as the live site's policy and
   statement pages do it.
   -------------------------------------------------------------------------- */

/* The navbar is Bootstrap's fixed-top, so it is out of flow and #content
   clears it with padding rather than sitting below it. That means the strip
   behind the bar is the page ground, not #content: the grey has to go on the
   wrapper, or the bar floats on the body's white and the light links
   disappear into it. */
#page.dynamic {
	background-color: #292A2C;
}
#page.dynamic #content {
	padding-top: 92px;
	background-color: #292A2C;
}
#page.dynamic #header .navbar {
	background: transparent;
}
#page.dynamic #nav-right ul li a {
	color: #fff;
}
#page.dynamic #nav-right ul li a:hover,
#page.dynamic #nav-right ul li.active a {
	color: #8EB0BA;
}

.dynamic-main {
	padding: 60px 0 80px;
	color: #AAAAAA;
}
.dynamic-main h1 {
	color: #fff;
	font-size: 40px;
	margin-bottom: 40px;
}

/* Plain pasted copy, addressed by element because it is whatever CKEditor
   emits.

   Two guards, and both are needed. :not([class]) keeps these rules off an
   element that carries a class of its own. :where() then drops what
   .dynamic-content contributes to specificity to nothing, so a rule belonging
   to a designed section outranks these even when the element inside it is
   bare: the policy blocks style their own p and a, and without :where() this
   block beat them on class count and the links came out small, orange and
   underlined instead of large, blue and plain.

   The imported stylesheet also sizes paragraphs and blanks list markers
   globally, both of which have to be put back for body copy. */
/* The container keeps its own specificity: nothing competes for it, and the
   base size should not be beaten by an inherited rule. */
.dynamic-content {
	font-size: 16px;
	line-height: 1.6;
}
:where(.dynamic-content) h2:not([class]),
:where(.dynamic-content) h3:not([class]),
:where(.dynamic-content) h4:not([class]) {
	color: #fff;
	margin: 36px 0 14px;
}
:where(.dynamic-content) h2:not([class]) { font-size: 28px; }
:where(.dynamic-content) h3:not([class]) { font-size: 22px; }
:where(.dynamic-content) h4:not([class]) { font-size: 18px; }
:where(.dynamic-content) p:not([class]) {
	color: #AAAAAA;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 18px;
}
:where(.dynamic-content) a:not([class]) {
	color: #E8A13C;
	text-decoration: underline;
}
:where(.dynamic-content) a:not([class]):hover {
	color: #fff;
}
:where(.dynamic-content) strong:not([class]),
:where(.dynamic-content) b:not([class]) {
	color: #fff;
}
/* Indent with padding rather than a left margin: these lists are also given
   auto side margins further down so their box centres in the column, and an
   auto margin would wipe out a left margin, dropping the markers outside the
   text and leaving the list hanging off to the left. */
:where(.dynamic-content) ul:not([class]),
:where(.dynamic-content) ol:not([class]) {
	margin: 0 0 18px;
	padding-left: 22px;
}
:where(.dynamic-content) ul:not([class]) li {
	display: list-item;
	list-style: disc outside;
	margin-bottom: 8px;
}
:where(.dynamic-content) ol:not([class]) li {
	display: list-item;
	list-style: decimal outside;
	margin-bottom: 8px;
}
.dynamic-content img {
	max-width: 100%;
	height: auto;
}
/* A rule between sections. Unstyled it is invisible on the dark ground, so a
   pasted page shows an unexplained gap where one was meant. */
:where(.dynamic-content) hr:not([class]) {
	height: 0;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	margin: 36px auto;
}
/* Pasted tables are the likeliest thing to overflow on a phone. */
.dynamic-content table:not([class]) {
	width: 100%;
	max-width: 100%;
	margin: 0 0 18px;
	border-collapse: collapse;
}
.dynamic-content table:not([class]) th,
.dynamic-content table:not([class]) td {
	padding: 10px 12px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	text-align: left;
}
.dynamic-content table:not([class]) th {
	color: #fff;
}


/* --- True Rewards, and the pages that share its sections -------------------
   These classes come from the static site's dev.css, a per page stylesheet
   the pages built so far never loaded. Only the rules the True Rewards page
   uses are brought across; its quotes carousel blocks are left behind, being
   Owl specific and for pages not built yet.
   -------------------------------------------------------------------------- */

.container-job-second-section {
    padding-top: 84px;
    padding-bottom: 97px;
    background: #1e1e1e;
}
.container-job-second-section .second-aboutus-small-paragraph {
    width: 67%;
    line-height: 24px;
    padding-top: 2px;
}
.third-our-values-section {
    background: #292a2b;
    padding-top: 64px;
    padding-bottom: 95px;
}
.true-reward-cards-section {
    background: #292a2b url(../images/rewards_cards_bg.png) no-repeat center center;
    background-size: 100% auto;
}
.third-our-values-section .second-paragraph {
    margin-bottom: 56px;
}
.third-our-values-section .second-aboutus-small-paragraph {
    padding: 3px 15px 0;
    width: 100%;
    max-width: 680px;
    line-height: 24px;
}
.third-our-values-section [class*="col-"]:nth-child(even) {
    border-left: 1px solid #353638;
}
.third-our-values-section [class*="col-"]:nth-child(2) ~ [class*="col-"] {
    border-top: 1px solid #353638;
}
.third-our-values-section {
    counter-reset: my-sec-counter;
}
.third-our-values-section [class*="col-"] {
    position: relative;
    counter-increment: my-sec-counter;
}
.third-section-reward .second-paragraph {
    margin-bottom: 0;
}
.third-our-values-section [class*="col-"]::before {
    content: counter( my-sec-counter, decimal-leading-zero);
    font-size: 240px;
    font-family: 'Bentonsansbold', Arial, Helvetica, sans-serif;
    color: #353638;
    position: absolute;
    top: 0;
    left: 0;
    top: 40px;
    left: 37px;
    line-height: 1;
}
.white-clr {
    color: #ffffff;
}
.fourth-post-section {
    background: #1e1e1e;
}
.post-wrapper {
    display: flex;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}
.post-thumbnail {
    width: 49%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.post-content {
    width: 51%;
}
.post-content-inner {
    width: 629px;
    max-width: 100%;
    padding: 102px 104px 85px 63px;
    min-height: 420px;
}
.post-content-inner p {
    font-size: 16px;
    line-height: 1.5;
}
.post-content-inner h3 {
    color: #8eb0ba;
    margin: 0 0 31px;
    text-transform: uppercase;
}
.post-content-inner p {
    color: #ffffff;
}
.post-wrapper:nth-child(odd) {
    flex-direction: row-reverse;
}
.post-wrapper:nth-child(odd) .post-content {
    display: flex;
    justify-content: flex-end;
}
.post-wrapper + .post-wrapper {
    margin-top: 60px;
}
.container-faq-section-fifth {
    padding: 64px 0 21px 0;
    background: #292a2b;
}
.container-faq-section-fifth .container {
    width: 1200px;
    max-width: 100%;
}
.container-faq-section-fifth h2 {
    margin: 0 auto 60px;
}
.faq-section h3 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.faq-section p {
    color: #aaa;
    margin: 0;
    padding-right: 73px;
    letter-spacing: 0.007em;
    font-size: 16px;
    line-height: 1.5;
}
.faq-section {
    padding-bottom: 54px;
    padding-left: 39px;
    background: url(../images/truerewardspage/horizontal_line.svg) no-repeat 0 14px;
}
.card-section {
    position: relative;
    display: flex;
    width: 1200px;
    max-width: 100%;
    margin: 62px auto -4px;
    padding: 0 15px;
}
.cards {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 0;
    width: 37.7%;
    -webkit-transition:  all 1.2s cubic-bezier(0.25,0.1,0.2,1);
    transition:  all 1.2s cubic-bezier(0.25,0.1,0.2,1);
}
.cards:nth-child(1) {
-webkit-transition-delay: 5s;
transition-delay: 5s;
z-index: 10;
}
.cards:nth-child(2) {
-webkit-transition-delay: 4s;
transition-delay: 4s;
z-index: 9;
}
.cards:nth-child(3) {
-webkit-transition-delay: 3s;
transition-delay: 3s;
z-index: 8;
}
.cards:nth-child(4) {
-webkit-transition-delay: 2s;
transition-delay: 2s;
z-index: 7;
}
.cards:nth-child(5) { -webkit-transition-delay: 1s; transition-delay: 1s; z-index: 6; }
.cards:nth-child(6) {
-webkit-transition-delay: 6s;
transition-delay: 6s;
z-index: 5;
}
.cards:nth-child(7) { -webkit-transition-delay: 7s; transition-delay: 7s; z-index: 4; }
.cards:nth-child(8) { -webkit-transition-delay: 8s; transition-delay: 8s; z-index: 3; }
.cards:nth-child(9) {
-webkit-transition-delay: 9s;
transition-delay: 9s;
z-index: 2;
}
.cards:nth-child(10) {
-webkit-transition-delay: 10s;
transition-delay: 10s;
z-index: 1;
}
.card-section.inview .cards {
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    opacity: 1;
}
.cards img {
    max-width: 100%;
}
.cards:first-child {
    margin-left: -8.6%;
}
.cards:nth-child(2) {
    position: absolute;
    bottom: -2%;
    left: 7.6%;
}
.cards:nth-child(3) {
    position: absolute;
    bottom: -2%;
    left: 22.6%;
}
.cards:nth-child(4) {
    position: absolute;
    bottom: -2%;
    left: 37.4%;
}
.cards:nth-child(5) {
    position: absolute;
    bottom: -2%;
    left: 52.1%;
}
.container-job-reward-section {
    padding-bottom: 100px;
    padding-top: 58px;
}
.container-job-second-section.over-mission {
    padding-top: 63px;
    padding-bottom: 87px;
}
.container-job-second-section.over-mission .second-aboutus-small-paragraph {
    width: 100%;
    max-width: 680px;
}
.container-job-reward-section .second-aboutus-small-paragraph {
    width: 53%;
}
.third-our-values-section.third-section-reward {
    padding-top: 76px;
    padding-bottom: 66px;
}
@media screen and (max-width: 991px) {
	.true-reward-cards-section {
	        background-size: cover;
	    }
}
@media screen and (max-width: 970px) {
	.third-our-values-section [class*="col-"]::before {
	        font-size: 180px;
	        left: 20px;
	        top: 22px;
	    }
}
@media screen and (max-width: 768px) {
	.post-wrapper {
	        flex-direction: column !important;
	    }
	.post-thumbnail {
	        width: 100%;
	        height: 320px;
	    }
	.post-content {
	        width: 100%;
	    }
	.post-content-inner {
	        padding: 50px 30px;
	        min-height: inherit;
	        width: 100%;
	    }
	.post-content-inner h3 {
	        text-align: center;
	    }
	.post-wrapper + .post-wrapper {
	        margin-top: 30px;
	    }
}
@media screen and (max-width: 767px) {
	.third-our-values-section .second-paragraph {
	        margin-bottom: 20px;
	    }
	.third-our-values-section [class*="col-"]::before {
	        font-size: 180px;
	        left: 0;
	    }
	.third-our-values-section [class*="col-"]:nth-child(even) {
	        border-left: 0;
	    }
	.third-our-values-section [class*="col-"]:nth-child(even) {
	        border-top: 1px solid #353638;
	    }
	.third-our-values-section .second-paragraph {
	        padding-left: 15px;
	        padding-right: 15px;
	    }
	.container-job-reward-section .second-aboutus-small-paragraph {
	        width: 100%;
	    }
	.container-job-second-section {
	        padding-top: 50px;
	        padding-bottom: 50px;
	    }
	.third-our-values-section.third-section-reward {
	        padding-bottom: 50px;
	        padding-bottom: 50px;
	    }
	.third-our-values-section .second-paragraph {
	        margin-bottom: 0;
	    }
	.container-job-second-section.over-mission .second-aboutus-small-paragraph {
	        width: 90%;
	    }
	.container-job-second-section .second-aboutus-small-paragraph {
	        width: 100%;
	        padding: 0 15px;
	    }
	.faq-section {
	        padding-bottom: 35px;
	    }
	.post-content-inner p {
	        margin-bottom: 0;
	    }
	.faq-section h3 br {
	        display: none;
	    }
	.card-section {
	        -webkit-transform: translateX(-2.3%);
	        transform: translateX(-2.3%);
	        margin-top: 0;
	    }
	.third-our-values-section {
	        padding-bottom: 0px;
	    }
}

/* Content page header band, when the Page Manager record has a featured
   image. The image itself is set inline on the element, so this only carries
   the shape. */
.dynamic-hero-img {
	width: 100%;
	height: 640px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#page.dynamic-hero .w3-display-middle-headcontent {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	z-index: 2;
}
#page.dynamic-hero .header-caption {
	color: #fff;
	text-transform: uppercase;
}
/* A page with a band supplies its own section grounds, so the wrapper stops
   adding padding of its own. */
#page.dynamic-hero .dynamic-main {
	padding: 0;
}

/* Width is decided per element rather than by a column on the wrapper, so one
   template serves both kinds of page. Copy takes a centred reading column; a
   div runs full width, because a pasted section brings its own container and
   its own ground. Nothing has to be set to choose between them. */
.dynamic-main > h1,
.dynamic-content > h1:not([class]),
.dynamic-content > h2:not([class]),
.dynamic-content > h3:not([class]),
.dynamic-content > h4:not([class]),
.dynamic-content > h5:not([class]),
.dynamic-content > h6:not([class]),
.dynamic-content > p:not([class]),
.dynamic-content > ul:not([class]),
.dynamic-content > ol:not([class]),
.dynamic-content > dl:not([class]),
.dynamic-content > blockquote:not([class]),
.dynamic-content > table:not([class]),
.dynamic-content > figure:not([class]),
.dynamic-content > img:not([class]),
.dynamic-content > hr:not([class]) {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}
/* The wrapper itself spans the window, so the reading column needs the page
   gutter rather than relying on a container for it. */
.dynamic-main {
	padding-left: 15px;
	padding-right: 15px;
}
#page.dynamic-hero .dynamic-main {
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 991px) {
	.dynamic-hero-img { height: 420px; }
}

/* Section headings pasted in from the static pages carry width: 970px with
   auto margins to centre their box. Those auto margins are not landing inside
   this template, leaving the box at the left edge with its text centred
   inside it, so the heading reads as ranged left. The fixed width is released
   here: the box then spans its section and the centring comes from the text
   alignment the section already sets, which does not depend on the box.
   These headings are short and carry their own line breaks, so nothing is
   lost by not capping the width. */
.dynamic-content .heading-text {
	width: auto;
	max-width: none;
}

/* --- Company Culture quotes carousel --------------------------------------
   From the static site's dev.css and style3.css, neither of which the pages
   built so far loaded. The carousel is Owl there, so its .owl-item and
   .owl-prev / .owl-next rules are given to slick's equivalents. The arrows
   are placed here rather than inherited: Owl's own theme positioned them, and
   this install has no counterpart.
   -------------------------------------------------------------------------- */

.qoutes-full-section {
	width: 100%;
	position: relative;
	padding: 78px 70px 84px;
}
.qoutes-full-section .container,
.qoutes-full-section [class*="col-"],
.qoutes-full-section .qoutes-slider {
	position: static;
}
.inner-slide {
	padding: 0 25px;
	text-align: center;
}
/* The quote marks are centred by the text-align above, which only reaches
   them while they are inline. slick.css sets .slick-slide img to display
   block at the same specificity as a lone .qoutes-slider img, and it is a
   registered asset so it is injected after this stylesheet and wins the tie.
   The section class breaks the tie back; the auto margins are there so the
   marks stay centred even if something else blocks the image again. */
.qoutes-full-section .qoutes-slider img {
	max-width: 100%;
	width: auto;
	display: inline-block;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
}

/* Quote copy. The static site asks for BentonSansRegular, which never loads
   there either, so the site face is named instead of relying on a fallback. */
.fifth-routeoperations-section-text-direction {
	color: #fff;
	font-family: franklin-gothic-urw, sans-serif;
	font-weight: 400;
	font-size: 26px;
	line-height: 1.35em;
}
.inner-slide .fifth-routeoperations-section-text-direction {
	line-height: 1.34;
	margin-bottom: 37px;
}
.fifth-routeoperations-section-text-direction-name {
	color: #8eb0ba;
	text-align: center;
	margin-bottom: 4px;
	text-transform: uppercase;
}
.qoutes-full-section p {
	width: 70%;
	margin: 0 auto;
	color: #8A8A8A;
	line-height: 25px;
}

/* Arrows, as .owl-prev / .owl-next were. slick-theme parks them outside the
   box and draws its own glyph, so both are undone. */
.qoutes-full-section .slick-prev,
.qoutes-full-section .slick-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 2;
	width: 48px;
	height: 57px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #90afb8;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.qoutes-full-section .slick-prev {
	left: 0;
	right: auto;
	background-image: url(../images/truerewardspage/slider_left_arrow.svg);
}
.qoutes-full-section .slick-next {
	right: 0;
	left: auto;
	background-image: url(../images/truerewardspage/slider_right_arrow.svg);
}
.qoutes-full-section .slick-prev:before,
.qoutes-full-section .slick-next:before {
	content: none;
}
.qoutes-full-section .slick-dotted.slick-slider {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.qoutes-full-section {
		padding: 50px 20px 60px;
	}
	.qoutes-full-section p { width: 100%; }
	.fifth-routeoperations-section-text-direction { font-size: 20px; }
	.qoutes-full-section .slick-prev,
	.qoutes-full-section .slick-next {
		width: 34px;
		height: 40px;
		background-size: 12px;
	}
}

/* --- Careers --------------------------------------------------------------
   Employment offices and the available positions grid, from the static
   site's dev.css. Two of its rules hang off #header-size-for-innerpages, a
   body id this install does not use, so they are retargeted at the section.
   -------------------------------------------------------------------------- */

.container-ofices-third-section {
	background: #353638;
	padding-top: 46px;
	padding-bottom: 39px;
}
.container-ofices-third-section h3,
.container-available-postions-section h3 {
	font-size: 30px;
	margin-bottom: 37px;
}
.container-available-postions-section h3 {
	margin-bottom: 0;
}
.container1200 {
	width: 1200px;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	max-width: 100%;
}
.container1200:after {
	content: '';
	display: table;
	clear: both;
}

/* Each address is centred within its column while its own text stays ranged
   left, so the three of them read as a centred group rather than sitting off
   to the left of the heading above. */
.container-ofices-third-section .container1200 > [class*="col-"] {
	display: flex;
	justify-content: center;
}
.offices-address-section {
	position: relative;
	/* Room for the pin, which sits above the heading rather than beside it. */
	padding-top: 46px;
	text-align: left;
}
/* Retargeted from #header-size-for-innerpages.
   Inline-block so the box hugs the place name rather than filling the
   column, which is what lets the pin centre on the name itself: the two
   are different widths per office. */
.offices-address-section h2 {
	display: inline-block;
	position: relative;
	font-size: 20px;
	color: #ffffff;
	letter-spacing: 0.01em;
	padding-top: 6px;
	padding-bottom: 6px;
}
.offices-address-section h2:before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 30px;
	height: 40px;
	background: url(../images/pin_icon.svg) no-repeat center center;
}
.offices-address-section address {
	color: #aaaaaa;
	line-height: 24px;
	letter-spacing: 0.01em;
}
.offices-address-section address span {
	display: block;
	margin-bottom: 10px;
}
.offices-address-section address a {
	text-decoration: underline;
	color: #8eafb9;
	font-weight: 700;
	letter-spacing: 0.04em;
}
.offices-address-section address a:hover {
	text-decoration: none;
}

.container-available-postions-section {
	padding: 68px 0 0px;
	background: #292a2b;
}
.container-available-postions-section .container {
	width: 1200px;
	max-width: 100%;
}
.container-available-postions-section .col-lg-4 {
	border-bottom: 1px solid #353638;
}
.avail-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 80px;
	padding-bottom: 80px;
}
.avail-box .btn {
	margin: 41px 0 0 0;
	text-transform: uppercase;
}
.logo-section {
	display: inline-block;
	vertical-align: top;
	height: 70px;
	line-height: 70px;
}
.logo-section img {
	vertical-align: top;
}

@media screen and (max-width: 991px) {
	.container-ofices-third-section .container1200 { width: 600px; }
}
@media screen and (max-width: 970px) {
	.avail-box { padding-top: 60px; padding-bottom: 60px; }
	.avail-box .btn { margin-top: 30px; }
	.offices-address-section { padding-bottom: 20px; }
}
@media screen and (max-width: 767px) {
	.avail-box { padding-top: 40px; padding-bottom: 40px; }
	.avail-box .btn { margin-top: 20px; }
	/* Was 40px of left padding for the pin, which no longer sits there. */
	.offices-address-section { padding-left: 0; }
	.container-available-postions-section { padding-bottom: 20px; }
}
@media screen and (max-width: 575px) {
	.container-ofices-third-section .container1200 { max-width: 245px; }
}

/* --- Privacy policy -------------------------------------------------------
   The live page wraps its copy in .top-from-gdpr, which supplies the reading
   column. Everything inside is bare markup, so the plain copy rules in the
   content page block above already reach it; only the column and the table
   proportions are needed here.
   -------------------------------------------------------------------------- */
.top-from-gdpr {
	margin: 0 auto;
	max-width: 1000px;
	padding: 0 35px;
}
.top-from-gdpr a {
	text-decoration: underline;
}
/* The one table on the page: a wide first and last column with three narrow
   ones between, as the live site sets. */
.top-from-gdpr table tr td:first-child,
.top-from-gdpr table tr td:last-child {
	width: 30%;
}
.top-from-gdpr table tr td:nth-child(2),
.top-from-gdpr table tr td:nth-child(3),
.top-from-gdpr table tr td:nth-child(4) {
	width: 13%;
}
.top-from-gdpr table th {
	text-align: center;
}

/* The table is five columns of prose, so it scrolls inside its own box on a
   narrow screen rather than being crushed or pushing the page sideways. */
.table-scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0 0 18px;
}

@media (max-width: 767px) {
	.top-from-gdpr { padding: 0 15px; }
	.table-scroll table { min-width: 640px; }
}

/* --- Mobile menu ----------------------------------------------------------
   Ordinary hamburger button: three bars drawn directly in CSS, not a
   background-image icon layered under Bootstrap's own .navbar-toggler
   styling. The previous version tried to undo the imported stylesheet's
   .navbar-toggler-right (visibility:hidden globally, display:none again in
   three separate mobile media queries -- correct for the static site, which
   used its own .collapse-chevron menu and kept Bootstrap's toggler out of
   the way, but wrong here) by overriding it piece by piece, fighting its
   cascade instead of leaving it. This drops that class from the markup
   entirely, so there is nothing left of it to fight: .mobile-menu-btn is a
   class this stylesheet alone defines, sized and positioned here, matching
   the icon every site uses for this control. */
.mobile-menu-btn {
	display: none;
	position: absolute;
	/*top: 50%;*/ top:37px;
	right: 15px;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	z-index: 10;
}
.mobile-menu-btn span {
	display: block;
	width: 26px;
	height: 3px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 2px;
}
.mobile-menu-btn span + span {
	margin-top: 6px;
}

@media (max-width: 991px) {
	.mobile-menu-btn { display: block; }

	/* Open, the panel needs a ground of its own: the navbar is transparent
	   over the hero, so the links would otherwise fall on the photograph.
	   Bootstrap's own .collapse.show sets display:block on this element;
	   nothing here overrides that, only what happens inside it once it's
	   open. */
	#header #nav-right {
		background-color: rgba(20, 20, 20, 0.97);
		width: 100%;
	}
	/* A real list: one link per row, full width, not the desktop's wrapped
	   row of inline items. !important because the desktop rule this
	   replaces (#nav-right ul { display:flex; flex-wrap:wrap }) is a plain
	   class selector with no !important of its own, so a higher-specificity
	   plain override should already win it -- but this is the second pass at
	   getting this to render as a list, so it is pinned down rather than
	   left to rely on that alone. */
	#header #nav-right ul {
		display: block !important;
		float: none !important;
		flex-wrap: nowrap !important;
		width: 100%;
		margin: 0 !important;
		padding: 10px 0;
		list-style: none;
	}
	#header #nav-right ul li {
		display: block !important;
		width: 100%;
		padding: 14px 20px !important;
		margin-left: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}
	#header #nav-right ul li:last-child {
		border-bottom: 0;
	}
	#header #nav-right ul li a {
		display: block;
		color: #fff !important;
		white-space: normal;
	}
}
