/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 1, ../modules/_index.scss */
body {
  font-family: Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
}
/* line 6, ../modules/_index.scss */
body #container {
  margin: 0 auto;
  max-width: 1106px;
  padding: 0 47px;
}
@media (max-width: 900px) {
  /* line 6, ../modules/_index.scss */
  body #container {
    padding: 0 25px;
  }
}
/* line 15, ../modules/_index.scss */
body #container #content {
  padding-bottom: 80px;
}
@media (max-width: 900px) {
  /* line 15, ../modules/_index.scss */
  body #container #content {
    padding-bottom: 20%;
  }
}
/* line 22, ../modules/_index.scss */
body #container #content .headline {
  text-align: center;
  padding: 50px 0;
}
/* line 26, ../modules/_index.scss */
body #container #content .headline img {
  width: 100%;
  max-width: 1105px;
}
@media (max-width: 900px) {
  /* line 22, ../modules/_index.scss */
  body #container #content .headline {
    padding: 10% 0;
  }
}
/* line 38, ../modules/_index.scss */
body #container #content #intro .text-container {
  float: left;
  width: 50%;
}
/* line 42, ../modules/_index.scss */
body #container #content #intro .text-container .txt {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  padding: 0 10% 35px 0;
}
/* line 48, ../modules/_index.scss */
body #container #content #intro .text-container .txt h1 {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  margin: 0 0 10px 0;
}
/* line 55, ../modules/_index.scss */
body #container #content #intro .text-container .txt a {
  font-weight: bold;
}
/* line 63, ../modules/_index.scss */
body #container #content #intro .text-container .link a {
  padding: 14px 18px;
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  background-color: #cccccc;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
}
@media (max-width: 900px) {
  /* line 38, ../modules/_index.scss */
  body #container #content #intro .text-container {
    float: none;
    width: 100%;
  }
  /* line 79, ../modules/_index.scss */
  body #container #content #intro .text-container .txt {
    padding-right: 0;
  }
  /* line 83, ../modules/_index.scss */
  body #container #content #intro .text-container .link {
    padding-bottom: 45px;
  }
}
/* line 89, ../modules/_index.scss */
body #container #content #intro .image-container {
  width: 50%;
  float: left;
}
/* line 93, ../modules/_index.scss */
body #container #content #intro .image-container .video-box-big {
  cursor: pointer;
  padding-bottom: 20px;
}
/* line 97, ../modules/_index.scss */
body #container #content #intro .image-container .video-box-big .video-big {
  padding-bottom: 5px;
  width: 100%;
  border: none;
  outline: none;
}
/* line 104, ../modules/_index.scss */
body #container #content #intro .image-container .video-box-big label {
  cursor: pointer;
  font-size: 15px;
  color: #000000;
  background-image: url("../../images/link-arrow.png");
  background-repeat: no-repeat;
  background-size: 7px;
  background-position: center right;
  padding-right: 14px;
  text-decoration: none;
}
@media (max-width: 660px) {
  /* line 104, ../modules/_index.scss */
  body #container #content #intro .image-container .video-box-big label {
    font-size: 14px;
  }
}
/* line 121, ../modules/_index.scss */
body #container #content #intro .image-container .slider-box {
  cursor: pointer;
}
/* line 124, ../modules/_index.scss */
body #container #content #intro .image-container .slider-box a {
  text-decoration: none;
}
/* line 128, ../modules/_index.scss */
body #container #content #intro .image-container .slider-box a .teaser-image {
  width: 100%;
  padding-bottom: 5px;
}
/* line 133, ../modules/_index.scss */
body #container #content #intro .image-container .slider-box a label {
  cursor: pointer;
  font-size: 15px;
  color: #000000;
  background-image: url("../../images/link-arrow.png");
  background-repeat: no-repeat;
  background-size: 7px;
  background-position: center right;
  padding-right: 14px;
  text-decoration: none;
}
@media (max-width: 660px) {
  /* line 133, ../modules/_index.scss */
  body #container #content #intro .image-container .slider-box a label {
    font-size: 14px;
  }
}
@media (max-width: 900px) {
  /* line 89, ../modules/_index.scss */
  body #container #content #intro .image-container {
    width: 100%;
    float: none;
  }
  /* line 157, ../modules/_index.scss */
  body #container #content #intro .image-container .video-box-big {
    padding-bottom: 20px;
  }
}
/* line 169, ../modules/_index.scss */
body #container #content #box-wrapper {
  padding-top: 50px;
}
/* line 196, ../modules/_index.scss */
body #container #content #box-wrapper .box {
  float: left;
  width: 49%;
  height: auto;
}
/* line 200, ../modules/_index.scss */
body #container #content #box-wrapper .box.padding {
  padding-right: 2%;
}
/* line 203, ../modules/_index.scss */
body #container #content #box-wrapper .box a {
  color: #000000;
  text-decoration: none;
}
/* line 207, ../modules/_index.scss */
body #container #content #box-wrapper .box a img {
  padding-bottom: 5px;
  width: 100%;
}
/* line 212, ../modules/_index.scss */
body #container #content #box-wrapper .box a label {
  cursor: pointer;
  font-size: 15px;
  color: #797979;
}
@media (max-width: 660px) {
  /* line 222, ../modules/_index.scss */
  body #container #content #box-wrapper .video-box, body #container #content #box-wrapper .box {
    max-width: 100%;
    float: none;
    padding-right: 0;
  }
  /* line 229, ../modules/_index.scss */
  body #container #content #box-wrapper .video-box {
    padding-bottom: 25px;
  }
  /* line 232, ../modules/_index.scss */
  body #container #content #box-wrapper .video-box video {
    max-width: 100%;
  }
  /* line 239, ../modules/_index.scss */
  body #container #content #box-wrapper .box a img {
    max-width: 100%;
  }
}
/* line 248, ../modules/_index.scss */
body #container #content .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: inline-block;
  top: 0px;
  left: 0px;
  cursor: pointer;
}
/* line 258, ../modules/_index.scss */
body #container #content .overlay .center {
  position: absolute;
  height: 48px;
  width: 48px;
  overflow: hidden;
  top: 50%;
  left: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 48px;
}
/* line 275, ../modules/_index.scss */
body #container #content .overlay:hover .center {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
/* line 283, ../modules/_index.scss */
body #container #content .clear {
  clear: both;
}

/* line 365, ../modules/_index.scss */
.clearfix {
  clear: both;
}