@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Univers LT Std';
    src: url('fonts/UniversLTStd-UltraCn.eot');
    src: url('fonts/UniversLTStd-UltraCn.eot?#iefix') format('embedded-opentype'),
        url('fonts/UniversLTStd-UltraCn.woff2') format('woff2'),
        url('fonts/UniversLTStd-UltraCn.woff') format('woff'),
        url('fonts/UniversLTStd-UltraCn.ttf') format('truetype'),
        url('fonts/UniversLTStd-UltraCn.svg#UniversLTStd-UltraCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html {height:100%; width:100%;}
body {background:#000000; margin: 0 auto; padding:0; text-decoration:none;}


.header-cont {
    width:100%;
    position:fixed;
    top:0px; z-index:9999999999;
}

.wrapper {width:96%; max-width:1080px; margin:0 auto; padding:0;}

.gallery-wrapper {width:96%; max-width:1920px; margin:0 auto; padding:0;}

.pic {
  border: 2px solid #ffffff;
  float: left;
  margin:0 auto;
  width:100%;
  height:auto;
  padding:0;
  overflow: hidden;

  -webkit-box-shadow: 1px 1px 3px #000000;
          box-shadow: 1px 1px 3px #000000;
}

.pic:hover {
  border: 2px solid #45aee1;
  -webkit-box-shadow: 1px 1px 3px #000000;
          box-shadow: 1px 1px 3px #000000;
}

.headroom {min-height:120px !important;}
@media only screen and (max-width : 930px),
only screen and (max-device-width : 930px){
	.headroom {height:218px !important;}
	}

.bottom-row {background:#000000; width:100%; height:auto; min-height:50px; padding-top:20px; padding-bottom:20px; margin:0px; background-position:bottom;}

.emptyblank {width:100%; height:52px; margin:0 auto; padding:0;}



/* ================================================================== FONTS and LINKS ================================================================================================== */

p {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:18pt; color:#474747; font-weight:400; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: -1px -1px 1px #ffffff;}
p .pwhite {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:17pt; color:#ffffff; font-weight:400; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: 1px 1px 1px #000000;}
p .pblue {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#45aee1; font-weight:400; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: 1px 1px 1px #000000;}
p .pfine {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:10pt; color:#545454; font-weight:400; text-shadow:none;}
p .pfoot {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:13pt; font-weight:300; color:#45aee1; text-decoration:none; text-shadow:none; line-height: 20px;}

h1 {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:48pt; color:#ffffff; font-weight:300; line-height:1.5em; letter-spacing:1px; text-align:center; margin:0 auto; padding:0; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}
h1 .h1alt {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:48pt; color:#808080; font-weight:300; line-height:1.5em; letter-spacing:1px; text-align:center; margin:0 auto; padding:0; text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.75);}
h1 .h1finewhite {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; line-height:1.5em; color:#ffffff; font-weight:700; text-shadow:0px 0px 20px rgba(0, 0, 0, 0.95); text-transform:uppercase;}

h2 {font-family: 'Roboto Condensed', helvetica, frutiger, verdana, sans-serif; font-weight:700; font-size:30pt; text-transform:uppercase; color:#45aee1; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}
h2 .h2alt {font-family: 'Roboto Condensed', helvetica, frutiger, verdana, sans-serif; text-align:center; font-weight:700; font-size:30pt; text-transform:uppercase; color:#2f7597; text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.75);}

h3 {font-family: 'Roboto Condensed', sans-serif;font-weight:100; font-size:18pt; color:#ffffff; text-transform:uppercase; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}

ul.textlinks {list-style:none; list-style-type:none;}
ul.textlinks a:link {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#474747; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: -1px -1px 1px #ffffff; text-decoration:none;}
ul.textlinks a:visited {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#474747; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: -1px -1px 1px #ffffff; text-decoration:none;}
ul.textlinks a:active {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#474747; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: -1px -1px 1px #ffffff; text-decoration:none;}
ul.textlinks a:hover {font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; color:#45aee1; font-weight:700; line-height:1.5em; letter-spacing:1px; margin:0; padding:0; text-shadow: -1px -1px 1px #ffffff; text-decoration:underline;}

ul.reglinks {list-style:none; list-style-type:none; text-align:left; margin:0px; padding:0px;}
ul.reglinks a:link {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:700; color:#3993bf; text-decoration:none; line-height:28pt;}
ul.reglinks a:visited {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:700; color:#3993bf; text-decoration:none;}
ul.reglinks a:active {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:700; color:#3993bf; text-decoration:none;}
ul.reglinks a:hover {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:700; color:#808080; text-decoration:none;}

ul.biglinks {list-style:none; list-style-type:none; text-align:left; margin:0px; padding:0px;}
ul.biglinks a:link {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:20pt; font-weight:700; color:#3993bf; text-decoration:none; line-height:28pt;}
ul.biglinks a:visited {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:20pt; font-weight:700; color:#3993bf; text-decoration:none;}
ul.biglinks a:active {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:20pt; font-weight:700; color:#3993bf; text-decoration:none;}
ul.biglinks a:hover {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:20pt; font-weight:700; color:#808080; text-decoration:none;}

ul.rightlinks {list-style:none; list-style-type:none; text-align:right; margin:0px; padding:0px;}
ul.rightlinks a:link {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:700; color:#3993bf; text-decoration:none; text-transform:uppercase; line-height:28pt;}
ul.rightinks a:visited {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:700; color:#3993bf; text-decoration:none; text-transform:uppercase;}
ul.rightlinks a:active {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:700; color:#3993bf; text-decoration:none; text-transform:uppercase;}
ul.rightlinks a:hover {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:700; color:#808080; text-decoration:none; text-transform:uppercase;}

ul.footlinks {list-style:none; list-style-type:none; text-align:left; margin:0px; padding:0px; padding-top: 10px;}
ul.footlinks li{margin-bottom: 6px;}
ul.footlinks a:link {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:400; color:#45aee1; text-decoration:none;}
ul.footlinks a:visited {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:400; color:#45aee1; text-decoration:none;}
ul.footlinks a:active {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:400; color:#45aee1; text-decoration:none;}
ul.footlinks a:hover {font-family:'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:14pt; font-weight:400; color:#ffffff; text-decoration:none;}



/* ================================================================== BACKGROUND and TEXTURES ================================================================================================== */

.stephen-coelho-design {background:url(images/Last-Night-Was-Fun-Web-Banner.jpg) no-repeat center top #000000; padding:0; margin:0 auto; min-height:560px;}
.background-pic3 {background:url(images/coxx-events_party2.jpg) no-repeat center top #000000; padding:0; margin:0 auto; min-height:480px;}
.light-noise {background:url(images/light-noise.jpg) repeat #e5e5e5; width:100%; height:auto; padding:0; margin:0;}
.med-noise {background:url(images/med-noise.jpg) repeat #e5e5e5; width:100%; height:auto; padding:0; margin:0;}
.mid-noise {background:url(images/mid-noise.jpg) repeat #545454; width:100%; height:auto; padding:0; margin:0;}
.dark-noise {background:url(images/dark-noise.jpg) repeat #e5e5e5; width:100%; height:auto; padding:0; margin:0;}
.concrete {background:url(images/concrete.jpg) repeat #3a3a3a; width:100%; height:auto; padding:0; margin:0; position:relative; z-index:9999;}
.web-design_by_stephen-coelho {background:#000000; width:100%; height:auto; min-height:50px; padding:0; margin:0; background-position:top; overflow:hidden; vertical-align:middle;position:relative; z-index:9999999999;}
.shadow {background:url(images/shadow.png) no-repeat center; height:30px; width:100%; max-width:1080px; margin:0 auto; padding:0;}
.white {background:#ffffff; width:100%; height:auto; padding:30px; margin:0 auto;}



/* ============================= NAVIGATION   ============================================================================= */

.nav-bgd {background:url(images/concrete.jpg) repeat #3a3a3a; width:100%; height:auto; margin:0; padding:0; position:relative; z-index:9999;}

* {
	padding: 0;
	margin: 0;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

nav {
	width: 100%;
	background:none;
	margin:0 auto;
	overflow: hidden;
}

nav ul {
	list-style: none;
	overflow: hidden;
}

nav li a {
	background:none;
	border-top: 1px solid rgba(225, 225, 225, 0.1);
	border-left: 1px solid rgba(225, 225, 225, 0.1);
	border-right: 1px solid rgba(0, 0, 0, 0.33);
	border-bottom:1px solid rgba(0, 0, 0, 0.33);
	color: #fff;
	display: block;
	float: left;
	font: 300 16pt/1.4 'Roboto Condensed', helvetica, frutiger, verdana, sans-serif; text-shadow: 1px 1px 1px #000000;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 12.5%;

	/*TRANSISTIONS*/
	-webkit-transition: background 0.5s ease;
	   -moz-transition: background 0.5s ease;
	     -o-transition: background 0.5s ease;
	    -ms-transition: background 0.5s ease;
	        transition: background 0.5s ease;
}

/*HOVER*/
nav li a:hover {background: rgba(255,255,255,0.08);}

/*SMALL*/
nav small { font: 300 9pt/1 'Roboto', helvetica, frutiger, verdana, sans-serif; text-transform: none;color: #45aee1;}

nav li:last-child a { border-right: 1px solid rgba(0, 0, 0, 0.33);}



/* ============================= SOCIAL-NETWORKING   ============================================================================= */

ul#social-networking {
	width:350px; padding:0; margin:0;  float:right;
	list-style:none; border:none;
	}

ul#social-networking li a {
	display:block; height:40px; background:url(images/social-media_icons.jpg) no-repeat; float:left; text-indent:-9999px; margin:0; padding:0; border:none;
	}

ul#social-networking li a.facebook {
	width:50px; background-position: 0px 0px;
	}
ul#social-networking li a.facebook:hover {
	width:50px; background-position: 0px -40px;
	}
ul#social-networking li a.facebook:active {
	width:50px; background-position: 0px -40px;
	}

ul#social-networking li a.twitter {
	width:50px; background-position: -50px 0px;
	}
ul#social-networking li a.twitter:hover {
	width:50px; background-position: -50px -40px;
	}
ul#social-networking li a.twitter:active {
	width:50px; background-position: -50px -40px;
	}

ul#social-networking li a.instagram {
	width:50px; background-position: -100px 0px;
	}
ul#social-networking li a.instagram:hover {
	width:50px; background-position: -100px -40px;
	}
ul#social-networking li a.instagram:active {
	width:50px; background-position: -100px -40px;
	}

ul#social-networking li a.soundcloud {
	width:50px; background-position: -150px 0px;
	}
ul#social-networking li a.soundcloud:hover {
	width:50px; background-position: -150px -40px;
	}
ul#social-networking li a.soundcloud:active {
	width:50px; background-position: -150px -40px;
	}

ul#social-networking li a.youtube {
	width:50px; background-position: -200px 0px;
	}
ul#social-networking li a.youtube:hover {
	width:50px; background-position: -200px -40px;
	}
ul#social-networking li a.youtube:active {
	width:50px; background-position: -200px -40px;
	}

ul#social-networking li a.linkedin {
	width:50px; background-position: -250px 0px;
	}
ul#social-networking li a.linkedin:hover {
	width:50px; background-position: -250px -40px;
	}
ul#social-networking li a.linkedin:active {
	width:50px; background-position: -250px -40px;
	}

ul#social-networking li a.snapchat {
	width:50px; background-position: -300px 0px;
	}
ul#social-networking li a.snapchat:hover {
	width:50px; background-position: -300px -40px;
	}
	ul#social-networking li a.snapchat:active {
	width:50px; background-position: -300px -40px;
	}



/* ================================================================== BUTTONS ================================================================================================== */

.backbutton {margin:0 auto; background-position:center; text-align:center; min-width:120px; min-height:40px; background:#45aee1; border:none; padding:20px; font-family: 'Roboto', helvetica, frutiger, verdana, sans-serif; font-size:18pt; color:#ffffff; font-weight:400; text-shadow:1px 1px 1px #000000; text-decoration:none; text-transform:uppercase;}
.backbutton:hover {background:#666666; border:none; text-decoration:none;}

.coxx-events-logo {
	display:block;
	width:110px;
	height:40px;
	background:url(images/coxx-events_logo.jpg) top;
	text-indent: -99999px;
	}
.coxx-events-logo:hover {
	background-position: 0px -40px;
	}
.coxx-events-logo:active {
	background-position: 0px -40px;
	}


.referral-program {
	display:block;
	width:390px;
	height:80px;
	background:url(images/referral-program.jpg) top;
	text-indent: -99999px;
	margin:0 auto;
	}
.referral-program:hover {
	background-position: 0px -80px;
	}
.referral-program:active {
	background-position: 0px -80px;
	}

.view-more {
	display:block; float:right; margin:0; padding:0;
	width:156px;
	height:52px;
	background:url(images/view-more.jpg) top;
	text-indent: -99999px;
	}
.view-more:hover {
	background-position: 0px -52px;
	}
.view-more:active {
	background-position: 0px -52px;
	}

.wedding {
	display:block; margin:0 auto; padding:0;
	width:250px;
	height:80px;
	background:url(images/wedding.jpg) top;
	text-indent: -99999px;
	}
.wedding:hover {
	background-position: 0px -80px;
	}
.wedding:active {
	background-position: 0px -80px;
	}

.nonwedding {
	display:block; margin:0 auto; padding:0;
	width:250px;
	height:80px;
	background:url(images/non-wedding.jpg) top;
	text-indent: -99999px;
	}
.nonedding:hover {
	background-position: 0px -80px;
	}
.nonedding:active {
	background-position: 0px -80px;
	}

.download-press-kit {
	display:block;
	width:430px;
	height:80px;
	background:url(images/download-press-kit.jpg) top;
	text-indent: -99999px;
	margin:0 auto;
	}
.download-press-kit:hover {
	background-position: 0px -80px;
	}
.download-press-kit:active {
	background-position: 0px -80px;
	}

.download-promo-kit {
	display:block;
	width:430px;
	height:80px;
	background:url(images/download-promo-kit.jpg) top;
	text-indent: -99999px;
	margin:0 auto;
	}
.download-promo-kit:hover {
	background-position: 0px -80px;
	}
.download-promo-kit:active {
	background-position: 0px -80px;
	}

.make-payment {
	display:block;
	width:380px;
	height:80px;
	background:url(images/make-payment.jpg) top;
	text-indent: -99999px;
	margin:0 auto;
	}
.make-payment:hover {
	background-position: 0px -80px;
	}
.make-payment:active {
	background-position: 0px -80px;
	}

.free-quote {
	display:block;
	width:390px;
	height:80px;
	background:url(images/free-quote.jpg) top;
	text-indent: -99999px;
	margin:0 auto;
	}
.free-quote:hover {
	background-position: 0px -80px;
	}
.free-quote:active {
	background-position: 0px -80px;
	}

.apply-now {
	display:block;
	width:280px;
	height:80px;
	background:url(images/apply-now.jpg) top;
	text-indent: -99999px;
	margin:0 auto;
	}
.apply-now:hover {
	background-position: 0px -80px;
	}
.apply-now:active {
	background-position: 0px -80px;
	}






/* ================================================================== RESPONSIVE GRID COLUMNS SETUP ================================================================================================== */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.4%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}


/* ================================================================== GRID OF TWO  ================================================================================================== */

.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 48.8%;
}

/* ================================================================== GRID OF THREE   ======================================================================================== */

.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 65.86%;
}
.span_1_of_3 {
	width: 31.73%;
}


/* ================================================================== GRID OF FOUR   ======================================================================================== */

.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.4%;
}
.span_2_of_4 {
	width: 48.8%;
}
.span_1_of_4 {
	width: 23.2%;
}


/* ================================================================== GRID OF FIVE   ======================================================================================== */

.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.52%;
}
.span_3_of_5 {
	width: 59.04%;
}
.span_2_of_5 {
	width: 38.56%;
}
.span_1_of_5 {
	width: 18.08%;
}


/* ================================================================== GRID OF SIX   ======================================================================================== */

.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 82.93%;
}

.span_4_of_6 {
  	width: 65.86%;
}

.span_3_of_6 {
  	width: 48.8%;
}

.span_2_of_6 {
  	width: 31.73%;
}

.span_1_of_6 {
  	width: 14.66%;
}



/* ================================================================== GRID OF EIGHT   ======================================================================================== */

.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
  	width: 87.2%;
}

.span_6_of_8 {
  	width: 74.4%;
}

.span_5_of_8 {
  	width: 61.6%;
}

.span_4_of_8 {
  	width: 48.8%;
}

.span_3_of_8 {
  	width: 36%;
}

.span_2_of_8 {
  	width: 23.2%;
}

.span_1_of_8 {
  	width: 10.4%;
}





/* ================================================================== GRID OF TEN ================================================================== */
.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
  	width: 89.76%;
}

.span_8_of_10 {
  	width: 79.52%;
}

.span_7_of_10 {
  	width: 69.28%;
}

.span_6_of_10 {
  	width: 59.04%;
}

.span_5_of_10 {
  	width: 48.8%;
}

.span_4_of_10 {
  	width: 38.56%;
}

.span_3_of_10 {
  	width: 28.32%;
}

.span_2_of_10 {
  	width: 18.08%;
}

.span_1_of_10 {
  	width: 7.84%;
}




/* ================================================================== MEDIA QUERIES ================================================================================================== */

/* ================================= SCREEN WIDTH 1220 PX ================================= */

@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){
	nav li a { font: 400 22pt/1.4 'Roboto Condensed', helvetica, frutiger, verdana, sans-serif; text-shadow: 1px 1px 1px #000000; border-bottom: 1px solid rgba(0, 0, 0, 0.33);}

	nav small { font: 400 9pt/1 'Roboto', helvetica, frutiger, verdana, sans-serif;}
}

/* ================================= SCREEN WIDTH 930 PX ================================= */

@media only screen and (max-width : 930px),
only screen and (max-device-width : 930px){
	nav li a { width: 25%; border-bottom: 1px solid rgba(0, 0, 0, 0.33); font: 400 24pt/1.4 'Roboto Condensed', helvetica, frutiger, verdana, sans-serif; text-shadow: 1px 1px 1px #000000;}

	nav li:last-child a, nav li:nth-child(4) a {border-right:1px solid rgba(0, 0, 0, 0.33);}

	nav li:nth-child(5) a, nav li:nth-child(6) a, nav li:nth-child(7) a, nav li:nth-child(8) a {border-bottom: 1px solid rgba(0, 0, 0, 0.33);}
	nav small { font: 400 14pt/1 'Roboto', helvetica, frutiger, verdana, sans-serif; text-transform: none;color: #45aee1;}
}


/* ================================= SCREEN WIDTH 800 PX ================================= */

@media only screen and (max-width : 800px),
only screen and (max-device-width : 800px){
	h3 {font-size:20pt;}
	ul.footlinks {font-size:14pt; font-weight:400;}
	ul.footlinks a:link {font-size:14pt; font-weight:400;}
	ul.footlinks a:visited {font-size:14pt; font-weight:400;}
	ul.footlinks a:active {font-size:14pt; font-weight:400;}
	ul.footlinks a:hover {font-size:14pt; font-weight:400;}
	p .pfoot {font-size:14pt !important; font-weight:400;}
}

/* ================================= SCREEN WIDTH 480 PX ================================= */

@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	 .span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10, .span_9_of_10, .span_10_of_10 {
	width: 100%;
	}
	.span_8_of_8 { width: 100%;}
	.span_7_of_8 { width: 100%;}
	.span_6_of_8 { width: 100%;}
	.span_5_of_8 { width: 100%;}
	.span_4_of_8 { width: 100%;}
	.span_3_of_8 { width: 100%;}
	.span_2_of_8 { width: 100%;}
	.span_1_of_8 { width: 100%;}
	.span_2_of_2 { width: 100%;}
	.span_1_of_2 { width: 100%;}
	.span_6_of_6 { width: 100%;}
	.span_5_of_6 { width: 100%;}
	.span_4_of_6 { width: 100%;}
	.span_3_of_6 { width: 100%;}
	.span_2_of_6 { width: 100%;}
	.span_1_of_6 { width: 100%;}
	.span_5_of_5 { width: 100%;}
	.span_4_of_5 { width: 100%;}
	.span_3_of_5 { width: 100%;}
	.span_2_of_5 { width: 100%;}
	.span_1_of_5 { width: 100%;}
	.span_4_of_4 { width: 100%;}
	.span_3_of_4 { width: 100%;}
	.span_2_of_4 { width: 100%;}
	.span_1_of_4 { width: 100%;}
	.span_3_of_3 { width: 100%;}
	.span_2_of_3 { width: 100%;}
	.span_1_of_3 { width: 100%;}

}



.last-night-fan-site-link{
    position: absolute;
    display: block;
    left: 135px;
    top: 0;
}

.last-night-fan-site-link img{
    width: 88px;
}

.additional-book-now-btn-link{
    font-family: 'Univers LT Std', 'Roboto Condensed', helvetica;
    text-shadow: 1px 1px 1px #397abf;
    background: #62addc;
    z-index: 100;
    right: -50px;
    top: 0px;
    display: block;
    width: 103px;
    height: 40px;
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 49px;
    transition: .4s;
}

.additional-book-now-btn-link:hover{
    background: #949494;
}

.relative-position{
    position: relative;
}