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


	html {
		height:100%;
	}
	
	
	body {
		/*background-image:url('../images/brick-wall2.jpg');*/
		background-color: black;
	}

 	ul.chalkboard { 
		list-style-type: none;
    	margin: 0;
    	padding: 0;
    	overflow: hidden;
		padding-top:152px;
		padding-left:52px;
	}
	

	ul.chalkboard li {
		float:left;
		padding-left:30px;
	}
	

	/*  BUTTONS FOR CHARACTER SELECTION  */
	
	.characters {
		height: /*650px*/ 325px;
		left: 0;
		position: absolute;
		top: 250px;
		width: 1500px;
		max-width: 1500px;
	}
	
	input#vcs-choose-s-name {
		visibility:hidden;
	}
	
	input[type=radio] {
		display:none; 
		margin:10px;
	}
	 
	input[type=radio] + label {
		display:inline-block;
		cursor:pointer;
		font-size:1px;
	}
	
	/*  VIDEO BUTTONS */
	
	.bd-b-choice-1 {
			/*margin-left: 160px;*/
			margin-left: 31%;
		}
	
	.bd-b-choice-0.sam {
            background-image:url("../images/buttons/sam-happy.png");
            width:100%;
            background-size: 13% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-0.sam:hover {
            background-image:url("../images/buttons/sam-happy-on.png");
            width:100%;
            background-size: 13% auto;
			background-repeat:no-repeat;
			opacity:1 !important;
        }
		
	.bd-b-choice-0.sam.bd-b-choice-selected {
            background-image:url("../images/buttons/sam-happy-on.png");
            width:100%;
            background-size: 13% auto;
			background-repeat:no-repeat;
			opacity:1 !important;
        }
	
	.bd-b-choice-1.sam {
            background-image:url("../images/buttons/sam-sad.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-1.sam:hover {
            background-image:url("../images/buttons/sam-sad-on.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
			opacity:1 !important;
        }
		
	.bd-b-choice-1.sam.bd-b-choice-selected {
            background-image:url("../images/buttons/sam-sad-on.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
			opacity:1 !important;
        }
		
	.bd-b-choice-0.jill {
            background-image:url("../images/buttons/jill-happy.png");
            /*height:300px;
            width:200px;*/
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-0.jill:hover {
            background-image:url("../images/buttons/jill-happy-on.png");
            /*height:300px;
            width:200px;*/
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-0.jill.bd-b-choice-selected {
            background-image:url("../images/buttons/jill-happy-on.png");
             /*height:300px;
            width:200px;*/
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-1.jill {
            background-image:url("../images/buttons/jill-sad.png");
             /*height:300px;
            width:200px;*/
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-1.jill:hover {
            background-image:url("../images/buttons/jill-sad-on.png");
             /*height:300px;
            width:200px;*/
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-1.jill.bd-b-choice-selected {
            background-image:url("../images/buttons/jill-sad-on.png");
             /*height:300px;
            width:200px;*/
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-0.dan {
            background-image:url("../images/buttons/dan-happy.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-0.dan:hover {
            background-image:url("../images/buttons/dan-happy-on.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-0.dan.bd-b-choice-selected {
            background-image:url("../images/buttons/dan-happy-on.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-1.dan {
            background-image:url("../images/buttons/dan-sad.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-1.dan:hover {
            background-image:url("../images/buttons/dan-sad-on.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-1.dan.bd-b-choice-selected {
            background-image:url("../images/buttons/dan-sad-on.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-0.bill {
            background-image:url("../images/buttons/bill-happy.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-0.bill:hover {
            background-image:url("../images/buttons/bill-happy-on.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-0.bill.bd-b-choice-selected {
            background-image:url("../images/buttons/bill-happy-on.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-1.bill {
            background-image:url("../images/buttons/bill-sad.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-1.bill:hover {
            background-image:url("../images/buttons/bill-sad-on.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
		
	.bd-b-choice-1.bill.bd-b-choice-selected {
            background-image:url("../images/buttons/bill-sad-on.png");
            width:100%;
            background-size: 12% auto;
			background-repeat:no-repeat;
        }
	
	/* DAN - SINGLE PLAYER - ONE */
	 input[value=dan] + label   {
		display:inline-block;
		height:454px;
		width:24%;
		cursor:pointer;
		background-image:url('../images/buttons/profile-dan.png');
		background-size:100%;
		background-repeat:no-repeat;
	}
	
	 input[value=dan]:checked + label  {
		background-image:url('../images/buttons/profile-dan-on.png');
	}
	
	 input[value=dan]:hover {
		
		background-image:url('../images/buttons/profile-dan-on.png');
	}
	
	 input[value=dan]:hover + label {
		
		background-image:url('../images/buttons/profile-dan-on.png');
	}
	
	/* DAN - TWO PLAYER - FACE */
	a.bd-join-link-dan   {
		display:inline-block;
		height:500px;
		width:24%;
		cursor:pointer;
		background-image:url('../images/buttons/profile-dan.png');
	}
	
	a.bd-join-link-dan:hover  {
		/**/
		background-image:url('../images/buttons/profile-dan-on.png');
	}
	
	
	/* BILL - SINGLE PLAYER - ONE */
	 input[value=bill] + label  {
		display:inline-block;
		height: 454px;
		width:24%;
		cursor:pointer;
		background-image:url('../images/buttons/profile-bill.png');
		background-size:100%;
		background-repeat:no-repeat;
	}
	
	input[value=bill]:checked + label  {
		background-image:url('../images/buttons/profile-bill-on.png');
	}
	
	input[value=bill]:hover + label  {
		background-image:url('../images/buttons/profile-bill-on.png');
	}
	/* BILL - TWO PLAYER - FACE */
	a.bd-join-link-bill   {
		display:inline-block;
		height:500px;
		width:24%;
		cursor:pointer;
		background-image:url('../images/buttons/profile-bill.png');
	}
	
	a.bd-join-link-bill:hover  {
		background-image:url('../images/buttons/profile-bill-on.png');
	}
	
	
	/* SAM - SINGLE PLAYER - ONE */
	 input[value=sam] + label  {
		display:inline-block;
		height:454px;
		width:24%;
		cursor:pointer;
		background-image:url('../images/buttons/profile-sam.png');
		background-size:100%;
		background-repeat:no-repeat;
	}
	
	input[value=sam]:checked + label  {
		background-image:url('../images/buttons/profile-sam-on.png');
	}
	
	input[value=sam]:hover + label  {
		background-image:url('../images/buttons/profile-sam-on.png');
	}
	
	/* SAM - TWO PLAYER - FACE */
	a.bd-join-link-sam   {
		display:inline-block;
		height:500px;
		width:24%;
		cursor:pointer;
		background-image:url('../images/buttons/profile-sam.png');
	}
	
	a.bd-join-link-sam:hover  {
		background-image:url('../images/buttons/profile-sam-on.png');	
	}

/* JILL - SINGLE PLAYER - ONE */
	 input[value=jill] + label  {
		display:inline-block;
		height:454px;
		width:24%;
		cursor:pointer;
		background-image:url('../images/buttons/profile-jill.png');
		background-size:100%;
		background-repeat:no-repeat;
	}
	
	 input[value=jill]:checked + label  {
		background-image:url('../images/buttons/profile-jill-on.png');
	}
	
	input[value=jill]:hover + label  {
		background-image:url('../images/buttons/profile-jill-on.png');
	}
	
/* Jill - TWO PLAYER - FACE */
	a.bd-join-link-jill   {
		display:inline-block;
		height:500px;
		width:24%;
		cursor:pointer;
		background-image:url('../images/buttons/profile-jill.png');
		background-size:100%;
		background-repeat:no-repeat;
	}
	
	a.bd-join-link-jill:hover  {
		background-image:url('../images/buttons/profile-jill-on.png');
	}
	
	input[type=radio]:checked + label { 
	}
	
	
/*  GRAPHICAL ELEMENTS - Main page */
	#title {
		background-image:url('../images/title-blinddate.png');
		background-repeat:no-repeat;
		height:40px;
		width:400px;
		position:relative;
		margin:0 auto;
		top:10px;
		left:-25%;
	}
	
	.frame_main {
		background-image:url("../images/frame-blank.png");
		height: 342px;
		padding-bottom: 65px;
		padding-left: 65px;
		padding-right: 65px;
		padding-top: 65px;
		position: absolute;
		right: 9%;
		top: 100px;
		width: 450px;
		background-repeat:no-repeat;
		/*background-size: 100% 100%;*/
	}

.frame_main_wide {
		background-image:url("../images/frame-blank-wide.png");
		height: 342px;
		padding-bottom: 65px;
		padding-left: 89px;
		padding-right: 65px;
		padding-top: 94px;
		position: absolute;
		right: 9%;
		top: 20px;
		width: 563px;
		background-repeat:no-repeat;
		/*background-size: 100% 100%;*/
	}
	
	.frame_side {
		background-image:url("../images/frame-blank.png");
		height: 342px;
		position: absolute;
		right: 4%;
		top: -20px;
		width: 450px;
		background-repeat:no-repeat;
	}

	.frame_side2 {
		background-image:url("../images/frame-blank.png");
		height: 342px;
		position: absolute;
		right: 4%;
		top: -20px;
		width: 450px;
		background-repeat:no-repeat;
	}
	
	.frame_side-end {
		background-image:url("../images/frame-blank.png");
		height: 342px;
		position: absolute;
		right: 4%;
		top: -20px;
		width: 450px;
		background-repeat:no-repeat;
		padding:143px 180px;
		font-family: "Monserrat", sans-serif;
    	font-weight: 700;
    	font-size:16px;
	}

	.frame-chalk {
		color:#ffffff;
		font-family: "Monserrat", sans-serif;
		font-size:16px;
		top:100px;
		position: relative;
		text-align: center;
	}

	.frame-chalk2 {
		color:#ffffff;
		font-family: "Monserrat", sans-serif;
		font-size:16px;
		font-weight:700;
		top:120px;
		position: relative;
		text-align: center;
	}

	
	.waiter_main {
		background-image: url("../images/waiter.png");
		background-position: 39% -24%;
		background-repeat: no-repeat;
		background-size:cover;
		/*bottom: 0;*/
		height: 752px;
		pointer-events: none;
		position: absolute;
		right: 46%;
		top: 49px;
		width: 715px;
		z-index: 1;
	}
	
	.waiter_main2 {
		background-image: url(../images/waiter2.png);
    	background-position: 20% -12%;
    	background-repeat: no-repeat;
    	background-size: 76%;
    	bottom: 0 !important;
    	pointer-events: none;
    	position: absolute;
    	right: 46%;
    	top: 0px;
    	width: 715px;
    	z-index: 1;
	}

	.waiter-bottom {
    	background-color: #111111;
    	bottom: 0;
    	height: 100%;
    	position: absolute;
    	width: 100%;
    	z-index:0;
	}
	
	.waiter-background {
		background-image:url('../images/brick-wall2.jpg');
		top: 0;
    	height: 801px;
    	position: absolute;
    	width: 100%;
    	z-index:1;
	}
	
	.waiter {
		background-image: url("../images/waiter.png");
		background-repeat: no-repeat;
		width: 715px;
		top: -120px;
		background-position: 17px 128px;
		bottom: 0;
		margin-bottom: auto;
		margin-left: 443px;
		margin-right: 0;
		margin-top: auto;
		position: fixed;		
		z-index:1;
		pointer-events:none;
	}
	
	.player-background {
		background-image:url('../images/brick-wall2.jpg');
		top: 0;
    	height: 718px;
    	position: absolute;
    	width: 100%;
    	z-index:1;
	}
	
	.counter {
		background-color: #222;
		background-image: url("../images/counter.jpg");
		background-repeat: repeat;
    	bottom: 0;
    	height: 100%;
    	position: absolute;
    	width: 100%;
    	z-index:0;
		/*height: auto ;
		overflow: hidden;
		position: absolute;
		top: 693px;
		width: 100%;*/
	}
	
	.candle {
		background-image: url('../images/candle.gif');
		background-repeat: no-repeat;
		height: 134px;
		width: 160px;
		position: relative;
		top: 727px;
		left:-267px;
		margin:0 auto;
		z-index:10;
	}
	
	.muted {
		color:#666666 !important;
	
	}

	.project-box {
    	background-attachment: scroll;
    	background-clip: border-box;
    	background-color: black;
    	background-image: none;
    	background-origin: padding-box;
    	background-position-x: 0;
   		background-position-y: 0;
    	background-repeat: repeat;
    	background-size: auto auto;
    	height: 132px;
    	position: relative;
    	top: 300px;
    	width: 315px;
   	 	z-index: 20;
   	 	margin-left:auto;
   	 	margin-right:auto;
	}
	
	.counter > input {
		text-align:center;
		width:275px;
		margin: 0 auto;
	}
	
	.center {
		margin-top:40px;
	}
	
	.center > button {
		width:100px;
		border:none;
		background-color:#7c0826;
		padding:5px;
		color:#ffffff;
	}
	
	.center > button:hover {
		color:#ffffff;
	}
	
	.center > button:visited {
		color:#ffffff;
	}
	
	.counter > .chalk {
		text-align: center;
	}
	.curtain-left {
		background-image: url('../images/curtain-left-wide.png');
		position:absolute;
		background-repeat: no-repeat;
		/*width:200px;*/
		right:85%;
		height:800px;
		width:300px;
		top:0;
	}
	
	.curtain-player-left {
		background-image: url('../images/curtain-left-wide.png');
		position:absolute;
		background-repeat: no-repeat;
		/*width:200px;*/
		right:85%;
		height:718px;
		width:300px;
		top:0;
	}
	
	.curtain-right {
		background-image: url('../images/curtain-right.png');
		position:absolute;
		background-repeat: no-repeat;
		width:200px;
		right:0;
		height:760px;
		top:0;
		z-index:4;
	}
	
	.table-menu {
		background-color: gray;
		height: 600px;
		left: 5%;
		padding: 0;
		position: absolute;
		top: 150px;
		width: 450px;
		-ms-transform: rotate(-17deg); /* IE 9 */
		-webkit-transform: rotate(-17deg); /* Chrome, Safari, Opera */
		transform: rotate(-17deg);
		overflow:hidden;
		z-index:10;
	}
	
	.overtable {
		background: url('../images/counter-lg.jpg');
		/*background-size:cover;*/
		position:fixed;
		height:100%;
		width:100%;
		/*position:relative;
		width:100%;
		height:100%;*/
	}
	
	.plate {
		background: url('../images/plate.png');
		width:890px;
		height:904px;
		z-index:12;
		position:absolute;
		top:-225px;
		left:60%;
	}
	
	.fork {
		background: url('../images/fork.png');
		width:239px;
		height:500px;
		z-index:12;
		position:absolute;
		top:200px;
		left:50%;
	}
	
	.waiting {
		width:500px;
		height:300px;
		bottom:0;
		margin:0 auto;
	}
	
	.chalkboard-history { 
		background-image:url('../images/chalkboard-history.png');
		height: 735px;
		width:782px;
		margin: 0 auto;
	}
	
	#chalkboard_top {
		position:relative;
		top:78px;
		left:92px;
		height:50px;
		width:612px;
	}
	
	#chalkboard_top h1 {
		top:-20px;
		position:absolute;
		left: 25px;
	}
	#view-container-menu {
		background-position: 1% 1%;
	}
	
	
	#chalkboard_indent {
		position:relative;
		top:85px;
		left:92px;
		/*overflow-y:scroll;*/
		height:510px;
		width:612px;
	}
	
	#chalkboard_scroll {
		height: 594px;
    	left: 92px;
    	overflow-y: scroll;
    	position: relative;
    	top: 61px;
    	width: 612px;
	}
	
	#chalkboard_join {
		height: 318px;
    	left: 92px;
    	overflow-y: scroll;
    	padding-left: 6px;
    	position: relative;
    	top: 61px;
    	width: 609px;
	}
	
	
	#vcj-open-session-list {
		font-family: 'Rock Salt', cursive;
		font-size:18px;
		color:#fff;
	}
	
	#page-container {
		width:100% /*1000px*/;
		margin: 0 auto;
	}
	
	
	/*  MODAL BOX POPUP */
	
	.myBtn {
		z-index:1;
	}
	
	 /* The Modal (background) */
	 
	#bd-1p-second-choices input[value="dan"] + label {
		
	}
	 
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}
	
.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}


/* Modal Content/Box */
.modal-content {
    /*background-color: #fefefe;
    margin: 15% auto;*/ /* 15% from the top and centered */
    /*padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */

    	height: 132px;
    	position: relative;
    	top: 300px;
    	width: 315px;
   	 	z-index: 20;
   	 	margin-left:auto;
   	 	margin-right:auto;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
	
	/*  VIDEO BUTTONS  */
	#bd-choices input[type='button'] {
		background-color: rgba(0,0,0,0);
		border:none;
		font-size:0px !important;
		cursor:pointer;
		z-index:20;
		position:absolute;
		/*height:255px;*/
		height:100%;
		outline:none;
	}
	/* whole button container - when button matches video */
	.bd-b-choice-match-video {
		/*background-color:blue;*/
	}
	.bd-b-choice-0 {
		background-image:url("../images/buttons/button-happy.png");
		height:255px;
		width:200px;
	}
	
	.bd-b-choice-1 {
		background-image:url("../images/buttons/button-sad.png");
		height:255px;
		width:200px;
	}
	
	.bd-b-choices-disabled > .bd-b-choice-0 {
		opacity:0.4;
	}
	
	.bd-b-choices-disabled > .bd-b-choice-1 {
		opacity:0.4;
	}
	
	/* when selected */
	.bd-b-choice-0.bd-b-choice-selected {
		background-image:url("../images/buttons/button-happy-selected.png");
		height:255px;
		width:200px;
		opacity:1;
	}
	
	.bd-b-choice-1.bd-b-choice-selected {
		background-image:url("../images/buttons/button-sad-selected.png");
		height:255px;
		width:200px;
		opacity:1;
	}
	

	.bd-b-choices-disabled {
		pointer-events:none;
		/*opacity:0.5;*/
	}
	
	/*.bd-b-choices-disabled > .bd-b-choice-selected {
		opacity:1;
	}*/
	
	/* second screen 1player */
	
	.characters > div#bd-1p-second-choices {
		width:104%;
	}
	
	/* name on select your date */
	.date-name {
	}
	/* FRAME TEXT  */
	
	h1.chalk {
		font-family: 'nunito', sans-serif;
		font-size:18px;
		color:#fff;
		text-align:center;
		width:540px;
	}
	
	.chalk {
		color: #fff;
    	font-family: "Monserrat", sans-serif;
    	font-size: 16px;
    	/*text-transform: uppercase;*/
		letter-spacing:2px;
		font-weight:700; 
		text-transform:uppercase;
		/*line-height:45px;*/
	}

	.chalk2 {
		color: #fff;
    	font-family: "Monserrat", sans-serif;
    	font-size: 16px;
    	/*text-transform: uppercase;*/
		letter-spacing:2px;
		font-weight:700; 
		padding-left:30px;
		text-transform:uppercase;
		padding-left:65px !important;
	}
	
	a.chalk:hover {
		color:#ecc976;
	}
	.frame_main > ul {
		margin: 0;
		padding-left: 0;
		padding-top: 40px;
	}
	.frame_main li {
		text-align:center;
		font-size:16px;
		color:#666666;
		font-family: "Monserrat", sans-serif;
		font-weight: 700;
	}
	
	.chalk_small {
		font-family: 'nunito', sans-serif;
		font-size:15px;
		color:#fff;
	}

.chalk-small {
		text-transform: lowercase;
		font-size:15px;
		letter-spacing: normal;
		font-weight:400;
	}
	
	.back_to_menu {
		font-family: 'Rock Salt', cursive;
		font-size:15px;
		color:#fff;
		text-decoration:none;
	}
	
	.back_to_menu a:visited {
		font-family: 'Rock Salt', cursive;
		font-size:15px;
		color:#fff;
	}
	
	button:hover{
		color: rgb(50,50,255);
	}
		
	/* LISTS  */
		
	.horizontal_list li {
		display:inline;
		list-style-type: none;
		padding-right: 20px;
		bottom:-20px;
	}
	
	#bd-1p-second-choices li {
		display:inline;
		list-style-type: none;
		padding-right: 20px;
		bottom:-20px;
	}
	
	
	
	#vcj-open-session-list ul {
		left:-38px;
		font-size:18px;
	}
	
	/* tables */
	
	table{
		border: 0px solid black;
		font-family: 'Rock Salt', cursive;
		font-size:12px;
		color:#fff; 
		width:590px;
	}
	
	table a{
		font-family: 'Rock Salt', cursive;
		font-size:14px;
		color:#fff;
		text-decoration:none;
	}
	
	table td{
		border: 0px solid black;
	}
	
	.col2{
		width:150px !important;
	}
	
	table th{
		border: 0px solid black;
	}
	
	.session_header {
		display: none;
	}
	
	/* BUTTONS AND STUFF */
	
	
	#vcs-sname {
		margin:0;
	}
	
	#vcs-single {
		position: relative;
		text-align: center;
		top: 65px;
		left:158px;
		font-family: "Monserrat",sans-serif;
		background-color:#c9a537;
		border:none;
		/*border-radius: 3px;*/
		color: black;
		text-transform: uppercase;
		padding: 5px 15px 5px 15px;
	}
	
	#vcs-multi {
		/*position:relative;
		left:400px;
		bottom:-38px;*/
	}
	
	#bd-b-1p-second-confirm {
		position: relative;
		text-align: center;
		top: 72px;
		left:29%;
		font-family: "Monserrat",sans-serif;
		background-color:#c9a537;
		border:none;
		/*border-radius: 3px;*/
		color: black;
		text-transform: uppercase;
		padding: 6px 15px 6px 15px;
		z-index:100;
	}

	#vcs-choose-s-name {
		position: relative;
    	top: 120px;
    	left: 25%;
	}
	
	.col1 a {
		text-decoration:none;
	}
	
	
	/*  UNIVERSAL ITEMS  */
	
	.hidden{
		/* Note: not hidden, as video needs to buffer */
		opacity: 0;
		
		/* Prevents clicking on invisible stuff */
		pointer-events: none;
	}
	
	.minimized{
		display: none;
	}
	
	/* MAIN VIDEO  */
	
	
	.mainvideo{
		pointer-events: none;
		position: absolute;
		top: 0px;
		left: 0px;
		/*width: 640px;
		height: 480px;*/
		width: 100%;
		height: auto;
	}
	
	#main-vid-container{
		position: relative;
		/*height: 480px;
		width: 640px;*/
		width:100%;
		height: auto;
		margin:0 auto;
		/*top:50px;*/
	}
	
	#view-container-video {
		height:100%;
		background-color:#000000;
		/*background: url(images/black.jpg) no-repeat center center fixed; */
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
	}
	
	#indicator-loading{
		position:fixed;
		bottom:2px;
		right:2px;
		/*background-color:rgba(220,200,0,0.6);*/
		padding: 2px;
	}
	
	#bd-choices {
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
		margin-top:39%;
		position:absolute;
		/*top:60px;
		width:650px;*/
		/*bottom:0px;*/
		display:block;
		width:100%;
		height:52%;
		padding-left:25%;
	}
	
	#test-buttons {
		margin:0 auto;
		position:relative;
		top:100px;
	}
	
	#vid-spinner {
		position:relative;
		margin:0 auto;
		top:100px;
		right:200px;
	} 
	
	#vid1, #vid2 {
		z-index:2;
	}
	
	#vid-end {
		height: 800px;
		padding: 86px;
		position: relative;
		width: 100%;
		top:0;
		z-index: 5;
		pointer-events: auto;
		background-image:url('../images/brick-wall2.jpg');
	}
	
	#vid-end > p a {
		color: white;
		font-family: montserrat, sans-serif;
		text-decoration: none;
}

	.vcm-history {
	}
	/*  HIDDEN ITEMS */
	
	#debug-container {
		display:none;
		height:0;
	}
	
	/* Extra large windows */
