/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css?family=Dosis:200,300,400,700");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, header.prod, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, header.prod, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

img {
  max-width: 100%; }

.bug {
  border: 1px solid red; }

/*! Avalanche | MIT License | @colourgarden */
/*------------------------------------*\
    SETTINGS
\*------------------------------------*/
/*------------------------------------*\
    LOGIC aka THE MAGIC
\*------------------------------------*/
/*------------------------------------*\
    GRID LAYOUT
\*------------------------------------*/
.grid {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: -20px;
  font-size: 0; }

.grid__cell {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 0;
  padding-left: 20px;
  margin: 0;
  vertical-align: top;
  font-size: 1rem; }

.grid--center {
  text-align: center; }
  .grid--center > .grid__cell {
    text-align: left; }

.grid__cell--center {
  display: block;
  margin: 0 auto; }

.grid--right {
  text-align: right; }
  .grid--right > .grid__cell {
    text-align: left; }

.grid--middle > .grid__cell {
  vertical-align: middle; }

.grid--bottom > .grid__cell {
  vertical-align: bottom; }

.grid--flush {
  margin-left: 0; }
  .grid--flush > .grid__cell {
    padding-left: 0; }

.grid--tiny {
  margin-left: -5px; }
  .grid--tiny > .grid__cell {
    padding-left: 5px; }

.grid--small {
  margin-left: -10px; }
  .grid--small > .grid__cell {
    padding-left: 10px; }

.grid--large {
  margin-left: -40px; }
  .grid--large > .grid__cell {
    padding-left: 40px; }

.grid--huge {
  margin-left: -80px; }
  .grid--huge > .grid__cell {
    padding-left: 80px; }

.grid--auto > .grid__cell {
  width: auto; }

.grid--rev {
  direction: rtl; }
  .grid--rev > .grid__cell {
    direction: ltr; }

/*------------------------------------*\
    GRID WIDTHS
\*------------------------------------*/
.\31\/1 {
  width: 100%; }

.\31\/2, .\32\/4, .\33\/6, .\34\/8 {
  width: 50%; }

.\31\/3, .\32\/6 {
  width: 33.3333333333%; }

.\32\/3, .\34\/6 {
  width: 66.6666666667%; }

.\31\/4, .\32\/8 {
  width: 25%; }

.\33\/4, .\36\/8 {
  width: 75%; }

.\31\/5 {
  width: 20%; }

.\32\/5 {
  width: 40%; }

.\33\/5 {
  width: 60%; }

.\34\/5 {
  width: 80%; }

.\31\/6 {
  width: 16.6666666667%; }

.\35\/6 {
  width: 83.3333333333%; }

.\31\/8 {
  width: 12.5%; }

.\33\/8 {
  width: 37.5%; }

.\35\/8 {
  width: 62.5%; }

.\37\/8 {
  width: 87.5%; }

@media screen and (max-width: 499px) {
  .\31\/1--mobile {
    width: 100%; }

  .\31\/2--mobile, .\32\/4--mobile, .\33\/6--mobile, .\34\/8--mobile {
    width: 50%; }

  .\31\/3--mobile, .\32\/6--mobile {
    width: 33.3333333333%; }

  .\32\/3--mobile, .\34\/6--mobile {
    width: 66.6666666667%; }

  .\31\/4--mobile, .\32\/8--mobile {
    width: 25%; }

  .\33\/4--mobile, .\36\/8--mobile {
    width: 75%; }

  .\31\/5--mobile {
    width: 20%; }

  .\32\/5--mobile {
    width: 40%; }

  .\33\/5--mobile {
    width: 60%; }

  .\34\/5--mobile {
    width: 80%; }

  .\31\/6--mobile {
    width: 16.6666666667%; }

  .\35\/6--mobile {
    width: 83.3333333333%; }

  .\31\/8--mobile {
    width: 12.5%; }

  .\33\/8--mobile {
    width: 37.5%; }

  .\35\/8--mobile {
    width: 62.5%; }

  .\37\/8--mobile {
    width: 87.5%; } }
@media screen and (max-width: 650px) {
  .\31\/1--wide650 {
    width: 100%; }

  .\31\/2--wide650, .\32\/4--wide650, .\33\/6--wide650, .\34\/8--wide650 {
    width: 50%; }

  .\31\/3--wide650, .\32\/6--wide650 {
    width: 33.3333333333%; }

  .\32\/3--wide650, .\34\/6--wide650 {
    width: 66.6666666667%; }

  .\31\/4--wide650, .\32\/8--wide650 {
    width: 25%; }

  .\33\/4--wide650, .\36\/8--wide650 {
    width: 75%; }

  .\31\/5--wide650 {
    width: 20%; }

  .\32\/5--wide650 {
    width: 40%; }

  .\33\/5--wide650 {
    width: 60%; }

  .\34\/5--wide650 {
    width: 80%; }

  .\31\/6--wide650 {
    width: 16.6666666667%; }

  .\35\/6--wide650 {
    width: 83.3333333333%; }

  .\31\/8--wide650 {
    width: 12.5%; }

  .\33\/8--wide650 {
    width: 37.5%; }

  .\35\/8--wide650 {
    width: 62.5%; }

  .\37\/8--wide650 {
    width: 87.5%; } }
