@import url(https://fonts.googleapis.com/css?family=Spinnaker);

@font-face {
	font-family: 'Futura-Extra-Bold';
	src: url("../fonts/Futura-Extra-Bold.eot") format('embedded-opentype'), 
	     url("../fonts/Futura-Extra-Bold.woff") format('woff'), 
	     url("../fonts/Futura-Extra-Bold.ttf")  format('truetype'),
	     url("../fonts/Futura-Extra-Bold.svg") format('svg');
        font-weight: 1000;
        
	}



.selected {
    background-color: #e7e7e7;
}

.mainImage {
    background-color: #f7f7f7;
    height: 400px;
    display: block;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../i/sydneycasinofinal.jpg");
}
.mainImageMobile {
    background-color: #f7f7f7;
    height: 400px;
    display: block;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../i/slider-crown.jpg");
}
.mainImageTwo {
    background-color: #f7f7f7;
    height: 400px;
    display: block;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../i/crownMel.jpg");
}
.mainImageTwoMobile {
    background-color: #f7f7f7;
    height: 400px;
    display: block;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../i/melMobile.jpg");
}
.mainImagePerth {
    background-color: #f7f7f7;
    height: 400px;
    display: block;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../i/perthCrown.jpg");
}
.mainImagePerthMobile {
    background-color: #f7f7f7;
    height: 400px;
    display: block;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../i/perthmobile.jpg");
}
.imageDesc {
    text-align: center;   
    color: white;
    margin-top: 150px;
}

body {
	font-family: Arial, sans-serif;
    background-color: #ffffff;
}

#logo {
    margin:auto;
    margin-top: 10px;
}
.title    {
    background-color: #fff;
    text-align: center;
    
}

h1 {
    text-transform: uppercase;
    font-family: 'Spinnaker', sans-serif; 
}

h3 {
    text-transform: uppercase;
    text-align: center;
    font-family: 'Spinnaker', sans-serif; 
    font-size: 18px;
}

.carousel {  
    width: 100%; 
    margin: auto;
    border-top: 6px solid #c5a54c;
}


.carousel-inner img {
    width: 100%;  
}

.navbar {
    font-family: 'Spinnaker', sans-serif; 
    text-align: center;
    font-size: 18px;
    border-style: none;
    background-color: #ffffff;
    
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;

}

.navbar .navbar-collapse {
  text-align: center;
}

.brand {
    margin: auto;   
}
.mari{
    margin: 3px;
}
.social {
    font-size: 26px; 
    letter-spacing: 6px;
}
.box {
    text-align: center;   
  
}

.descBox {
    border: 1px solid #e7e7e7;   
}

#footerNav {
    text-align: right;   
}

#footerNav p {
    font-size: 14px;   
}
#footerNav a {
    color: #343434;
}
.footColor{
    color: #acacac;
    letter-spacing: 3px;
}
.descBox img {
    padding-bottom: 10px;   
}

.desc {
    font-size: 20px;
}

.descBox p {
    font-size: 20px;  
}

.btn{
	text-transform:uppercase;
	font-size: 18px;
    border-radius: 0px !important;
    font-family: 'Spinnaker', sans-serif;
}
.btn-contact{
    color: #fff;
    border: solid 2px #c5a54c;
    background:none;
}

.btn-read {
    background-color: #c5a54c;
    color: #fff;
    border: solid 1px #c5a54c;
}

.btn:hover{
	background: #bc9936;
	color: #fff;
    text-decoration: none;
}

.box .btn {
    margin-bottom: 12px;   
}

.fa-chevron-left, .fa-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;   
}

p a {
    color: #ab8c38;
    text-decoration: underline;
}
p a:hover {
    color: #bc9936;
     text-decoration: none;
}


.modal-dialog {
    width: 365px;
    margin-top: 105px;
}

.g-recaptcha {
    margin-left: auto;
    margin-right: auto;
    width: 300px;   
}

@media screen and (min-width: 1200px) {
    .navbar-nav li {
        margin-left: 74px;   
    }
}

@media screen and (min-width: 991px) {
    .navbar-nav li {
        margin-left: 34px;   
    }
}

@media screen and (max-width: 768px) {
    .carousel-caption {
        background: rgba(0,0,0,0.6);
        border-radius: 7px;
    }
}

@media screen and (max-width: 468px) {
    h1 {
        font-size: 22px;
    }
    
    .btn{
        font-size: 12px;
    }
    
    .descBox p {
        font-size: 15px;
    }
    
    .descBox .btn {
        margin: auto !important;
        margin-bottom: 10px !important;
    }
}
.clearfix::after{content:"";display:table;clear:both}