.zoom {
    /* padding: 5px; */
    /* background-color: green; */
    transition: transform .2s; /* Animation */
    /* width: 200px; */
    /* height: 200px; */
    margin: 0 auto;
	/* background-color: rgba(255, 204, 153, 0.3); */
	cursor: pointer;
}

.zoom:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	font-weight: bolder;
}

.maxwidth-container {
    min-width: 100%;
    height: auto;
}
.maxwidth-img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

/**************** Disco ttpes ****************/

/******** Weddings ********/
.disco-types-text {
	font-size: 1em;
	font-family: Sky Text,sans-serif;
	/* font-family: Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; */
}

.wedding-intro {
	background-color: rgba(255, 204, 153, 0.3);
	font-weight: bold;

}
.wedding-bg-image {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../slider_imgs/181024123738102.jpg) center center;
    opacity: .2;
    width: 100%;
    height: 100%;
}

/******** Birthdays ********/
.birthday-intro {
	background-color: rgba(230, 243, 255, 0.3);
	font-weight: bold;
}

/******** XMAS ********/
.xmas-events {
	background-color: rgba(204, 204, 255, 0.3);
	font-weight: bold;
}

/******** Corporate ********/
.corporate-events {
	background-color: rgba(77, 77, 77, 0.1);
	font-weight: bold;
}

.fancy-dress-events {
	background-color: rgba(204, 51, 0, 0.1);
	font-weight: bold;
}

.other-events {
	background-color: rgba(0, 51, 0, 0.1);
	font-weight: bold;
}

