
	.itemContainer {
		width:98%;
		background: #3db3fd;
		box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
		padding:10px;
		margin:10px;

	}


	button,.button {
		//border-radius: 20px;
		border: 0px solid #101010;
		background-color: #ac2fff; //#3db3fd; 
		color: #FFFFFF;
		font-size: 16px;
		font-weight: bold;
		padding: 14px 18px;
		margin:5px;
		letter-spacing: 1px;
		text-transform: uppercase;
		transition: transform 80ms ease-in;
		cursor:pointer;
	}

	.smallButton {
		font-size: 12px;
		font-weight: bold;
		padding: 5px 6px;
		margin:2px;

	}

	#video {

	max-width:100%;
	max-height:60%;

	}


	body {
		background-color:#FFFFFF;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-align:center;
	}

	.headerContainer{
		background-color:#3db3fd;
		color: #FFFFFF;
		width:100%;
		background: url('/images/landing/LZback.360.jpg') no-repeat center center  ;
		  -webkit-background-size: auto 100%;
		  -moz-background-size: auto 100%;
		  -o-background-size: auto 100%;
		  background-size: 100%  auto;

	}

	.blueRow {
		background-color:#3db3fd;
		color: #FFFFFF;
		width:100%;
		padding:20px;
	}

	.purpleRow {
		background-color: #ac2fff; //#3db3fd; #3db3fd
		color: #FFFFFF;
		width:100%;
		padding:20px;
	}


	.blueBG {
	background-color:#3db3fd;
	}

	.container {
		
		max-width:1000px;
		left: 50%;
		margin: 0 auto;
			
	}

	.center {
		text-align:center;
		//width:100%;
		margin:0px;
		padding: 0px;
	}

	.fullwidth {
		width:100%;
	}

	.header {
		margin:0 0 0 0;
		padding: 0 0 0 0;
		/*
		background: url('images/landing/LZback.360.jpg') no-repeat center center fixed;
		  -webkit-background-size: auto 100%;
		  -moz-background-size: auto 100%;
		  -o-background-size: auto 100%;
		  background-size: auto 100%;
		  */
	}

	@media all and ( max-width: 680px ) {
		.header {
			margin:0 0 0 0;
			padding: 0 0 0 0;
			background: url('/images/landing/LZback.360.jpg') no-repeat center center ;
			-webkit-background-size: auto 100%;
			  -moz-background-size: auto 100%;
			  -o-background-size: auto 100%;
			  background-size: auto 100%;
		}

	}




	.horizontalPanel{
		display: flex;
	}


	.font {
		font-family: Museo-300;
		
	}


	.mainIcon {
		
		color: #3db3fd;
		font-size: 3em;
	}

	.smallIcon {
		
		color: #3db3fd;
		font-size: 1.5em;
	}


	.titleHeader {
		font-size:3.5em;
		text-shadow: 0px 1px 8px #000000;
		font-family: Museo-700;
		color: #FFFFFF;
	}