@media(min-width:1500px) {

	.waiter_main {
		
	}
	
	.counter {
		/*top:710px;*/
	}
	
	.characters {
		width: 1500px;
	}
	
}

@media(max-width:1450px) {
	.counter {
		/*top:650px;
		bottom:-650px;*/
	}
	
	.characters {
		width: 1280px;
	}
	
	.player-background{
		height:653px;
	}
	
	.curtain-player-left {
		height:653px;
	}
	
	 input[value=bill] + label  { 
	 	height:395px;
	 }
	 
	 input[value=jill] + label  { 
	 	height:395px;
	 }
	 
	 input[value=sam] + label  { 
	 	height:395px;
	 }
	 
	 input[value=dan] + label  { 
	 	height:395px;
	 }
}

@media(max-width:1280px) {
	.counter {
		/*top:610px;
		bottom:-610px;*/
	}
	.characters {
		width: 1150px;
	}
	
	.player-background{
		height:612px;
	}
	
	.curtain-player-left {
		height:612px;
	}
	
	 input[value=bill] + label  { 
	 	height:354px;
	 }
	 
	 input[value=jill] + label  { 
	 	height:354px;
	 }
	 
	 input[value=sam] + label  { 
	 	height:354px;
	 }
	 
	 input[value=dan] + label  { 
	 	height:354px;
	 }
}

	
@media(max-width:1150px) {
	.counter {
		/*top:556px;*/
	}
	.characters {
		width: 992px;
	}
	
	.player-background{
		height:563px;
	}
	
	.curtain-player-left {
		height:563px;
	}
	
	 input[value=bill] + label  { 
	 	height:304px;
	 }
	 
	 input[value=jill] + label  { 
	 	height:304px;
	 }
	 
	 input[value=sam] + label  { 
	 	height:304px;
	 }
	 
	 input[value=dan] + label  { 
	 	height:304px;
	 }
}

