@import url(base.css);
@import url(animation.css);
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: local("Quicksand Light"), local("Quicksand-Light"), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/qhfoJiLu10kFjChCCTvGlKRDOzjiPcYnFooOUGCOsRk.woff) format("woff"); }

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local("Quicksand Regular"), local("Quicksand-Regular"), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvW7O3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); }

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: local("Quicksand Bold"), local("Quicksand-Bold"), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/32nyIRHyCu6iqEka_hbKsqRDOzjiPcYnFooOUGCOsRk.woff) format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff"); }

a, p, h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizelegibility; }

ul,
li,
p,
a,
h1,
h2,
h3,
h4,
h5 {
  padding: 0;
  margin: 0; }

a {
  color: #000000; }

ul {
  list-style-type: none; }

.cb {
  clear: both;
  width: 100%;
  height: 0; }

html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  background: #000000;
  font-weight: 300; }
  body.fontFixer {
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
  body p,
  body a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8em; }
  body nav a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.0em; }
  body address {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6em; }
  body h1 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 4.0em; }
  body h2 {
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 3.4em; }
  body h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 2.8em; }
  body h4 {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 2.4em; }
  body h5 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.0em; }

.inner {
  padding: 10px; }

#wrapper {
  width: 960px;
  min-height: 500px;
  margin: 0 auto;
  background: #f5f5f5; }
  #wrapper #main-nav,
  #wrapper .seperator {
    float: left;
    width: 100%;
    height: 65px;
    background: #a8111c;
    margin: 15px 0 0 -20px;
    padding: 0 20px; }
    #wrapper #main-nav nav,
    #wrapper .seperator nav {
      width: 100%;
      height: 100%; }
      #wrapper #main-nav nav ul,
      #wrapper .seperator nav ul {
        width: 100%;
        height: 100%; }
        #wrapper #main-nav nav ul li,
        #wrapper .seperator nav ul li {
          float: left;
          padding: 0 10px;
          height: 100%;
          text-align: center;
          position: relative;
          background: #a8111c;
          -webkit-transition: background .5s ease-in-out;
          -moz-transition: background .5s ease-in-out;
          -ms-transition: background .5s ease-in-out;
          -o-transition: background .5s ease-in-out;
          transition: background .5s ease-in-out; }
          #wrapper #main-nav nav ul li.nav-contact,
          #wrapper .seperator nav ul li.nav-contact {
            float: right; }
          #wrapper #main-nav nav ul li.active,
          #wrapper .seperator nav ul li.active {
            background: #c16c72; }
          #wrapper #main-nav nav ul li a,
          #wrapper .seperator nav ul li a {
            display: block;
            color: #ffffff;
            text-decoration: none;
            padding: 15px 0 0 0;
            font-family: 'Quicksand', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
            font-weight: 300; }
            #wrapper #main-nav nav ul li a.fontFixer,
            #wrapper .seperator nav ul li a.fontFixer {
              font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; }
          #wrapper #main-nav nav ul li:hover,
          #wrapper .seperator nav ul li:hover {
            background: #c16c72;
            background: #c16c72;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out; }
  #wrapper .seperator {
    height: 10px; }
  #wrapper header {
    width: 100%;
    height: 180px; }
    #wrapper header #logo {
      float: left;
      margin: 29px 0 0 29px; }
    #wrapper header address {
      float: right;
      font-style: normal;
      text-align: right;
      padding: 62px 29px 0 0;
      font-weight: 400; }
  #wrapper main {
    width: 960px;
    min-height: 700px;
    background: #f5f5f5; }
    #wrapper main p {
      font-weight: 400; }
    #wrapper main.startpage .main-content {
      width: 100%;
      height: 700px;
      position: relative;
      background: transparent url(../img/startpage/startpage-img-bg.png) top left no-repeat;
      float: left;
      overflow: hidden; }
      #wrapper main.startpage .main-content h1 {
        position: absolute;
        top: 40px;
        left: 40px;
        line-height: 1.6em;
        opacity: 0; }
      #wrapper main.startpage .main-content img.ele-1,
      #wrapper main.startpage .main-content img.ele-2 {
        position: absolute;
        bottom: 0; }
      #wrapper main.startpage .main-content img.ele-1 {
        right: -200px;
        opacity: 0;
        z-index: 5; }
        #wrapper main.startpage .main-content img.ele-1.start {
          right: 150px; }
      #wrapper main.startpage .main-content img.ele-2 {
        left: -200px;
        opacity: 0;
        z-index: 6; }
        #wrapper main.startpage .main-content img.ele-2.start {
          left: 150px; }
      #wrapper main.startpage .main-content .start {
        opacity: 1 !important;
        -webkit-transition: all 2s ease-out;
        -moz-transition: all 2s ease-out;
        -ms-transition: all 2s ease-out;
        -o-transition: all 2s ease-out;
        transition: all 2s ease-out; }
    #wrapper main .main-inner {
      padding: 30px; }
      #wrapper main .main-inner.imprint .content-top {
        height: auto !important;
        min-height: 100px !important; }
      #wrapper main .main-inner.contact .content-top {
        height: 348px; }
        #wrapper main .main-inner.contact .content-top .left.img .img-wrapper {
          text-align: right; }
          #wrapper main .main-inner.contact .content-top .left.img .img-wrapper img {
            position: absolute;
            bottom: 0;
            right: 0; }
        #wrapper main .main-inner.contact .content-top .left.description .description-wrapper {
          padding: 0 0 0 0; }
          #wrapper main .main-inner.contact .content-top .left.description .description-wrapper .description-info-box {
            min-height: 230px;
            margin: 0 0 0 0; }
            #wrapper main .main-inner.contact .content-top .left.description .description-wrapper .description-info-box ul {
              min-height: 60px; }
              #wrapper main .main-inner.contact .content-top .left.description .description-wrapper .description-info-box ul.address {
                background: transparent url(../img/infobox/address.png) 15px center no-repeat; }
              #wrapper main .main-inner.contact .content-top .left.description .description-wrapper .description-info-box ul.accessible {
                background: transparent url(../img/infobox/accessible.png) 15px 15px no-repeat;
                min-height: 115px; }
              #wrapper main .main-inner.contact .content-top .left.description .description-wrapper .description-info-box ul.mail {
                background: transparent url(../img/infobox/mail.png) 15px center no-repeat; }
              #wrapper main .main-inner.contact .content-top .left.description .description-wrapper .description-info-box ul li.key p {
                padding: 17px 0 0 60px; }
              #wrapper main .main-inner.contact .content-top .left.description .description-wrapper .description-info-box ul li.val p {
                padding: 17px 0 0 10px; }
      #wrapper main .main-inner .content-top {
        height: 476px;
        width: 100%;
        float: left; }
        #wrapper main .main-inner .content-top.margin-top {
          margin-top: 50px; }
        #wrapper main .main-inner .content-top.full {
          height: auto; }
          #wrapper main .main-inner .content-top.full .img {
            width: 100% !important;
            height: 250px !important;
            margin: 0 0 30px 0; }
          #wrapper main .main-inner .content-top.full .description {
            width: 100% !important; }
            #wrapper main .main-inner .content-top.full .description .description-wrapper {
              padding: 0 0 0 0 !important; }
          #wrapper main .main-inner .content-top.full .val {
            width: 70% !important; }
        #wrapper main .main-inner .content-top .left {
          float: left; }
          #wrapper main .main-inner .content-top .left.img {
            width: 325px;
            height: 100%;
            position: relative;
            overflow: hidden; }
          #wrapper main .main-inner .content-top .left.description {
            width: 575px;
            height: 100%; }
            #wrapper main .main-inner .content-top .left.description.imprint {
              width: 99.8%;
              height: auto;
              min-height: 100px; }
              #wrapper main .main-inner .content-top .left.description.imprint .description-wrapper {
                padding: 0 !important; }
              #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul.minHeight {
                min-height: 115px; }
              #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul.agb {
                min-height: 100px;
                padding: 0 0 20px 0; }
                #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul.agb li h4 {
                  float: left;
                  display: block;
                  width: 80%;
                  clear: both; }
                #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul.agb li p {
                  float: left;
                  width: 95%;
                  clear: both; }
                  #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul.agb li p span:nth-child(1), #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul.agb li p span:nth-child(2) {
                    padding: 0 0 0 0 !important; }
                  #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul.agb li p span.first {
                    display: block;
                    width: 4%;
                    float: left;
                    padding: 10px 0 0 0; }
                  #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul.agb li p span.second {
                    display: block;
                    width: 96%;
                    float: left;
                    padding: 10px 0 0 0; }
              #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul.more {
                min-height: 100px;
                padding: 0 0 20px 0; }
                #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul.more li p {
                  padding: 5px 20px 5px 20px !important; }
                #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul.more li h4 {
                  padding: 20px 0 0 20px !important; }
              #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul li.key p {
                padding: 22px 0 0 20px !important; }
              #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul li.val {
                width: 600px !important; }
              #wrapper main .main-inner .content-top .left.description.imprint .description-info-box ul li a {
                background: none !important;
                padding: 0 !important; }
            #wrapper main .main-inner .content-top .left.description .description-wrapper {
              padding: 0 0 0 30px; }
              #wrapper main .main-inner .content-top .left.description .description-wrapper .description-text h2 {
                font-size: 4.0rem;
                line-height: 1em;
                color: #574b52; }
              #wrapper main .main-inner .content-top .left.description .description-wrapper .description-text h3 {
                font-size: 2.1rem;
                color: #989898;
                line-height: 1.5em;
                padding: 20px 0; }
              #wrapper main .main-inner .content-top .left.description .description-wrapper .description-text ul {
                list-style-type: disc;
                padding: 0 0 0 18px; }
                #wrapper main .main-inner .content-top .left.description .description-wrapper .description-text ul li {
                  font-weight: 400;
                  font-size: 14px;
                  font-size: 1.4rem;
                  line-height: 1.8em; }
              #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box {
                position: relative;
                z-index: 10;
                width: 100%;
                min-height: 140px;
                background: #ffffff;
                border: 1px solid #e0e0e0;
                margin: 30px 0 0 0; }
                #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box.call {
                  text-align: center;
                  min-height: 10px !important; }
                  #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box.call p {
                    padding: 5px 0; }
                #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box.minHeight {
                  min-height: 50px; }
                #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box.hide {
                  height: auto;
                  -webkit-transition: all .5s ease-in-out;
                  -moz-transition: all .5s ease-in-out;
                  -ms-transition: all .5s ease-in-out;
                  -o-transition: all .5s ease-in-out;
                  transition: all .5s ease-in-out; }
                #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box.show {
                  overflow: hidden;
                  height: 528px;
                  -webkit-transition: all .5s ease-out;
                  -moz-transition: all .5s ease-out;
                  -ms-transition: all .5s ease-out;
                  -o-transition: all .5s ease-out;
                  transition: all .5s ease-out; }
                  #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box.show ul#video-wrapper {
                    min-height: 318px;
                    background: #e2e2e2; }
                    #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box.show ul#video-wrapper li iframe {
                      margin: 12px 0 0 12px; }
                #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul {
                  min-height: 70px;
                  min-height: calc(280px / 4); }
                  #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul.desc li.key {
                    background: transparent url(../img/infobox/desc.png) 15px 20px no-repeat; }
                  #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul.video {
                    background: #e2e2e2 url(../img/infobox/video.png) 15px center no-repeat;
                    cursor: pointer;
                    -webkit-transition: all .5s ease-in-out;
                    -moz-transition: all .5s ease-in-out;
                    -ms-transition: all .5s ease-in-out;
                    -o-transition: all .5s ease-in-out;
                    transition: all .5s ease-in-out; }
                    #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul.video:hover {
                      background: #c16c72 url(../img/infobox/video-hover.png) 15px center no-repeat;
                      color: #ffffff;
                      -webkit-transition: all .5s ease-in-out;
                      -moz-transition: all .5s ease-in-out;
                      -ms-transition: all .5s ease-in-out;
                      -o-transition: all .5s ease-in-out;
                      transition: all .5s ease-in-out; }
                    #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul.video.active {
                      background: #c16c72 url(../img/infobox/video-hover.png) 15px center no-repeat;
                      color: #ffffff;
                      -webkit-transition: all .5s ease-in-out;
                      -moz-transition: all .5s ease-in-out;
                      -ms-transition: all .5s ease-in-out;
                      -o-transition: all .5s ease-in-out;
                      transition: all .5s ease-in-out; }
                  #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul.mail li a {
                    display: inline !important;
                    background: none  !important;
                    padding: 0 !important;
                    margin: 0 !important;
                    color: #000000 !important; }
                  #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul.montage {
                    background: transparent url(../img/infobox/montage.png) 15px center no-repeat; }
                  #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul li {
                    float: left; }
                    #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul li.key {
                      width: 180px; }
                      #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul li.key p {
                        padding: 22px 0 0 60px; }
                    #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul li.val {
                      width: 350px; }
                      #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul li.val a {
                        display: inline-block;
                        width: auto;
                        padding: 0 20px 0 0;
                        color: #afafaf; }
                        #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul li.val a.download {
                          background: transparent url(../img/download.png) right center no-repeat; }
                        #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul li.val a:hover {
                          text-decoration: none; }
                    #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul li p {
                      padding: 22px 0 0 10px; }
                      #wrapper main .main-inner .content-top .left.description .description-wrapper .description-info-box ul li p.logo-ico img {
                        width: 170px; }
      #wrapper main .main-inner .content-middel {
        width: 100%;
        margin: 0 0 0 0;
        float: left; }
        #wrapper main .main-inner .content-middel h4,
        #wrapper main .main-inner .content-middel h3 {
          font-size: 36px;
          font-size: 3.6rem;
          line-height: 1em;
          color: #574b52;
          margin: 50px 0 25px 0; }
        #wrapper main .main-inner .content-middel h3 {
          font-size: 24px;
          font-size: 2.4rem; }
        #wrapper main .main-inner .content-middel.carrierFrame ul {
          float: none; }
          #wrapper main .main-inner .content-middel.carrierFrame ul.topproduct {
            float: left; }
            #wrapper main .main-inner .content-middel.carrierFrame ul.topproduct li {
              width: 100%;
              height: auto; }
              #wrapper main .main-inner .content-middel.carrierFrame ul.topproduct li img {
                position: relative; }
              #wrapper main .main-inner .content-middel.carrierFrame ul.topproduct li p {
                padding: 20px; }
        #wrapper main .main-inner .content-middel ul {
          width: 100%;
          margin: 0 0 0 0;
          float: left; }
          #wrapper main .main-inner .content-middel ul li {
            width: 283px;
            width: calc(900px / 3 - 19px);
            height: 174px;
            float: left;
            background: #ffffff;
            border: 1px solid #e0e0e0;
            margin: 0 25px 25px 0;
            overflow: hidden;
            position: relative; }
            #wrapper main .main-inner .content-middel ul li:nth-child(3), #wrapper main .main-inner .content-middel ul li:nth-child(6), #wrapper main .main-inner .content-middel ul li:nth-child(9), #wrapper main .main-inner .content-middel ul li:nth-child(12), #wrapper main .main-inner .content-middel ul li:nth-child(15), #wrapper main .main-inner .content-middel ul li:nth-child(18), #wrapper main .main-inner .content-middel ul li:nth-child(21) {
              margin: 0 0 5px 0; }
            #wrapper main .main-inner .content-middel ul li img {
              position: absolute;
              top: 0px;
              left: 0;
              z-index: 5;
              width: 100%; }
            #wrapper main .main-inner .content-middel ul li span {
              display: block;
              position: absolute;
              bottom: 0;
              left: 0;
              z-index: 10;
              width: 100%;
              height: auto;
              background: #a8111c;
              text-align: center;
              overflow: hidden; }
              #wrapper main .main-inner .content-middel ul li span i {
                display: block;
                padding: 3px 3px 3px 3px;
                color: #ffffff;
                font-size: 12px;
                font-size: 1.2rem;
                font-weight: 400; }
              #wrapper main .main-inner .content-middel ul li span.sheet {
                top: -50px;
                z-index: 15;
                height: 30px;
                padding: 8px 0 0 0;
                background: #a8111c;
                font-style: normal;
                font-size: 14px;
                font-size: 1.4rem;
                color: #ffffff;
                cursor: pointer;
                box-shadow: 0 0 10px #494949;
                -webkit-transition: top 1s ease-in;
                -moz-transition: top 1s ease-in;
                -ms-transition: top 1s ease-in;
                -o-transition: top 1s ease-in;
                transition: top 1s ease-in; }
                #wrapper main .main-inner .content-middel ul li span.sheet a {
                  display: block;
                  color: #ffffff;
                  text-decoration: none;
                  width: 100%;
                  height: 100%; }
              #wrapper main .main-inner .content-middel ul li span.info {
                background: #a8111c url(../img/info-ico.png) 99% 3px no-repeat;
                top: 151px;
                -webkit-transition: all 1s ease-out;
                -moz-transition: all 1s ease-out;
                -ms-transition: all 1s ease-out;
                -o-transition: all 1s ease-out;
                transition: all 1s ease-out; }
            #wrapper main .main-inner .content-middel ul li:hover span.sheet {
              top: 0;
              -webkit-transition: all .1s ease-out;
              -moz-transition: all .1s ease-out;
              -ms-transition: all .1s ease-out;
              -o-transition: all .1s ease-out;
              transition: all 0.1s ease-out; }
            #wrapper main .main-inner .content-middel ul li:hover span.info {
              background-position: 99% -20px;
              top: 58px;
              top: calc(74px + 26px);
              -webkit-transition: all .1s ease-out;
              -moz-transition: all .1s ease-out;
              -ms-transition: all .1s ease-out;
              -o-transition: all .1s ease-out;
              transition: all 0.1s ease-out; }
      #wrapper main .main-inner .content-bottom {
        width: 100%;
        margin: 50px 0 0 0;
        float: left; }
        #wrapper main .main-inner .content-bottom h4 {
          font-size: 36px;
          font-size: 3.6rem;
          line-height: 1em;
          color: #574b52; }
        #wrapper main .main-inner .content-bottom ul {
          width: 100%;
          margin: 25px 0 0 0;
          float: left; }
          #wrapper main .main-inner .content-bottom ul li {
            width: 100%;
            height: auto;
            min-height: 60px;
            float: left;
            background: #ffffff;
            border: 1px solid #e0e0e0;
            margin: 5px 0 0 0; }
            #wrapper main .main-inner .content-bottom ul li.single-img p {
              width: 500px; }
            #wrapper main .main-inner .content-bottom ul li.single-img img {
              float: right;
              padding-bottom: 5px; }
            #wrapper main .main-inner .content-bottom ul li span {
              display: block;
              width: 20px;
              height: 100%;
              float: left; }
              #wrapper main .main-inner .content-bottom ul li span i {
                display: block;
                width: 100%;
                height: 95%;
                margin: 5px;
                background: #afc2e5; }
            #wrapper main .main-inner .content-bottom ul li h3 {
              width: 550px;
              float: left;
              margin: 0 0 0 25px; }
            #wrapper main .main-inner .content-bottom ul li p {
              float: left;
              width: 241px;
              margin: 0 0 0 20px;
              padding: 20px 5px 20px 0; }
            #wrapper main .main-inner .content-bottom ul li img {
              padding: 5px 5px 2px 0; }
            #wrapper main .main-inner .content-bottom ul li a {
              display: inline-block;
              width: auto;
              padding: 0 20px 0 0;
              color: #afafaf;
              background: transparent url(../img/download.png) right center no-repeat; }
  #wrapper ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #989898; }
  #wrapper :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #989898; }
  #wrapper ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #989898; }
  #wrapper :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #989898; }
  #wrapper .contact-form {
    width: 100%;
    margin: 50px 0 0 0;
    float: left; }
    #wrapper .contact-form h4 {
      font-size: 3.6rem;
      line-height: 1em;
      color: #574b52; }
    #wrapper .contact-form form {
      width: 100%;
      float: left; }
      #wrapper .contact-form form .input-wrap {
        width: 100%;
        margin: 20px 0; }
        #wrapper .contact-form form .input-wrap input,
        #wrapper .contact-form form .input-wrap textarea {
          width: 80%;
          padding: 20px;
          font-size: 16px;
          font-size: 1.6rem;
          border: 1px solid #e0e0e0;
          resize: none; }
          #wrapper .contact-form form .input-wrap input[type=submit],
          #wrapper .contact-form form .input-wrap textarea[type=submit] {
            background: #5488c2;
            color: #ffffff; }
        #wrapper .contact-form form .input-wrap.allusion {
          width: 80%; }
          #wrapper .contact-form form .input-wrap.allusion p {
            font-size: 12px;
            font-size: 1.2rem;
            color: #494949; }
        #wrapper .contact-form form .input-wrap.checkbox {
          float: left;
          margin: 0 0 20px 0; }
          #wrapper .contact-form form .input-wrap.checkbox .checkbox-description {
            width: 25%;
            float: left;
            margin: 0 0 0 20px; }
            #wrapper .contact-form form .input-wrap.checkbox .checkbox-description p {
              color: #989898;
              font-size: 16px; }
          #wrapper .contact-form form .input-wrap.checkbox .checkboxes {
            width: 50%;
            float: left; }
            #wrapper .contact-form form .input-wrap.checkbox .checkboxes .checkbox-wrap {
              width: 60%;
              float: left; }
              #wrapper .contact-form form .input-wrap.checkbox .checkboxes .checkbox-wrap input[type=checkbox] {
                width: auto;
                margin: 7px 0;
                cursor: pointer;
                padding: 0; }
              #wrapper .contact-form form .input-wrap.checkbox .checkboxes .checkbox-wrap label {
                font-size: 16px;
                font-size: 1.6rem;
                cursor: pointer;
                padding: 0 0 0 20px; }
  #wrapper footer {
    float: left;
    width: 100%;
    margin-top: 15px;
    height: 250px;
    background: #a8111c;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a8111c 0%, #a30008 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8111c), color-stop(100%, #a30008));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a8111c 0%, #a30008 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a8111c 0%, #a30008 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a8111c 0%, #a30008 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #a8111c 0%, #a30008 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8111c', endColorstr='#a30008',GradientType=0 );
    /* IE6-9 */ }
    #wrapper footer ul {
      width: 33.3333%;
      width: calc(100% / 3);
      height: 100%;
      float: left; }
      #wrapper footer ul li:first-child {
        margin: 25px 0 0 0; }
      #wrapper footer ul li a, #wrapper footer ul li p {
        color: #ffffff;
        text-decoration: none;
        font-weight: 300;
        -webkit-transition: color .5s ease-out;
        -moz-transition: color .5s ease-out;
        -ms-transition: color .5s ease-out;
        -o-transition: color .5s ease-out;
        transition: color .5s ease-out; }
      #wrapper footer ul li.active a {
        color: #c16c72; }
      #wrapper footer ul li a:hover {
        color: #c16c72;
        -webkit-transition: all .5s ease-in;
        -moz-transition: all .5s ease-in;
        -ms-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        transition: all .5s ease-in; }
    #wrapper footer ul.left li a {
      padding: 0 0 0 30px; }
    #wrapper footer ul.center li a img {
      margin-top: 66px; }
    #wrapper footer ul.right {
      text-align: right; }
      #wrapper footer ul.right li p {
        padding: 0 30px 0 0; }
  #wrapper .copyright {
    width: 100%;
    text-align: center;
    float: left; }
    #wrapper .copyright p {
      font-size: 10px;
      font-size: 1.0em;
      color: #ffffff;
      padding: 10px; }

#overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.3); }

#feedback {
  position: relative;
  width: 500px;
  margin: 100px auto;
  z-index: 99;
  border: 1px solid #222; }

#feedback p {
  color: #fff;
  text-align: center;
  padding: 20px 0;
  font-family: trebuchet, sans-serif; }

#feedback.success {
  background: #2d99d7;
  /*blue*/ }

#feedback.fail {
  background: #d95353;
  /*red*/ }