body{
	background-color:#000;
	font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif;
}
.curserPointer{
	cursor: pointer;
}
a{
	text-decoration: none !important;
}
.sexy_line { 
    margin: 25px 0;
    height: 1px;
    border: 0;
    background: black;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,100%,100%,0)), color-stop(50%,hsla(0,100%,100%,.75)), color-stop(100%,hsla(0,100%,100%,0)));
    background: -webkit-linear-gradient(left, hsla(0,100%,100%,0) 0%, hsla(0,100%,100%,.75) 50%, hsla(0,100%,100%,0) 100%);
    background: -moz-linear-gradient(left, hsla(0,100%,100%,0) 0%, hsla(0,100%,100%,.75) 50%, hsla(0,100%,100%,0) 100%);
    background: -ms-linear-gradient(left, hsla(0,100%,100%,0) 0%, hsla(0,100%,100%,.75) 50%, hsla(0,100%,100%,0) 100%);
    background: -o-linear-gradient(left, hsla(0,100%,100%,0) 0%, hsla(0,100%,100%,.75) 50%, hsla(0,100%,100%,0) 100%);
    background: linear-gradient(left, hsla(0,100%,100%,0) 0%, hsla(0,100%,100%,.75) 50%, hsla(0,100%,100%,0) 100%);
	/*
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#111), to(#111), color-stop(50%, white));
	background: -ms-linear-gradient(top left, white 0%, #111 100%);
	*/
}
.navbar{
	background: transparent;
	border: 0px;
	padding: 20px;
}
.navbar-fixed-top.scrolled {
    background-color: #111111 !important;
    transition: background-color 200ms linear;
}