@media(max-width:992px) {
		
	
	#chalkboard_main {
		right:0;
	}
	
	.counter {
		/*top: 515px;*/
	}
	
	.characters {
		width: 850px;
		height:277px;
	}
	
	.player-background{
		height:520px;
	}
	
	.curtain-player-left {
		height:520px;
	}
	 input[value=bill] + label  { 
	 	height:261px;
	 }
	 
	 input[value=jill] + label  { 
	 	height:261px;
	 }
	 
	 input[value=sam] + label  { 
	 	height:261px;
	 }
	 
	 input[value=dan] + label  { 
	 	height:261px;
	 }
}

@media(max-width:850px) {
	.counter {
		/*top: 483px;*/
	}
	
	.characters {
		width: 767px;
		height: 250px;
	}
	
	.player-background{
		height:495px;
	}
	
	.curtain-player-left {
		height:495px;
	}
	
	 input[value=bill] + label  { 
	 	height:235px;
	 }
	 
	 input[value=jill] + label  { 
	 	height:235px;
	 }
	 
	 input[value=sam] + label  { 
	 	height:235px;
	 }
	 
	 input[value=dan] + label  { 
	 	height:235px;
	 }
	
}
	
	/* tablets */ 
@media(max-width:767px) {
	
	#vid-end {
		height: 550px;
	}
	
	.curtain-left {
		height:550px;
		right:80% /*!important*/;
	}
	.chalk {
		font-size:13px;
	}
	
	.frame_main li {
		font-size:11px;
	}
	

	.curtain-player-left {
		height:550px;
		right:80% /*!important*/;
	}
	
	.counter {
		/*top: 427px;*/
	}
	
	.waiter_main {
		/*bottom:0;
		top:100px;
		background-position:10% 0;
		width:55%;
		right:40%;
		height:400px;*/
		
		background-image: url("../images/waiter.png");
    	background-position: 20% -6%;
   		background-repeat: no-repeat;
		background-size: cover;
		height: /*835px*/ 438px;
		pointer-events: none;
		position: absolute;
		right: 46%;
		top: 112px;
		width: 427px;
		z-index: 1;
	}
	
	.waiter-background {
		height:550px;
	}
	
	/*.player-background {
		height:550px;
	}*/
	
	.frame_main {
		background-image: url("../images/frame-blank.png");
    	background-repeat: no-repeat;
    	background-size: 65% 65%;
    	height: 351px;
    	padding-bottom: 0;
    	padding-left: 0;
    	padding-right: 132px;
    	padding-top: 20px;
    	position: absolute;
    	right: -94px;
    	top: 123px;
    	width: 430px;
		background-size: 65% 65%;
	}
	.characters {
		width: 640px;
		height:213px;
	}
	
	.player-background{
		height:457px;
	}
	
	.curtain-player-left {
		height:457px;
	}
	
	 input[value=bill] + label  { 
	 	height:195px;
	 }
	 
	 input[value=jill] + label  { 
	 	height:195px;
	 }
	 
	 input[value=sam] + label  { 
	 	height:195px;
	 }
	 
	 input[value=dan] + label  { 
	 	height:195px;
	 }
	 
	  
    .frame_main_wide {
    	background-size:68% 68% !important;
    	right:-22%;
    	padding-bottom: 65px;
    	padding-left: 47px;
    	padding-right: 65px;
    	padding-top: 65px;
    	position: absolute;
    }
    
   	.frame_main_wide > img {
    		width: 284px;
    		height: auto;
    }
    
    .chalk2 {
    	padding-left:45px !important;
    }
    
    ul.chalkboard {
    	padding-top:15px;
    	padding-left:0;
    }
    
    #vcs-single {
    	top: -6px;
    	left:110px;
    }
    
    #bd-b-1p-second-confirm {
    	top:20px;
    	left:15%;
    }
    
    .characters > div#bd-1p-second-choices {
    	width:109%;
    }
}
   