/******** Sections ********/
.weddings-section {
  background: url(../img/sections/weddings-001.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.7;
  font-weight: bold;
	/* background-color: rgba(255, 204, 153, 0.3); */
}
.weddings-section-panel {
	background-color: rgba(255, 204, 153, 0.7);
	/* color: #fff; */
	border-radius: 25px;
	padding: 20px;
	font-family: Sky Text,sans-serif;
}

.birthdays-section {
  background: url(../img/sections/birthdays-002.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.7;
  color: rgba(0, 0, 0, 1);
	/* background-color: rgba(255, 204, 153, 0.3); */
}
.birthdays-section-panel {
	background-color: rgba(147, 0, 156, 0.7); 
	/* color: #fff; */
	border-radius: 25px;
	padding: 20px;
}

.corporate-section {
  background: url(../img/sections/corporate_005.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.7;
  /* color: rgba(255, 255, 255, 1); */
	/* background-color: rgba(255, 204, 153, 0.3); */
}
.corporate-section-panel {
	background-color: rgba(16, 16, 16, 0.7); 
	/* color: #fff; */
	border-radius: 25px;
	padding: 20px;
}

.equipment-section {
  background: url(../img/sections/equipment-001.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* opacity: 0.3; */
  /* color: rgba(255, 255, 255, 1); */
	/* background-color: rgba(255, 204, 153, 0.3); */
}
.equipment-section-panel {
	background-color: rgba(16, 16, 16, 0.7); 
	/* color: #fff; */
	border-radius: 25px;
	padding: 20px;
	opacity: 0.9;
}

.xmas-new-year-section {
  background: url(../img/sections/xmas-new-year-005.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.5;
  /* color: rgba(255, 255, 255, 1); */
	/* background-color: rgba(255, 204, 153, 0.3); */
}
.xmas-new-year-section-panel {
	background-color: rgba(252, 152, 7, 0.9); 
	/* color: #fff; */
	border-radius: 25px;
	padding: 20px;
}

.about-section {
  background: url(../img/sections/about-001.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.7;
  /* color: rgba(255, 255, 255, 1); */
	/* background-color: rgba(255, 204, 153, 0.3); */
}
.about-section-panel {
	background-color: rgba(16, 16, 16, 0.8); 
	/* color: #fff; */
	border-radius: 25px;
	padding: 20px;
}

.faq-section {
  background: url(../img/sections/faq-001.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.7;
  /* color: rgba(255, 255, 255, 1); */
	/* background-color: rgba(255, 204, 153, 0.3); */
}
.faq-section-panel {
	background-color: rgba(16, 16, 16, 0.8); 
	/* color: #fff; */
	border-radius: 25px;
	padding: 20px;
}
.faq-box {
	background-color: rgba(212, 212, 212, 0.8); 
	padding: 10px;
	border: 10px;
	border-radius: 20px;
	margin-bottom: 10px;
}

.faq-box .faq-question {
	color: #CC0000;
	width: 100%;
	display:inline-block;
	float:left;
}

.contact-section {
  background: url(../img/sections/contact-001.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* opacity: 0.7; */
  /* color: rgba(255, 255, 255, 1); */
	/* background-color: rgba(255, 204, 153, 0.3); */
}
.contact-section-panel {
	background-color: rgba(8, 16, 32, 0.7); 
	/* color: #fff; */
	border-radius: 25px;
	padding: 20px;
}

/* //////////////////// DJs //////////////////// */
.dj01-section {
  background: url(../img/djs/dj_001-background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* opacity: 0.7; */
  /* color: rgba(255, 255, 255, 1); */
	/* background-color: rgba(255, 204, 153, 0.3); */
}

.dj02-section {
  background: url(../img/djs/dj_002-background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* opacity: 0.7; */
  /* color: rgba(255, 255, 255, 1); */
	/* background-color: rgba(255, 204, 153, 0.3); */
}

.dj03-section {
  background: url(../img/djs/dj_003-background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* opacity: 0.7; */
  /* color: rgba(255, 255, 255, 1); */
	/* background-color: rgba(255, 204, 153, 0.3); */
}

.dj04-section {
  background: url(../img/djs/dj_004-background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* opacity: 0.7; */
  /* color: rgba(255, 255, 255, 1); */
	/* background-color: rgba(255, 204, 153, 0.3); */
}



/******** Sections end ********/









/******** Contact form ********/
.form-text {
	color: rgba(255, 255, 255, 1); font-size: 1.4em;	
}
.form-event-type {
	color: rgba(255, 255, 255, 1); font-size: 1.4em;
}
.form-event-type input[type='checkbox'] {
    -webkit-appearance:none;
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
}
.form-event-type input[type='checkbox']:checked {
    background: #33cc33;
}
.form-message {
	text-align: center;
    height:40px;
	color: #fff;
	font-weight: 700;
	font-size: 1.6em;
}
.form-message-error {
	text-align: center;
    height:40px;
	color: #cc0000;
	font-size: 1.6em;
}
.contact-bg-image {
    /* position: absolute; */
    /* z-index: -1; */
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
    /* right: 0; */
    background: url(../img/contact-bg-01.jpg);
    opacity: .2;
    /* width: 100%; */
    /* height: 100%; */
	background-repeat: no-repeat;
    background-size:100% 100%;
}
/* .contact-bg-image img { */
    /* background: url(../img/contact-bg-01.jpg); */
	/* position: absolute; top:0; left: 0; */


    /* -moz-background-size:100% 100%; */
    /* -webkit-background-size:100% 100%; */
    /* background-size:100% 100%; */
	/* background-repeat: no-repeat; */
/* } */

/******** RADIO Button ********/
.form-event-type {
	margin: 0px 0;
}
.form-event-type div {
	clear: both;
	margin: 0 10px;
}
label {
  width: 300px;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  color: #fff;
  font-size: 1.4em;
}
input.radio:empty {
	margin-left: -999px; /* hide input */
	display: none;
}
input.radio:empty ~ label { /* style label */
	position: relative;
	float: left;
	line-height: 1.5em;
	text-indent: 2.75em;
	margin-top: 0.1em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.5em;
	background: #D1D3D4;
	border-radius: 3px 0 0 3px;
}
input.radio:hover:not(:checked) ~ label:before { /* toggle hover */
	content:'\2714';
	text-indent: .9em;
	color: #C2C2C2;
}
input.radio:hover:not(:checked) ~ label {
	font-weight: bolder;
}
input.radio:checked ~ label:before { /* toggle on */
	content:'\2714';
	text-indent: .9em;
	color: #9CE2AE;
	background-color: #4DCB6D;
}
input.radio:checked ~ label {
	color: #33cc33;
	font-weight: bolder;
}
input.radio:focus ~ label:before { /* radio focus */
	box-shadow: 0 0 0 3px #33cc33;
}


.spinner_small {
	background: url("../img/loading.gif") center center;
background-size: 40px;
	width: 40px;
	height: 40px;
    margin-left: auto;
    margin-right: auto;
}

/* .spinner_small img { */
    /* width: 100%; */
    /* height: auto; */
/* } */