.navbar-fixed-top.scrolled .nav-link {
  color:#ccc;
}
.navbar-brand{
	padding: 0px !important;
}
.jumbotron {
    background-image:url("../img/forestBGJaileys.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
    color: #fff;
    padding: 100px 25px;
	margin-bottom: 0px;
}
.footermain {
	background: #ffffff;
	width: 100%;
	-moz-box-shadow: 0 -5px 12px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0 -5px 12px rgba(255,255,255,0.5);
	box-shadow: 0 -5px 12px rgba(255,255,255,0.5);
}
.footerinner {
	height: 100px;
	width: 960px;
	position: relative;
	margin: 0 auto;
}
  .attendantBackgroundDark{
	background-image: url('../img/attendantBG.png');
	background-repeat: repeat-x;
  }
  .scheduleFont{
	color:#cc3333;
  }
  .scheduleFont:visited{
	color:#cc3333;
  }
  .scheduleFontWhite{
	  font-size: 16px;
	  color: #ccc;
  }
  .titleFontRed{
	  color:#cc3333;
  }

  .titleFontWhiteLocation{
	  color:#cccccc;
	  font-size: 25px;
  }
	.titleFontRedLocation{
		color:#cc3333;
		font-size: 25px;
	}
   .scheduleFont:hover{
	  color:grey;
  }
  .adminFont{
	  color: #ccc;
  }
  .greenFont{
		color: green;
	}
  .hotelInformationTextColor{
	  color: #ccc;
  }
  .fontBoldSchedule{
	color: #ccc;
	font-weight: bold;
	font-size: 14px;
	text-shadow: 0 0 25px #ffffff;
  }
  .fontBoldSchedule:hover{
	color: #cc3333;
  }
  .boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	}
  .titleLocation{
	  color:#000000;
	  text-shadow: 5px 5px #ffffff;
	  padding-top: 10px;
  }  
  .mainContainerContactIndex{
	  position:absolute;
	  top:20px;
	  right:20px;
	  width: 300px;
	  background:transparent;
	  color:#fff;
  }
  .mainIntroBodyText{
	  padding-top:40px;
  }
  .contactRedColor{
	color:#cc3333;
  }
  .bg-dark{
    background-color: #333333;
	color: #fff;
  }
  .bgDarkIndex{
	background-color: #000000;
	padding-top: 25px;
	padding-bottom: 25px;
  }
  .bg-darker{
	background-color: #000000;
	color: #ccc;
	margin-top: -30px;
  }
  .bg-darkest{
	background-color: #111111;
  }
  .bgDarkMain{
	background-image:url("../img/jaileysBG.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding: 100px 25px;
  }
  .lightTextBody{
	color: #cccccc;
  }
  .textGlow{
	  text-shadow: 0 0 30px #ffffff;
  }
  .pictureGlow{
	transition: transform .2s;
  }
  .pictureGlow:hover{
	transform: scale(1.2);
	box-shadow: 0 0 20px rgba(77, 77, 77, 0.5);
  }
  .footerPadding{
	padding: 100px;
  }
  .textShadowContact{
	text-shadow: 2px 2px #111111;
  }
ul.nav a {
	cursor: pointer;
}
.active {
	color:#f00;
	font-weight:bolder;
}
.promoDisplay{
	background-image:url("../img/promoBG.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 25px;
	font-weight: bold;	
	font-style: italic;
}
.center-screen {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.deletePictureYes{
	width: 100%;
}
 .imgStyle{
	border: 2px solid #222;
	width: 102px;
	height: 170px;
	max-width: 180px;
	max-height: 180px;
 } 
 .imgStyleAdmin{
	border: 2px solid #222;
	border-radius: 5px;
	width: 102px;
	height: 170px;
	max-width: 150px;
	max-height: 150px;
 }
 .imgStyleDarkBorder{
	/*border: 6px solid #000;*/
	max-height: 180px;
	max-width: 120px;
 }
 .imageBorder {
  border: 1px solid #666;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 0 40px rgba(255, 255, 255, 0.5);
 }
.imageSizeArea{
	max-width:450px;
	max-height:675px;
	text-align: center;
}
.responsive {
  width: 100%;
  height: auto;
}
 .attendantPhotoDisplayPage{
	padding-top: 25px;
	padding-bottom:25px;
	min-height: 500px;
 }
 .attendantNameFont{
	color:#cccccc;
	font-size: 65px;
	font-family: "Freestyle Script", cursive;
	text-shadow: 0 0 30px #ffffff;
 }
 .attendantBodyTextFont{
	 font-size: 16px;
	 font-style: italic;
	 font-weight: bold;
	 text-shadow: 0 0 30px #ffffff;
 }
.pictureOP{
	border-radius: 10px;
}
.pictureOP:hover{
	opacity: 0.9;
}
.attendantLinkName{
	font-style: italic;
	text-decoration: none;
	color: #fff;
}
.attendantLinkName:hover{
	text-decoration: none;
	color: #999;
}
.modal-header{
	color:#ccc;
	background-image: linear-gradient(#111, #333);
}
.modal {
	text-align: center;
    padding: 0!important;
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modalPictureSizing{
	max-width: 450px;
	max-height: 675px;
}
.modal-body{
	border: 10px solid: #000;
}
.closeModalStyle{
	size: 30px;
	color:#666;
	opacity: 1;
}
.closeModalStyle:hover{
	color:#666;
} 
.close{
	font-size: 50px;
	padding: 0px;
}
.modalBodyPadding{
	padding:0;
	background-color: #000;
}
.modalHeaderBorder{
	background: url('../img/modalBG.jpg');
	background-size: cover;
	min-height: 50px;
	border: 0px;
	top:0px;
	padding-top:0px;
}
/*
table.table-bordered > thead > tr > th{
  border:1px solid #ccc;
}
*/
.tableFontColor{
	color:#ccc;
}
.leftSpan{
	display: block;
    float: left;
	max-width: 150px;
}
.rightSpan{
	display: block;
    float: right;
	max-width: 150px;
}
.th{
	width: 100px !important;
}
.table>thead>tr>th {
	border-bottom: 0px;
	border-top: 0px !important;
}
.borderless td, .borderless th {
    border: none !important;
}
.deleteButtonHoverSchedule:hover{
	background-color: #111111;
}
.underlineCalendarDay{
	text-decoration: underline;
	text-align: center;
}
.checkbox label{
	padding-left: 0px !important;
}
.promoDisplayContainer{
	padding-top: 100px;
}

/**********     HR transition       ***********/
.trans--grow{
    -webkit-transition: width 1s ease-out; /* For Safari 3.1 to 6.0 */
    transition: width 1s  ease-out;
    width : 0%;
}
.grow{
    width:100%;
}
.btnRed{
	color: #fff;
	background-color: #890202 !important;
	border: 1px solid #890202 !important;
}
.btnRed:visited{
	color: #fff !important;
}
.btnRed:hover{
	color: #fff;
	background-color: #540202 !important;
	border: 1px solid #540202;
}
.btnRed:active{
	color: #fff;
}
#flash{
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.4;
   background-color: #000;
   z-index: 9999;
   text-align: center;
}
#loading-image {
  position: absolute;
  top: 47%;
  left: 47%;
  z-index: 9999;
}

.controlLeftPosition{
	position: absolute;
	top: 50%;
	left: 50px;
}
.controlRightPosition{
	position: absolute;
	top: 50%;
	right: 50px;
}


.spaceLeftPad{
	padding-left: 20px;
}

.screenLoader{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  color: #fff;
  background: url(../img/loader.gif) center no-repeat;
  opacity: 0.8;
}
.rooomShadow{
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}




/****  Hide the indicators for slideshow  ****/
.carousel-indicators li { visibility: hidden; }

/**********IMAGE ROTATION************/
.rotate-90 {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.rotate-180 {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rotate-270 {
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.flip {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.flip-and-rotate-90 {
  -moz-transform: rotate(90deg) scaleX(-1);
  -webkit-transform: rotate(90deg) scaleX(-1);
  -o-transform: rotate(90deg) scaleX(-1);
  transform: rotate(90deg) scaleX(-1);
}

.flip-and-rotate-180 {
  -moz-transform: rotate(180deg) scaleX(-1);
  -webkit-transform: rotate(180deg) scaleX(-1);
  -o-transform: rotate(180deg) scaleX(-1);
  transform: rotate(180deg) scaleX(-1);
}

.flip-and-rotate-270 {
  -moz-transform: rotate(270deg) scaleX(-1);
  -webkit-transform: rotate(270deg) scaleX(-1);
  -o-transform: rotate(270deg) scaleX(-1);
  transform: rotate(270deg) scaleX(-1);
}
 


 /*jssor slider loading skin spin css*/
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 057 css*/
.jssorb057 .i {position:absolute;cursor:pointer;}
.jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
.jssorb057 .i:hover .b {stroke-opacity:.7;}
.jssorb057 .iav .b {stroke-opacity: 1;}
.jssorb057 .i.idn {opacity:.3;}

/*jssor slider arrow skin 073 css*/
.jssora073 {display:block;position:absolute;cursor:pointer;}
.jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
.jssora073:hover {opacity:.8;}
.jssora073.jssora073dn {opacity:.4;}
.jssora073.jssora073ds {opacity:.3;pointer-events:none;}



/*******************       MEDIA QUERIES         **************************/ 
  
@media screen and (max-width: 768px) {

	.mainContainerContactIndex{
		position: relative;
		background-color: #111111;
		width: 100%;
		top: 0;
		right: 0;
	}
	.mainContainerContactIndexInner{
		 text-align: center;
	}
	.navbar{
		background-color: #000000;
		border: 0px;
		padding: 20px;
	}
	.calendarWeekWidth{
		text-align: left;
	}
	.underlineCalendarDay{
		text-align: left;
	}
	h2{
		font-size: 30px;
	}
	h4{
		font-size: 16px;
	}
	#jssor_1{
		width: 100% !important;
	}
}
 
@media screen and (max-width: 1100px) {
	.footerinner {
		height: 100px;
		width: 100%;
	}
	.contactDivLocation {
		position: fixed;
		padding-left: 20px;
		bottom: 0;
		right: 0;
		width: 200px;
		background-color: #000;
		box-shadow: 0 0 40px rgba(255, 255, 255, 0.5);
		z-index:9999;
	}
	#contactMoveUp{
		display:none;
	}
	#moveUp{
		width: 200px;
	}
	.contactDivLocationLrg {
		display: none;
	}
	 .attendantNameFont{
		font-size: 40px;
	 }
}
@media screen and (min-width: 1100px) {
	.contactDivLocationLrg {
		position: fixed;
		padding-left: 20px;
		top: 0;
		right: 0;
		width: 200px;
		background-color: #000;
		box-shadow: 0 0 40px rgba(255, 255, 255, 0.5);
		z-index:9999;
	}
	#moveUpLrg{
		width: 200px;
	}
	.contactDivLocation {
		display: none;
	}
}
@media screen and (min-width: 800px) { 
	.calendarWeekWidth{
		width: 150px;
		text-align: center;
	}
	.modal:before {
	  content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
	  margin-right: -4px;
	}
	.imageSizeArea{
		float:right;
	}
	.modal-dialog{
		max-width:450px;
	}
	.attendantPageLocation{
		display: none;
	}
}