@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);


html,body {
			height:100%;
			font-family: 'Roboto';
			font-size: 1em;
			color: #4a4a4a;
			background-color: #fafafa;
			margin: 0 auto;
		}

		a{
			text-decoration: none;
			color: #111;
		}
			
		a:hover{
				color: #333;
		}
			
		img {
			max-width: 100%;
		}
		
		p{
		line-height: 180%;
		font-size: 1em;
		}
		
		h1{
		font-family: 'Open Sans', sans-serif;
		letter-spacing: 1px;
		font-weight: 600;
		text-align: center;
		}
		
		h2{
		font-family: 'Open Sans', sans-serif;
		letter-spacing: 1px;
		font-weight: 600;
		text-align: center;
		font-size: 1.8em;
		}
		
		h3{
		font-family: 'Open Sans', sans-serif;
		letter-spacing: 1px;
		font-size: 1.5em;
		text-align: center;
		font-weight: 600;
		color: #11b396;
		}

	/* Layout Elements */
		
		.container {
			max-width: 1200px;
			margin-left: auto;
			margin-right: auto;
			padding: 20px 5%;
		}	
.container-nav {
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			padding: 20px 5%;
		}	
		
		.containerborder {
			width: 65%;
			max-width: 1100px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 30px;
			margin-bottom: 40px;
			padding: 5px 5%;
			border: 2px solid #ce9cc6;
			background: #eee;
		}	
		
		.clearfix::after{
			content: '';
			display: table;
			clear: both;
		}

		header{
		width: 100%;
		max-width: 100%;
		background: #000;
		position: fixed;
		top:0;
		left: 0;
		z-index: 999999;
		}
		
		.onethird{
		width: 31%;
		padding: 1%;
		float: left;
		}
		
		.onefourth{
		width: 21%;
		margin: 1%;
		padding: 1%;
		float: left;
		}
		
		.threefourths{
		width: 75%;
		float: right;
		}
		
		.onehalf{
		width: 46%;
		padding: 0 2% 0px 2%;
		float: left;
		}
		
		.onehalftop{
		width: 50%;
		float: left;
		}
		
		.twothirds{
		width: 62%;
		margin: 1%;
		padding: 0 2% 0 0;
		float: left;
		}
		
		.right{
		text-align: right;
		margin-top: -20px;
		}
		
		.center{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		}

		.quarter{
		width:25%;
		height: 180px;
		padding-top: 75px;
		background: url('../img/pic1.jpg') no-repeat right center #fff;
		border-bottom: 2px solid #ce9cc6;
		
		}
		
		.quarter2{
		width:25%;
		height: 180px;
		background: url('../img/pic2.jpg') no-repeat right center #fff;
		border-bottom: 2px solid #ce9cc6;
		
		}
		
		.quarter3{
		width:25%;
		height: 180px;
		background: url('../img/pic3.jpg') no-repeat right center #fff;
		
		}


		
	/* Typography */
		
		.purple{
		color: #ce9cc6;
		}
		
		.caps{
		text-transform:uppercase;
		font-size: 1.5em;
		}
		
		.light{
		font-weight: 300;
		}
		
		.bold{
		font-weight: 700;
		}
		
		.title{
		font-size: 1.8em;
		font-weight: 700;
		color: #eee;
		}
		
		
		
	
	/* Buttons */
	
	.btn {
		  display: inline-block;
		  padding: 10px 18px;
		  margin: 10px 0;
		  font-size: 12px;
		  font-weight: 700;
		  font-family: 'Open Sans', Sans-Serif;
		  letter-spacing: 1px;
		  color: #111;
		  border: 2px solid #111;
		  text-transform: uppercase;
		  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		  -webkit-transition: background-color 0.2s;
		  -moz-transition: background-color 0.2s;
		  transition: background-color 0.2s;
		  text-align: center; 
		}

		.btn:hover {
		  background-color: #000;
		  color: #fff;
		}
		
		.btn2 {
		  display: inline-block;
		  padding: 14px 18px 12px 18px;
		  margin: -25px 0 10px 0;
		  font-size: 12px;
		  font-weight: 700;
		  font-family: 'Open Sans', Sans-Serif;
		  letter-spacing: 1px;
		  color: #fff;
		  border: 2px solid #fff;
		  text-transform: uppercase;
		  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		  -webkit-transition: background-color 0.2s;
		  -moz-transition: background-color 0.2s;
		  transition: background-color 0.2s;
		  text-align: center; 
		  z-index: 99;
		}

		.btn2:hover {
		  background-color: #fff;
		  color: #000;
		}
		
		.btn3 {
		  display: inline-block;
		  padding: 8px 10px 12px 0;
		  margin: 30px 0 15px 0;
		  font-size: 12px;
		  font-weight: 700;
		  font-family: 'Open Sans', Sans-Serif;
		  letter-spacing: 1px;
		  color: #111;
		  text-transform: uppercase;
		  -webkit-transition: background-color 0.2s;
		  -moz-transition: background-color 0.2s;
		  transition: background-color 0.2s;
		  text-align: center; 
		}

		.btn3:hover {
		  color: #ccc;
		}

         .btn4 {
		  display: inline-block;
		  padding: 10px 18px;
		  margin: 10px 0;
		  font-size: 12px;
		  font-weight: 700;
		  font-family: 'Open Sans', Sans-Serif;
		  letter-spacing: 1px;
		  background-color: #111;
		  color: #fff;
		  border: 2px solid #111;
		  text-transform: uppercase;
		  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		  -webkit-transition: background-color 0.2s;
		  -moz-transition: background-color 0.2s;
		  transition: background-color 0.2s;
		  text-align: center; 
		}

		.btn4:hover {
		  background-color: #11b396;
		  color: #fff;
		}
   .btn5 {
		  display: inline-block;
		  padding: 10px 18px;
		  margin: 10px 0;
		  font-size: 12px;
		  font-weight: 700;
		  font-family: 'Open Sans', Sans-Serif;
		  letter-spacing: 1px;
		  background-color: #fcb62c;
		  color: #fff;
		  
		  text-transform: uppercase;
		  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		  -webkit-transition: background-color 0.2s;
		  -moz-transition: background-color 0.2s;
		  transition: background-color 0.2s;
		  text-align: center;
	     cursor: pointer;
		}

		.btn5:hover {
		  background-color: #000;
		  color: #fff;
		}

	.btn-profile {
		  display: inline-block;
		  padding: 10px 18px;
		  margin: 10px 0;
		  font-size: 12px;
		  font-weight: 700;
		  font-family: 'Open Sans', Sans-Serif;
		  letter-spacing: 1px;
		  color: #fff;
		  border: 2px solid #2C2C2C;
		  text-transform: uppercase;
		  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		  -webkit-transition: background-color 0.2s;
		  -moz-transition: background-color 0.2s;
		  transition: background-color 0.2s;
		  text-align: center; 
		}

		.btn-profile:hover {
		  background-color: #1F1F1F;
		  color: #fff;
		}
		
		.cart{
		position: fixed;
		top: 0px;
		right: 20px;
		z-index: 9999;
		padding: 10px 16px;
		font-size: 11px;
		font-weight: 700;
		font-family: 'Open Sans', Sans-Serif;
		letter-spacing: 1px;
		background: #11b396;
		color: #ffffff;
		text-transform: uppercase;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		-webkit-transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		transition: background-color 0.2s;
		text-align: center; 
		}
		
		.cart:hover{
		background-color:#555;
		}
	
	/* Form */
		
		form {
		margin:0 auto;
		max-width: 100%;
		}

		input, textarea, file {
			width: 50%;
			height:5px;
			background-color:#eee;
			padding: 15px;
			margin: 5px 10px 5px 0;
			font-size:0.9em;
			color:#3a3a3a;
			border: 2px solid #444;
			font-family: 'Open Sans', sans-serif;
			max-width: 90%;
		}

		input:focus, textarea:focus {
			border:2px solid #11b396;
		}
		
		textarea 
		{
			height:70px;
			background-color: #eee;
			font-family: 'Open Sans', sans-serif;
		}

		#submit {
			display: inline-block;
			padding: 14px 10px 25px 10px;
			width: 130px;
			background: #111;
			font-size: 14px;
			font-weight: 700;
			letter-spacing: 1px;
			border: none;
			color: #fff;
			line-height:90%;
			text-transform: uppercase;
			box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
			-webkit-transition: background-color 0.2s;
			-moz-transition: background-color 0.2s;
			transition: background-color 0.2s;
		}

		#submit:hover {
			color:#fff;
			background-color: #11b396;
		}
		
		
	/* Carousel */
		#owl-demo .item{
		  /* background: #f2f2f2; */
		  background: #0C0C0C;
		  /* margin: 30px 10px 10px 10px; */
		  padding: 0 0 5px 0;
		  color: #111;
		  -webkit-border-radius: 3px;
		  -moz-border-radius: 3px;
		  border-radius: 3px;
		  text-align: center;
		  border: 2px solid #dedede;
		}

		#owl-demo .item h1{
		font-size: 0.8em;
		color: #fff;
		font-family: "Playfair Display", Georgia, serif;
		}

		.customNavigation{
		  text-align: center;
		  margin-top: 10px;
		}
		.customNavigation a{
		  -webkit-user-select: none;
		  -khtml-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;
		  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		}	
			
	
	/* Footer */
		.footer{
		width: 100%;
		background:#111;
		letter-spacing: 1px;
		color: #ccc;
		font-size: 0.75em;
		line-height: 160%;
		/*margin-top: 20px;*/
		}
		
		.footer a{
			text-decoration: none;
			color: #fff;
		}
				
		.footer a:hover{
			color: #fcb62c;
		}
		
		.logos{
		margin-top: -30px;
		margin-left: 170px;
		text-align: center;}
	
