/*---------------------
BUTTONS GOES HERE!!!
*/




/*BIG BUTTON*/
.BigButton {
  border-width:1px;
  padding-bottom: 0;

  border-color: rgba(76, 18, 203, 0.5);
  padding: 3px 10px;
  outline-offset: 2px;
  bottom:0;
  position:relative;
  /*width: 50%;*/
	width: 100%;
  height: 60px;
  cursor: pointer;
  transition: .5s ease 0s;
  text-transform: uppercase;
  margin: 0 auto;
  border-radius: 5px;
	font-weight: bold;
	background: #ffff;

}
.BigButton:hover {
  background:rgb(76, 18, 203);
  color: #faf9fb;
	border-color: rgba(239, 239, 239, 0.31);
}

@media only screen and (max-width: /*768px*/1000px) {
	.BigButton {
		display:table;
	position:relative;

	}
}


/*BIG BUTTON 2 WHITE - BLACK ON HOVER*/
.BigButton2 {
  border-width:1px;
  padding-bottom: 0;

  border-color: rgba(76, 18, 203, 0.5);
  padding: 3px 10px;
  outline-offset: 2px;
  bottom:0;
  position:relative;
  /*width: 50%;*/
	width: 100%;
  height: 60px;
  cursor: pointer;
  transition: .5s ease 0s;
  text-transform: uppercase;
  margin: 0 auto;
  border-radius: 5px;
	font-weight: bold;
	background: #ffffff;

}
.BigButton2:hover {
  background: #2f2f2f;
  color: #faf9fb;
	border-color: rgba(239, 239, 239, 0.31);
}

@media only screen and (max-width: /*768px*/1000px) {
	.BigButton2 {
		display:table;
	position:relative;

	}
}







/* ---------------------
INNER SHADOW - NO FX */
.innerShadow {
	-webkit-box-shadow: inset 0px 7px 80px -26px rgba(77, 14, 147, 0.27);
	-moz-box-shadow: inset 0px 7px 80px -26px rgba(77, 14, 147, 0.27);
	box-shadow: inset 0px 7px 80px -26px rgba(77, 14, 147, 0.27);
}
/* --------------------- */


/* ---------------------
INNER SHADOW - NO FX */
.OuterShadow {
	-webkit-box-shadow: 0px 0px 18px -5px #4d0e93;
  -moz-box-shadow: 0px 0px 18px -5px #4d0e93;
  box-shadow: 0px 0px 18px -5px #4d0e93;
}
/* --------------------- */



/* ---------------------
FORM SHADOW - NO FX */
.FormShadow {
  -webkit-box-shadow: 5px -5px 5px -1px rgba(0,0,0,0.42);
  -moz-box-shadow: 5px -5px 5px -1px rgba(0,0,0,0.42);
  box-shadow: 5px -5px 5px -1px rgba(0,0,0,0.42);
}
/* --------------------- */



/*BACKGROUND IMAGES*/
/*---------------------
WHITE BRICK LOOKING LIKE*/
.bgImg1 {
  background-color: #571bbc;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23d9d9d9' fill-opacity='0.05'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.05'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");
  /* background by SVGBackgrounds.com */

  background-position: center;
}
/*---------------------
PURPLE DARK PATTERN HALD CIRCLES*/
.bgImg2 {
    background-color: #6b0fce;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%234d0e93'/%3E%3Cstop offset='1' stop-color='%236b0fce'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%2387a1ff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2387a1ff' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
    /* background by SVGBackgrounds.com */
    background-size: cover;
    background-position: center;

}
/*-------------------------*/




/*------------------------
FORM INPUT HOVER & STYLE
*/
.FormStyle {
	border-width:1px;
	padding-bottom: 0;

	border-color: rgba(76, 18, 203, 0.5);
	padding: 3px 10px;
	outline-offset: 2px;
	bottom:0;
	position:relative;
	/*width: 50%;*/
	width: 100%;
	height: 60px;
	cursor: pointer;
	transition: .5s ease 0s;
	/*text-transform: uppercase;*/
	margin: 0 auto;
	border-radius: 5px;
	font-weight: bold;
	background: #efe4ff;
}
.FormStyle:hover {
	background: #ffffff;
	border-color: rgba(239, 239, 239, 0.31);
}
/*------------------------*/

/* ---------------------
VERTICAL INNER - EDGE GRADIENT - NO FX */
.vEdgeGradient {
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
}
/* --------------------- */