.textGradientAnimate 	{

	color: #FFFFFF;
	background-image: linear-gradient(
			-225deg,
			#231557 0%,
			#44107a 29%,
			#ff1361 67%,
			#fff800 100%
		  );
		  background-size: auto auto;
		  background-clip: border-box;
		  background-size: 200% auto;
		  background-clip: text;
		  text-fill-color: transparent;
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
		  animation: textclip 2s linear infinite;
		  display: inline-block;
		  }
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}


	.subtitleHeader {
		font-size:2em;
		color: #FFFFFF;
		text-shadow: 0px 1px 6px #000000;
		//-webkit-text-stroke-width: 1px;
		//-webkit-text-stroke-color: #000000;
	}


	.white {
	color: #FFFFFF;
	}

	.black {
	color: #000000;
	}

	.purple {
		color: #ac2fff; //#3db3fd; #3db3fd
		
	}

	.blue {
		color: #3db3fd; 
		
	}



	.title {
		font-size:2em;
		font-family: Museo-700;
		
	}
	.subtitle {
		font-size:1em;
		//color: #000000;
	}

	.infoText {
		font-size:1.2em;
		//color: #000000;
	}


	.footNote{
		font-size:0.7em;
		color: #000000;
		font-style: italic;
	}


	.itemTitle {
		font-size:1.2em;
		font-family: Museo-700;
		color: #000000;
	}

	.itemContent {
		font-size:1em;
		color: #000000;
	}



	#leavingPopup {


	background-color:#ac2fff; //#3db3fd;
		color: #FFFFFF;
		//width:100%;
		padding:20px;


	display:none;
	z-index: 999999; //9996; 
	position:fixed;
	top:50%;
	left:50%;
	box-sizing:border-box;
	transform: translate(-50%,-50%);
	width:50%;
	min-width:400px;
	min-height:200px;
	max-width:calc(100% - 80px);
	max-height:calc(100% - 80px);
	//background: rgba(255, 255, 255, 0.9);
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
	
	backdrop-filter: blur(15px);
	overflow: hidden;


	}
	


	.usp {
		width:20%;
		padding:10px;
		text-align:center;
	}



	
	.vertLine {
		background: linear-gradient(#bbb, #bbb) no-repeat center/1px 100%;
		//background: linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(197,73,171,1) 0%, rgba(173,44,255,1)  100%) no-repeat center/1px 100%;
		width:4%;
		height: 140px;
		position:relative;
		top:50px;
		opacity:0.3;
	}


	.horLine {
		background: linear-gradient(#bbb, #bbb) no-repeat center/100% 100%;
		//background: linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(197,73,171,1) 0%, rgba(173,44,255,1)  100%) no-repeat center/100% 100%;
		width:100%;
		height: 1px;
		opacity:0.3;
	}


	.content{
		display: flex;
		flex-wrap: wrap;
		margin : 0px;
		
		text-align: left;
		//font-size:14px;
		
	}

	[class*=\"col-\"] {
	   width: 100%;
		padding: 10px;
	}

	@media all and ( min-width: 768px ) {

	
	  .col-1-1 {
		width: 100%;
	  }
	  .col-2-3 {
		width: 60%;
		padding:3%;
	  }
	  
	  .col-1-2 {
	  width:50%;
		//width: 45%;
		padding:3%;
	  }
	  .col-1-3 {
		//width: 29%;
		padding:3%;
		width:33%;
	  }
	  .col-1-4 {
		//width: 19%;
		padding:3%;
		width:25%;

	  }
	  	  .col-3-4 {
		//width: 19%;
		padding:3%;
		width:75%;

	  }

	  .col-1-8 {
		width: 12.5%;
	  }
	   .col-7-8 {
		width: 87.5%;
	  }

	  .col-300 {
		width: 300px;
	  }
	  .col-100 {
		width: 100px;
	  }
	  .col-200 {
		width: 200px;
	  }


	}
@media screen and (max-width: 768px) {
  .row {   
    flex-direction: column;
	
	}
}

	

/* Slider checkbox */
.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--main-itemColor);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--main-itemColor);
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 24px;
}

.slider.round:before {
  border-radius: 50%;
}

.Museo-700 { 
	font-family: Museo-700;
}
.Museo-300 { 
	font-family: Museo-300;
}


	#leadForm {

		z-index: 999999; //9996; 
		position:fixed;
		display:none;
		
		top:50%;
		left:50%;
		box-sizing:border-box;
		transform: translate(-50%,-50%);
		//width:70%;

		background: rgba(255, 255, 255, 0.9);
		box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
		
		backdrop-filter: blur(15px);
		//overflow: hidden;

		
		 overflow-y:auto;
		overflow-x: hidden;

	}


	@media screen and (min-width: 768px) {
	
		#leadForm {
		min-width:400px;
		min-height:200px;
		max-width:calc(100% - 80px);
		max-height:calc(100% - 80px);
		//width:calc(100% - 80px);
		//height:calc(100% - 80px);
		padding:50px;
		}
	
	}


	@media screen and (max-width: 768px) {
	
		#leadForm {
			width:100%;
			height:100%;
			max-width:100%;
			max-height:100%;
			padding:15px;
		}
	
	}



	.subForm {
		display:none;
	}


.blur-filter {

    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
	  pointer-events: none;
    //opacity: 0.4;

}


input {
	background-color: #eee;
	border: none;
	padding: 12px 15px;
	margin: 8px 0;
	width: 100%;
}

textarea {
	background-color: #eee;
	border: none;
	padding: 12px 15px;
	margin: 8px 0;
	width: 100%;
	height:60px;
}

.countrySelect{
	filter:brightness(80%);
	width:32px;
	height:24px;
	border-radius:3px;
	margin:3px;
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
	cursor:pointer;
}
.countrySelect:hover{
	filter:brightness(100%);
}



.redBorder {
	border: 1px solid #ff0000;
}

