@charset "UTF-8";
@import url(reset.css);
@import url(text.css);
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  color: #ffffff;
  background-color: #28272c;
  font: 18px/1.4  'dosisregular', Arial, sans-serif; }

h1 {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 30px; }

h2 {
  font-weight: 400;
  font: 50px/1.3  'dosisextralight', Arial, sans-serif; }

h3 {
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 20px;
  font: 50px/1.3  'dosisextralight', Arial, sans-serif; }

h4 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 10px; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 86px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 3000;
  width: 100%; }
  .header .mobileMenuSwitch, .header .mobileLogo {
    display: none; }
  .header .mainmenu {
    display: block;
    margin: 0 60px 0 60px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    line-height: 86px; }
    .header .mainmenu li {
      display: inline-block;
      *display: inline;
      zoom: 1;
      position: relative; }
      .header .mainmenu li .number {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-size: 70px;
        text-align: center;
        color: rgba(92, 84, 84, 0.3);
        z-index: -1;
        opacity: 0;
        font-family: "dosisbold";
        transition: all .2s;
        line-height: 60px; }
      .header .mainmenu li.item {
        font-family: 'dosismedium'; }
        .header .mainmenu li.item a {
          color: #ffffff;
          text-decoration: none;
          font-size: 18px;
          padding-bottom: 3px;
          /*transition: all .2s;*/
          letter-spacing: 2px; }
          .header .mainmenu li.item a:hover {
            border-bottom: 5px solid rgba(92, 84, 84, 0.7); }
            .header .mainmenu li.item a:hover .number {
              opacity: 1; }
          .header .mainmenu li.item a.current {
            border-bottom: 4px solid #e72134; }
            .header .mainmenu li.item a.current .number {
              opacity: 1; }
      .header .mainmenu li.social a {
        margin: 0 5px 0 5px;
        border: 1px solid #ffffff;
        display: inline-block;
        color: #ffffff;
        text-decoration: none;
        font-size: 13pt;
        transition: all .2s;
        height: 30px;
        width: 30px;
        line-height: 30px;
        text-align: center; }
        .header .mainmenu li.social a.youtube {
          background: transparent url("/images/youtube2.png") no-repeat center center;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover; }
        .header .mainmenu li.social a.fa-facebook:hover {
          background-color: #3a5795;
          border-color: #3a5795; }
        .header .mainmenu li.social a.youtube:hover {
          background-color: #e72134;
          border-color: #e72134; }
        .header .mainmenu li.social a.fa-twitter:hover {
          background-color: #4099FF;
          border-color: #4099FF; }
        .header .mainmenu li.social a.fa-vimeo:hover {
          background-color: #44bbff;
          border-color: #44bbff; }
        .header .mainmenu li.social a.fa-instagram:hover {
          background-color: #125688;
          border-color: #125688; }
      .header .mainmenu li.langs {
        height: 20px;
        line-height: 20px;
        background-color: #71716c;
        border: 1px solid #949492;
        margin-top: 6px;
        position: relative;
        padding: 0 8px 0 22px; }
        .header .mainmenu li.langs span {
          display: inline-block;
          color: #ffffff;
          text-decoration: none;
          margin-left: 5px;
          text-align: center;
          cursor: pointer; }
          .header .mainmenu li.langs span.flag {
            background: transparent url("/images/flags/24/fr.png") no-repeat center center;
            width: 21px;
            height: 14px; }
          .header .mainmenu li.langs span.world {
            border-radius: 50%;
            position: absolute;
            background: #999999 url("/images/world2.png") no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            color: #999999;
            top: -5px;
            left: -14px;
            width: 28px;
            height: 28px;
            line-height: 28px;
            font-size: 36px;
            z-index: 95000; }
      .header .mainmenu li.stretch {
        width: 100%;
        display: inline-block;
        font-size: 0;
        line-height: 0; }
      .header .mainmenu li:hover .fa-caret-down {
        color: black; }
      .header .mainmenu li .versions {
        display: none;
        position: absolute;
        background-color: #71716c;
        z-index: 90000;
        right: -1px;
        top: 18px;
        padding: 6px 12px 6px 12px;
        border: 1px solid #949492; }
        .header .mainmenu li .versions a {
          display: block;
          line-height: 26px;
          color: #ffffff;
          text-decoration: none;
          font-size: 15px;
          white-space: nowrap;
          transition: all .2s; }
          .header .mainmenu li .versions a img {
            margin-right: 8px; }
          .header .mainmenu li .versions a:hover {
            color: #000000; }

.hcc {
  border-top: 6px solid #292829;
  position: absolute;
  width: 100%;
  top: 86px;
  display: none; }
  .hcc .hccw {
    border-top: 1px solid #d41323;
    border-bottom: 1px solid #941622;
    height: 54px;
    line-height: 50px;
    background-color: rgba(150, 21, 31, 0.9);
    font-size: 13pt;
    padding: 0 60px 0 60px; }
    .hcc .hccw .i {
      display: inline-block;
      width: 32px;
      background: transparent url(/images/sprite01.png) no-repeat -170px center;
      margin-right: 12px; }
    .hcc .hccw .ddl {
      display: inline-block;
      position: relative;
      background: #96151f url(/images/arrowdown01.png) no-repeat right center;
      border-top: 1px solid #6f0c14;
      border-bottom: 1px solid #6f0c14;
      line-height: 30px;
      height: 32px;
      text-align: center;
      margin-left: 32px;
      min-width: 178px;
      cursor: pointer;
      transition: all .2s; }
      .hcc .hccw .ddl::before {
        content: "";
        position: absolute;
        left: 0;
        width: 1px;
        height: 100%;
        background: transparent url(/images/border01.png) no-repeat center center; }
      .hcc .hccw .ddl::after {
        content: "";
        position: absolute;
        right: 0;
        width: 1px;
        height: 100%;
        background: transparent url(/images/border01.png) no-repeat center center; }
      .hcc .hccw .ddl:hover {
        background-color: #bc1a26; }
    .hcc .hccw .go {
      display: inline-block;
      width: 42px;
      background: transparent url(/images/go2.png) no-repeat center center;
      margin-right: 12px;
      margin-left: 26px;
      cursor: pointer; }

.h2cc {
  border-top: 6px solid #292829; }
  .h2cc.adjustConfig {
    border: none; }
  .h2cc h4 {
    border: 1px solid #ffffff;
    padding: 4px;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    font: 28px/1.3  'dosisextralight', Arial, sans-serif; }
  .h2cc .subtitle {
    background-color: #252429;
    border: 3px solid #3b3b3d;
    border-bottom-width: 0;
    margin-top: 24px;
    height: 54px;
    line-height: 50px;
    padding-left: 14px;
    font-size: 22px; }
  .h2cc .i {
    display: inline-block;
    width: 32px;
    background: transparent url(/images/sprite01.png) no-repeat -170px center;
    margin-right: 12px; }
  .h2cc .hccw {
    border: 2px solid #260100;
    height: 116px;
    line-height: 112px;
    background: transparent url(/images/bgcc2.png) repeat-x left center;
    font-size: 13pt;
    padding: 0 14px 0 14px;
    text-align: center;
    margin-bottom: 24px; }
    .h2cc .hccw .ddl {
      display: inline-block;
      position: relative;
      background: transparent url(/images/arrowdown01.png) no-repeat right center;
      border-top: 1px solid #6f0c14;
      border-bottom: 1px solid #6f0c14;
      line-height: 30px;
      height: 32px;
      text-align: center;
      margin-left: 15px;
      min-width: 178px;
      cursor: pointer;
      transition: all .2s; }
      .h2cc .hccw .ddl::before {
        content: "";
        position: absolute;
        left: 0;
        width: 1px;
        height: 100%;
        background: transparent url(/images/border01.png) no-repeat center center; }
      .h2cc .hccw .ddl::after {
        content: "";
        position: absolute;
        right: 0;
        width: 1px;
        height: 100%;
        background: transparent url(/images/border01.png) no-repeat center center; }
      .h2cc .hccw .ddl:hover {
        background-color: #bc1a26; }
    .h2cc .hccw .go {
      display: inline-block;
      width: 82px;
      background: transparent url(/images/go3.png) no-repeat center center;
      margin-right: 12px;
      margin-left: 16px;
      cursor: pointer; }
  .h2cc.adjustConfig .hccw {
    height: 54px;
    line-height: 54px;
    margin-bottom: 0; }
    .h2cc.adjustConfig .hccw .go {
      display: inline-block;
      width: 42px;
      background: transparent url(/images/go2.png) no-repeat center center;
      margin-right: 12px;
      margin-left: 26px;
      cursor: pointer; }
    .h2cc.adjustConfig .hccw .ddl {
      margin-left: 20px;
      min-width: 188px; }

.globalw {
  width: 100%;
  overflow-x: hidden; }

.page .emptybanner {
  height: 120px; }
.page p {
  margin-bottom: 20px; }
.page ul {
  display: block;
  margin-bottom: 30px; }
  .page ul li {
    display: list-item;
    list-style-type: none;
    list-style-position: inside;
    background: transparent url(/images/bullet.png) no-repeat left center;
    padding-left: 30px; }
.page ol {
  counter-reset: item 0; }
  .page ol.secondolpart {
    counter-reset: item 3; }
  .page ol li {
    display: block;
    position: relative;
    clear: both;
    padding-left: 100px;
    min-height: 120px; }
    .page ol li:before {
      content: "0" counter(item) ". ";
      counter-increment: item;
      color: #403c40;
      font-size: 70px;
      height: 70px;
      line-height: 70px;
      display: block;
      position: absolute;
      font-family: 'dosisbold';
      top: 0;
      left: 0; }
.page.home .mcc .mainpagenumber::before {
  content: '01'; }

.section {
  position: relative; }
  .section .mcc {
    width: 1050px;
    margin-left: -525px;
    left: 50%;
    position: absolute;
    z-index: 2000;
    height: 220px;
    bottom: 64px; }
    .section .mcc .encarts1 {
      float: left;
      width: 31%;
      border: 2px solid #3d3b3b;
      background-color: rgba(0, 0, 0, 0.5);
      display: table; }
      .section .mcc .encarts1.leftside {
        border-right-width: 0; }
      .section .mcc .encarts1.rightside {
        border-left-width: 0; }
      .section .mcc .encarts1 .encart1 {
        padding: 0 20px 0 20px;
        display: table-cell;
        vertical-align: middle;
        height: 175px; }
        .section .mcc .encarts1 .encart1 h1 {
          font-size: 20px;
          margin-bottom: 10px;
          font-family: "dosissemibold"; }
        .section .mcc .encarts1 .encart1 a {
          color: #ffffff;
          transition: all .2s; }
          .section .mcc .encarts1 .encart1 a:hover {
            text-shadow: 0 0 8px #e72134;
            text-decoration: none; }
        .section .mcc .encarts1 .encart1 p {
          margin-bottom: 0; }
    .section .mcc .mccw {
      float: left;
      width: 38%;
      background-color: rgba(150, 21, 31, 0.9);
      background: transparent url(/images/bgcc.png) repeat-x left center;
      font-size: 13pt;
      text-align: center;
      border: 3px solid #290000;
      border-radius: 3px;
      padding: 10px 50px 30px 50px;
      position: relative; }
      .section .mcc .mccw .title {
        border: 2px solid #3d3b3b;
        border-bottom-width: 0;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        left: 0;
        width: 100%;
        top: -58px;
        height: 58px;
        font-size: 24px;
        font-family: "dosissemibold"; }
        .section .mcc .mccw .title span {
          display: inline-block;
          height: 54px;
          width: 54px;
          line-height: 54px;
          background: transparent url(/images/sprite01.png) no-repeat -108px 0; }
      .section .mcc .mccw .ddl {
        display: block;
        position: relative;
        margin-bottom: 12px;
        background: transparent url(/images/arrowdown01.png) no-repeat right center;
        border-top: 1px solid #6f0c14;
        border-bottom: 1px solid #6f0c14;
        padding: 0 40px 0 20px;
        height: 50px;
        line-height: 50px;
        cursor: pointer;
        transition: all .2s;
        font-size: 24px; }
        .section .mcc .mccw .ddl::before {
          content: "";
          position: absolute;
          left: 0;
          width: 1px;
          height: 100%;
          background: transparent url(/images/border01.png) no-repeat center center; }
        .section .mcc .mccw .ddl::after {
          content: "";
          position: absolute;
          right: 0;
          width: 1px;
          height: 100%;
          background: transparent url(/images/border01.png) no-repeat center center; }
        .section .mcc .mccw .ddl:hover {
          background-color: #bc1a26; }
      .section .mcc .mccw .go {
        display: block;
        position: absolute;
        width: 82px;
        height: 82px;
        bottom: -48px;
        left: 50%;
        margin-left: -41px;
        cursor: pointer;
        text-indent: -9999px;
        /*transition: all .2s;*/
        background: transparent url(/images/go3.png) no-repeat center center;
        cursor: pointer; }
    .section .mcc .mainpagenumber {
      position: absolute;
      top: -220px;
      right: 0;
      color: rgba(0, 0, 0, 0.4);
      font-size: 190px;
      font-family: 'dosisbold';
      z-index: -1; }
      .section .mcc .mainpagenumber::before {
        content: '03'; }
  .section.alternativemcc .mcc {
    width: 600px;
    margin-left: -300px;
    left: 50%;
    position: absolute;
    z-index: 2000;
    height: 340px;
    bottom: auto;
    top: 50%;
    margin-top: -170px; }
    .section.alternativemcc .mcc .mccw {
      width: 100%; }
      .section.alternativemcc .mcc .mccw .title {
        border: none;
        background: none;
        font-size: 34px; }
        .section.alternativemcc .mcc .mccw .title.forpro {
          font-size: 24px; }
      .section.alternativemcc .mcc .mccw .ddl {
        margin-bottom: 15px;
        padding: 0 40px 0 20px;
        height: 70px;
        line-height: 70px;
        font-size: 30px; }
        .section.alternativemcc .mcc .mccw .ddl:first-of-type {
          margin-top: 15px; }
  .section.alternativemcc .encarts1, .section.alternativemcc .mainpagenumber {
    display: none; }
  .section a {
    color: #e72134;
    text-decoration: none; }
    .section a:hover {
      text-decoration: underline; }
  .section .banners {
    /*height: 890px;*/
    height: 500px;
    overflow: hidden;
    position: relative; }
    .section .banners.inner {
      height: 650px;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      border-bottom: 6px solid #434343; }
    .section .banners .slide {
      /*height: 890px;*/
      height: 500px;
      position: relative;
      background: transparent none no-repeat center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
      .section .banners .slide .ctrlsound {
        display: block;
        border-radius: 50%;
        line-height: 34px;
        width: 36px;
        height: 36px;
        font-size: 18px;
        color: rgba(255, 255, 255, 0.8);
        text-align: center;
        border: 2px solid rgba(255, 255, 255, 0.8);
        position: absolute;
        bottom: 24px;
        left: 70px;
        z-index: 2000;
        cursor: pointer; }
  .section .bx-wrapper .bx-pager {
    text-align: center;
    color: #666;
    padding-top: 20px;
    position: absolute;
    bottom: 20px;
    z-index: 2900;
    right: 66px; }
    .section .bx-wrapper .bx-pager .bx-pager-item {
      display: inline-block; }
      .section .bx-wrapper .bx-pager .bx-pager-item a {
        background: #adadad;
        text-indent: -9999px;
        display: block;
        width: 13px;
        height: 13px;
        margin-left: 5px;
        border: 3px solid #adadad;
        outline: 0;
        border-radius: 50%; }
        .section .bx-wrapper .bx-pager .bx-pager-item a.active, .section .bx-wrapper .bx-pager .bx-pager-item a:hover {
          background: #89000a;
          border-color: #f9000a; }
  .section .template2 .grid_6 {
    position: relative;
    overflow: hidden;
    min-height: 510px;
    border-bottom: 6px solid #585857; }
    .section .template2 .grid_6:hover .picture {
      transform: scale(1.1, 1.1); }
    .section .template2 .grid_6 h1 {
      display: inline-block;
      padding: 20px;
      border: 1px solid #ffffff; }
      .section .template2 .grid_6 h1:after {
        content: "";
        clear: both; }
  .section .template3 .grid_6, .section .template4 .grid_6 {
    overflow: hidden;
    position: relative;
    min-height: 510px;
    border-bottom: 6px solid #585857;
    /*.halfheightdiv{
        position: absolute;
        height: 50%;
        width: 100%;
        overflow: hidden;
        img{
            width: auto;
            height: auto;
            width: 100%;
        }
        &.secondhalf{
            top: 50%;
        }
        &:hover .picture{
            transform: scale(1.1,1.1);
        }
    }*/ }
    .section .template3 .grid_6 .secondcolpic, .section .template4 .grid_6 .secondcolpic {
      overflow: hidden;
      cursor: pointer; }
      .section .template3 .grid_6 .secondcolpic .picture, .section .template4 .grid_6 .secondcolpic .picture {
        position: relative; }
      .section .template3 .grid_6 .secondcolpic img, .section .template4 .grid_6 .secondcolpic img {
        width: auto;
        height: auto; }
      .section .template3 .grid_6 .secondcolpic:hover .picture, .section .template4 .grid_6 .secondcolpic:hover .picture {
        transform: scale(1.1, 1.1); }
    .section .template3 .grid_6 h1, .section .template4 .grid_6 h1 {
      display: inline-block;
      padding: 20px;
      border: 1px solid #ffffff; }
      .section .template3 .grid_6 h1:after, .section .template4 .grid_6 h1:after {
        content: "";
        clear: both; }
    .section .template3 .grid_6 .scrollright, .section .template4 .grid_6 .scrollright {
      position: absolute;
      bottom: 40px;
      right: 20px; }
    .section .template3 .grid_6 .scrollleft, .section .template4 .grid_6 .scrollleft {
      position: absolute;
      bottom: 14px;
      left: 20px; }
  .section .template5 .textwrap {
    padding: 70px 140px 50px 140px; }
    .section .template5 .textwrap .grid_6 {
      margin-top: 20px;
      margin-bottom: 70px; }
      .section .template5 .textwrap .grid_6 p {
        text-align: justify;
        color: rgba(255, 255, 255, 0.9); }
      .section .template5 .textwrap .grid_6:first-of-type p {
        margin-right: 30px; }
      .section .template5 .textwrap .grid_6:last-of-type p {
        margin-left: 30px; }
  .section .blog {
    margin-bottom: 50px; }
    .section .blog .grid_4 .article {
      position: relative;
      margin: 20px;
      height: 290px;
      border: 2px solid #575560; }
      .section .blog .grid_4 .article a {
        display: block;
        background-color: rgba(0, 0, 0, 0.6);
        transition: all .5s;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
        .section .blog .grid_4 .article a:hover {
          background-color: rgba(0, 0, 0, 0); }
        .section .blog .grid_4 .article a h2 {
          position: absolute;
          bottom: 24px;
          left: 24px;
          right: 24px;
          padding-left: 45px;
          font-size: 24px;
          cursor: pointer;
          background: transparent url(/images/plus1.png) no-repeat left center;
          color: #ffffff; }
    .section .blog address {
      position: absolute;
      /*height: 50%;*/
      width: 100%;
      bottom: 50px; }
      .section .blog address .wrap {
        width: 80%;
        margin: 0 auto; }
      .section .blog address .callpage {
        line-height: 18px;
        display: block; }
      .section .blog address .plus {
        display: inline-block;
        width: 18px;
        background: transparent url(/images/plus1.png) no-repeat center center; }
  .section .testimonials {
    margin-bottom: 50px; }
    .section .testimonials .testimonialWrap {
      padding: 0 0 50px 0; }
    .section .testimonials .row {
      padding: 0 70px 0 70px; }
    .section .testimonials h1 {
      margin-left: 20px; }
    .section .testimonials .testimonialFilter {
      width: 80%;
      margin: 0 auto 20px auto; }
      .section .testimonials .testimonialFilter input[type=text] {
        padding: 8px;
        border: 2px solid #101012;
        background-color: #575560;
        border-radius: 16px;
        padding: 15px 10px 15px 10px;
        text-align: center;
        font-size: 16px;
        width: 100%;
        outline: none;
        color: #ffffff; }
        .section .testimonials .testimonialFilter input[type=text]:active {
          outline: none; }
      .section .testimonials .testimonialFilter ::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.7); }
      .section .testimonials .testimonialFilter :-moz-placeholder {
        /* Firefox 18- */
        color: rgba(255, 255, 255, 0.7); }
      .section .testimonials .testimonialFilter ::-moz-placeholder {
        /* Firefox 19+ */
        color: rgba(255, 255, 255, 0.7); }
      .section .testimonials .testimonialFilter :-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.7); }
    .section .testimonials .grid_4 .testimonial {
      position: relative;
      margin: 20px;
      height: 290px;
      border: 2px solid #575560;
      background-color: #101012; }
      .section .testimonials .grid_4 .testimonial .readmore {
        position: absolute;
        height: 100%;
        width: 100.2%;
        background: none;
        display: table;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        transition: all .5s;
        z-index: 200;
        text-decoration: none;
        color: #ffffff;
        font: 36px/1.3 'dosisextralight', Arial, sans-serif;
        text-align: center; }
        .section .testimonials .grid_4 .testimonial .readmore:hover {
          background-color: #ab2331; }
          .section .testimonials .grid_4 .testimonial .readmore:hover .label {
            bottom: calc(50% - 14px); }
        .section .testimonials .grid_4 .testimonial .readmore .label {
          display: block;
          position: absolute;
          right: 0;
          left: 0;
          bottom: 14px;
          font-size: 22px;
          vertical-align: bottom;
          transition: all .5s;
          line-height: 28px;
          text-align: center; }
          .section .testimonials .grid_4 .testimonial .readmore .label .fa-plus {
            display: inline-block;
            border-radius: 50%;
            background-color: #ab2331;
            font-size: 16px;
            width: 28px;
            height: 28px;
            line-height: 28px;
            text-align: center;
            margin-right: 8px; }
      .section .testimonials .grid_4 .testimonial .who {
        position: absolute;
        height: 100%;
        width: 100%;
        display: table;
        font: 36px/1.2 'dosisextralight', Arial, sans-serif;
        text-align: center; }
        .section .testimonials .grid_4 .testimonial .who .details {
          display: table-cell;
          vertical-align: middle; }
          .section .testimonials .grid_4 .testimonial .who .details .name {
            font-size: 28px;
            color: rgba(255, 255, 255, 0.9); }
          .section .testimonials .grid_4 .testimonial .who .details .wherewhen {
            font-size: 20px;
            color: rgba(255, 255, 255, 0.7); }
      .section .testimonials .grid_4 .testimonial .picture {
        transform: none;
        z-index: 0; }
    .section .testimonials address {
      position: absolute;
      /*height: 50%;*/
      width: 100%;
      bottom: 50px; }
      .section .testimonials address .wrap {
        width: 80%;
        margin: 0 auto; }
      .section .testimonials address .callpage {
        line-height: 18px;
        display: block; }
      .section .testimonials address .plus {
        display: inline-block;
        width: 18px;
        background: transparent url(/images/plus1.png) no-repeat center center; }
    .section .testimonials .shortcuts {
      position: fixed;
      top: 256px;
      border: 2px solid #575560;
      border-left-width: 0;
      background-color: #101012;
      text-align: center;
      width: 36px;
      z-index: 3937; }
      .section .testimonials .shortcuts span {
        display: block;
        font-size: 25px;
        text-transform: uppercase;
        cursor: pointer;
        transition: all .2s; }
        .section .testimonials .shortcuts span:hover, .section .testimonials .shortcuts span.current {
          color: #e72134; }
  .section .faq h1 {
    margin-top: 80px; }
  .section .faq .faq-list {
    padding: 20px;
    border-radius: 22px;
    background-color: #201f23;
    margin-top: 80px;
    margin-bottom: 80px;
    /*border: 1px solid #101012;*/
    /*box-shadow: 0 0 24px rgba(0,0,0,.4);*/ }
    .section .faq .faq-list .kwFilter {
      width: 80%;
      margin: 0 auto 20px auto; }
      .section .faq .faq-list .kwFilter input[type=text] {
        padding: 8px;
        /*border: 1px solid #101012;*/
        border: none;
        background-color: #575560;
        border-radius: 16px;
        padding: 15px 10px 15px 10px;
        text-align: center;
        font-size: 16px;
        width: 100%;
        outline: none;
        color: #ffffff; }
        .section .faq .faq-list .kwFilter input[type=text]:active {
          outline: none; }
    .section .faq .faq-list .qa .question {
      margin: 6px;
      padding: 8px;
      border-bottom: 1px solid #333; }
      .section .faq .faq-list .qa .question a {
        color: white;
        font-size: 20px;
        transition: all .25s; }
        .section .faq .faq-list .qa .question a:hover {
          text-decoration: none;
          color: #e72134; }
    .section .faq .faq-list .qa .answer {
      display: none; }
    .section .faq .faq-list:after {
      display: block;
      content: "";
      clear: both; }
  .section .portal [class^="grid"] {
    position: relative;
    overflow: hidden;
    height: 510px;
    background: transparent none no-repeat center center;
    border-right: 3px solid #585857;
    border-left: 3px solid #585857;
    border-bottom: 6px solid #585857; }
    .section .portal [class^="grid"]:nth-of-type(1) {
      border-left-width: 0; }
    .section .portal [class^="grid"]:nth-of-type(3) {
      border-right-width: 0; }
  .section .portal [class^="grid"]:hover .picture, .section .portal [class^="grid"]:hover .dynatek-poster {
    transform: scale(1.1, 1.1); }
  .section .portal .intro {
    position: absolute;
    /*height: 50%;*/
    width: 100%;
    bottom: 50px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=45);
    text-shadow: 1px 1px 2px #000000; }
    .section .portal .intro .wrap {
      width: 80%;
      margin: 0 auto; }
    .section .portal .intro .callpage {
      line-height: 18px;
      display: block; }
    .section .portal .intro .plus {
      display: inline-block;
      width: 18px;
      background: transparent url(/images/plus1.png) no-repeat center center; }
  .section .portal .cloud {
    position: absolute;
    height: 100%;
    width: 100%;
    background: transparent url(/images/cloud.png) no-repeat center bottom;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    z-index: 0; }
  .section .team [class^="grid"] {
    position: relative;
    overflow: hidden;
    height: 320px;
    background: transparent none no-repeat center center;
    border: 2px solid #2f2e34; }
  .section .team [class^="grid"]:hover .picture {
    transform: scale(1.1, 1.1); }
  .section .team .intro {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .5s;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8); }
    .section .team .intro .wrap {
      margin: 90px auto;
      text-align: center; }
    .section .team .intro .callpage {
      line-height: 18px;
      display: block; }
    .section .team .intro .plus {
      display: inline-block;
      width: 18px;
      background: transparent url(/images/plus1.png) no-repeat center center; }
    .section .team .intro a {
      font-family: 'dosismedium'; }
    .section .team .intro:hover, .section .team .intro.active {
      opacity: 1; }
  .section .picture {
    position: absolute;
    height: 100%;
    width: 100%;
    background: transparent none no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    transition: all .5s;
    backface-visibility: hidden;
    transform: scale(1, 1);
    z-index: -1; }
  .section .encarts0 [class^="grid"] {
    /*border-bottom: 6px solid $gray1;*/
    background-color: #2f2e34;
    padding: 60px;
    height: 500px;
    position: relative; }
    .section .encarts0 [class^="grid"].style1::before {
      position: absolute;
      background-color: #000000;
      width: 2px;
      left: 0;
      top: 10%;
      height: 80%;
      content: ""; }
    .section .encarts0 [class^="grid"].style2 {
      border-bottom: 2px solid #585857; }
  .section .encarts0.innerrow [class^="grid"] {
    border-bottom: 2px solid #000000; }
  .section .encarts0 p {
    font-size: 16px; }
  .section .last_news .callpage {
    line-height: 18px;
    display: block;
    text-align: right; }
  .section .last_news .plus {
    display: inline-block;
    width: 18px;
    background: transparent url(/images/plus1.png) no-repeat center center; }
  .section .vehicles {
    background: #292a2a url(/images/cars1.jpg) no-repeat center top;
    background-size: 100%;
    min-height: 800px; }
    .section .vehicles .tl {
      width: 660px;
      height: 60px;
      background: transparent url("/images/cctl.png") no-repeat 0 -60px; }
      .section .vehicles .tl span, .section .vehicles .tl a {
        display: inline-block;
        width: 220px;
        color: #ffffff;
        line-height: 74px;
        font-size: 16px;
        text-indent: 90px;
        text-decoration: none; }
    .section .vehicles .lists {
      position: relative;
      max-width: 1130px;
      width: 80%;
      margin: 0 auto;
      margin-top: 85px;
      min-height: 700px; }
      .section .vehicles .lists .tablebetween {
        background-color: rgba(20, 20, 20, 0.4); }
      .section .vehicles .lists .tabs .tab {
        width: 209px;
        height: 37px;
        background: transparent url(/images/tab.png) no-repeat left top;
        line-height: 37px;
        font-size: 24px;
        color: #ffffff;
        text-align: center;
        display: inline-block;
        font-weight: bold;
        cursor: pointer;
        z-index: 100;
        position: relative; }
        .section .vehicles .lists .tabs .tab span {
          background: transparent url(/images/tankw.png) no-repeat center center;
          display: inline-block;
          width: 22px;
          line-height: 37px; }
        .section .vehicles .lists .tabs .tab:nth-child(2) {
          margin-left: -67px; }
        .section .vehicles .lists .tabs .tab.disabled {
          color: #444444;
          background-image: url(/images/tabdisabled.png);
          z-index: 0; }
          .section .vehicles .lists .tabs .tab.disabled span {
            background: transparent url(/images/tankg.png) no-repeat center center; }
      .section .vehicles .lists .cursor {
        position: absolute;
        left: -44px;
        width: 44px;
        height: 50px;
        text-align: right;
        cursor: pointer; }
        .section .vehicles .lists .cursor img {
          width: 0%;
          height: 50px; }
      .section .vehicles .lists .table1 {
        width: 100%; }
        .section .vehicles .lists .table1 tr {
          height: 40px;
          /*transition: all .2s;*/
          cursor: pointer;
          /*&:hover{
              height: 80px;
              background-color: $red1!important;
          }*/ }
          .section .vehicles .lists .table1 tr th {
            background-color: #3d3a3a;
            width: 33%;
            text-align: center;
            vertical-align: middle; }
          .section .vehicles .lists .table1 tr td {
            vertical-align: middle;
            text-align: center;
            border-left: 1px solid #323030; }
            .section .vehicles .lists .table1 tr td:first-child {
              text-align: left;
              padding-left: 40px;
              border-left-width: 0; }
          .section .vehicles .lists .table1 tr:nth-child(odd) {
            background-color: #6c6262; }
          .section .vehicles .lists .table1 tr:nth-child(even) {
            background-color: #9d9292; }
    .section .vehicles .productContainer {
      background-color: #28272c;
      border-top: 6px solid #585857; }
    .section .vehicles .product {
      max-width: 1320px;
      width: 90%;
      margin: 0 auto;
      padding-top: 40px;
      text-align: center; }
      .section .vehicles .product .model_gallery {
        width: 90%;
        height: auto; }
        .section .vehicles .product .model_gallery .thumb {
          display: none; }
          .section .vehicles .product .model_gallery .thumb:nth-of-type(1) {
            display: block; }
      .section .vehicles .product h1 {
        background: transparent url("/images/speedometer.png") no-repeat left center;
        display: inline-block;
        padding-left: 64px;
        line-height: 54px;
        font-size: 40px; }
      .section .vehicles .product .gains {
        position: relative; }
        .section .vehicles .product .gains .fx {
          position: absolute;
          background: transparent url(/images/bgcell2.png) no-repeat center center;
          -moz-background-size: 100% 100%;
          -o-background-size: 100% 100%;
          -webkit-background-size: 100% 100%;
          background-size: 100% 100%; }
        .section .vehicles .product .gains table {
          width: 100%;
          font-size: 22px; }
          .section .vehicles .product .gains table tr td {
            border: 2px solid #cdcdd0;
            text-align: center;
            padding: 8px;
            line-height: 30px; }
            .section .vehicles .product .gains table tr td:nth-child(2), .section .vehicles .product .gains table tr td:nth-child(3), .section .vehicles .product .gains table tr td:nth-child(4) {
              width: 21%; }
          .section .vehicles .product .gains table tr.row1 td:first-child {
            border: none; }
          .section .vehicles .product .gains table tr.row1 td {
            padding: 3px; }
          .section .vehicles .product .gains table tr.row2 {
            background-color: #a4a4a4; }
            .section .vehicles .product .gains table tr.row2 td {
              border-bottom-width: 0; }
          .section .vehicles .product .gains table tr.row3 {
            background-color: #ca1121; }
            .section .vehicles .product .gains table tr.row3 td {
              border-top-width: 0;
              border-bottom-width: 0; }
              .section .vehicles .product .gains table tr.row3 td img {
                height: 18px;
                width: auto; }
          .section .vehicles .product .gains table tr.row4 {
            background-color: #655a5a; }
            .section .vehicles .product .gains table tr.row4 td {
              border-top-width: 0; }
      .section .vehicles .product .styledcell1 {
        position: relative;
        background: transparent url(/images/cellborder1.png) no-repeat center center;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        width: 100%;
        height: 172px;
        width: 90%;
        margin: 0 0 0 auto; }
      .section .vehicles .product .counter {
        position: absolute;
        line-height: 172px;
        top: 3px;
        right: 3px;
        bottom: 3px;
        left: 3px;
        background: #292a2a url(/images/bgcell1.png) no-repeat center center;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        font-size: 48px; }
        .section .vehicles .product .counter .fa {
          font-size: 24px; }
      .section .vehicles .product .testimonial {
        text-align: left; }
        .section .vehicles .product .testimonial .ref {
          color: #a4a4a4;
          padding: 0 0 0 50px; }
          .section .vehicles .product .testimonial .ref .who {
            font-size: 28px;
            color: #ffffff; }
          .section .vehicles .product .testimonial .ref .whn {
            color: #ca1121; }
          .section .vehicles .product .testimonial .ref .where {
            color: #ca1121; }
        .section .vehicles .product .testimonial .quote {
          font-size: 20px;
          margin-top: 8px; }
    .section .vehicles .wot {
      color: #acabb1;
      font-size: 16px;
      margin-top: 14px; }
      .section .vehicles .wot.fr-dz {
        display: none; }
    .section .vehicles .commercial_infos .grid_4 {
      position: relative; }
      .section .vehicles .commercial_infos .grid_4.comments::before, .section .vehicles .commercial_infos .grid_4.price::before {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 0;
        /*1px*/
        background-color: #1b1a1e;
        overflow: hidden;
        content: ""; }
    .section .vehicles .commercial_infos .curve {
      line-height: 54px;
      padding: 12px;
      text-align: right; }
      .section .vehicles .commercial_infos .curve span {
        display: inline-block;
        width: 54px;
        background: transparent url(/images/sprite01.png) no-repeat -209px center; }
    .section .vehicles .commercial_infos .price_grid {
      width: 100%; }
      .section .vehicles .commercial_infos .price_grid td {
        width: 48%;
        text-align: right;
        padding-bottom: 12px; }
        .section .vehicles .commercial_infos .price_grid td.inter {
          width: 4%; }
        .section .vehicles .commercial_infos .price_grid td .finalprice {
          padding: 4px 10px 4px 10px;
          display: block;
          border: 1px solid #862b2e;
          margin: 0 2px 0 2px;
          line-height: 80px; }
          .section .vehicles .commercial_infos .price_grid td .finalprice.fr-dz {
            font-size: 28px;
            line-height: 78px; }
        .section .vehicles .commercial_infos .price_grid td .discount {
          font-size: 25px;
          color: #e72134; }
        .section .vehicles .commercial_infos .price_grid td .initialprice {
          font-size: 25px;
          display: block;
          margin-bottom: 8px; }
        .section .vehicles .commercial_infos .price_grid td .adja {
          padding-right: 11px; }
      .section .vehicles .commercial_infos .price_grid .h4 {
        font-size: 22px; }
      .section .vehicles .commercial_infos .price_grid .h2 {
        font-size: 50px; }
        .section .vehicles .commercial_infos .price_grid .h2 td {
          line-height: 80px; }
      .section .vehicles .commercial_infos .price_grid .h3 {
        font-size: 40px; }
        .section .vehicles .commercial_infos .price_grid .h3 td {
          line-height: 50px; }
    .section .vehicles .commercial_infos .price_grid_pro {
      width: 80%;
      margin: 0 auto 40px auto; }
      .section .vehicles .commercial_infos .price_grid_pro td {
        padding: 12px;
        border-bottom: 1px solid #bdbcbc; }
        .section .vehicles .commercial_infos .price_grid_pro td.inter {
          width: 4%; }
        .section .vehicles .commercial_infos .price_grid_pro td:nth-of-type(1) {
          width: 58%;
          text-align: left; }
        .section .vehicles .commercial_infos .price_grid_pro td:nth-of-type(3) {
          width: 38%;
          text-align: right; }
      .section .vehicles .commercial_infos .price_grid_pro .red {
        font-weight: 900;
        color: #e72134; }
    .section .vehicles .commercial_infos .mail2, .section .vehicles .commercial_infos .phone2, .section .vehicles .commercial_infos .callback, .section .vehicles .commercial_infos .settlement {
      float: left;
      width: 26%;
      text-align: center;
      margin: 10px 0 50px 7%;
      background: transparent url(/images/mail2.png) no-repeat center top;
      cursor: pointer;
      transition: all .4s;
      /*background-size: 30%;*/ }
      .section .vehicles .commercial_infos .mail2 a, .section .vehicles .commercial_infos .phone2 a, .section .vehicles .commercial_infos .callback a, .section .vehicles .commercial_infos .settlement a {
        color: #ffffff;
        display: inline-block;
        padding-top: 110px;
        font-size: 16px;
        color: #acabb1; }
        .section .vehicles .commercial_infos .mail2 a:hover, .section .vehicles .commercial_infos .phone2 a:hover, .section .vehicles .commercial_infos .callback a:hover, .section .vehicles .commercial_infos .settlement a:hover {
          text-decoration: none; }
      .section .vehicles .commercial_infos .mail2:hover, .section .vehicles .commercial_infos .phone2:hover, .section .vehicles .commercial_infos .callback:hover, .section .vehicles .commercial_infos .settlement:hover {
        transform: translateY(-5px); }
    .section .vehicles .commercial_infos .phone2 {
      background-image: url(/images/phone2.png); }
    .section .vehicles .commercial_infos .callback {
      background-image: url(/images/callback2.png); }
    .section .vehicles .commercial_infos .settlement {
      background-image: url(/images/settlement2.png); }
    .section .vehicles .commercial_infos.pro .mail2, .section .vehicles .commercial_infos.pro .phone2, .section .vehicles .commercial_infos.pro .callback, .section .vehicles .commercial_infos.pro .settlement {
      width: 20%;
      margin: 10px 0 50px 5%; }
  .section .contacts {
    position: relative;
    background: #000000 url(/images/bgContacts.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 600px; }
    .section .contacts .container_12 {
      /*max-width: 1350px;*/
      margin: 0 auto; }
    .section .contacts .gw {
      position: relative; }
      .section .contacts .gw #enddirection {
        width: 400px;
        padding: 10px 0 10px 0;
        text-align: center;
        font-size: 24px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 55555; }
    .section .contacts a {
      color: #ffffff;
      text-decoration: none;
      transition: all .4s;
      display: block;
      font-size: 24px;
      position: relative;
      /*&:hover,*/ }
      .section .contacts a span .red {
        color: #e72134; }
      .section .contacts a .status1 {
        transition: all .4s;
        display: block; }
      .section .contacts a .status2 {
        opacity: 0;
        -moz-opacity: 0;
        transition: all .4s;
        display: block; }
      .section .contacts a .picto {
        background: rgba(0, 0, 0, 0) url(/images/sprite125.png) no-repeat center center;
        display: inline-block;
        cursor: pointer;
        width: 125px;
        height: 125px;
        margin-bottom: 20px;
        border-radius: 50%;
        border: 2px solid rgba(212, 210, 210, 0);
        transition: all .4s; }
        .section .contacts a .picto.map {
          background-position: -252px 0; }
        .section .contacts a .picto.mail {
          background-position: -127px 0; }
        .section .contacts a .picto.phone {
          background-position: -2px 0; }
      .section .contacts a.current .picto {
        border-color: #d4d2d2;
        background-color: black;
        transform: translate(0, -10px);
        -o-transform: translate(0, -10px);
        /* Opera */
        -ms-transform: translate(0, -10px);
        /* IE 9 */
        -moz-transform: translate(0, -10px);
        /* Firefox */
        -webkit-transform: translate(0, -10px); }
      .section .contacts a.current .status1 {
        opacity: 0;
        -moz-opacity: 0; }
      .section .contacts a.current .status2 {
        opacity: 1;
        -moz-opacity: 1;
        margin-top: -50px; }

.ajaxTestimonial {
  clear: both;
  text-align: left;
  display: none;
  background-color: #1b1b20;
  padding: 90px 0 90px 0;
  position: relative; }
  .ajaxTestimonial .wrap {
    width: 80%;
    margin: 0 auto; }
  .ajaxTestimonial .cursor {
    background: transparent url(/images/graydown.png) no-repeat 0 0;
    position: absolute;
    top: 0;
    left: -68px;
    width: 68px;
    height: 34px; }
  .ajaxTestimonial .ref {
    color: #a4a4a4;
    padding: 0 0 0 50px; }
    .ajaxTestimonial .ref .who {
      font-size: 28px;
      color: #ffffff; }
    .ajaxTestimonial .ref .whn {
      color: #ca1121; }
    .ajaxTestimonial .ref .where {
      color: #ca1121; }
  .ajaxTestimonial .quote {
    font-size: 20px;
    margin-top: 8px; }

.stripe.stripe1 {
  background-color: #212125;
  padding: 20px;
  border-bottom: 6px solid #585857; }
.stripe.stripe2 {
  background-color: #bc2130;
  padding: 75px 20px 110px 20px;
  border-top: 3px solid #585857;
  border-bottom: 6px solid #585857;
  text-align: center; }
  .stripe.stripe2 h1 {
    text-transform: uppercase;
    font: 66px/1.3  'dosisextralight', Arial, sans-serif;
    letter-spacing: 2px;
    margin-bottom: 10px; }
  .stripe.stripe2 h3 {
    font-size: 32px;
    max-width: 960px;
    margin: 0 auto;
    letter-spacing: 1px; }
  .stripe.stripe2 h2 {
    font-size: 40px;
    max-width: 960px;
    margin: 0 auto;
    letter-spacing: 1px; }
.stripe.stripe3 {
  background-color: #7e7e7e;
  padding: 75px 20px 110px 20px;
  border-top: 6px solid #585857;
  border-bottom: 6px solid #585857;
  text-align: center; }
  .stripe.stripe3 h1 {
    text-transform: uppercase;
    font: 66px/1.3  'dosisextralight', Arial, sans-serif;
    letter-spacing: 2px;
    margin-bottom: 10px; }
  .stripe.stripe3 h3 {
    font-size: 32px;
    max-width: 960px;
    margin: 0 auto;
    letter-spacing: 1px; }
.stripe.stripe4 {
  background-color: #898d33;
  padding: 75px 20px 110px 20px;
  border-top: 3px solid #585857;
  border-bottom: 6px solid #585857;
  text-align: center; }
  .stripe.stripe4 h1 {
    text-transform: uppercase;
    font: 66px/1.3  'dosisextralight', Arial, sans-serif;
    letter-spacing: 2px;
    margin-bottom: 10px; }
  .stripe.stripe4 h3 {
    font-size: 28px;
    max-width: 960px;
    margin: 0 auto;
    font: 32px/1.3  'dosisextralight', Arial, sans-serif; }
.stripe.stripe5 {
  background-color: #000000;
  padding: 10px;
  text-align: center;
  font: 32px/1.3  'dosisextralight', Arial, sans-serif; }
  .stripe.stripe5 b {
    font-family: 'dosisregular', Arial, sans-serif;
    font-weight: bold; }
  .stripe.stripe5 h1 {
    text-transform: uppercase;
    font: 50px/1.3  'dosisextralight', Arial, sans-serif; }
  .stripe.stripe5 h3 {
    font-size: 28px;
    max-width: 960px;
    margin: 0 auto;
    font: 32px/1.3  'dosisextralight', Arial, sans-serif; }
.stripe.fwpicture {
  height: 500px;
  position: relative;
  overflow: hidden;
  border-top: 6px solid #585857;
  /*img{
      @include imp-overlay;
      width:100%;
      max-width: 100%;
      height: auto;
  }*/ }
  .stripe.fwpicture .img {
    background: transparent none no-repeat center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .stripe.fwpicture.vcw {
    border-bottom: 6px solid #585857;
    border-top-width: 0;
    position: relative; }
    .stripe.fwpicture.vcw .bigplay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: transparent url(/images/bigplay.png) no-repeat center center;
      cursor: pointer; }
    .stripe.fwpicture.vcw .big360 {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: transparent url(/images/360.png) no-repeat center center;
      cursor: pointer; }

.related_articles {
  padding: 70px 140px 50px 140px; }
  .related_articles .wrap {
    position: relative; }
    .related_articles .wrap .sli {
      position: relative;
      overflow: hidden;
      height: 316px; }
      .related_articles .wrap .sli .items {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
  .related_articles .grid_4 .article {
    position: relative;
    margin: 20px;
    height: 290px;
    border: 2px solid #575560;
    overflow: hidden; }
    .related_articles .grid_4 .article a {
      display: block;
      background-color: rgba(0, 0, 0, 0.6);
      transition: all .5s;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
      .related_articles .grid_4 .article a:hover {
        background-color: rgba(0, 0, 0, 0); }
      .related_articles .grid_4 .article a h2 {
        position: absolute;
        bottom: 24px;
        left: 24px;
        right: 24px;
        padding-left: 45px;
        font-size: 24px;
        cursor: pointer;
        background: transparent url(/images/plus1.png) no-repeat left center;
        color: #ffffff; }
  .related_articles .scrollright {
    position: absolute;
    top: 158px;
    right: -80px;
    z-index: 600; }
  .related_articles .scrollleft {
    position: absolute;
    top: 158px;
    left: -80px;
    z-index: 600; }

.footer {
  padding: 50px;
  color: #7f7d7d;
  background-color: #000000;
  border-top: 6px solid #434343; }
  .footer p {
    font-size: 12px;
    margin-bottom: 20px; }
    .footer p a {
      color: #7f7d7d;
      text-decoration: none;
      transition: all .4s; }
      .footer p a:hover {
        color: #e72134; }

.transition {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -1; }
  .transition:before {
    content: "loading";
    font-size: 65px;
    text-align: center;
    color: #585857;
    width: 100%;
    display: block;
    padding-top: 150px; }

.ajaxpage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  overflow: auto;
  padding: 200px;
  opacity: 0; }
  .ajaxpage .topage {
    display: block;
    position: absolute;
    background-color: #585857;
    width: 64px;
    height: 64px;
    left: 68px;
    margin-top: -32px;
    top: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 64px;
    text-transform: uppercase;
    font-size: 11px;
    cursor: pointer; }

.third_half {
  margin-right: -50% !important; }

.container_12.fieldset {
  width: 980px;
  max-width: 100%;
  margin: 0 auto; }

.fieldset p, .fieldset ul {
  margin-left: 8px; }
.fieldset .field {
  margin: 0 8px 0 8px;
  position: relative; }
  .fieldset .field label {
    text-transform: uppercase;
    font-size: 16px;
    display: block;
    position: absolute;
    top: 6px;
    left: 8px; }
  .fieldset .field .it input[type="text"], .fieldset .field .it input[type="password"], .fieldset .field .it textarea {
    background: none;
    border: 1px solid #ffffff;
    display: block;
    padding: 8px;
    margin-bottom: 16px;
    color: #ffffff;
    width: 100%;
    margin-right: 20px; }
    .fieldset .field .it input[type="text"].error, .fieldset .field .it input[type="password"].error, .fieldset .field .it textarea.error {
      background-color: #e72134;
      color: #ffffff; }
  .fieldset .field .it textarea {
    height: 120px; }
    .fieldset .field .it textarea.error {
      background-color: #e72134;
      color: #ffffff; }
.fieldset input[type="checkbox"].error {
  box-shadow: 0px 0px 36px 13px #e72134 !important; }
.fieldset.survey h1 {
  margin-bottom: 10px; }
.fieldset.survey .proposition {
  padding: 12px;
  background-color: #eeeeee;
  margin-bottom: 8px; }
  .fieldset.survey .proposition .field {
    display: none; }
    .fieldset.survey .proposition .field .it [type=text] {
      border: 1px solid #bbbbbb;
      margin: 4px;
      background-color: #ffffff;
      color: #333333; }
.fieldset.survey .checked .field {
  display: block; }

.whiteoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(100, 100, 100, 0.6);
  z-index: 10; }

.transparentoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 80; }

.redbutton {
  display: inline-block;
  background-color: #e41e2b;
  color: #ffffff !important;
  padding: 20px 80px 20px 80px;
  text-transform: uppercase;
  transition: all .2s;
  font-size: 18px;
  border: none;
  cursor: pointer; }
  .redbutton:hover {
    color: #ffffff;
    background-color: #ee1625; }

/* `Misc Classes
----------------------------------------------------------------------------------------------------*/
.magritable {
  display: table !important; }
  .magritable .td {
    display: table-cell;
    vertical-align: middle;
    padding: 0 50px 0 50px; }

.highlight1 {
  display: inline-block;
  padding: 12px 24px 12px 24px;
  background-color: #000000;
  font-size: 24px;
  border: 1px double #000;
  outline: 3px solid #212125;
  outline-offset: -9px;
  text-transform: uppercase; }

.margin_left_78 {
  margin-left: 78px; }

.align_center {
  text-align: center; }

.align_left {
  text-align: left; }

.align_right {
  text-align: right; }

.u {
  text-decoration: underline; }

.clear {
  clear: both; }

.relative {
  position: relative; }

.float_left {
  float: left; }

.img_float_left {
  float: left;
  margin: 0 20px 20px 0; }

.float_right {
  float: right; }

.img_float_right {
  float: right;
  margin: 0 0px 20px 20px; }

.no_margin {
  margin: 0 !important; }

.no_margin_bottom {
  margin-bottom: 0 !important; }

.no_top_padding {
  padding-top: 0 !important; }

[class^="grid"].no_left_margin {
  margin-left: 0; }

[class^="grid"].no_right_margin {
  margin-right: 0; }

.red {
  color: #e72134; }

.bigger {
  font-size: 22px; }

.bigger20 {
  font-size: 20px; }

.bigger22 {
  font-size: 22px; }

.bigger25 {
  font-size: 25px; }

.lightfont1 {
  font-family: 'dosislight', Arial, sans-serif;
  letter-spacing: 1px; }

.lightfont2 {
  font-family: 'dosislight', Arial, sans-serif; }

.lineheight120 {
  line-height: 120%; }

.lineheight140 {
  line-height: 140%; }

.lineheight160 {
  line-height: 160%; }

.textwrap1 {
  padding: 70px 70px 50px 70px; }

.framed {
  display: inline-block;
  padding: 4px 30px 4px 30px;
  border: 1px solid #ffffff; }

/*prior*/
.nostyledlist, .nostyledlist li {
  list-style-type: none;
  list-style-position: inside;
  display: block;
  margin-left: 0;
  padding-left: 0; }

.nobottompadding {
  padding-bottom: 0; }

.paddingbottom20 {
  padding-bottom: 20px !important; }

.halfbottompadding {
  padding-bottom: 70px; }

.notoppadding {
  padding-top: 0; }

.nodisp {
  display: none !important; }

.textalpha {
  color: #dad7d7;
  color: rgba(255, 255, 255, 0.7); }

.phone1, .mail1 {
  line-height: 72px;
  font-size: 18px; }
  .phone1 span, .mail1 span {
    display: inline-block;
    height: 54px;
    width: 54px;
    line-height: 54px;
    background: transparent url(/images/sprite01.png) no-repeat -54px 0;
    margin-right: 14px; }

.mail1 span {
  background-position: 0 0; }

.quote {
  position: relative;
  padding: 0 30px 0 30px;
  text-align: left; }
  .quote .dquotes {
    font-size: 50px;
    line-height: 0px;
    height: 0px; }
    .quote .dquotes.open {
      position: absolute;
      top: 10px;
      left: 10px; }
    .quote .dquotes.close {
      bottom: 10px;
      right: -20px;
      display: inline-block;
      margin-left: 10px; }

.readbelow {
  height: 100px;
  background: transparent url(/images/arrowdown02.png) no-repeat center 25px;
  transition: all .2s;
  cursor: pointer; }
  .readbelow:hover {
    background-position: center 40px; }

.scrollright {
  height: 40px;
  background: transparent url(/images/scrollright.png) no-repeat right center;
  transition: all .2s;
  cursor: pointer;
  margin-right: 30px;
  font: 18px/1  'dosisregular', Arial, sans-serif;
  color: #909093;
  text-align: right;
  padding-top: 21px; }
  .scrollright span {
    display: inline-block;
    text-align: left;
    width: 50px; }
  .scrollright.green {
    background-image: url(/images/scrollright-green.png); }
  .scrollright.gray {
    background-image: url(/images/scrollright-gray.png); }
  .scrollright:hover {
    margin-right: 15px;
    text-decoration: none !important; }
  .scrollright.nolabel {
    min-width: 50px;
    height: 20px; }

.scrollleft {
  height: 40px;
  background: transparent url(/images/scrollleft.png) no-repeat left center;
  transition: all .2s;
  cursor: pointer;
  margin-left: 30px;
  font: 18px/1  'dosisregular', Arial, sans-serif;
  color: #909093;
  text-align: left;
  padding-top: 21px; }
  .scrollleft span {
    display: inline-block;
    text-align: right;
    width: 50px; }
  .scrollleft.green {
    background-image: url(/images/scrollleft-green.png); }
  .scrollleft.gray {
    background-image: url(/images/scrollleft-gray.png); }
  .scrollleft:hover {
    margin-left: 15px;
    text-decoration: none !important; }
  .scrollleft.nolabel {
    min-width: 50px;
    height: 20px; }

.ddlOptions {
  position: relative; }
  .ddlOptions .items {
    margin-top: 40px; }
    .ddlOptions .items .item {
      display: block;
      padding: 6px 4px 6px 4px;
      text-align: left;
      transition: all .2s;
      cursor: pointer;
      background-color: rgba(231, 33, 52, 0.9);
      text-indent: 30%; }
      .ddlOptions .items .item:hover {
        background-color: #9f232b !important; }
      .ddlOptions .items .item:nth-child(odd) {
        background-color: #5c5e5d; }
      .ddlOptions .items .item:nth-child(even) {
        background-color: #707070; }
      .ddlOptions .items .item input[type="radio"] {
        display: none; }
      .ddlOptions .items .item.kwfilter {
        text-indent: 0;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 0; }
        .ddlOptions .items .item.kwfilter input[type=text] {
          background-image: url(/images/mg.png);
          background-repeat: no-repeat;
          background-position: 20px center;
          width: 100%;
          margin: 0 auto;
          text-indent: 40px;
          display: inline-block;
          border: 1px solid #333333;
          padding: 4px;
          line-height: 40px;
          height: 40px; }
  .ddlOptions .legend {
    border-bottom: 1px solid #000000;
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 4px 0 4px 0; }

/*tiny*/
.tiny .line1 {
  background-color: #00c0ff;
  display: block;
  color: #ffffff;
  padding: 7px 12px 7px 12px;
  float: left;
  clear: both;
  font-size: 16px; }
.tiny .line2 {
  display: block;
  color: #ffffff;
  padding: 7px 12px 7px 12px;
  float: left;
  clear: both;
  font-size: 16px;
  background-color: #00c0ff;
  margin-top: -1px; }

.ribbon {
  width: 120px;
  height: 410px;
  background-color: #212125;
  position: fixed;
  top: 50%;
  margin-top: -205px;
  right: -120px;
  z-index: 4000; }
  .ribbon .toggle {
    position: absolute;
    width: 68px;
    height: 146px;
    left: -68px;
    top: 145px;
    cursor: pointer; }
  .ribbon .links {
    margin-top: 20px; }
    .ribbon .links li {
      display: block;
      text-align: center;
      height: 144px; }
      .ribbon .links li a {
        display: inline-block;
        height: 80px;
        width: 80px;
        border: 2px solid #ffffff;
        border-radius: 50%;
        text-decoration: none;
        transition: all .2s;
        background: transparent url(/images/sprite03.png) no-repeat center 0; }
        .ribbon .links li a:hover {
          border-color: #dcdcdc; }
        .ribbon .links li a.phone {
          background-position: center -80px; }
        .ribbon .links li a.mail {
          background-position: center -160px; }

.imphide {
  display: none; }

.seebelow {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #ffffff;
  color: rgba(255, 255, 255, 0.8);
  right: 8%;
  top: 50%;
  margin-top: -18px;
  display: block;
  border: 2px solid #ffffff;
  border-color: rgba(255, 255, 255, 0.8);
  line-height: 36px !important;
  text-align: center;
  transition: all .2s;
  cursor: pointer; }
  .seebelow:hover {
    color: #ffffff;
    border-color: #ffffff; }

.virtualtour {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  top: 146px; }
  @media (max-width: 991px) {
    .virtualtour {
      top: 70px; } }

.mer {
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #5e5e5e;
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
  color: #ffffff;
  line-height: 1;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 20px;
  height: 56px;
  display: table; }
  .mer .warning {
    background: #c00028 url(/images/warning.png) no-repeat center center;
    width: 56px;
    height: 56px;
    display: block;
    margin-right: 10px;
    border-bottom-right-radius: 6px;
    float: left; }
  .mer .label {
    display: table-cell;
    vertical-align: middle; }

.isAs {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000000;
  background-color: #fff000;
  padding: 4px;
  color: #333333; }

.table_style1 {
  border-collapse: collapse;
  width: 80%;
  margin: 20px auto 40px auto;
  max-width: 960px; }
  .table_style1 tr:nth-child(odd) {
    background-color: #3b3a40; }
  .table_style1 tr:nth-child(even) {
    /*background-color: #28272c;*/ }
  .table_style1 th, .table_style1 td {
    padding: 20px; }
    .table_style1 th:nth-of-type(1), .table_style1 td:nth-of-type(1) {
      width: 12%; }
    .table_style1 th:nth-of-type(2), .table_style1 td:nth-of-type(2) {
      width: 44%; }
    .table_style1 th:nth-of-type(3), .table_style1 td:nth-of-type(3) {
      width: 44%; }
    .table_style1 th::before, .table_style1 td::before {
      display: none; }
  .table_style1 th {
    background-color: #96151f;
    text-align: center;
    color: #ffffff;
    font-size: 24px; }
  .table_style1 caption {
    display: none; }

.countdown {
  color: #ffffff;
  padding-bottom: 10px;
  display: block;
  text-align: center;
  position: relative; }
  .countdown span.bl {
    display: inline-block;
    background-color: #222222;
    line-height: 75px;
    height: 90px;
    width: 23%;
    text-align: center;
    margin-right: 1%;
    margin-left: 1%;
    border-radius: 8px;
    box-shadow: 1px 1px 4px #111111;
    font-size: 44px; }

.countdown-legend {
  display: block;
  position: absolute;
  bottom: 12px;
  width: 100%; }

.countdown-legend span {
  display: inline-block;
  width: 25%;
  text-align: center; }

.img-responsive {
  max-width: 100%;
  height: auto;
  font-size: 12px !important;
  color: white !important; }

.img-full-width,
.section-contest img {
  width: 100%;
  max-width: 100%;
  height: auto;
  font-size: 12px !important;
  color: white !important; }

.section-contest .fieldset .field label {
  position: relative;
  margin-bottom: 10px;
  top: auto;
  left: auto; }
.section-contest fieldset {
  border: 1px solid #444444;
  padding: 20px;
  margin-bottom: 20px; }

.dynatek-poster {
  position: relative;
  height: 100%;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  transition: all .5s; }
  .dynatek-poster.relart {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-5deg) scale(1.15);
    -moz-transform: rotate(-5deg) scale(1.15);
    transform: rotate(-5deg) scale(1.15);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }
    .dynatek-poster.relart .poster-inner:before {
      background-color: #575560;
      width: 4px; }
    .dynatek-poster.relart .poster-inner:after {
      position: absolute;
      z-index: 9;
      left: 0;
      margin: auto;
      height: 4px;
      width: 100%;
      top: 50%;
      background-color: #575560;
      content: ''; }
    .dynatek-poster.relart .caption-block {
      display: none; }
  .dynatek-poster .dt-col-2 {
    position: relative;
    width: 50%;
    float: left;
    padding-left: 15px;
    padding-right: 15px; }
  .dynatek-poster .poster-inner {
    position: relative;
    overflow: hidden;
    height: 100%; }
    .dynatek-poster .poster-inner:before {
      position: absolute;
      z-index: 9;
      left: 0;
      right: 0;
      margin: auto;
      height: 100%;
      width: 8px;
      background-color: #E72134;
      content: ''; }
    .dynatek-poster .poster-inner .block-wrapper {
      height: 100%; }
      .dynatek-poster .poster-inner .block-wrapper:after {
        display: table;
        content: "";
        clear: both; }
    .dynatek-poster .poster-inner .inner-block {
      padding: 0;
      height: 50%; }
      .dynatek-poster .poster-inner .inner-block .img-container {
        position: relative;
        padding-bottom: 50%;
        height: 100%; }
        .dynatek-poster .poster-inner .inner-block .img-container .img-inner {
          position: absolute;
          width: 100%;
          height: 100%;
          text-align: center; }
      .dynatek-poster .poster-inner .inner-block img {
        border: 0;
        vertical-align: middle;
        object-fit: cover;
        font-family: 'object-fit: cover;';
        height: 100%;
        width: 100%; }
  .dynatek-poster .caption-block {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 180px;
    width: calc(100% + 30px);
    width: calc((100%) + (30px));
    margin-left: -15px;
    background-color: #000;
    border-top: 6px solid #E72134;
    border-bottom: 6px solid #E72134;
    color: #fff;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }
    .dynatek-poster .caption-block:after {
      display: table;
      clear: both;
      content: ""; }
    .dynatek-poster .caption-block .dt-col-2 {
      display: table;
      height: 100%; }
      .dynatek-poster .caption-block .dt-col-2 .col-inner {
        padding: 10px 0;
        display: table-cell;
        vertical-align: middle; }
    .dynatek-poster .caption-block .brand {
      height: 60px;
      padding: 0 15px; }
      .dynatek-poster .caption-block .brand img {
        display: block;
        height: auto;
        max-width: 340px;
        margin: auto;
        object-fit: contain;
        font-family: 'object-fit: contain;';
        height: 100%;
        width: 100%; }
    .dynatek-poster .caption-block .caption {
      text-align: center;
      font-size: 22px; }

.poster-sm .caption-block {
  height: 95px; }
  .poster-sm .caption-block .dt-col-2 .col-inner {
    padding: 0; }
  .poster-sm .caption-block .caption {
    font-size: 12px; }

.poster-md .caption-block {
  height: 115px; }
  .poster-md .caption-block .caption {
    font-size: 16px; }

.rateYoWrapper {
  display: inline-block !important;
  font-size: 16px;
  vertical-align: middle;
  color: #ea4335;
  text-shadow: none;
  padding: 4px 10px 4px 10px;
  background-color: white;
  border: 2px solid #ea4335;
  border-radius: 8px;
  font-family: sans-serif;
  margin-top: 10px; }
  .rateYoWrapper .rateYo {
    display: inline-block !important;
    cursor: pointer !important; }
  .rateYoWrapper a {
    text-decoration: none !important;
    color: #ea4335; }

.h_info {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8000000; }
  .h_info h4, .h_info p, .h_info span {
    color: #ffffff; }
  .h_info .msg {
    text-align: center;
    padding: 12px;
    position: relative;
    background-color: #bc2130;
    border-radius: 6px;
    margin: 4px; }
    .h_info .msg .fa {
      font-size: 24px;
      position: absolute;
      right: 10px;
      top: 10px;
      cursor: pointer; }
    .h_info .msg a {
      color: white; }

.logos {
  text-align: center;
  padding: 80px 0 80px 0;
  background-color: #1b1b1d; }
  .logos .brandlogow {
    display: inline-block;
    width: 12.5%;
    min-width: 160px; }
    .logos .brandlogow .brandlogo {
      display: block;
      min-height: 80px;
      margin: 16px 0 16px 0;
      background: transparent none no-repeat center center;
      background-size: contain; }
      .logos .brandlogow .brandlogo img {
        display: none; }

.cta-form {
  border-radius: 8px;
  display: inline-block;
  padding: 8px 20px 8px 20px;
  color: #ffffff !important;
  font-weight: bold;
  background-color: #e72134;
  transition: all .2s;
  cursor: pointer; }
  .cta-form:hover {
    background-color: #bc2130;
    text-decoration: none !important; }

.modal2024 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: visible;
  z-index: 80000000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  /* Ajoute un espace autour pour le défilement sur petits écrans */ }
  .modal2024 .modal_container {
    position: relative;
    width: 100%;
    max-width: 830px;
    background-color: #212121;
    color: white;
    border-radius: 8px;
    max-height: 90vh;
    /* Limite la hauteur pour le défilement */
    overflow-y: auto;
    /* Active le défilement vertical si nécessaire */ }
    .modal2024 .modal_container .modal_msg {
      padding: 40px; }
  .modal2024 .fa-close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: white;
    cursor: pointer; }
  @media (max-width: 600px) {
    .modal2024 .modal_container {
      max-width: 100%;
      padding: 20px; } }

.hashtag {
  position: absolute;
  top: 90px;
  left: 60px;
  font-size: 32px;
  color: white;
  z-index: 5000;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.6); }
  .hashtag a {
    color: white;
    font-weight: 900; }
    .hashtag a span {
      color: #e72134; }
    .hashtag a:hover {
      text-decoration: none; }
  @media (max-width: 991px) {
    .hashtag {
      top: 6px;
      left: 16px;
      font-size: 24px; } }

@media (min-width: 981px) {
  .paddingpro {
    padding-top: 105px !important; } }

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