/*Social Links */
	
		.facebook {
			padding: 0 5px;
			font-size: 1.8em;
		}
	
		.facebook:hover{
			color: #3b5998;
		}
		
		.twitter{
			padding: 0 5px;
			font-size: 1.8em;
		}
		
		.twitter:hover {
			color:#00aced;
		}
		
		.instagram{
			padding: 0px 5px;
			font-size: 1.8em;
		}
	
		.instagram:hover {
			color:#517fa4;
		}
		
		.mail{
			padding:0 5px;
			font-size: 1.8em;
		}
		
		.mail:hover{
			color:#11b396;
		}
	
	
	/* Back to Top */
		.cd-top {
		  display: inline-block;
		  height: 50px;
		  width: 50px;
		  position: fixed;
		  bottom: 40px;
		  right: 20px;
		  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
		  background: rgb(255 185 0 / 90%) url(../img/top-arrow.png) no-repeat center 50%;
		  visibility: hidden;
		  opacity: 0;
		  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
		  -moz-transition: opacity .3s 0s, visibility 0s .3s;
		  transition: opacity .3s 0s, visibility 0s .3s;
		  z-index: 1;
		}
		.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
		  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
		  -moz-transition: opacity .3s 0s, visibility 0s 0s;
		  transition: opacity .3s 0s, visibility 0s 0s;
		}
		.cd-top.cd-is-visible {
		  visibility: visible;
		  opacity: 1;
		}
		.cd-top.cd-fade-out {
		  opacity: .7;
		}
		 .cd-top:hover {
		  background-color: #2a2a2a;
		  opacity: 1;
		}

	/* Nav */

	#cssmenu,
	#cssmenu ul,
	#cssmenu ul li,
	#cssmenu ul li a,
	#cssmenu #menu-button {
	  /*margin: -10px 0 0 0;*/
		margin: 0;
	  padding: 0;
	  border: 0;
	  list-style: none;
	  line-height: 1;
	  display: block;
	  position: relative;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}
	#cssmenu:after,
	#cssmenu > ul:after {
	  content: ".";
	  display: block;
	  clear: both;
	  visibility: hidden;
	  line-height: 0;
	  height: 0;
	}
	#cssmenu #menu-button {
	  display: none;
	}
	#cssmenu {
	  width: auto;
	  font-family: 'Open Sans', sans-serif;
	  line-height: 1;
	  margin-top: 43px;
	  float: right;
	  margin-right: 10%;
	}
	
	#cssmenu > ul > li {
	  float: left;
	}
	#cssmenu.align-center > ul {
	  font-size: 0;
	  text-align: center;
	}
	#cssmenu.align-center > ul > li {
	  display: inline-block;
	  float: none;
	}
	#cssmenu.align-center ul ul {
	  text-align: left;
	}
	#cssmenu.align-right > ul > li {
	  float: right;
	}
	#cssmenu.align-right ul ul {
	  text-align: right;
	}
	#cssmenu > ul > li > a {
	  padding: 20px 15px;
	  font-size: 0.8em;
	  font-weight: 700;
	  text-decoration: none;
	  color: #fff;
	  letter-spacing: 1px;
	  text-transform: uppercase;
	  -webkit-transition: color .2s ease;
	  -moz-transition: color .2s ease;
	  -ms-transition: color .2s ease;
	  -o-transition: color .2s ease;
	  transition: color .2s ease;
	}
	#cssmenu > ul > li:hover > a,
	#cssmenu > ul > li.active > a {
	  /*color: #11b396;*/
	  color: #fcb62c;
	}
	#cssmenu > ul > li.has-sub > a {
	  padding-right: 25px;
	}
	#cssmenu > ul > li.has-sub > a::after {
	  position: absolute;
	  top: 21px;
	  right: 10px;
	  width: 4px;
	  height: 4px;
	  border-bottom: 1px solid #000000;
	  border-right: 1px solid #000000;
	  content: "";
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  -webkit-transition: border-color 0.2s ease;
	  -moz-transition: border-color 0.2s ease;
	  -ms-transition: border-color 0.2s ease;
	  -o-transition: border-color 0.2s ease;
	  transition: border-color 0.2s ease;
	}
	#cssmenu > ul > li.has-sub:hover > a::after {
	  border-color: #fff;
	}
	#cssmenu ul ul {
	  position: absolute;
	  left: -9999px;
	  z-index: 9999;
	  
	}
	#cssmenu li:hover > ul {
	  left: auto;

	}
	#cssmenu.align-right li:hover > ul {
	  right: 0;
	}
	#cssmenu ul ul ul {
	  margin-left: 100%;
	  /*top: 10px;*/
		top: 0px !important;
	}
	#cssmenu.align-right ul ul ul {
	  margin-left: 0;
	  margin-right: 100%;
	}
	#cssmenu ul ul li {
	  height: 0;
	  -webkit-transition: height .2s ease;
	  -moz-transition: height .2s ease;
	  -ms-transition: height .2s ease;
	  -o-transition: height .2s ease;
	  transition: height .2s ease;
	  margin: 10px 0;
	}
	#cssmenu ul li:hover > ul > li {
	  height: 32px;
	}
	#cssmenu ul ul li a {
	  padding: 10px 20px;
	  width: 160px;
	  font-size: 15px;
	  background: #000;
	  text-decoration: none;
	  color: #dddddd;
	  -webkit-transition: color .2s ease;
	  -moz-transition: color .2s ease;
	  -ms-transition: color .2s ease;
	  -o-transition: color .2s ease;
	  transition: color .2s ease;
	}
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li a:hover {
	  color: #11b396;
	}
	#cssmenu ul ul li.has-sub > a::after {
	  position: absolute;
	  top: 13px;
	  right: 10px;
	  width: 4px;
	  height: 4px;
	  border-bottom: 1px solid #dddddd;
	  border-right: 1px solid #dddddd;
	  content: "";
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  -webkit-transition: border-color 0.2s ease;
	  -moz-transition: border-color 0.2s ease;
	  -ms-transition: border-color 0.2s ease;
	  -o-transition: border-color 0.2s ease;
	  transition: border-color 0.2s ease;
	}
	#cssmenu.align-right ul ul li.has-sub > a::after {
	  right: auto;
	  left: 10px;
	  border-bottom: 0;
	  border-right: 0;
	  border-top: 1px solid #dddddd;
	  border-left: 1px solid #dddddd;
	}
	#cssmenu ul ul li.has-sub:hover > a::after {
	  border-color: #ffffff;
	}

