/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import url(http://fonts.googleapis.com/css?family=Karla);
html {
  font-family: 'Roboto Slab', serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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-color: transparent; }

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

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

b, strong {
  font-weight: 700;
  color: #FFFFFF; }

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: 'Roboto Slab', serif;
  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; }

/**
 * slippry v1.2.1 - Simple responsive content slider
 * http://slippry.com
 *
 * Author(s): Lukas Jakob Hafner - @saftsaak
 *            Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2013, booncon oy - http://booncon.com
 *
 * Thanks @ http://bxslider.com for the inspiration!
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
/* -------------------------- MIXINS ---------------------------------- */
/* -------------------------- END MIXINS ---------------------------------- */
/* kenBurns animations, very basic */
@-webkit-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-moz-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-ms-keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@keyframes left-right {
  0% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); }

  100% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); } }
@-webkit-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@-moz-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@-ms-keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
@keyframes right-left {
  0% {
    -webkit-transform: translateY(0%) translateX(10%);
    -moz-transform: translateY(0%) translateX(10%);
    -ms-transform: translateY(0%) translateX(10%);
    -o-transform: translateY(0%) translateX(10%);
    transform: translateY(0%) translateX(10%); }

  100% {
    -webkit-transform: translateY(-20%) translateX(-10%);
    -moz-transform: translateY(-20%) translateX(-10%);
    -ms-transform: translateY(-20%) translateX(-10%);
    -o-transform: translateY(-20%) translateX(-10%);
    transform: translateY(-20%) translateX(-10%); } }
/* added to the original element calling slippry */
.sy-box.sy-loading {
  background: url(../img/sy-loader.gif) 50% 50% no-repeat;
  -webkit-background-size: 32px;
  -moz-background-size: 32px;
  -o-background-size: 32px;
  background-size: 32px;
  min-height: 40px; }

.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
  visibility: hidden; }

/* element that wraps the slides */
.sy-slides-wrap {
  position: relative;
  height: 100%;
  width: 100%; }

.sy-slides-wrap:hover .sy-controls {
  display: block; }

/* element that crops the visible area to the slides */
.sy-slides-crop {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden; }

/* list containing the slides */
.sy-list {
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute; }

.sy-list.horizontal {
  -webkit-transition: left ease;
  -moz-transition: left ease;
  -o-transition: left ease;
  transition: left ease; }

.sy-list.vertical {
  -webkit-transition: top ease;
  -moz-transition: top ease;
  -o-transition: top ease;
  transition: top ease; }

/* single slide */
.sy-slide {
  position: absolute;
  width: 100%;
  z-index: 2; }

.sy-slide.kenburns {
  width: 140%;
  left: -20%; }

.sy-slide.kenburns.useCSS {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
  -webkit-animation-name: left-right;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: left-right;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: left-right;
  -o-animation-fill-mode: forwards;
  animation-name: left-right;
  animation-fill-mode: forwards; }

.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
  -webkit-animation-name: right-left;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: right-left;
  -moz-animation-fill-mode: forwards;
  -o-animation-name: right-left;
  -o-animation-fill-mode: forwards;
  animation-name: right-left;
  animation-fill-mode: forwards; }

.sy-slide.sy-active {
  z-index: 3; }

.sy-slide > a {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%; }

.sy-slide > a > img {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: 0; }

/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
.sy-controls {
  display: none;
  list-style: none;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  margin: 0; }

.sy-controls li {
  position: absolute;
  width: 10%;
  min-width: 4.2em;
  height: 100%;
  z-index: 33; }

.sy-controls li.sy-prev {
  left: 0;
  top: 0; }

.sy-controls li.sy-prev a:after {
  background-position: -5% 0; }

.sy-controls li.sy-next {
  right: 0;
  top: 0; }

.sy-controls li.sy-next a:after {
  background-position: 105% 0; }

.sy-controls li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px; }

.sy-controls li a:link, .sy-controls li a:visited {
  opacity: 0.4; }

.sy-controls li a:hover, .sy-controls li a:focus {
  opacity: 0.8;
  outline: none; }

