@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/* line 22, ../src/styles.scss */
body {
  color: #666;
}

/* line 26, ../src/styles.scss */
#header {
  background-color: #0072ce;
  color: white;
}
/* line 29, ../src/styles.scss */
#header h1 {
  font-size: 3em;
  padding-top: 1em;
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  text-align: left;
}
/* line 41, ../src/styles.scss */
#header p {
  font-size: .9em;
  font-family: "Open Sans", sans-serif;
}

/* line 47, ../src/styles.scss */
ul {
  list-style: none;
  margin: 0;
}

/* line 52, ../src/styles.scss */
#sum-navi {
  display: block;
  position: relative;
  text-align: left;
  padding: 0;
}
/* line 57, ../src/styles.scss */
#sum-navi li {
  float: left;
  position: relative;
  display: inline-block;
  background-color: #c7e6fe;
  width: 90px;
  height: 50px;
  margin-left: 2px;
  margin-right: 2px;
  overflow: hidden;
}
/* line 68, ../src/styles.scss */
#sum-navi li a {
  display: block;
  position: relative;
  color: white;
  text-align: center;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 1em;
  line-height: 3.3em;
  text-decoration: none;
  max-width: 100%;
  max-height: 100%;
}

/* line 86, ../src/styles.scss */
.hide {
  display: none;
}

/* line 90, ../src/styles.scss */
.selected-sum {
  background-color: #0072ce;
}

/* line 94, ../src/styles.scss */
.selected-sum-orange {
  background-color: #00843d;
}

/* line 98, ../src/styles.scss */
.form-content {
  width: 640px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  text-align: left;
}

/* line 107, ../src/styles.scss */
.h3 {
  font-size: 1.5em;
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
  color: #0072ce;
  text-align: left;
}

/* line 116, ../src/styles.scss */
.form-input {
  color: #0073cf;
  background-color: #d8eaf9 !important;
  border: 0 none !important;
  border-left: 3px solid #c7e6fe !important;
  border-radius: 0;
}

/* line 125, ../src/styles.scss */
.bg-blue {
  background-color: #0072ce;
}

/* line 129, ../src/styles.scss */
.bg-white {
  background-color: white;
}

/* line 133, ../src/styles.scss */
.bg-light-blue {
  background-color: #58cae7;
}

/* line 137, ../src/styles.scss */
.bg-gray-2 {
  background-color: #f6fbff;
}

/* line 141, ../src/styles.scss */
.bg-blue-1 {
  background-color: #eef7ff;
}

/* line 145, ../src/styles.scss */
.bg-gray-3 {
  background-color: #58cae7;
}

/* line 149, ../src/styles.scss */
.bg-green {
  background-color: #00843d;
}

/* line 153, ../src/styles.scss */
.bg-red {
  background-color: #d22630;
}

/* line 158, ../src/styles.scss */
#sum-extra {
  display: inline-block;
}

/* line 163, ../src/styles.scss */
#input-sum {
  max-width: 4em;
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: center;
  font-size: 1.35em;
}

/* line 170, ../src/styles.scss */
#sum-descripton {
  position: absolute;
  left: 9.5em;
  top: 1.1em;
  font-size: 12px;
  font-style: italic;
}

/* line 178, ../src/styles.scss */
#dob-descripton {
  font-size: 10px;
  font-style: italic;
}

/* line 183, ../src/styles.scss */
#dob-help {
  position: absolute;
  top: .5em;
  left: 9.5em;
}

/* line 189, ../src/styles.scss */
#input-phone {
  max-width: 160px;
}

/* line 193, ../src/styles.scss */
#input-name {
  max-width: 220px;
}

/* line 197, ../src/styles.scss */
#input-family {
  max-width: 300px;
}

/* line 201, ../src/styles.scss */
#input-email {
  max-width: 340px;
}

/* line 205, ../src/styles.scss */
#input-address {
  max-width: 340px;
}

/* line 209, ../src/styles.scss */
#input-po {
  max-width: 5em;
}

/* line 213, ../src/styles.scss */
#input-dob {
  max-width: 8em;
}

/* line 217, ../src/styles.scss */
#input-city {
  max-width: 300px;
}

/* line 222, ../src/styles.scss */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 227, ../src/styles.scss */
button {
  background-color: #0072ce;
  border: 0;
  color: white;
  text-align: center;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 1em;
  line-height: 2.5em;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: .15em;
  padding-bottom: .15em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  cursor: pointer;
}