#camera_wrap_1 {
			margin-top: 102px;
		}

/* Media Queries */

	@media all and (max-width: 968px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	  #cssmenu {
		width: 100%;
		background: #fff;
		/*max-width: 500px;*/
		position: absolute;
		top: 72px;
		right: 25px;
		z-index: 99999;
	  }
		
		#cssmenu{
			margin-right: 0;
			right: 0;
		}
		
	  #cssmenu ul {
		width: 100%;
		display: none;
	  }
	 
	  
	  #cssmenu.align-center > ul,
	  #cssmenu.align-right ul ul {
		text-align: left;
	  }
	  
	  #cssmenu ul li,
	  #cssmenu ul ul li,
	  #cssmenu ul li:hover > ul > li {
		width: 100%;
		height: auto;
		border-top: 1px solid rgba(120, 120, 120, 0.15);
		margin-top: 10px;
	  }
	  
	  #cssmenu ul li a,
	  #cssmenu ul ul li a {
		width: 90%;
		color: #111;
		margin-left: 20px;
	  }
	  
	  #cssmenu > ul > li,
	  #cssmenu.align-center > ul > li,
	  #cssmenu.align-right > ul > li {
		float: none;
		display: block;
	  }
	  
	  #cssmenu ul ul li a {
		padding: 20px 20px 20px 30px;
		font-size: 14px;
		color: #000000;
		background: none;
	  }
	  #cssmenu ul ul li:hover > a,
	  #cssmenu ul ul li a:hover {
		color: #000000;
	  }
	  
	  #cssmenu ul ul ul li a {
		padding-left: 40px;
	  }
	  
	  #cssmenu ul ul,
	  #cssmenu ul ul ul {
		position: relative;
		left: 0;
		right: auto;
		width: 100%;
		margin: 0;
	  }
	  #cssmenu > ul > li.has-sub > a::after,
	  #cssmenu ul ul li.has-sub > a::after {
		display: none;
	  }
	  
	  #menu-line {
		display: none;
	  }
	  
	  #cssmenu #menu-button {
		display: block;
		padding: 20px;
		color: #000000;
		cursor: pointer;
		font-size: 15px;
		text-transform: uppercase;
	  }
	  
	  #cssmenu #menu-button::after {
		content: '';
		position: absolute;
		top: 20px;
		right: 20px;
		display: block;
		width: 15px;
		height: 2px;
		background: #000000;
	  }
	  
	  #cssmenu #menu-button::before {
		content: '';
		position: absolute;
		top: 25px;
		right: 20px;
		display: block;
		width: 15px;
		height: 3px;
		border-top: 2px solid #000000;
		border-bottom: 2px solid #000000;
	  }
	  
	  #cssmenu .submenu-button {
		position: absolute;
		z-index: 10;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid rgba(120, 120, 120, 0.15);
		height: 52px;
		width: 52px;
		cursor: pointer;
	  }
	  
	  #cssmenu .submenu-button::after {
		content: '';
		position: absolute;
		top: 21px;
		left: 26px;
		display: block;
		width: 1px;
		height: 11px;
		background: #000000;
		z-index: 99;
	  }
	  #cssmenu .submenu-button::before {
		content: '';
		position: absolute;
		left: 21px;
		top: 26px;
		display: block;
		width: 11px;
		height: 1px;
		background: #000000;
		z-index: 99;
	  }
	  #cssmenu .submenu-button.submenu-opened:after {
		display: none;
	  }
		
		
	}

