/* Clubband Style */

@font-face {
    font-family: "BebasNeue";
    src: url("../../assets/fonts/bebasneue/bebasneue_regular-webfont.eot");
    src: 
    url("../../assets/fonts/bebasneue/bebasneue_regular-webfont.woff") format("woff"),
    url("../../assets/fonts/bebasneue/bebasneue_regular-webfont.otf") format("opentype"),
    url("../../assets/fonts/bebasneue/bebasneue_regular-webfont.svg#filename") format("svg");
}

@font-face {
    font-family: "BebasNeueBold";
    src: url("../../assets/fonts/bebasneue/bebasneue_bold-webfont.eot");
    src: 
    url("../../assets/fonts/bebasneue/bebasneue_bold-webfont.woff") format("woff"),
    url("../../assets/fonts/bebasneue/bebasneue_bold-webfont.otf") format("opentype"),
    url("../../assets/fonts/bebasneue/bebasneue_bold-webfont.svg#filename") format("svg");
}
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');

html,
body {
    height: 100%;
}
.clear {
    clear: both;
}
h1.clubband, h2.clubband, h3.clubband, h4.clubband, h5.clubband, h6.clubband {
    font-size: 32px;
    text-transform: uppercase;
    font-family: 'BebasNeueBold', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2px;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
}
h1.clubband {
    font-size: 34px;
}
h2.clubband {
    font-size: 34px;
}
h4.clubband {
    font-size: 28px;
}
h5.clubband {
    font-size: 24px;
}
h6.clubband {
    font-size: 18px;
}
p.clubband, p.clubband.sml {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    text-align: center;
    line-height: 1.5;
}
p.clubband.sml {
    font-size: 12px;
}
.mrg-t-10 {
    margin-top: 10px !important;
}
.mrg-t-20 {
    margin-top: 20px !important;
}
.mrg-t-30 {
    margin-top: 30px !important;
}
.mrg-t-40 {
    margin-top: 40px !important;
}
.mrg-t-50 {
    margin-top: 50px !important;
}
.mrg-b-0 {
    margin-bottom: 0px !important;
}
.mrg-b-10 {
    margin-bottom: 10px !important;
}
.mrg-b-20 {
    margin-bottom: 20px !important;
}
.mrg-b-30 {
    margin-bottom: 30px !important;
}
.mrg-b-40 {
    margin-bottom: 40px !important;
}
.mrg-b-50 {
    margin-bottom: 50px !important;
}
.clubband-img-100 {
    width: 100%;
}
.clubband-btn-grey {
    background-color: #605e5d;
    border: 2px solid #9c9b9b;
    text-transform: uppercase;
    font-family: 'BebasNeueBold', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #fff;
    padding: 10px 60px;
    font-size: 24px;
    transition: all 0.3s ease 0s;
} 
    .clubband-btn-grey:hover {
        background-color: #050302;
        text-decoration: none;
    }
.clr-brownish-grey {
    color: #605e5d;
}
.clr-apem-grey {
    color: #5d5d5d;
}
.wdth100 {
    width: 100%;
}
.text-left {
    text-align: left !important;
}
#sm_screen, #bg_screen {
    width: 100%;
}
#sm_screen {
	display: none;
}
.menu_top {
    width: 100%;
}
.menu_top ul li {
    float: left;
    list-style: none;
}
.menu_top ul li a {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'BebasNeueBold', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2px;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
    color: #9c9b9b;
}
    .menu_top ul li a:hover {
        color: #050302;
        text-decoration: none;
    }
.logoTop {
	width: 180px;
	height: 34px;
	margin: 0 auto;
}
    .logoTop img {
        width: 100%;
        height: 100%;
    }