@media(max-width:640px) {
   .characters {
		width: 500px;
		height:170px;
	}
	
	.player-background{
		height:416px;
	}
	
	.curtain-player-left {
		height:416px;
	}
	
	input[value=bill] + label  { 
	 	height:155px;
	 }
	 
	 input[value=jill] + label  { 
	 	height:155px;
	 }
	 
	 input[value=sam] + label  { 
	 	height:155px;
	 }
	 
	 input[value=dan] + label  { 
	 	height:155px;
	 }
	 
	.frame_main_wide {
    	background-size:68% 68% !important;
    	right:-28%;
    	padding-top:64px;
    }
	
}    
        
	/* mobiles */
		
@media(max-width:500px) {
		.waiter_main {
			background-image: url("../images/waiter.png");
			background-position: 20% -6%;
			background-repeat: no-repeat;
			background-size: cover;
			height: 400px;
			pointer-events: none;
			position: absolute;
			right: 31%;
			top: 150px;
			width: 360px;
			z-index: 1;
		}
		
		.frame_main_wide {
    		right:-45%;
    		z-index:-1;
    	}
		
		.chalk {
			font-size:12px;
			line-height:21px;
		}
		
		.frame_main {
    		background-image: url("../images/frame-blank.png");
    		background-repeat: no-repeat;
    		background-size: 65% 65%;
   			 height: 351px;
   			 padding-bottom: 0;
   			 padding-left: 0;
    		padding-right: 132px;
    		padding-top: 20px;
    		position: absolute;
    		right: -123px;
    		top: 78px;
    		width: 430px;
    }
		
		.navbar-brand > img {
			height:85%;
			width:85%;
		}
		
		.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
			padding-bottom: 0;
			padding-left: 3px;
			padding-right: 0;
			padding-top: 15px;
		}
		
		.navbar-brand.page-scroll {
			height: 84%;
			width: 84%;
		}
		
		counter {
			/*top: 450px;*/
		}
		.characters {
		width: 450px;
	}
	
	.player-background{
		height:400px;
	}
   
	.curtain-player-left {
		height:400px;
	}
}

@media(max-width:450px) {
	counter {
		/*top: 390px;*/
	}
	
	.frame_main { 
    	right: -201px;
    }
	.characters {
		width: 390px;
	}
	.player-background{
		height:382px;
	}
	
	.curtain-player-left {
		height:382px;
	}
}

@media(max-width:390px) {
		/*.waiter_main {
			background-image: url("../images/waiter.png");
			background-position: 47% 2%;
			background-repeat: no-repeat;
			background-size: cover;
			height: 600px;
			pointer-events: none;
			position: absolute;
			right: 23%;
			top: 210px;
			width: 330px;
			z-index: 1;
		}*/
		
		/*.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
			padding-bottom: 11px;
			padding-left: 3px;
			padding-right: 0;
			padding-top: 12px;
		}*/
		
		.navbar-brand.page-scroll {
			height: 80%;
			width: 80%;
		}
		counter {
			/*top: 368px;*/
		}
}