@media screen and (max-width: 700px) {
  .\31\/1--wide700 {
    width: 100%; }

  .\31\/2--wide700, .\32\/4--wide700, .\33\/6--wide700, .\34\/8--wide700 {
    width: 50%; }

  .\31\/3--wide700, .\32\/6--wide700 {
    width: 33.3333333333%; }

  .\32\/3--wide700, .\34\/6--wide700 {
    width: 66.6666666667%; }

  .\31\/4--wide700, .\32\/8--wide700 {
    width: 25%; }

  .\33\/4--wide700, .\36\/8--wide700 {
    width: 75%; }

  .\31\/5--wide700 {
    width: 20%; }

  .\32\/5--wide700 {
    width: 40%; }

  .\33\/5--wide700 {
    width: 60%; }

  .\34\/5--wide700 {
    width: 80%; }

  .\31\/6--wide700 {
    width: 16.6666666667%; }

  .\35\/6--wide700 {
    width: 83.3333333333%; }

  .\31\/8--wide700 {
    width: 12.5%; }

  .\33\/8--wide700 {
    width: 37.5%; }

  .\35\/8--wide700 {
    width: 62.5%; }

  .\37\/8--wide700 {
    width: 87.5%; } }
@media screen and (min-width: 500px) and (max-width: 700px) {
  .\31\/1--wide700-more {
    width: 100%; }

  .\31\/2--wide700-more, .\32\/4--wide700-more, .\33\/6--wide700-more, .\34\/8--wide700-more {
    width: 50%; }

  .\31\/3--wide700-more, .\32\/6--wide700-more {
    width: 33.3333333333%; }

  .\32\/3--wide700-more, .\34\/6--wide700-more {
    width: 66.6666666667%; }

  .\31\/4--wide700-more, .\32\/8--wide700-more {
    width: 25%; }

  .\33\/4--wide700-more, .\36\/8--wide700-more {
    width: 75%; }

  .\31\/5--wide700-more {
    width: 20%; }

  .\32\/5--wide700-more {
    width: 40%; }

  .\33\/5--wide700-more {
    width: 60%; }

  .\34\/5--wide700-more {
    width: 80%; }

  .\31\/6--wide700-more {
    width: 16.6666666667%; }

  .\35\/6--wide700-more {
    width: 83.3333333333%; }

  .\31\/8--wide700-more {
    width: 12.5%; }

  .\33\/8--wide700-more {
    width: 37.5%; }

  .\35\/8--wide700-more {
    width: 62.5%; }

  .\37\/8--wide700-more {
    width: 87.5%; } }
@media screen and (min-width: 500px) and (max-width: 900px) {
  .\31\/1--tablet-only {
    width: 100%; }

  .\31\/2--tablet-only, .\32\/4--tablet-only, .\33\/6--tablet-only, .\34\/8--tablet-only {
    width: 50%; }

  .\31\/3--tablet-only, .\32\/6--tablet-only {
    width: 33.3333333333%; }

  .\32\/3--tablet-only, .\34\/6--tablet-only {
    width: 66.6666666667%; }

  .\31\/4--tablet-only, .\32\/8--tablet-only {
    width: 25%; }

  .\33\/4--tablet-only, .\36\/8--tablet-only {
    width: 75%; }

  .\31\/5--tablet-only {
    width: 20%; }

  .\32\/5--tablet-only {
    width: 40%; }

  .\33\/5--tablet-only {
    width: 60%; }

  .\34\/5--tablet-only {
    width: 80%; }

  .\31\/6--tablet-only {
    width: 16.6666666667%; }

  .\35\/6--tablet-only {
    width: 83.3333333333%; }

  .\31\/8--tablet-only {
    width: 12.5%; }

  .\33\/8--tablet-only {
    width: 37.5%; }

  .\35\/8--tablet-only {
    width: 62.5%; }

  .\37\/8--tablet-only {
    width: 87.5%; } }
@media screen and (max-width: 900px) {
  .\31\/1--tablet {
    width: 100%; }

  .\31\/2--tablet, .\32\/4--tablet, .\33\/6--tablet, .\34\/8--tablet {
    width: 50%; }

  .\31\/3--tablet, .\32\/6--tablet {
    width: 33.3333333333%; }

  .\32\/3--tablet, .\34\/6--tablet {
    width: 66.6666666667%; }

  .\31\/4--tablet, .\32\/8--tablet {
    width: 25%; }

  .\33\/4--tablet, .\36\/8--tablet {
    width: 75%; }

  .\31\/5--tablet {
    width: 20%; }

  .\32\/5--tablet {
    width: 40%; }

  .\33\/5--tablet {
    width: 60%; }

  .\34\/5--tablet {
    width: 80%; }

  .\31\/6--tablet {
    width: 16.6666666667%; }

  .\35\/6--tablet {
    width: 83.3333333333%; }

  .\31\/8--tablet {
    width: 12.5%; }

  .\33\/8--tablet {
    width: 37.5%; }

  .\35\/8--tablet {
    width: 62.5%; }

  .\37\/8--tablet {
    width: 87.5%; } }