/* line 245, ../src/styles.scss */
.form-error {
  color: red;
}

/* line 249, ../src/styles.scss */
.has-error {
  border-style: 1px red;
}

/* line 254, ../src/styles.scss */
.form-header {
  color: white;
  font-size: .75em;
}

/* line 259, ../src/styles.scss */
hr {
  height: 1px;
  color: #d8eaf9;
  background-color: #d8eaf9;
  border: none;
}

/* line 266, ../src/styles.scss */
.col-form-label {
  font-size: .75em;
  text-align: left;
}

/* line 271, ../src/styles.scss */
.form-check-label {
  font-size: .65em;
  text-align: left;
}

/* line 276, ../src/styles.scss */
.form-check-input {
  background-color: #0072ce;
}

/* line 280, ../src/styles.scss */
.checkbox-custom {
  background-color: #0072ce;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  text-decoration: none;
  color: white;
  padding-left: .25em;
  position: absolute;
}

/* line 292, ../src/styles.scss */
.check-container {
  display: block;
  position: relative;
}
/* line 295, ../src/styles.scss */
.check-container a:hover {
  color: white;
}

/* line 300, ../src/styles.scss */
.checkbox-custom-label {
  display: inline-block;
  font-size: 12px;
  padding-left: 3em;
}

/* line 307, ../src/styles.scss */
.form-control::-webkit-input-placeholder {
  color: #9fcce7;
  font-style: italic;
  font-weight: 100;
  font-size: .75em;
}

/* WebKit, Blink, Edge */
/* line 308, ../src/styles.scss */
.form-control:-moz-placeholder {
  color: #9fcce7;
  font-style: italic;
  font-weight: 100;
}

/* Mozilla Firefox 4 to 18 */
/* line 309, ../src/styles.scss */
.form-control::-moz-placeholder {
  color: #9fcce7;
  font-style: italic;
  font-weight: 100;
}

/* Mozilla Firefox 19+ */
/* line 310, ../src/styles.scss */
.form-control:-ms-input-placeholder {
  color: #9fcce7;
  font-style: italic;
  font-weight: 100;
}

/* Internet Explorer 10-11 */
/* line 311, ../src/styles.scss */
.form-control::-ms-input-placeholder {
  color: #9fcce7;
  font-style: italic;
  font-weight: 100;
}

/* Microsoft Edge */
/* line 313, ../src/styles.scss */
form label {
  color: #333;
  font-size: 12px;
}

/* line 319, ../src/styles.scss */
input[type="checkbox"], input[type="radio"] {
  position: absolute;
  right: 9000px;
}

/*Check box*/
/* line 325, ../src/styles.scss */
input[type="checkbox"] + .label-text:before {
  content: "\f00c";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.5em;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  width: 1.5em;
  padding-left: .25em;
  display: inline-block;
  margin-right: 5px;
  color: #0072ce;
  background-color: #0072ce;
  cursor: pointer;
}

/* line 346, ../src/styles.scss */
input[type="checkbox"]:checked + .label-text:before {
  color: white;
  animation: effect 250ms ease-in;
}

/* line 352, ../src/styles.scss */
input[type="checkbox"]:disabled + .label-text {
  color: white;
  background-color: #0072ce;
}

/* line 358, ../src/styles.scss */
input[type="checkbox"]:disabled + .label-text:before {
  color: white;
  background-color: #0072ce;
}

/* line 364, ../src/styles.scss */
input[type='number'] {
  -moz-appearance: textfield;
  /*For FireFox*/
}
/* line 367, ../src/styles.scss */
input[type='number']::-webkit-inner-spin-button {
  /*For Webkits like Chrome and Safari*/
  -webkit-appearance: none;
  margin: 0;
}

/* line 374, ../src/styles.scss */
#dob-help-modal {
  position: fixed;
  z-index: 999;
  background-color: #0072ce;
  display: none;
  padding: 1em;
  width: 300px;
  color: white;
}
/* line 382, ../src/styles.scss */
#dob-help-modal a {
  position: relative;
  display: block;
  float: right;
  color: white;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 1em;
  line-height: 1em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
/* line 394, ../src/styles.scss */
#dob-help-modal small {
  display: block;
  position: relative;
  margin-top: 1em;
}