/* KinDerKarrier Stylesheet */
/* Neat 1.7.0
 * http://neat.bourbon.io
 * Copyright 2012-2014 thoughtbot, inc.
 * MIT License */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background: 0 0; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

@font-face {
  font-family: 'Comic Sans MS';
  font-style: normal;
  font-weight: bold;
  src: local("Comic Sans MS"), local("Comic Sans MS"), url(./css/1-tools/font/2086.ttf) format("ttf"); }
.gigantic, .huge, .large, .bigger, .big,
h1, h2, h3, h4, h5, h6 {
  color: #07552c;
  font-weight: normal; }

.gigantic {
  font-size: 110px;
  line-height: 1.09;
  letter-spacing: -2px; }

.huge, h1 {
  font-size: 68px;
  line-height: 1.05;
  letter-spacing: -1px; }

.large, h2 {
  font-size: 42px;
  line-height: 1.14; }

.bigger, h3 {
  font-size: 26px;
  line-height: 1.38; }

.big, h4 {
  font-size: 22px;
  line-height: 1.38; }

.small, small {
  font-size: 10px;
  line-height: 1.2; }

p {
  margin: 0 0 20px 0; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0; }

a {
  color: #fff;
  text-decoration: none;
  outline: 0; }

a:hover, a:focus {
  color: white; }

.active {
  color: #fff;
  text-decoration: underline; }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }

* {
  line-height: normal;
  margin: 0;
  padding: 0; }

body {
  background: #FEF4E8;
  color: #07552c;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

.wrapper {
  margin: 0.5em auto;
  position: static;
  width: 980px; }

main {
  background-image: url(../img/empty-page.jpg);
  background-size: cover;
  background-repeat: no-repeat; }

/* Styles for the header section */
header {
  position: static; }
  header img {
    border: none; }
  header nav {
    background-color: #f88233;
    border: 1px solid #e05e06;
    border-radius: 12px 12px 0 0;
    font-family: "Comic Sans MS";
    font-size: 14px;
    height: 34px; }
  header .navbar {
    margin-top: 0;
    text-align: center; }
    header .navbar li {
      display: inline-block; }
      header .navbar li:first-child {
        border-left: 1px solid #e05e06;
        padding: 6px 0; }
    header .navbar a {
      border-right: 1px solid #e05e06;
      padding: 7px 3em;
      text-decoration: none; }

/* Styles for the Home page */
main {
  height: 745px;
  position: relative; }
  main img {
    position: absolute;
    top: 15px;
    left: 0; }
  main .question1 {
    height: auto;
    position: absolute;
    top: 105px;
    right: 0;
    width: 375px; }
    main .question1 img {
      padding-bottom: 15px;
      position: static; }
  main .model {
    position: absolute;
    top: 255px;
    left: 0; }
  main .question2 {
    height: auto;
    position: absolute;
    top: 390px;
    right: 137px;
    width: 375px; }
    main .question2 img {
      padding-bottom: 15px;
      position: static; }
  main .question3 {
    height: auto;
    position: absolute;
    top: 590px;
    right: 137px;
    width: 375px; }
    main .question3 img {
      padding-bottom: 15px;
      position: static; }

/* Styles for About page */
main {
  position: relative; }
  main .fabric {
    position: absolute;
    top: 15px;
    left: 0; }
  main .about {
    position: absolute;
    top: 255px;
    left: 210px; }
  main .content {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
    width: 570px; }
    main .content h4 {
      text-align: center; }

/* Styles for the Contact us form */
form {
  margin: 0 auto;
  padding-top: 1em;
  text-align: center;
  width: 900px; }
  form .line {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5em; }
    form .line:after {
      content: "";
      display: table;
      clear: both; }
    form .line .section {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      form .line .section:last-child {
        margin-right: 0; }
    form .line .section3 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%; }
      form .line .section3:last-child {
        margin-right: 0; }
    form .line .section1 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      form .line .section1:last-child {
        margin-right: 0; }
    form .line .section2 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%; }
      form .line .section2:last-child {
        margin-right: 0; }
    form .line .section4 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 65.8807828007%; }
      form .line .section4:last-child {
        margin-right: 0; }
    form .line #Comments {
      display: block;
      margin: 0 auto; }

/* Styles for the footer section */
footer {
  background-color: #f88233;
  border: 1px solid #e05e06;
  border-radius: 0 0 12px 12px;
  color: #fff;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  font-weight: bold;
  height: 34px;
  position: relative;
  top: 0;
  width: 980px; }
  footer p {
    display: inline-block;
    float: right;
    margin-top: 8px;
    -webkit-transform: translatex(-55%);
    -moz-transform: translatex(-55%);
    -ms-transform: translatex(-55%);
    -o-transform: translatex(-55%);
    transform: translatex(-55%); }
  footer li {
    display: inline-block;
    float: left;
    margin-top: 9px; }
    footer li:first-child {
      border-left: 1px solid #e05e06;
      margin-left: 40px;
      margin-top: -1px;
      padding: 10px; }
  footer a {
    border-right: 1px solid #e05e06;
    padding: 10px 12px 11px 6px;
    text-decoration: none; }
    footer a:hover {
      text-decoration: underline; }