@media screen and (min-width: 701px) and (max-width: 1024px) {
  .\31\/1--portable-only {
    width: 100%; }

  .\31\/2--portable-only, .\32\/4--portable-only, .\33\/6--portable-only, .\34\/8--portable-only {
    width: 50%; }

  .\31\/3--portable-only, .\32\/6--portable-only {
    width: 33.3333333333%; }

  .\32\/3--portable-only, .\34\/6--portable-only {
    width: 66.6666666667%; }

  .\31\/4--portable-only, .\32\/8--portable-only {
    width: 25%; }

  .\33\/4--portable-only, .\36\/8--portable-only {
    width: 75%; }

  .\31\/5--portable-only {
    width: 20%; }

  .\32\/5--portable-only {
    width: 40%; }

  .\33\/5--portable-only {
    width: 60%; }

  .\34\/5--portable-only {
    width: 80%; }

  .\31\/6--portable-only {
    width: 16.6666666667%; }

  .\35\/6--portable-only {
    width: 83.3333333333%; }

  .\31\/8--portable-only {
    width: 12.5%; }

  .\33\/8--portable-only {
    width: 37.5%; }

  .\35\/8--portable-only {
    width: 62.5%; }

  .\37\/8--portable-only {
    width: 87.5%; } }
@media screen and (max-width: 1024px) {
  .\31\/1--portable {
    width: 100%; }

  .\31\/2--portable, .\32\/4--portable, .\33\/6--portable, .\34\/8--portable {
    width: 50%; }

  .\31\/3--portable, .\32\/6--portable {
    width: 33.3333333333%; }

  .\32\/3--portable, .\34\/6--portable {
    width: 66.6666666667%; }

  .\31\/4--portable, .\32\/8--portable {
    width: 25%; }

  .\33\/4--portable, .\36\/8--portable {
    width: 75%; }

  .\31\/5--portable {
    width: 20%; }

  .\32\/5--portable {
    width: 40%; }

  .\33\/5--portable {
    width: 60%; }

  .\34\/5--portable {
    width: 80%; }

  .\31\/6--portable {
    width: 16.6666666667%; }

  .\35\/6--portable {
    width: 83.3333333333%; }

  .\31\/8--portable {
    width: 12.5%; }

  .\33\/8--portable {
    width: 37.5%; }

  .\35\/8--portable {
    width: 62.5%; }

  .\37\/8--portable {
    width: 87.5%; } }
@media screen and (max-width: 1110px) {
  .\31\/1--wide1110 {
    width: 100%; }

  .\31\/2--wide1110, .\32\/4--wide1110, .\33\/6--wide1110, .\34\/8--wide1110 {
    width: 50%; }

  .\31\/3--wide1110, .\32\/6--wide1110 {
    width: 33.3333333333%; }

  .\32\/3--wide1110, .\34\/6--wide1110 {
    width: 66.6666666667%; }

  .\31\/4--wide1110, .\32\/8--wide1110 {
    width: 25%; }

  .\33\/4--wide1110, .\36\/8--wide1110 {
    width: 75%; }

  .\31\/5--wide1110 {
    width: 20%; }

  .\32\/5--wide1110 {
    width: 40%; }

  .\33\/5--wide1110 {
    width: 60%; }

  .\34\/5--wide1110 {
    width: 80%; }

  .\31\/6--wide1110 {
    width: 16.6666666667%; }

  .\35\/6--wide1110 {
    width: 83.3333333333%; }

  .\31\/8--wide1110 {
    width: 12.5%; }

  .\33\/8--wide1110 {
    width: 37.5%; }

  .\35\/8--wide1110 {
    width: 62.5%; }

  .\37\/8--wide1110 {
    width: 87.5%; } }
@media screen and (min-width: 1024px) and (max-width: 1220px) {
  .\31\/1--wide1220 {
    width: 100%; }

  .\31\/2--wide1220, .\32\/4--wide1220, .\33\/6--wide1220, .\34\/8--wide1220 {
    width: 50%; }

  .\31\/3--wide1220, .\32\/6--wide1220 {
    width: 33.3333333333%; }

  .\32\/3--wide1220, .\34\/6--wide1220 {
    width: 66.6666666667%; }

  .\31\/4--wide1220, .\32\/8--wide1220 {
    width: 25%; }

  .\33\/4--wide1220, .\36\/8--wide1220 {
    width: 75%; }

  .\31\/5--wide1220 {
    width: 20%; }

  .\32\/5--wide1220 {
    width: 40%; }

  .\33\/5--wide1220 {
    width: 60%; }

  .\34\/5--wide1220 {
    width: 80%; }

  .\31\/6--wide1220 {
    width: 16.6666666667%; }

  .\35\/6--wide1220 {
    width: 83.3333333333%; }

  .\31\/8--wide1220 {
    width: 12.5%; }

  .\33\/8--wide1220 {
    width: 37.5%; }

  .\35\/8--wide1220 {
    width: 62.5%; }

  .\37\/8--wide1220 {
    width: 87.5%; } }
