/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
}

*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

a{
   color: #6920f6;
  -webkit-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

a:hover{
	color: #9c69ff;
}

a,a:hover{
	text-decoration: none;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color:#646464;
	padding:50px 0;
  background: url(../siteimg/site-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}


blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear{
clear:both;
}

h1,h2,h3,h4,h5,h6{
	color: #5c2fb3;
	line-height: 1.3;
	font-family: 'Roboto Condensed', sans-serif;
}

p{
	line-height:1.4;
	margin:0 0 20px;
}

img{
	max-width:100%;
}

.container{
	position:relative;
}

#form-page{
	max-width:800px;
	margin:0 auto;
	background-color:#e6f7ff;
	box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.5);
}

#form-page header{
	background-color: #0093ff;
	padding: 30px;
}

#form-page header h1{
	color:#fff;
	font-size:2.4rem;
	text-align:center;
}

#form-page header h1:before{
	position:relative;
	display:inline-block;
	content:'';
	top: 8px;
	width:35px;
	height:35px;
	margin-right: 20px;
	background: url(../siteimg/form-icon.png) no-repeat 0 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#form-page .content{
	padding-top:30px;
  background: url(../siteimg/form-bg.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
}

#form-page .row{
	padding-top:10px;
	padding-bottom:10px;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

#form-page .row.disabled{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
pointer-events: none;
}

#form-page .row > div{
	position:relative;
}

#form-page .row .label{
	padding-left:20px;
}

#form-page .row .label >*{
	display: inline-block;
	color:#215784;
	line-height:1.2;
	padding: 8px 5px;
	text-shadow: 0 0 3px #fff;
}

#form-page .row .label >* span.note{
	display:block;
	font-size:0.8em;
	color:#5499d2;
}

#form-page input[type=text]{
	padding:0 12px;
	height:36px;
	width:360px;
	max-width:100%;
}

#form-page div.select-box{
	position:relative;
	width:150px;
	overflow-x:hidden;
}

#form-page div.select-box:after{
	font-family: FontAwesome;
	position:absolute;
	display:inline-block;
	content:'\f078';
	top:0;
	right:10px;
	line-height:36px;
	width:20px;
	color: #0093ff;
	pointer-events:none;
	z-index:2;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

#form-page div.select-box:hover:after{
color: #00d8ff;
}

#form-page select{
	height:36px;
	width:180px;
	padding:0 12px;
}

#form-page textarea{
	padding:12px;
	height:120px;
	width:360px;
	max-width:100%;
	resize:none;
}
#form-page input[type=text],
#form-page textarea,
#form-page select{
	border:none;
	color:#6082a1;
	background-color:rgba(255,255,255,0.8);
	box-shadow: inset 0px 2px 2px rgba(15, 74, 116, 0.3);
	-webkit-box-shadow: inset 0px 2px 2px rgba(15, 74, 116, 0.3);	
}

#form-page input[type=file]{
	position:absolute;
	left:0;
	width:0;
	height:0;
	visibility:hidden;
}

#form-page input[type=file] + label{
	position:relative;
	display:inline-block;
	border:2px solid #0093ff;
	color:#0093ff;
	padding:4px 14px 4px 40px;
	margin:10px 0;
	cursor:pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#form-page input[type=file] + label:hover{
	color:#0078d0;
	border-color:#0078d0;
}

#form-page input[type=file] + label:after{
	font-family: FontAwesome;
	position:absolute;
	display:inline-block;
	content:'\f093';
	top:0;
	left:10px;
	line-height:32px;
	width:20px;
	pointer-events:none;
	z-index:2;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

#form-page fieldset{
border: 1px solid #fff;
background-color: rgba(255,255,255,0.3);
}

#form-page fieldset legend{
margin-left: 20px;
padding: 4px;
color: #215784;
}

#form-page fieldset .label{
text-align:right;
}

#form-page fieldset input[type=text]{
	width:180px;
}

#form-page span.currency{
display: inline-block;
line-height: 36px;
margin-left: 6px;
color: #215784;
}

