@charset "utf-8";
/* CSS Document */
    body {
	width: 100%;
    margin: 0;
    padding: 0;
    background-position: center; /* Center the image */
  	background-repeat: repeat; /* repeat the image */
    position: relative;
    }
    
    #maincont {
    	position: relative;
    	width: 100%;
    	margin: 20px auto 0px auto;
    	overflow: visible;
    	min-height: 100%;
	}
    
    #imagecont {
    	width: 100%;
    	margin: auto;
    }
    
    #imagecont h1, #imagecont h2 {
		font-family: 'Source Sans Pro', sans-serif;
    	font-size: 4em;
    	text-align: center;	
    }

	#imagecont h2 {
		margin-top:0;
    	margin-bottom:20;
	}
    
    #headimg {
    	margin: 0 auto;
    	display: block;
    }
    
    .secondarycont {
    	
    	margin: auto;
    	width: 100%;
		max-width: 1200px;
    }   	

	.buttoncont {
		width: 100%;
		text-align: center;
	}


	.button {
    	background: rgb(221,221,221);
		/*background: linear-gradient(90deg, rgba(244,67,54,1) 0%, rgba(88,63,181,1) 100%);*/
        border-radius: 6px;
    	width: 20%;
    	font-family: 'Source Sans Pro', sans-serif;
    	font-weight: bold;
    	font-size: 0.6em;
    	color: #363636;
    	font-size: inherit;
    	margin: 0 auto;
    	padding: 15px;
    	border: 0px;
	}

	.formbutton {
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 25px;
		position: relative;
		top: 40px;
		margin: 15px auto 0px auto;
		background-color: rgb(221,221,221);
		box-shadow: 0 4px 4px rgba(0,0,0,0.15), 0 0 0 1px rgba(26,53,71,0.07);
		color: #363636;
	}

	.button:hover, .formbutton:hover {
    	color: #ffffff;
    	transition-duration: 0.3s;
    	background: rgb(37,29,90);
		background: linear-gradient(348deg, rgba(37,29,90,1) 0%, rgba(150, 97, 255,1) 85%);
	}



/*Form Specific Style*/



	.formcontainer {
		padding: 10px;
		width: 750px;
    	font-family: 'Source Sans Pro', sans-serif;
    	margin: auto; 
    	font-size: 16px;
    	color: #363636;
		font-weight: bold;
    	overflow: visible;
	}


/* radiobutton styles */
	
	.radioselector {
		text-align: center;
	}

	.radioselector input[type="radio"] {
  		opacity: 0;
  		position: fixed;
  		width: 0;
    	text-align: center;
    	margin: auto;
    	
	}

	.radioselector label {
    	text-align: center;
    	vertical-align: middle;
    	margin: 0 10px;
    	display: inline-block;
    	background-color: #dddddd;
    	padding: 20px;
    	font-family: 'Source Sans Pro', sans-serif;
    	font-size: 16px;
   		/*border: 2px solid #444;*/
    	border-radius: 4px;
    	color: #363636;
    	font-weight: bold;
    	box-shadow: 0 4px 4px rgba(0,0,0,0.15), 0 0 0 1px rgba(26,53,71,0.07);
    	
	}


	.radioselector input[type="radio"]:checked + label {
   		transition: 0.5s;
    	background: rgb(37,29,90);
	background: linear-gradient(348deg, rgba(37,29,90,1) 0%, rgba(150, 97, 255,1) 85%);
    	color: #ffffff;
	}

	/*Toggle styles*/
	.toggleswitchcont {
		position: relative;
		top: 10px;
		margin: 0px auto;
	}

	.colorselectcont, .fontsizeselectcont, .yaxis {
		position: relative;
		top: 25px;
		margin: 0px auto;
	}

	#fontcolor {
		padding: 0px;
		width: 50px;
		height: 50px;
		border: none;
	}		

	.spinnerinput {
    	position: relative;
    	top: 15px;
    	float: right;	
    	width: 50px;
    	line-height: 1.5;
    	border-radius: 5px;
    	border: 1px solid #ccc;
    	box-shadow: 1px 1px 1px #999;
	}

	.switch {
  		position: relative;
  		top: 10px;
  		display: inline-block;
  		width: 60px;
  		height: 34px;
  		vertical-align: baseline;
	}

	.optiontext {
		float: left;		
	}

	.optioninput {
		float: right;		
	}

	.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: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
	background: rgb(37,29,90);
	background: linear-gradient(348deg, rgba(37,29,90,1) 0%, rgba(150, 97, 255,1) 85%); 


}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

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

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

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

/*textarea style */

.textareainput {
	position: relative;
	top: 10px;
	clear: both;
	}

textarea {
    position: relative;
	top: 0px;
	width: 100%;
	padding: 10px;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #999;
}

textarea:focus, .spinnerinput:focus {
	transition: 0.2s ease-in-out;
	outline: none !important;
	border-image: linear-gradient(348deg, rgba(37,29,90,1) 0%, rgba(150, 97, 255,1) 85%);
    border-image-slice: 1;
    border-width: 1px;
	border-radius: 5px;
	box-shadow: 0 4px 4px rgba(0,0,0,0.15), 0 0 0 1px rgba(26,53,71,0.07);
}

.bluebartext, .stdoption, .buttoncont {
	display: none;
	}

p {
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #363636;
	font-weight: bold;

}

.clear {
	clear: both;
}