@media screen and (min-width: 701px) and (max-width: 1220px) {
  .\31\/1--wide1220-more {
    width: 100%; }

  .\31\/2--wide1220-more, .\32\/4--wide1220-more, .\33\/6--wide1220-more, .\34\/8--wide1220-more {
    width: 50%; }

  .\31\/3--wide1220-more, .\32\/6--wide1220-more {
    width: 33.3333333333%; }

  .\32\/3--wide1220-more, .\34\/6--wide1220-more {
    width: 66.6666666667%; }

  .\31\/4--wide1220-more, .\32\/8--wide1220-more {
    width: 25%; }

  .\33\/4--wide1220-more, .\36\/8--wide1220-more {
    width: 75%; }

  .\31\/5--wide1220-more {
    width: 20%; }

  .\32\/5--wide1220-more {
    width: 40%; }

  .\33\/5--wide1220-more {
    width: 60%; }

  .\34\/5--wide1220-more {
    width: 80%; }

  .\31\/6--wide1220-more {
    width: 16.6666666667%; }

  .\35\/6--wide1220-more {
    width: 83.3333333333%; }

  .\31\/8--wide1220-more {
    width: 12.5%; }

  .\33\/8--wide1220-more {
    width: 37.5%; }

  .\35\/8--wide1220-more {
    width: 62.5%; }

  .\37\/8--wide1220-more {
    width: 87.5%; } }
@media screen and (min-width: 1220px) {
  .\31\/1--widescreen {
    width: 100%; }

  .\31\/2--widescreen, .\32\/4--widescreen, .\33\/6--widescreen, .\34\/8--widescreen {
    width: 50%; }

  .\31\/3--widescreen, .\32\/6--widescreen {
    width: 33.3333333333%; }

  .\32\/3--widescreen, .\34\/6--widescreen {
    width: 66.6666666667%; }

  .\31\/4--widescreen, .\32\/8--widescreen {
    width: 25%; }

  .\33\/4--widescreen, .\36\/8--widescreen {
    width: 75%; }

  .\31\/5--widescreen {
    width: 20%; }

  .\32\/5--widescreen {
    width: 40%; }

  .\33\/5--widescreen {
    width: 60%; }

  .\34\/5--widescreen {
    width: 80%; }

  .\31\/6--widescreen {
    width: 16.6666666667%; }

  .\35\/6--widescreen {
    width: 83.3333333333%; }

  .\31\/8--widescreen {
    width: 12.5%; }

  .\33\/8--widescreen {
    width: 37.5%; }

  .\35\/8--widescreen {
    width: 62.5%; }

  .\37\/8--widescreen {
    width: 87.5%; } }
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .\31\/1--retina {
    width: 100%; }

  .\31\/2--retina, .\32\/4--retina, .\33\/6--retina, .\34\/8--retina {
    width: 50%; }

  .\31\/3--retina, .\32\/6--retina {
    width: 33.3333333333%; }

  .\32\/3--retina, .\34\/6--retina {
    width: 66.6666666667%; }

  .\31\/4--retina, .\32\/8--retina {
    width: 25%; }

  .\33\/4--retina, .\36\/8--retina {
    width: 75%; }

  .\31\/5--retina {
    width: 20%; }

  .\32\/5--retina {
    width: 40%; }

  .\33\/5--retina {
    width: 60%; }

  .\34\/5--retina {
    width: 80%; }

  .\31\/6--retina {
    width: 16.6666666667%; }

  .\35\/6--retina {
    width: 83.3333333333%; }

  .\31\/8--retina {
    width: 12.5%; }

  .\33\/8--retina {
    width: 37.5%; }

  .\35\/8--retina {
    width: 62.5%; }

  .\37\/8--retina {
    width: 87.5%; } }