#form-page input[type=checkbox]{
	visibility:hidden;
	height:0;
	width:0;
	position:absolute;
}

#form-page input[type=checkbox] + label{
	position:relative;
	display:block;
	padding-left:30px;
	margin-top: 6px;
	cursor:pointer;
	color:#215784;
}

#form-page div.checkbox input[type=checkbox] + label{
	margin:0 20px;
}

#form-page input[type=checkbox] + label:before,
#form-page input[type=checkbox] + label:after{
	position:absolute;
	display:inline-block;
	content:'';
	left:0;
	top:2px;
	width:18px;
	height:18px;
}

#form-page input[type=checkbox] + label:before{
	border:2px solid #999;
	border-radius:3px;
	z-index:1;
	-webkit-transition: border-color 0.2s linear;
	-moz-transition: border-color 0.2s linear;
	-ms-transition: border-color 0.2s linear;
	-o-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
}

#form-page input[type=checkbox]:checked + label:before{
	border-color: #666;
}

#form-page input[type=checkbox] + label:after{
	content:'\2713\0020';
	top: 1px;
	text-align:center;
	line-height:14px;
	z-index: 2;
	color: #09ad7e;
	font-weight: bold;
	text-shadow: 0 0 1px #fff,0 0 1px #fff,0 0 1px #fff;
	-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
	-webkit-transition: all 0.2s cubic-bezier(1,1.9,.1,1.9);
	-moz-transition: all 0.2s cubic-bezier(1,1.9,.1,1.9);
	-ms-transition: all 0.2s cubic-bezier(1,1.9,.1,1.9);
	-o-transition: all 0.2s cubic-bezier(1,1.9,.1,1.9);
	transition: all 0.2s cubic-bezier(1,1.9,.1,1.9);
}

#form-page input[type=checkbox]:not(:checked) + label:after{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

#form-page input[type=checkbox]:checked + label:after{
top: 1px;
left: 2px;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}

#form-page .row.fail input[type=text],
#form-page .row.fail div.select-box,
#form-page .row.fail textarea{
	border:1px solid #f00;
}

#form-page .row.fail input[type=file] + label{
	color:#f00;
}

#form-page .row.fail input[type=file] + label,
#form-page .row.fail input[type="checkbox"] + label:before{
	border-color:#f00;
}

#form-page div.button{
	padding:20px 10px;
	background-color: rgba(143, 208, 255, 0.5);
}

#form-page div.button button{
	padding:8px 18px;
	font-size:1.6rem;
	color:#fff;
	background-color:#0093ff;
	border:0;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

#form-page div.button button:hover{
	background-color:#0078d0;
}

#form-page div.msg p{
	display:none;
	margin:0;
	text-align:center;
}

#form-page div.msg p.fail{
	color:#f00;
}

#form-page div.msg p.uploaded{
	color:#0abb00;
}

#form-page div.msg.fail p.fail{
	display:block;
}

#form-page div.msg.uploaded p.uploaded{
	display:block;
}

#form-page span.file-size{
display: block;
font-size: 0.8em;
color: #df0000;
margin-top: -5px;
}

/* loading */

div.msg:not(.loading) .lds-dual-ring{
	display:none;
}

@keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes lds-dual-ring {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.msg.loading .lds-dual-ring {
	position: relative;
	left: 50%;
	margin-left: -18px;
}
div.msg.loading .lds-dual-ring div {
  position: absolute;
  width: 140px;
  height: 140px;
  top: 30px;
  left: 30px;
  border-radius: 50%;
  border: 20px solid #000;
  border-color: #0093ff transparent #0093ff transparent;
  -webkit-animation: lds-dual-ring 1s linear infinite;
  animation: lds-dual-ring 1s linear infinite;
}
div.msg.loading .lds-dual-ring {
  width: 35px !important;
  height: 35px !important;
  -webkit-transform: translate(-17.5px, -17.5px) scale(0.175) translate(17.5px, 17.5px);
  transform: translate(-17.5px, -17.5px) scale(0.175) translate(17.5px, 17.5px);
}