@media only screen and (min-width: 1100px) {
#cssmenu ul ul li {
	margin: 0px !important;	
	}
	
		
}

@media only screen and (max-width: 1100px) {
	.textInfo {
			font-size: 13px !important;
		}
}

@media only screen and (max-width: 1300px) {
	
	
	
		.onehalftop{
				width: 100%;
				max-width: 100%;
				}
				
				.quarter h3,.quarter2 h3, .quarter3 h3{
		background: rgba(0,0,0,0.8);
		color: #fff;}
				
				.quarter{
				padding-top: 80px;}
	
	/* RESPONSIVE MENU */
			#cssmenu ul li a, #cssmenu ul ul li a {
		text-align: left !important;
		}
	
		#cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li {
		margin-top: 0 !important;	
		}
	
		#cssmenu ul ul li {
		margin: 0 !important;	
		}
	
	

	
	/*
		#cssmenu .submenu-button {
		height: 35px !important;	
		}
		
		#cssmenu .submenu-button::before {
		 left: 21px !important;
         top: 17px !important;
		}
		
		#cssmenu .submenu-button::after {
		 top: 12px !important;
         left: 25px !important;
		}*/
	/* END */

}

@media only screen and (max-width: 986px) {
	#bodydiv {
		margin-top: 235px !important;
	}
	
	
}