body {
  background-color: #ffffff; }

.container-l {
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }

.container-m {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }

.container-s {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box; }

.margin-bottom-20 {
  margin-bottom: 20px; }

#call {
  display: flex;
  position: fixed;
  top: 50px;
  right: 0;
  width: auto;
  height: auto;
  background: #C21920;
  background: -webkit-linear-gradient(legacy-direction(80deg), #C21920 24%, #620004 92%);
  background: linear-gradient(80deg, #C21920 24%, #620004 92%);
  z-index: 1000;
  box-shadow: 3px 3px 6px -2px #000000;
  padding: 10px 20px;
  box-sizing: border-box;
  border-radius: 25px 0 0 25px; }
  #call a {
    color: #ffffff;
    font-size: 1.8rem;
    line-height: 1.2; }

header.prod {
  background: none !important;
  height: 250px !important;
  position: absolute !important; }

header, header.prod {
  width: 100%;
  height: 300px;
  background-image: url("../img/bg-header.png");
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  position: absolute;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  @media screen and (max-width: 1024px) {
    header, header.prod {
      height: 150px;
      padding-top: 30px;
      position: absolute; } }
  header #logo {
    height: 130px; }
    @media screen and (max-width: 1024px) {
      header #logo {
        height: 124px; } }
  header #burger {
    display: none; }
    @media screen and (max-width: 1024px) {
      header #burger {
        display: block;
        width: 100%;
        text-align: right;
        height: 100px;
        position: absolute;
        font-size: 2.4rem;
        font-weight: 400;
        box-sizing: border-box;
        padding-top: 40px;
        top: -30px;
        right: 15px; } }
  header nav, header.prod nav {
    display: flex;
    justify-content: center;
    background-color: #C21920;
    position: relative;
    box-shadow: 3px 3px 6px -2px #000000;
    padding: 0 25px;
    border-radius: 25px; }
    @media screen and (max-width: 1024px) {
      header nav, header.prod nav {
        flex-direction: column;
        display: none;
        position: absolute;
        width: 100%;
        top: 156px; } }
    header nav a, header.prod nav a {
      display: block;
      position: relative;
      line-height: 50px;
      height: 50px;
      padding: 0 30px;
      overflow: hidden;
      font-size: 2rem;
      color: #ffffff;
      transition: all 0.4s ease-in; }
      header nav a:hover {
        box-shadow: -3px 0px 6px -4px #000000 inset;
        transition: all 0.4s ease-out; }
      @media screen and (max-width: 1024px) {
        header nav a, header.prod nav a {
          width: 100%;
          box-sizing: border-box;
          text-align: center;
          padding: 40px 0;
          height: 40px;
          line-height: 0; }
          header nav a:after, header.prod nav a:after {
            display: none; } }
    header nav a.active {
      background-color: #620004 !important; }

.content-prod {
  padding: 0; }

.content {
  padding-top: 300px; }
  @media screen and (max-width: 1024px) {
    .content {
      padding-top: 150px; } }
  .content .top-index {
    padding: 60px 0;
    background-image: url("../img/slider.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-bottom: 6px solid #ffffff;
    border-top: 6px solid #ffffff;
    position: relative; }
    .content .top-index:after {
      content: "";
      display: block;
      height: 5px;
      width: 100%;
      position: absolute;
      bottom: -11px;
      left: 0;
      background: rgba(0, 0, 0, 0);
      background: -webkit-linear-gradient(legacy-direction(0deg), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 98%, rgba(0, 0, 0, 0.8) 100%);
      background: linear-gradient(0deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 98%, rgba(0, 0, 0, 0.8) 100%); }

.bordered-text {
  border-left: 2px solid #C21920;
  padding-left: 13px;
  box-sizing: border-box; }

.block-text {
  padding: 100px 0; }

.block-title {
  display: block;
  text-align: center;
  margin-bottom: 30px; }
  .block-title img {
    display: inline-block;
    position: relative;
    height: 40px;
    margin-right: 10px;
    top: 5px; }
  .block-title h2 {
    display: inline-block;
    font-size: 4rem; }

.block-services .line {
  overflow: auto; }
  .block-services .line .service-item {
    display: block;
    float: left;
    width: 33.3333333333%;
    height: 33vw;
    background-color: red;
    position: relative;
    box-shadow: 0px 0px 7px -2px #000000;
    overflow: hidden;
    transition: all 0.3s ease-in; }
    .block-services .line .service-item:hover .service-title {
      color: #ffffff;
      transition: all 0.1s ease-out; }
      .block-services .line .service-item:hover .service-title:after {
        content: "";
        display: block;
        height: 50px;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #C21920;
        background: -webkit-linear-gradient(legacy-direction(80deg), #C21920 24%, #620004 92%);
        background: linear-gradient(80deg, #C21920 24%, #620004 92%);
        transition: all 0.2s ease-out; }
    @media screen and (max-width: 499px) {
      .block-services .line .service-item {
        width: 100vw;
        height: 40vh; } }
    .block-services .line .service-item .service-img {
      width: 100%;
      position: relative; }
      .block-services .line .service-item .service-img:after {
        content: "";
        display: block;
        height: 50px;
        box-sizing: border-box;
        background-color: #F5F5F5;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; }
    .block-services .line .service-item .service-title {
      font-size: 2rem;
      display: block;
      height: 50px;
      line-height: 50px;
      box-sizing: border-box;
      padding-left: 40px;
      background-color: transparent;
      font-weight: 300;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      transition: all 0.1s ease-in;
      z-index: 10; }
      .block-services .line .service-item .service-title:after {
        content: "";
        display: block;
        height: 50px;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: -100%;
        width: 100%;
        background: #C21920;
        background: -webkit-linear-gradient(legacy-direction(80deg), #C21920 24%, #620004 92%);
        background: linear-gradient(80deg, #C21920 24%, #620004 92%);
        transition: all 0.2s ease-in;
        z-index: -1; }

.block-services-small {
  padding: 60px 0; }
  .block-services-small .service-item {
    display: block;
    background-color: red;
    position: relative;
    box-shadow: 0px 0px 7px -2px #000000;
    overflow: hidden;
    transition: all 0.2s ease-in;
    border-radius: 5px; }
    .block-services-small .service-item:hover {
      box-shadow: 0px 0px 10px 0px #620004;
      transition: all 0.2s ease-out; }
    .block-services-small .service-item .service-img {
      max-width: 100%; }
      .block-services-small .service-item .service-img img {
        width: 100%; }
    .block-services-small .service-item .service-title {
      font-size: 1.4rem;
      display: inline-block;
      line-height: 1;
      padding-top: 10px;
      padding-bottom: 10px;
      box-sizing: border-box;
      padding-left: 10px;
      background-color: #F5F5F5;
      font-weight: 300;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      transition: all 0.3s ease-in; }

.block-cta, .block-cta02, .block-cta03, .block-cta04 {
  padding: 80px 0;
  background-image: url("../img/30ans02.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 100% center; }
  .block-cta .cta-item, .block-cta02 .cta-item, .block-cta03 .cta-item, .block-cta04 .cta-item {
    display: block;
    position: relative;
    margin: 0 auto;
    background: #C21920;
    background: -webkit-linear-gradient(legacy-direction(80deg), #C21920 24%, #620004 92%);
    background: linear-gradient(80deg, #C21920 24%, #620004 92%);
    max-width: 1080px;
    width: 80%;
    box-shadow: 0px 0px 7px -2px;
    border: 7px solid #F5F5F5;
    border-radius: 25px;
    text-align: center; }
    .block-cta .cta-item .cta-content, .block-cta02 .cta-item .cta-content, .block-cta03 .cta-item .cta-content, .block-cta04 .cta-item .cta-content {
      color: #ffffff;
      padding: 20px 140px 70px; }
      @media screen and (max-width: 499px) {
        .block-cta .cta-item .cta-content, .block-cta02 .cta-item .cta-content, .block-cta03 .cta-item .cta-content, .block-cta04 .cta-item .cta-content {
          padding: 20px 10px 270px; } }
      .block-cta .cta-item .cta-content h2, .block-cta02 .cta-item .cta-content h2, .block-cta03 .cta-item .cta-content h2, .block-cta04 .cta-item .cta-content h2 {
        font-size: 4.8rem;
        font-size: 300;
        color: #ffffff; }
      .block-cta .cta-item .cta-content p, .block-cta02 .cta-item .cta-content p, .block-cta03 .cta-item .cta-content p, .block-cta04 .cta-item .cta-content p {
        font-size: 2rem;
        font-weight: 300; }
    .block-cta .cta-item .cta-footer, .block-cta02 .cta-item .cta-footer, .block-cta03 .cta-item .cta-footer, .block-cta04 .cta-item .cta-footer {
      background-color: #F5F5F5;
      text-align: center;
      height: 60px;
      line-height: 60px;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      font-size: 2rem;
      font-weight: 300; }
      @media screen and (max-width: 499px) {
        .block-cta .cta-item .cta-footer, .block-cta02 .cta-item .cta-footer, .block-cta03 .cta-item .cta-footer, .block-cta04 .cta-item .cta-footer {
          padding-top: 10px;
          font-size: 1.4rem;
          line-height: 25px; } }
    .block-cta .cta-item .cta-link, .block-cta02 .cta-item .cta-link, .block-cta03 .cta-item .cta-link, .block-cta04 .cta-item .cta-link {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 180px;
      width: 180px;
      border: 2px solid #F5F5F5;
      border-radius: 50%;
      background-color: #003060;
      color: #ffffff;
      bottom: 50%;
      margin-bottom: -90px;
      right: -80px;
      font-size: 2.4rem;
      line-height: 1;
      font-weight: 700;
      transition: all 0.3s ease-in; }
      .block-cta .cta-item .cta-link:hover, .block-cta02 .cta-item .cta-link:hover, .block-cta03 .cta-item .cta-link:hover, .block-cta04 .cta-item .cta-link:hover {
        background-color: #620004;
        transition: all 0.3s ease-out; }
      @media screen and (max-width: 499px) {
        .block-cta .cta-item .cta-link, .block-cta02 .cta-item .cta-link, .block-cta03 .cta-item .cta-link, .block-cta04 .cta-item .cta-link {
          bottom: 80px;
          margin-bottom: 0;
          right: 50%;
          margin-right: -90px; } }

.block-cta02 {
  background-image: url("../img/bg-roll.png");
  background-size: cover;
  box-shadow: 0px 3px 4px -2px #000000; }
  .block-cta02 .cta-item:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -100px;
    height: 340px;
    width: 284px;
    margin-top: -170px;
    background-image: url(../img/computer.png);
    background-repeat: no-repeat;
    background-size: contain; }
  @media screen and (max-width: 499px) {
    .block-cta02 .cta-item:after {
      display: none; } }
  .block-cta02 .cta-item .cta-link {
    left: -100px;
    flex-direction: column; }
    @media screen and (max-width: 499px) {
      .block-cta02 .cta-item .cta-link {
        bottom: 80px;
        margin-bottom: 0;
        left: 50%;
        margin-left: -90px; } }
    .block-cta02 .cta-item .cta-link img {
      margin-top: 5px;
      display: block;
      height: 60px; }

.block-cta03 {
  background-image: url("../img//bg-footer.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left; }

.block-cta04 {
  padding: 80px 0;
  background-image: url("../img/showroom.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .block-cta04 .cta-item {
    display: block;
    position: relative;
    margin: 0 auto;
    background: #003060;
    background: -webkit-linear-gradient(legacy-direction(80deg), #003060 24%, #003060 92%);
    background: linear-gradient(80deg, #003060 24%, #003060 92%);
    max-width: 1080px;
    width: 80%;
    box-shadow: 0px 0px 7px -2px;
    border: 7px solid #F5F5F5;
    border-radius: 25px;
    text-align: center; }
    .block-cta04 .cta-item:after {
      content: "";
      position: absolute;
      bottom: -87px;
      left: -150px;
      height: 400px;
      width: 300px;
      margin-top: -170px;
      background-image: url(../img/perso.png);
      background-repeat: no-repeat;
      background-size: contain; }
    @media screen and (max-width: 499px) {
      .block-cta04 .cta-item:after {
        display: none; } }
    .block-cta04 .cta-item .cta-content {
      color: #ffffff;
      padding: 20px 140px 70px; }
      @media screen and (max-width: 499px) {
        .block-cta04 .cta-item .cta-content {
          padding: 20px 10px 270px; } }
      .block-cta04 .cta-item .cta-content h2 {
        font-size: 4.8rem;
        font-size: 300;
        color: #ffffff; }
      .block-cta04 .cta-item .cta-content p {
        font-size: 2rem;
        font-weight: 300; }
    .block-cta04 .cta-item .cta-footer {
      background-color: #F5F5F5;
      text-align: center;
      height: 60px;
      line-height: 60px;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      font-size: 2rem;
      font-weight: 300; }
      @media screen and (max-width: 499px) {
        .block-cta04 .cta-item .cta-footer {
          padding-top: 10px;
          font-size: 1.4rem;
          line-height: 25px; } }
    .block-cta04 .cta-item .cta-link {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      height: 180px;
      width: 180px;
      border: 2px solid #F5F5F5;
      border-radius: 50%;
      background: #C21920;
      background: -webkit-linear-gradient(legacy-direction(80deg), #C21920 24%, #620004 92%);
      background: linear-gradient(80deg, #C21920 24%, #620004 92%);
      color: #ffffff;
      bottom: 50%;
      margin-bottom: -90px;
      right: -80px;
      font-size: 2.4rem;
      line-height: 1;
      font-weight: 700; }
      .block-cta04 .cta-item .cta-link:hover {
        background-color: #620004;
        transition: all 0.3s ease-out; }
      @media screen and (max-width: 499px) {
        .block-cta04 .cta-item .cta-link {
          bottom: 80px;
          margin-bottom: 0;
          right: 50%;
          margin-right: -90px; } }

.block-pro {
  background-image: url("../img/grue.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 20% bottom;
  box-shadow: 0px 3px 4px -2px #000000; }
  @media screen and (max-width: 499px) {
    .block-pro {
      background-position: -15% bottom; } }

footer {
  padding: 100px 0;
  background-image: url("../img/bg-footer.png");
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden; }
  footer:after {
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(legacy-direction(0deg), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 98%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 98%, rgba(0, 0, 0, 0.8) 100%); }
  @media screen and (max-width: 900px) {
    footer {
      padding: 50px 0; } }
  footer h3 {
    font-size: 2.4rem;
    font-weight: 400; }
  footer .logo-col {
    position: relative;
    height: 100%; }
    footer .logo-col:before {
      content: "";
      display: block;
      height: 300px;
      width: 100%;
      background-image: url("../img/logo-col.png");
      background-repeat: repeat-y;
      background-position: center;
      position: absolute;
      top: 135px;
      left: 0; }
    @media screen and (max-width: 900px) {
      footer .logo-col:before {
        display: none; } }

.list01 li {
  font-size: 1.4rem;
  line-height: 1.4; }

.top-prod {
  background-color: lightgray;
  display: block;
  min-height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  box-sizing: border-box;
  position: relative; }
  .top-prod .slider {
    position: absolute;
    height: 100%; }
    .top-prod .slider .owl-carousel .owl-stage-outer {
      position: relative;
      height: 100vh;
      background-color: lightgray; }
  .top-prod .box {
    align-self: flex-end;
    width: 100%;
    z-index: 10;
    margin-top: 200px;
    margin-bottom: 50px; }
    .top-prod .box .box-content {
      background-color: #F5F5F5;
      border-radius: 25px;
      box-shadow: 0px 0px 7px -2px #000000;
      box-sizing: border-box;
      padding: 30px 40px;
      position: relative; }
      .top-prod .box .box-content .box-link {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 180px;
        width: 180px;
        border: 2px solid #F5F5F5;
        border-radius: 50%;
        top: -90px;
        right: -30px;
        background: #C21920;
        background: -webkit-linear-gradient(legacy-direction(80deg), #C21920 24%, #620004 92%);
        background: linear-gradient(80deg, #C21920 24%, #620004 92%);
        color: #ffffff;
        font-size: 2.4rem;
        line-height: 1;
        font-weight: 700; }
        .top-prod .box .box-content .box-link:hover {
          background: #C21920;
          background: -webkit-linear-gradient(legacy-direction(80deg), #C21920 24%, #620004 92%);
          background: linear-gradient(80deg, #C21920 24%, #620004 92%);
          transition: all 0.3s ease-out; }
        @media screen and (max-width: 499px) {
          .top-prod .box .box-content .box-link {
            bottom: 80px;
            margin-bottom: 0;
            right: 50%;
            margin-right: -90px; } }
        @media screen and (max-width: 499px) {
          .top-prod .box .box-content .box-link {
            display: none; } }

.message {
  font-size: 2rem; }

::selection {
  background: #C21920; }

::-moz-selection {
  background: #C21920; }

img::selection {
  background: transparent; }

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

body {
  -webkit-tap-highlight-color: #C21920; }

a {
  text-decoration: none;
  color: #000000; }

.btn01 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 180px;
  width: 180px;
  border: 2px solid #F5F5F5;
  border-radius: 50%;
  background-color: #003060;
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 700;
  margin: 0 auto; }

:root {
  font-size: 10px; }
  @media screen and (max-width: 499px) {
    :root {
      font-size: 10px; } }

body {
  font-family: "Dosis", sans-serif;
  font-size: 1rem;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6, .h1, .h2 {
  font-family: "Dosis", sans-serif;
  color: #C21920;
  line-height: 1;
  margin-bottom: 10px; }

h1, .h1 {
  font-size: 4.8rem;
  letter-spacing: -1px;
  font-weight: 300; }
  @media screen and (max-width: 499px) {
    h1, .h1 {
      font-size: 3.2rem; } }

h2, .h2 {
  font-size: 4.8rem;
  letter-spacing: -1px;
  font-weight: 300; }
  @media screen and (max-width: 499px) {
    h2, .h2 {
      font-size: 3.2rem; } }

.tiny {
  font-size: 0.5rem;
  line-height: 1.4rem; }

.small {
  font-size: 0.857rem;
  line-height: 1.2rem; }

.regular {
  font-size: 1rem;
  line-height: 1.4rem; }

.big {
  font-size: 1.42rem;
  line-height: 1.2; }

.huge {
  font-size: 1.71rem;
  line-height: 1.2; }

.gigantic {
  font-size: 2.85rem;
  line-height: 1.2; }

p {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 10px; }

.strong, strong {
  font-weight: 900; }

.bold {
  font-weight: 700; }

.strong-p {
  font-weight: 900; }

.justify {
  text-align: justify !important; }

.p-red {
  font-size: 1.8rem;
  line-height: 1.4;
  color: #C21920; }

input[type="text"],
input[type="phone"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea {
  font-size: 1.4rem;
  background-color: #ffffff;
  padding: 0 20px;
  color: #000000;
  border: 2px solid #C21920;
  border-radius: 5px;
  transition: 0.5s;
  width: 100%;
  margin-bottom: 30px;
  box-sizing: border-box;
  font-weight: 300;
  height: 42px;
  line-height: 42px; }
  input[type="text"]:focus,
  input[type="phone"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  input[type="number"]:focus,
  textarea:focus {
    outline: none;
    box-shadow: none; }
  input[type="text"]:placeholder,
  input[type="phone"]:placeholder,
  input[type="email"]:placeholder,
  input[type="password"]:placeholder,
  input[type="number"]:placeholder,
  textarea:placeholder {
    color: #000000;
    font-weight: 300;
    line-height: 65px;
    font-size: 1.2rem; }

textarea {
  height: 140px; }

label {
  position: absolute;
  color: #000000;
  font-weight: 300;
  font-size: 1.2rem;
  top: 6px;
  left: 24px;
  transition: all 0.4s ease-out; }

input[type="text"]:focus ~ label, input[type="text"]:valid ~ label, input[type="phone"]:focus ~ label, input[type="phone"]:valid ~ label, input[type="email"]:focus ~ label, input[type="email"]:valid ~ label, input[type="password"]:focus ~ label, input[type="password"]:valid ~ label, input[type="number"]:focus ~ label, input[type="number"]:valid ~ label, textarea:valid ~ label, textarea:focus ~ label {
  top: -18px;
  left: 16px;
  font-size: 1rem;
  color: #000000;
  font-weight: 300;
  transition: all 0.3s ease-in; }

.input-group {
  position: relative;
  padding-left: 15px; }
  .input-group:after {
    content: "";
    display: block;
    height: 34px;
    width: 15px;
    background: url(../img/form-part.svg) 100% no-repeat;
    position: absolute;
    top: 0;
    left: 0; }

form {
  width: 100%;
  box-sizing: border-box; }

.submit, .btn02 {
  text-transform: uppercase;
  border-radius: 5px;
  color: #ffffff;
  background-color: #C21920;
  text-align: center;
  border: none;
  display: block;
  transition: all 0.3s ease-out;
  position: relative;
  cursor: default;
  height: 40px;
  line-height: 40px; }
  .submit span, .btn02 span {
    line-height: 34px;
    font-size: 1rem;
    font-weight: 900;
    position: relative;
    top: -10px;
    margin-left: 10px; }
  .submit img, .btn02 img {
    transition: all 0.3s ease-out;
    position: relative;
    left: 0px; }
  .submit:hover img, .btn02:hover img {
    left: 5px;
    transition: all 0.3s ease-out; }

.align-center {
  text-align: center; }

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

.align-left {
  text-align: left; }

.relative {
  position: relative; }

@keyframes rotation360 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-365deg); } }

/*# sourceMappingURL=main.css.map */