.sy-controls li a:after {
  content: "";
  background-image: url(../img/arrows.svg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  text-indent: 0;
  line-height: 2.8em;
  color: #111;
  font-weight: 800;
  position: absolute;
  background-color: #fff;
  width: 2.8em;
  height: 2.8em;
  left: 50%;
  top: 50%;
  margin-top: -1.4em;
  margin-left: -1.4em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

@media only screen and (max-device-width: 600px) {
  .sy-controls {
    display: block; }

  .sy-controls li {
    min-width: 2.1em; }

  .sy-controls li a:after {
    width: 1.4em;
    height: 1.4em;
    margin-top: -0.7em;
    margin-left: -0.7em; } }
/* captions, styled fo the overlay variant */
.sy-caption-wrap {
  position: absolute;
  bottom: 2em;
  z-index: 12;
  left: 50%; }

.sy-caption-wrap .sy-caption {
  position: relative;
  left: -50%;
  background-color: rgba(0, 0, 0, 0.54);
  color: #fff;
  padding: 0.4em 1em;
  -webkit-border-radius: 1.2em;
  -moz-border-radius: 1.2em;
  -ms-border-radius: 1.2em;
  -o-border-radius: 1.2em;
  border-radius: 1.2em; }

.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
  color: #e24b70;
  font-weight: 600;
  text-decoration: none; }

.sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
  text-decoration: underline; }

@media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
  .sy-caption-wrap {
    left: 0;
    bottom: 0.4em; }

  .sy-caption-wrap .sy-caption {
    left: 0;
    padding: 0.2em 0.4em;
    font-size: 0.92em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; } }
/* pager bubbles */
.sy-pager {
  overflow: hidden;
  *zoom: 1;
  display: block;
  width: 100%;
  margin: 1em 0 0;
  padding: 0;
  list-style: none;
  text-align: center; }

