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

/* line 28, ../src/styles.scss */
.h2 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 1.5em;
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

/* line 37, ../src/styles.scss */
.strong {
  font-family: 'Open Sans Condensed', sans-serif;
}

/* line 41, ../src/styles.scss */
.carousel-navi {
  color: #9CC8EB;
  margin-left: auto;
  margin-right: auto;
}
/* line 45, ../src/styles.scss */
.carousel-navi .a {
  display: inline-block;
  font-family: 'Open Sans Condensed', sans-serif;
  text-decoration: none;
  color: #9CC8EB;
}
/* line 52, ../src/styles.scss */
.carousel-navi .active {
  font-family: 'Open Sans Condensed', sans-serif;
  text-decoration: none;
  color: #ef008c;
}

/* line 61, ../src/styles.scss */
.p {
  font-size: .8em;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  text-align: center;
}

/* line 68, ../src/styles.scss */
.magenta {
  color: #ef008c;
}

/* line 72, ../src/styles.scss */
.red {
  color: #D02A34;
}

/* line 76, ../src/styles.scss */
.light-red {
  color: #F0A6A9;
}

/* line 80, ../src/styles.scss */
.blue {
  color: #0072ce;
}

/* line 84, ../src/styles.scss */
.ecard {
  background: url("../img/card-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
/* line 89, ../src/styles.scss */
.ecard p {
  font-family: 'Open Sans Condensed', sans-serif;
}
/* line 93, ../src/styles.scss */
.ecard h3 {
  color: #D02A34;
}
/* line 97, ../src/styles.scss */
.ecard .ecard-image {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  min-height: 200px;
}
/* line 103, ../src/styles.scss */
.ecard .ecard-image img {
  max-width: 75%;
}

/* line 109, ../src/styles.scss */
.card {
  display: block;
  color: #ef008c;
  overflow: hidden;
}
/* line 114, ../src/styles.scss */
.card .h3 {
  font-size: 1.5em;
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
  display: block;
  position: relative;
  text-align: center;
  color: #ef008c;
}
/* line 123, ../src/styles.scss */
.card .p {
  font-size: .75em;
  text-align: center;
  color: darkslategray;
}
/* line 128, ../src/styles.scss */
.card .h4 {
  font-size: .75em;
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: none;
  display: block;
  position: relative;
  text-align: center;
  color: #ef008c;
}

/* line 139, ../src/styles.scss */
.card-image {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("../img/teema1.png");
  background-size: cover;
  min-height: 300px;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 155, ../src/styles.scss */
.card-image2 {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("../img/teema2.png");
  background-size: cover;
  min-height: 300px;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 171, ../src/styles.scss */
.card-image3 {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("../img/teema3.png");
  background-size: cover;
  min-height: 300px;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 187, ../src/styles.scss */
.materials {
  min-height: 240px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

/* line 195, ../src/styles.scss */
.material-img {
  display: inline-block;
  height: 100%;
  max-height: 240px;
}

/* line 201, ../src/styles.scss */
#header {
  background-color: #0072ce;
  color: white;
  background: url("../img/hero-image.png");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  min-height: 350px;
}
/* line 209, ../src/styles.scss */
#header h1 {
  font-size: 2.5em;
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  text-align: left;
}
/* line 220, ../src/styles.scss */
#header p {
  font-size: .9em;
  font-family: "Open Sans", sans-serif;
  text-align: left;
}

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

/* line 232, ../src/styles.scss */
#sum-navi {
  display: block;
  position: relative;
  text-align: left;
  padding: 0;
}
/* line 237, ../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 248, ../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 266, ../src/styles.scss */
.hide {
  display: none;
}

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

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

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

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

/* line 295, ../src/styles.scss */
.h3-magenta {
  font-size: 1.5em;
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
  color: #ef008c;
  text-align: center;
}

/* line 305, ../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 314, ../src/styles.scss */
.bg-blue {
  background-color: #0072ce;
}

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

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

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

/* line 330, ../src/styles.scss */
.bg-magenta-1 {
  background-color: #fef1f8;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 424, ../src/styles.scss */
button {
  background-color: #ef008c;
  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 442, ../src/styles.scss */
.form-error {
  color: red;
}

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

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

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

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

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

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

/* line 477, ../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 489, ../src/styles.scss */
.check-container {
  display: block;
  position: relative;
}
/* line 492, ../src/styles.scss */
.check-container a:hover {
  color: white;
}

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

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

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

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

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

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

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

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

/*Check box*/
/* line 524, ../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 545, ../src/styles.scss */
input[type="checkbox"]:checked + .label-text:before {
  color: white;
  animation: effect 250ms ease-in;
}

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

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

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

/* line 573, ../src/styles.scss */
#dob-help-modal {
  position: fixed;
  z-index: 999;
  background-color: #0072ce;
  display: none;
  padding: 1em;
  width: 300px;
  color: white;
}
/* line 581, ../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 593, ../src/styles.scss */
#dob-help-modal small {
  display: block;
  position: relative;
  margin-top: 1em;
}

/* line 601, ../src/styles.scss */
[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

/* line 607, ../src/styles.scss */
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

/* line 616, ../src/styles.scss */
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #0072ce;
  border-radius: 100%;
  background: #fff;
}

/* line 628, ../src/styles.scss */
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #0072ce;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* line 640, ../src/styles.scss */
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* line 645, ../src/styles.scss */
[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}