body {font-family: 'Lato', sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; background: #000}
a { color: #46171e; font-weight: 600}
a:hover { color: #782733; font-weight: 600; text-decoration: none}
.color1 {color: #741213}
.color1-bgrd {background-color: #741213}
.color2 {color: #2B3C68}
.color2-bgrd {background-color: #2B3C68 !important; }
input.amount::placeholder { font-weight: 400 !important}
.phonedivide { padding: 0 15px }
.headcontact { color: #FFF; font-weight: 600; text-align: right; padding-right: 15px; font-size: 18px; padding-bottom: 20px;}
.headcontact .fa-phone { -webkit-transform: scaleX(-1); transform: scaleX(-1); font-size: 16px;}
.btn-enquiery {background-color: #741213; color: #fff; margin-top: 5px; font-size: 12px !important}
.btn-enquiery:hover {background-color: #222222 ; color: #fff; font-weight: 400}
a.btn-enquiery {font-weight: 400}
.btn-purple { color: #fff; background-color: #aa00b5; border-color: #5b0061;}
.btn-purple:hover { color: #fff !important; background-color: #5b0061; border-color: #aa00b5;}
::-webkit-scrollbar-track {border-radius: 0;box-shadow: none;border: 0;background-color: #eaeaea;border-left: 1px solid #cecece;}
::-webkit-scrollbar-thumb {border-radius: 0;box-shadow: none;border: 0;background-color: #cecece;}
::-webkit-scrollbar {width: 12px;}

.transparentnav { background-color:rgba(0,0,0,0.6); opacity:0.8 }
.socialicons{margin: 0px 5px; font-size:18px; color: #fff;}
.tt-widget-inline iframe {
    height: 300px;
    width: 100%;
    max-width: 1340px !important;
    min-width: 280px;
    border: 0 solid #fff;
    z-index: 10001;
}
.formerror {
background-color: #fafafa; text-align: center; font-size: 22px; font-weight: 600;
}
input, select, textarea {
    margin-bottom: 10px;
	/*font-size: 18px !important;
	padding: 10px !important;*/
	border-radius: 5px;
	font-weight: 600;
	color: #777;
}
.form-control {
     height: 42px;
	color: #777;	
}

.gridlayout a.btn {    transition: all 1s ease;color: #fff; background-color: #741213;border: 1px solid #540D0E}
.gridlayout a.btn:hover { color: #fff; background-color: #000;border: 1px solid #000}
#payform img { width: 10%; background-color: transparent !important; border: 0px !important}
#customer_drop .halfgrey tr td {width: 50% !important}
#event_drop .halfgrey tr td {width: 50% !important}

.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
} 

#countycheck .modal-content th, .ContactUs th {color: #fff;text-align: center;background: rgba(70,23,30,0.8);border: 1px solid #46171e  !important;}
#countycheck .modal-content p, .ContactUs p  {margin: 0 !important}
#countycheck .modal-content table, .ContactUs table {border: 0 !important}
.greybox { background-color: #f8f8f8; max-width: 420px; margin: 30px; padding: 40px; border: 1px solid #efefef; border-radius:8px;width: 100%; display: inline-block; vertical-align: top; height: 340px; float: none}

.thickbox {cursor: pointer; font-weight: 400; font-size: 14px}
.datedropmini {margin-bottom: 0}
.greybox h3 { margin-bottom: 0px; margin-top: -10px; font-size: 24px}
.payments {     
    transform-origin: 100% 0%;
    position: fixed;
    color: #fff;
    right: 54px;
    transform: rotate(-90deg);
background: linear-gradient(180deg, rgba(48,9,98,0.8) 0%, rgba(105,19,214,0.6) 100%);
    top: 35%;
    z-index: 9;
    padding: 15px;
	letter-spacing: 0.9px;
	    text-shadow: 2px 2px 2px #000;
		border-radius: 10px;
		border: 1px solid #6f5293;
	}
	#county_right img {margin-left: 40px}
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1.2, 1.2);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}

@keyframes zoom {
  from {
    transform: scale(1.2, 1.2);
  }
  to {
    transform: scale(1, 1);
  }
}
.new-page-body {width: 100%}
#spotlight { border-bottom: 15px solid #300962; }
.carousel-inner .item .innerbg  { -webkit-animation: zoom 20s; animation: zoom 20s;}
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity;}
.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right { opacity: 0;}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {  opacity: 1;}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control { z-index: 2;}
.carousel-indicators .active { width: 20px; height: 15px; margin: 0; background-color: #300962 !important;  border: none; border-radius: 4px;}
.carousel-indicators li { width: 20px; height: 15px; margin: 0; background-color: #fff;  border: none;  border-radius: 4px;  -webkit-transform: skew(15deg, 0deg);  -moz-transform: skew(15deg, 0deg); -ms-transform: skew(15deg, 0deg);  -o-transform: skew(15deg, 0deg);  transform: skew(15deg, 0deg);}

#homereadless { font-weight: bold;color: #300962;}
#morebut #homereadmore { font-weight: bold; color: #300962;}
.contentarea h2 {font-weight: 600; margin: 0px 0 10px 0 !important;}
.navbgrd {background-color: #000 !important;	transition: all 1s ease; }
.newsholders { height: 200px; overflow: hidden}
.owl-stage {display: flex; align-items: center}
.owl-item {padding:  53px 45px 50px; background-color: #fff; margin: 0 10px; min-height: 280px !important}
.testname {font-size: 20px}
.testcompany {font-size: 20px}
.homeimages img {width: 100%}
.welcometext {background-color: rgba(255,255,255,0.9); padding: 20px}
.bannerbackground {
    position: absolute;
    top: 0%;
    color: #FFFFFF;
    padding: 15px 0;
    text-align: center;
    font-size: 19px;
   background-color: rgba(0,0,0,0.2);
    width: 100%;
	height: 100%;
    font-weight: 600;
	z-index: 9999999999;
}
.bannerbackground:hover {
    position: absolute;
    top: 0%;
    color: #FFFFFF;
    padding: 15px 0;
    text-align: center;
    font-size: 19px;
   background-color: rgba(0,0,0,0);
    width: 100%;
	height: 100%;
    font-weight: 600;
		z-index: 9999999999;
}
.bannertext {    position: absolute;
    top: 50%;
    background-color: rgba(48, 9, 98, 0.6);
    color: #FFFFFF;
    padding: 15px 0;
    text-align: center;
    font-size: 24px;
    margin-top: -30px;
    width: 100%;
    font-weight: 700;
}
	

.parallax-container {position: relative;height:370px;}
.parallaxcat {background-repeat:no-repeat !important; /*background-size:contain !important;*/ transform: translate3d(0px, 0, 0px);position: fixed; height: 200%; width: 100%; z-index: -1;}
.strapbox {padding: 20px 0px; text-align: center}
.pagestrapline {background-color: #2B3C68; }
.pagestrapline p {font-size: 25px; color: #FFFFFF; text-align: center;padding: 19px 20px 20px 20px;display: inline-block;vertical-align: middle;line-height: normal;}
.pagestrapline a {color: #FFFFFF; text-decoration: none}
.strapbox {padding: 20px 0px; text-align: center}
.parallax-bottom p {    font-size: 30px;color: #FFFFFF;text-align: center;text-shadow: 1px 2px #000;padding: 60px 20px; margin: 0}
.parallax-bottom a {color: #FFFFFF; text-decoration: none}
.parallax-container-bot {position: relative;height: 400px;}
.parallaxcatbot {background-repeat:no-repeat !important; background-size:contain !important; transform: translate3d(0px, 0, 0px);position: fixed; height: 200%; width: 100%; z-index: -1;}
.newsholders { height: 200px; overflow: hidden}
.page #Carousel {
    padding: 30px 0;
    background-attachment: fixed !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
	transform: translate3d(0px, 0px, 0px) scale(1, 1.09);
    height: 400px;
	}
.parallax-bottom h5 {
	font-size: 25px;
    width: 100%;
	text-align: center;
    bottom: 0% !important;
    top: 0;
    left: 0 !important;
	text-shadow: 2px 3px #000;
    right: 0;
    margin: auto;
    color: #FFF;

}
#payform {margin: 0 auto; width: 60%; background-color: #fafafa; border: 1px solid #eee; padding: 20px 10px;border-radius: 8px}
#payform input {border: 1px solid #D9D9D9;margin: 5px 0; padding: 5px; border-radius: 4px; width: 50%}
#payform .amount {width: 15% !important} 
.parallax-bottom {
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    text-align: center;
	
	}
	
.parallax { border-top: 1px solid #FFFFFF; padding: 50px 0; background-attachment: fixed; background-position: center; background-repeat: no-repeat;  background-size: cover;}
.page #Carousel { padding:  0; }

.intro {
transform: translate3d(0px, 0px, 0px);
    overflow:hidden;
	background-attachment: fixed !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
	height: 750px;
}

.intro_bg.zout {
    transform:scale(1) !important;
}

.btn-action {
    color: #fff;
    background-color: #2B3C68;
    border-color: #2B3C68; 
	transition: all 1s ease; 
}

.btn-action:hover {
    color: #fff;
    background-color: #741213;
    border-color: #741213;
}	
.strapbox .btn-action {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    font-size: 20px;
    transition: all 0.7s linear; 
	font-weight: 600;
}

.strapbox .btn-action:hover {
    color: #2B3C68;
    border-color: #FFFFFF;
	background-color: #FFFFFF;
	font-weight: 600;
}
.ThemeNights .whitestrip h2,.ThemeNights .whitestrip p { text-align: center}
.ThemeNights .whitestrip { border-top: 1px solid #F5F5F5;border-bottom: 1px solid #F5F5F5;}
.CasinoHire .whitestrip h2,.CasinoHire .whitestrip p { text-align: center}
.CasinoHire .whitestrip { border-top: 1px solid #F5F5F5;border-bottom: 1px solid #F5F5F5;}
.CroupierJobs .experience input{ float: right}
.headaddress { padding-right: 76px}

.cta { background-color: #300962; padding: 50px 0; text-align: center}
.cta .btn-primary, .widepara .btn-primary { background-color: transparent; border-color: #FFF; padding: 10px 30px;border-radius: 0; transition: all 0.6s ease;}
.cta .btn-primary:hover, .widepara .btn-primary:hover { color: #300962; background-color: #FFF; text-shadow: none}
 
.widepara { position: static; background-attachment: fixed !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; margin: 0;}
.widepara p { font-size: 28px; color: #FFF; text-shadow: 1px 1px 1px #000;}
.paraspacer { clear: both; height:100px}

.strapbox {padding: 20px 0px}
.pagestrapline {background-color: #2B3C68; }
.pagestrapline p {font-size: 25px; color: #FFFFFF; text-align: center;padding: 17px 0}
.pagestrapline a {color: #FFFFFF; text-decoration: none}
.whitetxt {color: #FFFFFF !important}

.white-bgrd {background-color: #FFFFFF}
.button {font-weight: bold; color: #2B3C68}
.button:hover, .tpnconnectbtn:active {color: #FFFFFF; background-color: #2B3C68}
.icon .fa {font-size: 20px}
.cta .btn { margin-bottom: 15px; margin-top: 15px; }
.facebook {margin-right: 5px}
.facebook:hover {color: #5161A8}
.instagram	{margin-right: 5px}
.instagram:hover {color: #DC307C}
.twitter {margin-right: 5px}
.twitter:hover {color: #1CA1F2}
.youtube {margin-right: 5px}
.youtube:hover {color: #F71F11}l
.linkedin {margin-right: 5px}
.linkedin:hover {color: #2E6DB1}
.pintrest {}
.pintrest:hover {color: #CD2029}

/*Stripe styling*/

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}



.services li {font-size: 14px}
.totals p {font-size: 15px;}
.totals small {font-size: 12px; font-weight: 600}

.unslider.test {width: 7% !important}
#pagecontent p, .gridlayout p, .gridlayout li, .welcometext p { font-size: 16px}
#pagecontent a {color: #2B3C68; font-weight: bold}
.gridlayout h4 {font-size: 27px}

.clear {clear: both}
.padleft0 {	padding-left:0}
.padright0 {padding-right:0}
.padright15 {padding-right: 15px}
.nopad {padding:0} 
.padbot5 {padding-bottom: 5px}
.padbot10 {padding-bottom: 10px}
.padtop5 {padding-top: 5px}
.padtop10 {padding-top: 10px}
.padtop15 {padding-top: 15px}
.padtop20 {padding-top: 20px}
.pad20 {padding: 20px}
.padright0 {padding-right: 0}
.mar0 {margin: 0}
.martop8 {margin-top: 8px}
.martop20 {margin-top: 20px}
.martop30 {margin-top: 30px}
.martop55 {margin-top: 55px}
.marbot15 {margin-bottom: 15px}
.marbot20 {margin-bottom: 20px}
.marright5 {margin-right: 5px}
.marleft25 { margin-left:25px; }
.spacer0 {clear:both; height: 0px }
.spacer10 {clear:both; height: 10px }
.spacer15{clear:both; height: 15px }
.spacer20 {clear:both; height: 20px }
.spacer50 {clear: both; height: 50px }
.spacer75 {clear: both; height: 75px }
.mobheadericon {background-color: #FAFAFA !important; padding: 7px !important; float: right}
.font15 {font-size: 15px}
.font30 {font-size: 30px}

.servicesimg i {

	position: absolute;
    top: 30%;
    left: 25%;

}
.servicesimg:hover {
	 transition: all 0.6s linear;
    background-color: #741213;
}
.servicesimg {
 transition: all 0.6s linear;
   position: relative;
   display: inline-block;
    width: 250px;
    height: 250px;
    border-radius: 50%;
	background-color: #2B3C68;
	font-size: 4em;
    color: #fff;
}

.serviceblock h3:hover {
	transition: all 0.6s linear;
	color: #741213;
}
.serviceblock h3  {
	transition: all 0.6s linear;
	position: relative;
	display: inline-block;
	color: #FFF;
	font-weight: 600;
	text-decoration: none;
	font-size: 18px;
}

.serviceblock {min-height: 350px; position: relative; padding: 15px;}
.serviceblock a {font-weight: 600; text-decoration: none}
.serviceblock .btn {position: absolute; bottom: 5px; left: 50%;margin-left: -50px;}
.serviceblock h3:after { 
    content: "";
    display: block;
	background: #741213;
    height: 4px;
    width: 100px;
	margin: 0 auto;
	margin-top: 6px !important;
}
.serviceblock p { font-weight: bold; font-size: 14px; line-height: 22px; color: #FFF;}
.btn-cookie{background-color: rgba(70,23,30,0.8);}

#cookieholder { width:100% !important; position:fixed; background:rgba(0,0,0,0.5); background:rgb(0,0,0,0.5); bottom:0px; z-index:999999 }
#cookiefoot { margin:0 auto; padding:10px;}
#cookiefoot p { color:#FFFFFF; text-align:left;}
#cookiefoot a { color:#FFFFFF; text-decoration:underline; text-align:left; }
#cookiefoot p.accept { color:#FFFFFF; text-decoration:none; cursor:pointer; }
#cookieOK { text-align:right !important; float:right !important; font-weight:700 !important; font-size:13px !important  }

.galtitle { position:absolute; top:0; left:0; padding-left:10px; width:100%; background-color: rgba(0, 0, 0, 0.7); z-index:9; text-align:center }
.galtitle h2 { color:#FFF !important; font-size:17px !important; cursor:pointer; font-weight:700; margin-top:10px }
.galholder { width:100%; height:220px; overflow:hidden }
.galholder2 { width:100%; height:200px; overflow:hidden }
.galleryintro:hover {  -webkit-transform: scale(1.1,1.1); 
    transform: scale(1.1,1.1); 
    -webkit-transition: all 0.3s ease-in-out; }
.gallerythumb { height:200px }
.galleryimage { height:200px; position: relative; text-align: center; cursor: pointer; background-position: center;background-size: cover;overflow: hidden;  -webkit-transition: all 0.3s ease-in-out; }
.fancybox-container {z-index: 99999999999999}
#slider1_container { margin-bottom: 40px }
.modal-dialog {width: 50%;}
.spotlightline1 {font-size: 42px; text-shadow: 2px 3px #000; font-family: 'Anton', sans-serif !important;}
.spotlightline2 {font-size: 27px; font-weight: 600; text-shadow: 2px 3px #000;}
.spotlightline3 {font-size: 10px}

.btn-carousel { border:2px solid #FFF; background:#741213;  font-size: 20px; text-shadow: 1px 1px #000; }
.btn-carousel:hover { background: #000; color: #FFF}

.btn-gallery {background:#741213; color: #fff; font-size: 20px; border: 2px solid #741213;}
.btn-gallery:hover { background: #911718; color: #FFFFFF; border: 2px solid #741213; border-radius: 4px; }

/*header*/
#header { /*background-color: #741213;*/ padding-top: 15px; clear:both;}
#header-transparent {  transition: all 1s linear; position: fixed;   background-color: rgba(70,23,30,0.8); top: 0; z-index: 20; clear:both;width: 100%; padding: 20px}
.navbar-nav { margin: 0;}
.navbar-nav.transparent { float: right;    margin: 0;}
.logo {margin-left: 0; transition: all 1s ease;}
.logo.small {height: auto}
.logo-transparent { margin-left: 0; transition: all 1s ease; height: 90px}
.logo-transparent.small {height: 50px}
.strapline {color: #FFFFFF; font-size: 21px; padding-top: 10px; display: inline-block}
.add-on {display:none; padding: 8px; background-color: #EEEEEE}

/* Carousel&Navbar */
.carousel-inner .item{min-height:600px !important;}
.carousel-inner .carousel-position-four { padding:0 20%; width:100%; top:33% !important; color:#FFF; }
.carousel-inner .carousel-position-four-button { position: absolute; padding:0; width:100%; bottom:10% !important; color:#FFF; left: 0; }
.carousel-inner .carousel-position-four h2 { font-family:'Anton', sans-serif !important;  font-size:44px !important;  color:#FFF;  line-height: 55px }
.carousel-inner .carousel-subtitle-v2 { font-family:'Anton', sans-serif !important;  font-size:18px !important; }
.carousel-inner .carousel-position-four{position:absolute;left:0;}

.carousel-inner.page .item{min-height:400px !important;}
.carousel-inner.page .carousel-position-four{left: 20%}

.carousel-control.left,.carousel-control.right { background:none !important; }
.topnav a { color:black}
.navbar {margin: 0; }

.navbar-collapse {
    padding-right: 0px; 
    padding-left: 0px; 
	overflow: hidden;	
}

.collapsed:hover .dropdown-menu {
    width: auto;
	    display: block;
    z-index: 999999999;
	 
}

.dropdown-menu { background-color: #000;}

.collapsed:hover .dropdown-menu.transparent {
    width: auto;
	    display: block;
    background-color: rgba(0,0,0,0.4);
    z-index: 999999999;
	 
}

.dropdown-menu>li>a {color: #FFF;    font-size: 16px; font-weight: 600;    padding: 9px 20px;
}
.icon-bar {
	background-color: #062a3e 
}

.navbar-toggle {		
	background-color: #001349		
}
.navbar-toggle:hover {		
	background-color: #001349		
}

.nav.transparent>li>a {
    font-weight: bold;
	color: #FFFFFF;
	padding: 14px 22px;
	transition: all 0.6s ease;
	font-size: 17px;
}
.nav>li>a {
    font-weight: bold;
	color: #FFFFFF;
	padding: 14px 54px;
	transition: all 0.6s ease;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #FFFFFF;
	color: rgba(70,23,30);
}

.dropdown-menu a:hover {font-weight: 400;background-color: #ddd; color: rgba(70,23,30) !important; transition: all 0.3s ease;}

/* Page Layout*/
.greystrip {background-color: #EFEFEF; padding:30px 0 50px 0}
.whitestrip {background-color: #FFFFFF; padding: 30px 0}
.welcome {background-color: #FFFFFF; padding-top: 10px; padding-right: 17px}

.unslider { margin-bottom:20px; }
.unslider-nav li { width:20px !important; height:20px !important; border-radius:19px !important; }
.unslider-nav ol li.unslider-active { background-color:#2B3C68 !important; }

.greybg { background-color:#efefef !important; }
.customer-review { padding:60px 0 !important; }
.quotation-left { font-size:22px; color:#b9b9b9 !important; float:left; padding-left: 30px; margin-top:-10px; }
.quotation-right { font-size:22px; color:#b9b9b9 !important; float:right; padding-right:40px; margin-top:0px; }
.testimonial { font-size:16px; font-style:italic; }

.contactform {padding-bottom: 10px}

.contactdetails {margin-top: 80px; margin-left: 50px}

h1 {color: #000000; font-size: 31px; margin-top: 0; margin-bottom: 30px; font-weight: 700}
h2 {color: #000000; font-size: 28px}
.multi h2 {font-size: 16px}
h2.services:after { 
    content: "";
    display: block;
	background: #741213;
    height: 4px;
    width: 100px;
	margin: 0 auto;
	margin-top: 6px !important;
}

h3 {color: #FFF; font-size: 28px; width: 100%}
h3.widget:after { 
    content: "";
    display: block;
	background: #741213;
    height: 4px;
    width: 100px;
	margin: 0 auto;
	margin-top: 6px !important;
}

h4 {color: #000000; font-size: 23px}
h5 {color: #000000; font-size: 20px}
h6 {color: #000000; font-size: 18px}
.cta h6 { font-family: 'Anton', sans-serif; color: #fff; text-shadow: 1px 1px #000; font-size: 28px;}
.cta p { font-size: 24px; color: #FFF;text-shadow: 1px 1px #000;}
.navbar-form {padding-left:0; padding-right:0}
#header p {color: #FFFFFF; font-size: 12px}

.catimage {height:400px}
.catimage h1 {position: absolute; bottom: 18%; color: #FFFFFF; font-weight: 400; margin-bottom: 0}
.catimage h2 {position: absolute; bottom: 10%; color: #FFFFFF; font-weight: 600; margin-bottom: 0}
h2.boxtitle { font-size: 18px; padding: 10px 18px; margin-bottom:0; color: #FFFFFF; text-decoration: none}
h2.boxtitle a { color: #FFFFFF; text-decoration: none}
h3.boxtitle { margin:0 !important; }
h3.boxtitle a {color: #000000; font-size:16px !important; margin:0 !important}
h4.boxtitle1 {background-color: #FFF; font-size: 22px; margin-bottom: 0px; margin-top: 0px; padding: 5px 10px; color: #FFFFFF}
h4.boxtitle2 { font-size: 20px; font-weight: 600; margin-bottom: 20px; margin-top: 0px; padding-top: 15px ; color: #FFFFFF}
.footerboxes a { color: #FFFFFF; font-size:  12px; text-decoration: none}
.footerboxes ul  { margin: 0; padding: 0;}
.footerboxes li { margin-left: 0px; padding: 0; list-style: none}
.footerboxes li a { font-size: 17px; line-height: 36px; font-weight: 400}
.footerboxes li a:hover { color: #BFBFBF}
.homeimages {padding: 0px 0px}
h2.services {color: #FFF; font-size: 28px; width: 100%;}

ul.package li { font-size: 17px; line-height: 25px; margin-bottom: 6px}

.contentblock {min-height: 500px}
.footerboxes {border: 1px; min-height: 80px; padding-top: 20px}
.footerboxes h5 {color: #FFFFFF; font-weight: 600}
.footerboxes p {color: #FFFFFF; font-size: 12px}
.footerboxes ul {padding-top: 0px}
#ft { background-color:#222222 !important; }
#ft .icon-grey a {color: #CCCCCC !important}
#ft .icon-grey a:hover {color: #999 !important}
.copy {margin-bottom: 20px;}
.copya a { font-size:13px; color: #CCCCCC}
.copya a:hover { text-decoration: none; color: #FFFFFF}
.copya { font-size:13px; color: #CCCCCC}

.subfooter { background: #000; padding: 15px 0}
.subfooter p { margin-bottom: 0}

.areas a { color: #999; font-size: 14px; text-align: center; line-height: 25px}
.areas p { color: #999; font-size: 14px; text-align: center}

.contact {border: 1px solid #EEEEEE; background-color: #ededed; padding: 20px}

#pagecontent ul li { line-height:30px; }
.newsitem p.briefdesc { font-size:11px; }

.img-full-width { width: 100%;}
.img-half-width { width: 50%;}
.img-third-width { width: 33%;}
.img-quarter-width { width: 25%;}

.embed-responsive-16by9 {
    padding-bottom: 33.25%;
}

@media only screen and (max-width: 1600px) {
.parallax-container {
    position: relative;
    height: 330px;
}

}

@media only screen and (max-width: 1400px) {

	.nav.transparent>li>a { font-size: 18px;}
	.headcontact-transparent { font-size: 17px;}
	.headaddress { padding-right: 40px}
	.navtoggletrans {margin-top: 0 !important}
	.parallax-container {position: relative;height: 282px;}
.parallaxcat {height: 100% !important; background-size: contain !important}
	.enquiryslash {display: none}
}

@media only screen and (max-width: 1300px) {

	
	.headcontact-transparent { font-size: 16px;}
	.nav.transparent>li>a { font-size: 16px; padding: 14px 7px}
	.headaddress { padding-right: 20px}
	.logo-transparent { height: auto}
	.page #Carousel { padding: 30px 0;  background-attachment: fixed !important;background-position: top center !important;background-repeat: no-repeat !important;background-size: 107% !important;height: 395px;}
.parallax-container {
    position: relative;
    height: 245px;
}
.parallaxcat {
    height: 100% !important;
    background-repeat: no-repeat !important;
}
.spotlightline1{bottom:23%!important;}	
	
}
@media only screen and (max-width: 1100px) {
.parallax-container {
    position: relative;
    height: 245px;
}
	
}

@media only screen and (max-width: 1024px) {

	/*#header-transparent { background: green;}*/
	.centerimg {display: block; margin: auto}
	.logo-transparent { height: auto}
	/*.nav.transparent>li>a { font-size: 14px; padding: 14px 7px}*/
	.navoverview a {color: #fff}
	#fullnavbar {display: none}
	.navbar-nav.transparent { float: left; margin: 0; width: 100%;}
	.navbar-toggle { display: block}
	.navbar-toggle { margin: 0 !important; border-radius: 0px; padding-top: 8px !important; margin-top: 10px !important}
	.navbar-toggle .icon-bar+.icon-bar {margin-top: 3px}
	.navbar-toggle .icon-bar {height: 2px !important}
	#navbar ul li { margin-right: 0px;}
	.collapsed.open ul {display: block !important}
	.collapsed ul {display: none !important}
	.collapse.in li { display: block !important;}
	.collapse li { display: none !important;}
	.navbar-collapse.collapse { display: none !important}
	.navbar-collapse.collapse.in { display: block !important}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px;}
	.parallax {  background-size: cover;}
	.contentarea h2 { margin: 0px 0 10px 0;}
	.owl-item { padding: 53px 45px 50px; background-color: #fff; margin: 0 10px; min-height: 315px !important;}
	.parallax-container {position: relative;height: 315px;}
	.navbar { font-size: 10px !important}
	.nav>li>a { font-weight: bold; color: #FFFFFF; font-size: 14px;}
	#navbar ul li { margin-right: 40px;}
	.page #Carousel { padding: 30px 0; background-attachment: fixed !important; background-position: top center !important; background-repeat: no-repeat !important; background-size: contain !important; height: 200px;}
	#navbar ul li { margin-right: 0px;}
	/*.carousel-inner .carousel-position-four { width: 100%; color: #FFF; position: absolute;}*/
	.twitter-timeline { width: auto !important;}
	.brandedlogos {width: 85% !important} 
	.customer-review { padding:30px 0 !important; }
	.spacer75 {height: 30px}
	#ft .icon-grey {display: inline-flex; padding-left: 0}
		.navtoggletrans {margin-top: 0 !important}
	.headcontact {padding-right: 0; margin-top: 10px}
	.drawer-contents .navbar-collapse.collapse {display: block !important;}
	.drawer-contents .collapse li {display: block !important;}
	.drawer-contents .nav>li>a:hover, .drawer-contents .nav>li>a:focus {color: #46171e}
	.drawer-contents .dropdown-menu a:hover {color: #46171e !important;}
	.drawer-contents .dropdown-toggle i {margin-left: 10px}
	#header-transparent {z-index: 40;}
	.logo-transparent.small {height: auto !important;width: 150px !important}
	.drawer-contents .nav>li>a {    padding: 20px 9px !important; font-size: 20px !important}
	.dropdown-menu>li>a {font-size: 16px !important; padding: 5px 20px}
	.parallaxcat {background-size: inherit !important}
	.owl-carousel.owl-drag .owl-item {height: 470px !important}
	#payform input {width: 100%}
	#card-element {width: 100% !important}
	.halfgrey .form-control {height: 55px}
	.carousel-inner .carousel-position-four-button {bottom: 18% !important;}
	.innerbg {height: 665px}
	.intro {height: 680px}
	.carousel-indicators {bottom: 0px;}
	.logo-transparent {width: 220px; height: auto}
	.datedropmini  {width: 100% !important}
	#StartTime  {width: 100% !important}
	#EndTime  {width: 100% !important}
	.modal-dialog {width: 75%;}
	.datedropmini {margin-bottom: 10px}
	.payments {display: none}
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
	.headcontact-transparent { display: none}
	
	.navbar-nav>li { float: none}
	.navbar { min-height: 0}
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
	.navbar { min-height: 0}
	#fullnavbar {display: none}
	.navbar-nav.transparent { float: left; margin: 0; width: 100%;}
	.navbar-toggle { display: block}
	.navbar-toggle { margin: 0 !important; border-radius: 0px; padding-top: 8px !important}
	.navbar-toggle .icon-bar+.icon-bar {margin-top: 3px}
	.navbar-toggle .icon-bar {height: 2px !important}
	#navbar ul li { margin-right: 0px;}
	.collapsed.open ul {display: block !important}
	.collapsed ul {display: none !important}
	.collapse.in li { display: block !important;}
	.collapse li { display: none !important;}
	.navbar-collapse.collapse { display: none !important}
	.navbar-collapse.collapse.in { display: block !important}
	.headcontact-transparent { display: none}
	.col-sm-8.navoverview { width: 100%;}
	.navbar-nav>li { float: none}

}
.upcomingevent { padding:0;}
@media only screen and (max-width: 991px) {
    
    .upcomingevent.up1 { }
    /*.upcomingevent.up1 { padding-right: 0; padding-left: 0 }
    .upcomingevent.up2 { padding-left: 0;padding-right: 0; }*/
	
}

@media only screen and (max-width: 768px) {
	/*#header-transparent { background: blue;}*/
	
	.navbar { min-height: 0}
	.newsitem p.briefdesc { display:none; }
	.newswidgetitle { margin-top:10px; }
	.review-slider {width: 90%}	
	.carousel-inner .carousel-position-four { padding: 0px; bottom: 15% !important; color: #FFF; position: absolute;}
	.parallax-container {position: relative;height: 240px;}
	.contentarea img {float: none !important}
	.contentarea h2 {text-align: center; margin-top: 10px !important}
	.contentarea p {text-align: center}
	.contentarea .contentimgholder {text-align: center!important}
	.page #Carousel { padding: 30px 0; background-attachment: fixed !important; background-position: top center !important; background-repeat: no-repeat !important; background-size: 240% !important; height: 400px;}	
	.owl-item.active {border: 1px solid #efefef; }
	.serviceblock { min-height: 370px; position: relative; padding: 15px;}
	.carousel-inner .carousel-position-four h2 { font-size: 33px !important;}
	.parallax {background-size: cover !important; background-position: center;}
	.spotlightline1 { font-size: 30px; text-shadow: 2px 3px #000;}
	.spotlightline2 { font-size: 22px;}
	.navbar-nav.transparent { float: left; margin: 0; width: 100%;}
	.fa-search {font-size: 15px; color: #062a3e }
	.owl-prev {left: -15px !important; top: 40% !important}
	.owl-next {right: -15px !important; top: 40% !important}
	.whitestrip {padding: 20px 0}
	.whitestrip h1	{font-size: 26px}
	.eventblock h2 {font-size: 20px; margin-top: 15px; }
	.eventblock p {display: none;}
	.eventblock .eventimg {padding-right: 0}
	.eventblock .eventtxt {padding-left: 0}
	.nav>li>a { color: #FFFFFF; font-weight: bold; padding: 14px 9px !important;  transition: all 0.3s ease;}
	.article {width: 50%}
	.twitter-timeline { width: auto !important;	}
	.brandedlogos { width: 95% !important;}
	.footerboxes.text-right { text-align: left}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 45%; z-index: 5; display: inline-block; margin-top: -10px;}
	.awardslogo img {margin-left: auto; margin-right: auto}
	.drawer-contents .navbar-collapse.collapse {display: block !important;}
	.drawer-contents .collapse li {display: block !important;}
	.drawer-contents .nav>li>a:hover, .drawer-contents .nav>li>a:focus {color: #46171e}
	.drawer-contents .dropdown-menu a:hover {color: #46171e !important;}
	.drawer-contents .dropdown-toggle i {margin-left: 10px}
	#header-transparent {z-index: 40;}
	.logo-transparent.small {height: auto !important;}
	.drawer-contents .nav>li>a {    padding: 20px 9px !important; font-size: 20px !important}
	.dropdown-menu>li>a {font-size: 18px !important; padding: 5px 20px}
	.parallaxcat {background-size: inherit !important}
	.navtoggletrans {margin-top: 0 !important}
	.headcontact {padding-right: 0; margin-top: 10px}
	.logo-transparent {width: 200px; height: auto !important}
	.bannertext {font-size: 20px;}
	.catimage h2 {bottom: 5%;}
	.navbar-toggle {margin-top: 10px !important;}
	.servicesbox {min-height: 500px}
	.footerboxes {border: 1px;min-height: 265px;padding-top: 20px;}
	
}
@media only screen and (max-width: 650px) {
		.payments {display: none !important}
		.paymentdraw {display: block !important}
}
@media only screen and (max-width: 480px) {
	.logo-transparent {width: 50%}
	.intro {height: 450px}
	.innerbg {min-height: 620px !important}
	.greybox {margin: 0; margin-bottom: 10px}
	#payform {width: 100%}
	#payform input { width: 100%}
	#card-element {width: 100% !important}
	#payform .amount {width: 25% !important}
	.navoverview {padding-right: 15px; text-align: center}
	.headcontact {padding-left: 15px; padding-bottom: 0; padding-top: 20px; text-align: center; font-size: 16px}
	.dropdown-toggle i {margin-left: 10px}
	.parallax-container {position: relative;height: 300px;}
	.catimage h1 {margin-bottom: 20px}
	.gridtext {padding: 15px}
	.drawer-contents .navbar-collapse.collapse {display: block !important;}
	.drawer-contents .collapse li {display: block !important;}
	.drawer-contents .nav>li>a:hover, .drawer-contents .nav>li>a:focus {color: #46171e}
	.drawer-contents .dropdown-menu a:hover {color: #46171e !important;}
	#header-transparent {z-index: 1;}
	.logo-transparent.small {height: auto !important;}
	.drawer-contents .nav>li>a {    padding: 10px 9px !important; font-size: 16px !important}
	.dropdown-menu>li>a {font-size: 14px !important}
	.modal-dialog {width: auto}
	.hideextras textarea {height: 110px}
	#enquiry h2 {font-size: 24px}
	#enquiry p {font-size: 14px}
	#enquiry table {width: 100% !important}
	#enquiry tr {text-align: left}
	#enquiry td {text-align: left; padding-left: 15px;padding-right: 15px}
	.clearmob {clear: both}
	.pay_button select {width: 100%}
	.pay_button td {text-align: center !important}
	.catimage { height :auto}
	.carousel-inner .carousel-position-four {top: 18% !important;}
	.carousel-inner .carousel-position-four-button {bottom: 42% !important;}
	.casinoTableHolder table tr .NonThemeNight {width: 50%}
	.datedropmini  {width: 100% !important}
	.ContactUs p {text-align: center}
	.spotlightline2  {font-size: 18px}
	.spotlightline1  {font-size: 26px}
	.spotlightline2  {font-size: 18px}
    .footerboxes li a {
        padding: 10px 10px 10px 0;
        line-height: 32px;
    }
    

}
@media (min-width: 1300px) {
	.container { width: 1270px;}
}
@media (min-width: 1400px) {
	.container { width: 1370px;}
}