footer {
    background-color: #050302;
    margin-top: 50px;
    position: relative;
    padding-top: 60px;
    padding-bottom: 35px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 12px;
}
    .logo-footer {
        width: 54px;
        height: 54px;
        position: absolute;
        left: 50%;
        margin-left: -25px;
        top: -25px;
    }
        .logo-footer img {
            width: 100%;
            height: 100%;
        }
    footer ul li {
        float: left;
        list-style: none;
    }
    ul.social {
        margin-top: -10px;
        position: relative;
        z-index: 2;
    }
        ul.social li {
            margin-right: 20px;
        }
            ul.social li a {
                color: #fff;
                display: block;
                border: 1px solid #fff;
                padding: 5px;
                font-size: 12px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 50%;
                width: 30px;
                height: 30px;
                position: relative;
            }
                ul.social li a.fb i {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    margin-left: -4px;
                    margin-top: -5px;
                }
                ul.social li a.twitter i {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    margin-left: -5px;
                    margin-top: -5px;
                }
                ul.social li a.ig i {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    margin-left: -5px;
                    margin-top: -5px;
                }
        ul.footer-menus li {
            margin-right: 30px;
        }
    footer .clubband-copyright {
        text-align: center;
		margin-bottom:-17px;
    }
footer .clubband-copyright p {
	/*text-align: center;
	height: auto;
	margin-bottom: 0;
	display: table;
	position:absolute;
	top: 60px;
	width: 100%;*/
	display:inline-block;
	margin:0;

}
footer a, footer a:focus, footer a:hover{
	color:#fff;
}

.about-section {
    margin-bottom: 80px;
}
/*cae*/
.navbar {padding:40px; margin-bottom:40px;}
.logo-wrapper {
    text-align: center;
    margin-bottom: -37px;
}

.logo {
    width: 180px;
    display: inline-block;
}

.navbar li {
    display: inline-block;
    padding: 10px 30px 6px;
}

.half {
    width: 50%;
    display: block;
    float: left;
}
.half ul {margin:0;}

.navbar li a {
  font-family: 'BebasNeue', Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 1px;
  text-align: left;
  color: #9c9b9b;
}



.right-navlist {
    padding-left: 151px;
}

.left-navlist {
    text-align: right;
    padding-right: 151px;
}

.services-section {text-align:center;}
.services-section li {
	display:inline-block; 
	padding:20px;
}

.Overlay-1 {
	width: 300px;
	height: 300px;
	position:relative;
}
.Overlay-1:after {
	width: 300px;
	height: 300px;
	opacity: 0.5;
	background-color: #5c5651;
	border-radius: 50%;
	content:'';
	position:absolute;
	top:0;
	left:0;
}
.services-section .Overlay-1 a {
  font-family: 'BebasNeue', Arial, sans-serif;
  font-size: 48px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
}
.services-section .Overlay-1 .text{
	position:absolute;
	top:42%;
	width:100%;
	text-align:center;
	z-index:1;
}
.about-section h2 {
	font-size: 36px;
	font-family: 'Playfair Display', serif;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.11;
	letter-spacing: 0.8px;
	text-align: center;
	color: #cdb597;
	margin-bottom:30px;
}

.about-section p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: 0.5px;
  text-align: center;
  color: #605e5d;
  color: var(--brownish-grey);
}

.map-wrapper {
	position:relative; 
	text-align:center;
	padding-bottom:160px;
}
.map-wrapper img {max-width:100%;}
.map-wrapper .logo-map {
	position:absolute;
	top:177px;
	left:0;
	width:100%;
}
.Oval-2 {
  width: 20px;
  height: 20px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
  background-color: #050302;
  border: solid 2px #ffffff;
  border-radius:50%;
  position:absolute;
}

#oval-summer {
	top:455px;
	left:250px;
}
#summer-map {
	position:absolute;
	top:375px;
	left:15px;
}
#summer-line {
	width: 82px;
	height: 61px;
	position: absolute;
	top:405px;
	left:171px;
	background:linear-gradient(33deg,transparent 49%,#dbd5d1 51%,transparent 51%);
}

