@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: font1;
    src: url(../tonf/light.woff);
}
@font-face {
    font-family: font2;
    src: url(../tonf/font2.ttf);
}
body {
	text-align: center;
	padding: 0;
	margin: 0;
	background-color: orangered;
  font-family: 'Montserrat', sans-serif;
	font-weight: 560;
}
*, *::after, *::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
    font-family: font1;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
a {
	color: #3C2BFF;
	text-decoration: none;
}
ul {
	list-style: none;
	padding:0;
}
.container{
	text-align: left;
	max-width: 950px;
	width:90%;
	padding: 2.5%;
	z-index: 1;
	position: relative;
	margin: 0 auto;
}
.backanimator {
	width: 0%;
	position: fixed;
  	transition: all 0.5s;
	background: #DB4437;
  	z-index: -1;
}
.back {
	height: 110vh;
	top: 0;
	bottom: 0;
	width: 55%;
	right: 0;
  	z-index: -1;
}
.back:after {
  	content: '';
  	position: absolute;
  	z-index: -1;
}
.back:after {
	top: 0;
  	left: 0;
  	padding-right: 110vh;
  	padding-top: 110vh;
  	background: #2E2E2E;
  	-webkit-transform-origin: 100% 0;
 	-ms-transform-origin: 100% 0;
  	transform-origin: 100% 0;
  	-webkit-transform: skew(-45deg);
  	-ms-transform: skew(-45deg);
  	transform: skew(-45deg);
}
.form {
	opacity: 0;
	background-color: rgba(255,255,255,0.9);
	transition: all 0.5s;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	padding: 10px;
}
.addvisibility {
	opacity: 1;
}
.label {
	margin-top: 10px;
	display: block;
	position: relative;
	padding-left: 180px;
	min-height: 35px;
}
input[type=checkbox]{
	width: 60px;
    height: 23px;
	vertical-align: middle;
}
label input[type=text], label input[type=email],label input[type=number],label select{
	padding: 10px;
	border: 0;
	border: 1px solid #525252;
	border-radius: 5px;
}
label .longfield {
	width: 95%;
}
label p {
	width: 180px;
	display: inline-block;
	margin: 0;
	color: #1A1A1A;
	position: absolute;
	left: 0;
}
.semisection {
	padding-top: 30px;
	padding-left: 20px;
	position: absolute;
	left: 0;
}
.semissection{
	padding-left: 20px;
}
.uptions {
	height: 252px;
}
.submitbutton {
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.submitbutton:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}
.submitbutton:active {
	position:relative;
	top:1px;
}
.mybutton {
	text-align:center;
	margin-bottom:20px;
}
.formheader {
	text-align: center;
}
h2.formheader{
	font-size: 25px;
	margin-bottom: 0;
}
h3.formheader{
	font-size: 15px;
	margin-top: 0;
}
h4.formheader{
	font-size: 13px;
	margin: 0;
}
h1.formheader{
	margin-bottom: 0;
}
.container2 {
	padding-top: 0;
}
.logo {
	width: 80px;
	margin-left: -80px;
	margin-bottom: -20px;
}
h1.formheader span {
	color: #DB4437;
	font-size: 18px;
}
h3.formheader span {
	color: #DB4437;
}
#notice h1.formheader {
    margin:0;
}
#notice {
    padding: 100px 5px;
}
.notice {
    padding-bottom:0;
}
@media screen and (max-width: 620px){
	.logo {
		display: block;
		margin-left: inherit;
		margin: 0 auto;
		margin-bottom: -15px;
	}
	h1.formheader{
		font-size: 20px;
	}
	h2.formheader{
		font-size: 17px;
		margin-bottom: 0;
	}
	h3.formheader{
		font-size: 13px;
		margin-top: 0;
	}
	h4.formheader{
		font-size: 13px;
		margin: 0;
	}
	.label {
		padding-left: 0;
		min-height: inherit;
	}
	.label p {
		position: relative;
		width: 100%;
	}
	label {
		display: block;
		font-size: 13px
	}
	p, li {
		font-size: 13px
	}
	label input[type=text], label input[type=email], label input[type=number], label select {
		margin-top: 5px;
	}
	label .longfield {
		width: 81%;
		margin-top: 5px;
	}
	.label3, .semisection {
		margin-bottom:10px;
		padding-top: 10px;
    	padding-left: 0px;
	}
	.semissection {
		margin-bottom: 20px;
	}
	h3.formheader2{
		font-size: 15px;
		margin-top: 0;
	}
	h1.formheader span {
		color: #DB4437;
		font-size: 15px;
	}
}