@media only screen and (max-width: 900px) {
			.onefourth{
			width: 45%;
			max-width: 50%;
			border: none;}
			
			.onefourthtop, .onefourthtop2{
			width: 45%;
			max-width: 50%;
			margin-bottom: 20px;}
			
			.onehalftop{
			width: 100%;
			max-width: 100%;}
			
			.onethirdtop{
			display:none;
			}
			
			.quarter{
			padding-top: 120px;}
	
	#cssmenu {
	top: 114px;	
	}
	
	
	
	}	

				
	@media only screen and (max-width: 900px) {
				.onehalf{
				width: 95%;
				max-width: 100%;
				}	
		
			#cssmenu{
			margin: 0 auto;}
			
			.quarter{
			padding-top: 120px;}
			
			.logos{
			display: none;}
			
			.right{
			margin-top: -30px;}
		#venue-title {
			font-size: 1.3em !important;
		}
		
	
		
	}
	
	
	
	
		
	@media only screen and (max-width: 650px) {
			.onefourth{
			width: 100%;
			max-width: 100%;
			border: none;}
			
			.right{
			width: 100%;
			max-width: 100%;
			margin-top: 1px;}
			
			.onethird{
			width: 100%;
			max-width: 100%;}
			
			.twothirds{
				width: 100%;
				max-width: 100%;
				}
				
				.threefourths {
				width: 100%;
				max-width: 100%;
				}			
								
			#cssmenu{
			margin-right: 0;
			right: 0;
				top:75px;
		}
			
			input, textarea, file {
			width: 100%;
		}
			
		.container-nav {
			padding: 0;
			text-align: center;
		}
		
		#camera_wrap_1 {
			margin-top: 102px;
		}
		
		.camera_caption h1 {
			font-size: 1em !important;
		}
		
		.triangle {
			height: 50px !important;
		}
			.cover-blank {
			height: auto !important;
		}
		figcaption h2 {
			font-size: 1.2em;
		}
		#sitecolumn {
			padding: 0px !important;
		}
		
		.padding-zero {
		padding: 0 !important;
		}
		
		#profilename {
			font-size: 9px !important;
			padding-bottom: 10px !important;
		}
		
		#venue-logo {
			top: -84px !important;
		}
		
		.triangle{
			top: -1px !important;
		}
		
		.btn2 {
			margin-top: 170px !important;
		}
		
		
		
		.textInfo {
			font-size: 20px !important;
		}
	}

	
	/* addon CSS */



		.media-type {
			/*padding-right: 2% !important;*/
		}
		.media-type[data-last] {
			/*padding-right: 0 !important;*/
		}

		/* Dropdown Button */



		form .former {
			float: left;
			width: 49%;
		}
		
		form .former-3-col {
			float: left;
			width: 31.33%;
		}
		
		form .former-3-col:not(:nth-child(3n)) {
			margin-right: 2%;
			box-sizing: border-box;
		}
		
		form .former:not(:nth-child(2n)) {
			margin-right: 2%;
		}
		
		form label {
			display: block;
		}
		

		
		.flash-warn {
			color: #735c0f;
			background-color: #fffbdd;
			border: 1px solid #f4f4f4;
		}
		
		.flash {
			position: relative;
			padding: 16px;
			/*color: #032f62;*/
			/*background-color: #dbedff;*/
			/*border: 1px solid rgba(27,31,35,0.15);*/
			border-radius: 3px;
		}
		
		.mt-3 {
			margin-bottom: 16px;
		}







