.field, .fbox {

padding: 12px 20px;

font-weight: 500;

font-style: normal;

font-size: 22px;

color: rgba(0,0,0,0.7);

display: block;

}



.field {

height: 54px;

}



.fbox {

height: 300px;

}



.longform, .longred {

width: 100%;

}



.longform {

background-color: rgba(255,255,255,1);

border: 1px solid rgba(0,0,0,1);

}



.longred {

background-color: rgba(209,50,57,1);

border: 1px solid rgba(0,0,0,1);

color: rgba(255,255,255,1);

}



.longform:hover, .longform:focus {

border: 1px solid rgba(0,0,0,1);

}



.longred:hover, .longred:focus {

background-color: rgba(209,50,57,0.5);

}



.longform::-webkit-input-placeholder { color: rgba(0,0,0,0.4); }

.longform::-moz-placeholder { color: rgba(0,0,0,0.4); }

.longform:-ms-input-placeholder { rgba(0,0,0,0.4); }

.longform input:-moz-placeholder { rgba(0,0,0,0.4); }





.longred::-webkit-input-placeholder { color: rgba(255,255,255,0.8); }

.longred::-moz-placeholder { color: rgba(255,255,255,0.8); }

.longred:-ms-input-placeholder { rgba(255,255,255,0.8); }

.longred input:-moz-placeholder { rgba(255,255,255,0.8); }





.button {

width: auto;

padding: 12px;

padding-left: 20px;

padding-right: 20px;

font-weight: 500;

font-style: normal;

font-size: 22px;

color: rgba(0,0,0,0.7);

display: inline-block;

height: 54px;

border: 1px solid rgba(0,0,0,1);

background-color: rgba(255,255,255,1);

}



.button:hover {

color: rgba(209,50,57,1);

}





.fcspan {

display: inline-block;

}



input[type="checkbox"].fcheck, input[type="radio"].fcheck {

    display:none;

}



input[type="checkbox"].fcheck + label span, input[type="radio"].fcheck + label span {

    display:inline-block;

    width:22px;

    height:22px;

	border: 1px solid rgba(0,0,0,1);

	cursor: pointer;

	vertical-align: middle;

	margin-top: -3px;

	background: -1px -1px no-repeat;

	background-color: rgba(255,255,255,1);

}

input[type="checkbox"].fcheck + label span:hover, input[type="radio"].fcheck + label span:hover {

    border: 1px solid rgba(0,0,0,1);

}

input[type="checkbox"].fcheck:checked + label span, input[type="radio"].fcheck:checked + label span {

    background: url(../images/checked.png) -1px -1px no-repeat;

}



label { font-weight: 500; }



.sublabel {

display: block;

color: #999999;

height: 54px;

padding-top: 7px;

}



.fieldmargin {

margin-bottom: 50px;

}



.fieldmtop {

margin-top: 50px;

}



.fieldmright {

margin-right: 26px;

display: inline-block !important;

}



.fieldmr1 {

margin-right: 14px;

display: inline-block !important;

}



@media only screen and (max-width: 1200px) {

.field, .fbox, .button { font-size: 20px; }

}



@media only screen and (max-width: 980px) {

.field, .fbox, .button { font-size: 18px; }

}



@media only screen and (max-width: 870px) {

.field, .fbox, .button { font-size: 16px; }

}



@media only screen and (max-width: 768px) {

.field, .fbox, .button { font-size: 18px; }

}



@media only screen and (max-width: 640px) {

.field, .fbox { font-size: 16px; }

.field, .button { height: 50px; }

.fieldmargin { margin-bottom: 24px; }

.fieldmtop { margin-top: 24px; }

.fieldmright { margin-right: 24px; }	

.fieldmr1 { margin-right: 12px; }

.fbox { height: 260px; }

}



@media only screen and (max-width: 440px) {

.fieldmright { margin-right: 20px; }	

.fieldmr1 { margin-right: 10px; }

}