#oval-party {
	top:490px;
	left:658px;
}
#party-map {
	position:absolute;
	top:561px;
	left:416px;
}
#party-line {
	width: 90px;
	height: 95px;
	position: absolute;
	top:500px;
	left:571px;
	background:linear-gradient(-43deg,transparent 49%,#dbd5d1 51%,transparent 51%);
}

#oval-melbourne {
	top:567px;
	left:772px;
}
#melbourne-map {
	position:absolute;
	top:700px;
	left:536px;
}
#melbourne-line {
	width: 100px;
	height: 141px;
	position: absolute;
	top:583px;
	left:686px;
	background:linear-gradient(-59deg,transparent 49%,#dbd5d1 51%,transparent 51%);
}

#oval-radio {
	top:363px;
	left:920px;
}
#radio-map {
	position:absolute;
	top:272px;
	left:977px;
}
#radio-line {
	width: 45px;
	height: 72px;
	position: absolute;
	top:302px;
	left:939px;
	background:linear-gradient(-54deg,transparent 49%,#dbd5d1 51%,transparent 51%);
}

#oval-press {
	top:476px;
	left:886px;
}
#press-map {
	position:absolute;
	top:451px;
	left:976px;
}
#press-line {
	width: 83px;
	height: 6px;
	position: absolute;
	top:483px;
	left:902px;
	background:linear-gradient(-3deg,transparent 49%,#dbd5d1 62%,transparent 51%);
}

