@charset "utf-8";
/* CSS Document */

#contact {
  width: 100%;
}
.half {
	width: 50%;
}
.full {
	width: 100%;
  display: block;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.clear {
  clear: both;
}
.e-mail-url {
  position:absolute;
  left:-9999px;
  top: -9999px;
}
.foot-note {
  text-align: center;
}
#cptfix {
  width: 30%;
  float: left;
}
#cptfix-field {
  margin: 0 0 0 2%;
  width: 67%;
  float: right;
  min-height: 32px;
}
.box-field {
  margin: 0 0 2% 0;
  overflow: hidden;
}
textarea {
  resize:vertical;
  min-height: 70px;
}
textarea, input {
  padding: 5px 10px;
}
textarea, input, #cptfix {
  box-sizing: border-box;
}
.send-submit {
  color: #fff;
  background: #003688;
  cursor: pointer;
  padding: 10px 20px;
  width: 100%;
  border: 0;
	-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.send-submit:hover {
	background: #014FC5;
}
input:focus, textarea:focus, keygen:focus, select:focus {
  outline-offset: 0;
}
label {
  margin: 0 0 2px 0;
}

.error {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border: 1px solid #DE0000;
}
.error:focus {
  border: 1px solid #DE0000;
}
.valid {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border: 1px solid #017301;
}
label.error {
  display: none!important;
}
@media screen and (max-width: 640px) {
    #cptfix {
      width: 100%;
    }
    #cptfix-field {
        width: 100%;
        margin: 2% 0 0 0;
    }
}
</style>