.sy-pager li {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin: 0 1em 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.sy-pager li.sy-active a {
  background-color: #e24b70; }

.sy-pager li a {
  width: 100%;
  height: 100%;
  display: block;
  background-color: #cccccc;
  text-indent: -9999px;
  -webkit-background-size: 2em;
  -moz-background-size: 2em;
  -o-background-size: 2em;
  background-size: 2em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.sy-pager li a:link, .sy-pager li a:visited {
  opacity: 1.0; }

.sy-pager li a:hover, .sy-pager li a:focus {
  opacity: 0.6; }

/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
.sy-filler {
  width: 100%; }

.sy-filler.ready {
  -webkit-transition: padding 600ms ease;
  -moz-transition: padding 600ms ease;
  -o-transition: padding 600ms ease;
  transition: padding 600ms ease; }

/* Default values for boilerplate, change them for new client */
/*****************
Color Palette
*****************/
/*****************
Fonts
*****************/
/*****************
Fontello's Entypo default icon font set (custom)
*****************/
@font-face {
  font-family: 'boilerplate';
  src: url("../font/boilerplate.eot?74361915");
  src: url("../font/boilerplate.eot?74361915#iefix") format("embedded-opentype"), url("../font/boilerplate.woff?74361915") format("woff"), url("../font/boilerplate.ttf?74361915") format("truetype"), url("../font/boilerplate.svg?74361915#boilerplate") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before, .icon-home:after {
  font-family: "boilerplate";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-phone:before {
  content: '\e800'; }

.icon-mail:before {
  content: '\e801'; }

.icon-location:before {
  content: '\e802'; }

.icon-fax:before {
  content: '\e803'; }

.icon-user:before {
  content: '\e804'; }

.icon-comment:before {
  content: '\e805'; }

.icon-facebook-circled:before {
  content: '\e806'; }

.icon-twitter-circled:before {
  content: '\e807'; }

.icon-linkedin-circled:before {
  content: '\e808'; }

.icon-gplus-circled:before {
  content: '\e809'; }

.icon-home:before {
  content: '\e80a'; }

.icon-cancel:before {
  content: '\e80b'; }

.icon-check:before {
  content: '\e80c'; }

.icon-menu:before {
  content: '\e80d'; }

.icon-pencil:before {
  content: '\e80e'; }

.icon-attention:before {
  content: '\e80f'; }

/*****************
Utilities
*****************/
.ir {
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.hidden {
  display: none; }

.inline-block, .icon, .contact .separator > p > span::before, .selling_points > .wrapper > div, nav .selling_points > ul > div, .contact form {
  display: inline-block;
  vertical-align: top; }

.wrapper, nav ul {
  width: 90%;
  max-width: 1280px;
  display: block;
  margin: 0 auto;
  position: relative; }

.button, .contact form input[type='submit'] {
  background-color: #F2F2F2;
  color: #000;
  border: 1px solid #6d6e71;
  padding: 0.5em 0.75em;
  border-radius: 0.4em;
  text-align: center;
  display: inline-block; }
  .button:hover, .contact form input[type='submit']:hover, .button:active, .contact form input[type='submit']:active {
    color: #FFF;
    background-color: #960000; }

.lighter {
  color: #c1d98b !important; }

.icon, .contact .separator > p > span::before {
  position: absolute;
  left: -1.5em;
  font-size: 125%;
  cursor: default; }

/*****************
Fontello overwrite
*****************/
.icon-location:before {
  font-size: 175% !important;
  left: -1.25em !important;
  top: 0.2em !important; }

.icon-home:before {
  content: '';
  margin: 0; }

.icon-home:after {
  content: '\e80a'; }

/*****************
General Styles
*****************/
html {
  box-sizing: border-box; }

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

body {
  font-family: 'Roboto Slab', serif;
  font-weight: 300;
  color: #5a5a5a;
  background-color: white;
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  overflow: auto; }

div {
  margin: 0;
  padding: 0; }

h1, h2, h3 {
  font-family: 'Roboto Slab', serif;
  font-weight: 400; }

p, span, div, nav, li, a, footer {
font-family: 'Roboto Slab', serif;
font-weight: 300; }

p, h2, h3, section {
  margin: 1em 0; }

footer { padding: 1em 0; }

a {
  text-decoration: none;
  color: #5a5a5a; }

ul {
  margin: 0;
  padding: 0; }

li {
  margin: 0;
  padding: 0; }

section {
  padding: 2em 0;
  margin: 0; }

/*****************
Layout
*****************/
nav {
  width: 100%;
  background-color: #000; }
  nav h1 {
    margin: 0;
    color: #fff; }
  nav li {
    display: inline-block;
    padding: 1em; }
    nav li a {
      color: #fff; }
  nav li:hover a {
    color: #CCC; }
  nav .socialmedias {
    display: inline-block;
    float: right;
    font-size: 250%;
    color: white;
    top: 0.3em;
    position: relative;
    z-index: 500; }
    nav .socialmedias li {
      padding: 0; }
      nav .socialmedias li a {
        color: #CCC; }
        nav .socialmedias li a:hover {
          color: #FFF; }

.carousel {
  margin: 0;
  padding: 0;
  background-color: white; }
  .carousel #logo_container > div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000; }
    .carousel #logo_container > div img {
      width: 100%; }
    .carousel #logo_container > div h1 {
      text-align: center;
      margin: 0.2em; }
  .carousel #slippry {
    margin: 0;
    width: 100%; }
    .carousel #slippry img {
      width: 100%; }

.sy-caption-wrap .sy-caption {
  background-color: rgba(0, 0, 0, 0.54); }
  .sy-caption-wrap .sy-caption * {
    color: white; }

.sy-pager {
  padding: 1.5em 0;
  margin: 0; }

.sy-pager li a {
  background-color: #6d6e71; }

.sy-pager li.sy-active a {
  background-color: #960000; }

.selling_points {
  background-color: white; }
  .selling_points * {
    color: #000000; }
  .selling_points > .wrapper > div, nav .selling_points > ul > div {
    width: 30.7%;
    margin-right: 3%;
    text-align: center; }
    .selling_points > .wrapper > div img, nav .selling_points > ul > div img {
      border-radius: 5em; }
    .selling_points > .wrapper > div:last-child, nav .selling_points > ul > div:last-child {
      margin-right: 0; }

.featurettes {
  position: relative;
  margin-bottom: 0;
  background-color: white; }
  .featurettes * {
    color: #fff; }
  .featurettes .featurette {
    overflow: auto;
    padding: 3em 0;
    border-top: 1px solid #eeeeee; }
    .featurettes .featurette img {
      max-width: 35%; }
    .featurettes .featurette .featurette_text {
      float: left;
      max-width: 60%;
      margin: 0 5% 0 0; }
    .featurettes .featurette h2 {
      font-size: 3em;
      margin-bottom: 0;
      color: #97c03e; }
    .featurettes .featurette p {
      margin-top: 0;
      font-size: 150%; }
    .featurettes .featurette:nth-child(even) .featurette_text {
      max-width: 60%;
      float: right;
      margin: 0 0 0 5%; }
    .featurettes .featurette:last-child {
      padding-bottom: 5em;
      border-bottom: 1px solid #eeeeee; }

.contact {
  margin-top: 0;
  background-image: url(../img/metal_grip_bg.jpg); }
  .contact * {
    color: #000000; }
  .contact #alerts {
    width: 40%;
    margin: 0 0 2em 5%;
    padding: 2em 2em 2em 2em;
    border: 1px solid black;
    text-align: center;
    position: relative; }
  .contact .icon-cancel::before {
    font-size: 400%;
    position: absolute;
    left: 0.2em;
    top: 0.55em; }
  .contact .icon-check::before {
    position: absolute;
    left: 0.4em;
    top: 0.75em;
    font-size: 325%; }
  .contact .hide {
    display: none; }
  .contact .good {
    border-color: #00aa00 !important;
    background-color: rgba(45, 200, 45, 0.5) !important; }
    .contact .good p {
      color: black !important; }
      .contact .good p::before {
        color: #00aa00 !important; }
  .contact .bad {
    border-color: #aa0000 !important;
    background-color: rgba(200, 45, 45, 0.5) !important; }
    .contact .bad p {
      color: black !important; }
      .contact .bad p::before {
        color: #aa0000 !important; }
  .contact form {
    padding: 0 10em;
    border-right: 1px solid #960000; }
    .contact form > span {
      display: block; }
    .contact form input, .contact form textarea {
      background-color: f2f2f2;
      width: 20em;
      border: 1px solid #aaaaaa;
      margin-bottom: 2em;
      border-radius: 3px;
      padding: 0.5em; }
    .contact form input[type='submit'] {
      width: auto;
      margin-bottom: 0; }
    .contact form #humain {
      display: none; }
    .contact form .obligatoire {
      position: relative; }
      .contact form .obligatoire:before {
        content: "*";
        color: #960000;
        position: absolute;
        top: 0.25em;
        left: -0.75em; }
  .contact .separator {
    padding: 0.5em 0 0 10em; }
    .contact .separator > p > span {
      margin: 2em 0;
      display: block;
      position: relative; }
      .contact .separator > p > span::before {
        color: #960000; }

footer {
  background-color: #000;
  text-align: right; }
  footer * {
    color: #E0E0E0; }
  footer .wrapper > div, footer nav ul > div, nav footer ul > div {
    float: left;
    margin: 0; }
  footer span {
    margin-right: 1em;
    color: #E0E0E0; }
  footer span a {
    color: #E0E0E0;
    text-decoration: underline; }

nav a::before {
  content: "- "; }

nav a:hover {
  color: #fff; }

#selling_points, #carousel, #slippry {
  background-image: url(../img/red-rockywall.jpg); }

#selling_points a:hover {
  color: #FFF;
  border: none; }

#selling_points a {
  color: #000; }

#selling_points h2 {
  color: #FFF; }

#featurettes {
  background-color: #000C; }

nav .socialmedias {
  font-size: 200%; }

#carousel > #logo_container > div {
  top: -55px;
  /*left: 34%;*/}

#featurettes p {
  color: #fff; }

#featurettes h2 {
  color: #fff; }

#featurettes ul li {
  color: #fff; }

#featurettes ul {
  list-style: dotted;
  padding-left: 1.4em; }

.contact .separator > p > span::before {
  color: #960000; }

.wrapper > a::after, nav ul > a::after {
  color: #6d6e71;
  padding-left: 0.4em; }

nav > ul > li:first-child {
  display: none; }

.featurettes .featurette:last-child {
  border-bottom: none; }

.featurettes .featurette:first-child {
  border-top: none; }
.formVide{border: 1px solid #F00 !important;}

@media screen and (max-width: 992px) {
  .carousel #logo_container > div img {
    width: 160px;
    object-fit: cover;
  }
}

@media screen and (max-width: 361px) {
  .carousel #logo_container > div img {
    width: 140px;
    object-fit: cover;
  }
}

.nav-header {
    text-align:right;
}