#oval-capital {
	top:504px;
	left:837px;
}
#capital-map {
	position:absolute;
	top:595px;
	left:932px;
}
#capital-line {
	width: 88px;
	height: 109px;
	position: absolute;
	top:520px;
	left:851px;
	background:linear-gradient(52deg,transparent 49%,#dbd5d1 51%,transparent 51%);
}
.map-loc img {max-width:100%;}
#l_desktop {
    display: block;
}
#l_mobile {
    display: none;
}
.chooselocation {
    font-family: 'BebasNeue', Arial, sans-serif;
    font-size: 48px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    color: #050302;
    margin-bottom: 50px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
	.map-wrapper .logo-map {top:90px;}
	.logo-map img {width:100px;}
	.Oval-2 {
		width:15px;
		height:15px;
	}
	.map-loc {width:80px;}
	#oval-summer {top:270px; left:35px;}
	#summer-map {top:235px; left:10px;}
	#summer-line, #party-line, #melbourne-line, #radio-line, #press-line, #capital-line {display:none;}
	
	#oval-party {top:290px; left:275px;}
	#party-map {top:255px; left:220px;}
	
	#oval-melbourne {top:335px; left:345px;}
	#melbourne-map {top:320px; left:260px;}
	
	#oval-radio {top:215px; left:435px;}
	#radio-map {top:180px; left:375px;}
	
	#oval-press {top:280px; left:410px;}
	#press-map {top:245px; left:375px;}
	
	#oval-capital {top:300px; left:381px;}
	#capital-map {top:320px; left:375px;}

}
@media screen and (max-width: 767px) {
	.map-wrapper {
		max-width:290px;
		margin:0 auto;
	}
	.map-wrapper .logo-map {top:60px;}
	.logo-map img {width:60px;}
	.Oval-2 {
		width:10px;
		height:10px;
	}
	.map-loc {width:70px;}
	.map-loc img {max-width:100%;}
	#oval-summer {top:170px; left:22px;}
	#summer-map {top:140px; left:0;}
	#summer-line, #party-line, #melbourne-line, #radio-line, #press-line, #capital-line {display:none;}
	
	#oval-party {top:185px; left:175px;}
	#party-map {top:165px; left:107px;}
	
	#oval-melbourne {top:215px; left:220px;}
	#melbourne-map {top:220px; left:153px;}
	
	#oval-radio {top:137px; left:278px;}
	#radio-map {top:107px; left:245px;}
	
	#oval-press {top:180px; left:260px;}
	#press-map {top:150px; left:200px;}
	
	#oval-capital {top:195px; left:240px;}
	#capital-map {top:203px; left:245px;}
	
}
@media (min-width: 768px) and (max-width: 991px) {
	.map-wrapper {
		max-width:720px;
		margin:0 auto;
	}
	.logo-map img {width:160px;}
	.map-loc {width:130px;}
	.map-loc img {max-width:100%;}
	#oval-summer {top:430px; left:55px;}
	#summer-map {top:375px; left:0;}
	#summer-line, #party-line, #melbourne-line, #radio-line, #press-line, #capital-line {display:none;}
	
	#oval-party {top:460px; left:440px;}
	#party-map {top:460px; left:315px;}
	
	#oval-melbourne {top:535px; left:550px;}
	#melbourne-map {top:535px; left:425px;}
	
	#oval-radio {top:340px; left:695px;}
	#radio-map {top:285px; left:615px;}
	
	#oval-press {top:445px; left:660px;}
	#press-map {top:390px; left:615px;}
	
	#oval-capital {top:475px; left:610px;}
	#capital-map {top:495px; left:615px;}	
}
@media (min-width: 992px) and (max-width: 1199px) {
	.map-wrapper {
		max-width:720px;
		margin:0 auto;
	}
	.logo-map img {width:160px;}
	.map-loc {width:130px;}
	.map-loc img {max-width:100%;}
	#oval-summer {top:430px; left:55px;}
	#summer-map {top:375px; left:0;}
	#summer-line, #party-line, #melbourne-line, #radio-line, #press-line, #capital-line {display:none;}
	
	#oval-party {top:460px; left:440px;}
	#party-map {top:460px; left:315px;}
	
	#oval-melbourne {top:535px; left:550px;}
	#melbourne-map {top:535px; left:425px;}
	
	#oval-radio {top:340px; left:695px;}
	#radio-map {top:285px; left:615px;}
	
	#oval-press {top:445px; left:660px;}
	#press-map {top:390px; left:615px;}
	
	#oval-capital {top:475px; left:610px;}
	#capital-map {top:495px; left:615px;}	
}
@media (min-width: 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    footer .clubband-copyright p {
        width: 100%;
        height: 100%;
        text-align: center;
    }

    footer .social-section{
        text-align: center;
        height: 50px;
    }

    footer .term-section{
        text-align: center;
    }

    .footer-responsive{
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        display: table;
    }

    footer .clubband-copyright p {
        margin-bottom: 0;
        position: relative;
        top: 0px;
        margin-top: 10px;
        width: 100%;
        height: 100%;
        text-align: center;
        display: table;
    }

    footer ul.social{
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    footer .footer-menus{
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    footer .clubband-copyright {
        margin-bottom: 20px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .navbar {
        padding: 20px 15px;
    }
    .logo-wrapper {
        text-align: left;
    }
    #l_desktop {
        display: none;
    }
    #l_mobile {
        display: block;
    }
    .navbar-brand {
        padding : 0;
        height: 26px;
    }
    .navbar li {
        padding: 0;
        display: block;
    }
    .navbar-default .navbar-collapse {
        border: none;
        margin-top: 20px;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background : none;
    }
    .logo {
        width: 125px;
    }
    .navbar-default .navbar-toggle {
        margin: 0;
        border: none;
        padding: 0;
        padding-top: 5px;
    }
    .services-section li {
        padding: 10px 0;
        display: block;
    }
    .Overlay-1 {
        width: 250px;
        height: 250px;
    }
        .Overlay-1 img {
            width: 100%;
            height: 100%;
        }
    .Overlay-1:after {
        width: 250px;
        height: 250px;
    }
    .about-section {
        margin-top: 70px;
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
        background : none;
    }
    .navbar-default .navbar-nav>li>a {
        padding: 10px 0;
        text-align: center;
    }
    .services-section .Overlay-1 a {
        font-size: 34px;
    }
    .map-wrapper {
        padding-bottom: 70px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}