.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  /*opacity: 0.65;*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("../img/img_parallax.jpg");
  min-height: 100%;
}

.bgimg-2 {
  background-image: url("../img/_about_dj.jpg");
  min-height: 400px;
}

.bgimg-3 {
  background-image: url("../img/_about_img_bottom.jpg");
  min-height: 400px;
}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}

/* Turn off parallax scrolling for tablets and phones */
/*
@media only screen and (max-device-width: 1024px) {
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: scroll;
  }
}
*/

.cover-bg {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/site-bg.jpg');
    /*background-image: url("../img/site-bg.jpg");*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* background-size: 100% 100%; */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5%;
    text-align: center;
}

.cover-bgbg {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/site-bgbg.jpg');
    /*background-image: url("../img/site-bg.jpg");*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* background-size: 100% 100%; */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5%;
    text-align: center;
}

.para {
	background-image: url("../img/_about_banner.jpg");
    min-height: 400px;
	position: relative;
    opacity: 0.65;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cover-bg-manual {

    
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* background-size: 100% 100%; */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5%;
    text-align: center;
}

.cover-blank {

    /* background-size: 100% 100%; */

    display: flex;
	height: 200px;
    align-items: center;
    justify-content: center;
    padding: 5%;
    text-align: center;
}



		form .former {
			float: left;
			width: 49%;
		}
		
		form .former-3-col {
			float: left;
			width: 31.33%;
		}
		
		form .former-3-col:not(:nth-child(3n)) {
			margin-right: 2%;
			box-sizing: border-box;
		}
		
		form .former:not(:nth-child(2n)) {
			margin-right: 2%;
		}
		
		form label {
			display: block;
		}
		
		input:focus,
		select:focus,
		textarea:focus {
			outline: 3px solid gold;
		}
		
		input:type['text'],
		select,
		textarea,
		button {
			width: 100%;
			border: 1px solid #E7E7E7;
		}
		
		.flash-warn {
			color: #735c0f;
			background-color: #fffbdd;
			border: 1px solid #f4f4f4;
		}
		
		.flash {
			position: relative;
			padding: 16px;
			/*color: #032f62;*/
			/*background-color: #dbedff;*/
			/*border: 1px solid rgba(27,31,35,0.15);*/
			border-radius: 3px;
		}
		
		.mt-3 {
			margin-bottom: 16px;
		}
		


.btn-wrap {
	float: left;
	margin-right: 8px;
}
.butn {
	display: inline-block;
	background-color: #000;
	color: #fff;
	/*
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
	-webkit-transition: background-color 0.6s;
	-moz-transition: background-color 0.6s;
	transition: background-color 0.6s;
	*/
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	padding: 15px;
	border: none;
	font-family: "GothamThin";
	font-size: 120%;
	transition: background 0.5s linear;
}
.butn:hover {
	background-color: #CC0003;
	color: #fff;
}

#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: #0C0; /* Set a background color */
	color: white; /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 0px; /* Rounded corners */
}
#myBtn:hover {
	background-color: #F90; /* Add a dark-grey background on hover */
}

img {
	max-width: 100%;
	height: auto;
}
.col {
	float: left;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}
.cols {
	float: left;
	width: 100%;
	padding: 0px;
	box-sizing: border-box;
}
.row:before, .row:after, .group:before, .group.after {
	content: "";
	display: table;
	word-wrap: break-word;
}
.row:after, .group:after {
	clear: both;
	word-wrap: break-word;
}
.row, .group {
	zoom: 1;
	word-wrap: break-word;
}


.col-xs-11 {
	width: 91.662%;
}
.col-xs-10 {
	width: 83.332%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-8 {
	width: 66.662%;
}
.col-xs-7 {
	width: 58.331%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-5 {
	width: 41.662%;
}
.col-xs-4 {
	width: 33.332%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-2 {
	width: 16.662%;
}
.col-xs-1 {
	width: 8.332%;
}

/*only if the device width is atleast 768px or higher*/
@media screen and (min-width: 768px) {
.col-sm-11 {
	width: 91.662%;
}
.col-sm-10 {
	width: 83.332%;
}
.col-sm-9 {
	width: 75%;
}
.col-sm-8 {
	width: 66.662%;
}
.col-sm-7 {
	width: 58.331%;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-5 {
	width: 41.662%;
}
.col-sm-4 {
	width: 33.332%;
}
.col-sm-3 {
	width: 25%;
}
.col-sm-2 {
	width: 16.662%;
}
.col-sm-1 {
	width: 8.332%;
}
}
 @media screen and (min-width: 1024px) {
.col-md-11 {
	width: 91.662%;
}
.col-md-10 {
	width: 83.332%;
}
.col-md-9 {
	width: 75%;
}
.col-md-8 {
	width: 66.662%;
}
.col-md-7 {
	width: 58.331%;
}
.col-md-6 {
	width: 50%;
}
.col-md-5 {
	width: 41.662%;
}
.col-md-4 {
	width: 33.332%;
}
.col-md-3 {
	width: 25%;
}
.col-md-2 {
	width: 16.662%;
}
.col-md-1 {
	width: 8.332%;
}
}
 @media screen and (min-width: 1024px) {
.col-lg-11 {
	width: 91.662%;
}
.col-lg-10 {
	width: 83.332%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-8 {
	width: 66.662%;
}
.col-lg-7 {
	width: 58.331%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-5 {
	width: 41.662%;
}
.col-lg-4 {
	width: 33.332%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-2 {
	width: 16.662%;
}
.col-lg-1 {
	width: 8.332%;
}
}