@import url(fluiddesktop.css);
body {
  min-width: 960px;
  font: 15px/1.3  'dosisregular', Arial, sans-serif; }

.header .mainmenu {
  margin: 0 20px 0 20px; }
  .header .mainmenu li .number {
    font-size: 40px;
    line-height: 60px; }
  .header .mainmenu li.item a {
    font-size: 13px;
    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.current {
      border-bottom: 4px solid #e72134; }
  .header .mainmenu li.social a {
    margin: 0 3px 0 3px;
    border: 1px solid #ffffff;
    font-size: 10pt;
    height: 20px;
    width: 20px;
    line-height: 20px; }
  .header .mainmenu li.logo img {
    max-width: 160px;
    height: auto; }

.hcc {
  top: 86px; }
  .hcc .hccw {
    border-top: 1px solid #d41323;
    border-bottom: 1px solid #941622;
    height: 54px;
    line-height: 50px;
    font-size: 13pt;
    padding: 0 20px 0 20px; }
    .hcc .hccw .i {
      margin-right: 12px; }
    .hcc .hccw .ddl {
      line-height: 30px;
      height: 32px;
      margin-left: 16px;
      min-width: 178px; }
    .hcc .hccw .go {
      width: 42px;
      margin-right: 12px;
      margin-left: 26px; }

.h2cc.adjustConfig {
  border: none; }
.h2cc .hccw {
  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 .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 .go {
  display: inline-block;
  width: 42px;
  background: transparent url(/images/go2.png) no-repeat center center;
  margin-right: 0;
  margin-left: 16px;
  cursor: pointer; }
.h2cc.adjustConfig .hccw .ddl {
  margin-left: 12px;
  min-width: 126px; }

@media screen and (min-width: 1100px) {
  .h2cc.adjustConfig .hccw .ddl {
    min-width: 144px; } }
@media screen and (min-width: 1200px) {
  .h2cc.adjustConfig .hccw .ddl {
    min-width: 170px; } }
.phone1, .mail1 {
  font-size: 16px; }
  .phone1 span, .mail1 span {
    margin-right: 8px; }

.section .mcc {
  width: 960px;
  margin-left: -480px;
  left: 50%;
  position: absolute;
  z-index: 2000;
  height: 220px;
  bottom: 64px; }
.section .banners {
  /*height: 890px;*/
  height: 480px; }
  .section .banners .slide {
    /*height: 890px;*/
    height: 500px; }
.section .blog {
  margin-bottom: 50px; }
  .section .blog .textwrap1 {
    padding: 70px 30px 50px 30px; }
  .section .blog .grid_4 .article {
    margin: 10px;
    height: 250px; }
    .section .blog .grid_4 .article a h2 {
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px;
      padding-left: 35px;
      font-size: 20px;
      cursor: pointer;
      background: transparent url(/images/plus1.png) no-repeat left center;
      color: #ffffff; }
.section .testimonials {
  margin-bottom: 50px; }
  .section .testimonials .row {
    padding: 0 50px 0 50px; }
  .section .testimonials h1 {
    margin-left: 20px; }
  .section .testimonials .grid_4 .testimonial {
    position: relative;
    margin: 10px;
    height: 250px; }
    .section .testimonials .grid_4 .testimonial .readmore {
      position: absolute;
      height: 100%;
      width: 100%;
      background: #ab2331 none no-repeat center center;
      opacity: 0;
      display: table;
      transition: all .5s;
      z-index: 200;
      text-decoration: none;
      color: #ffffff;
      text-align: center; }
      .section .testimonials .grid_4 .testimonial .readmore:hover {
        opacity: 1; }
      .section .testimonials .grid_4 .testimonial .readmore .label {
        display: table-cell;
        vertical-align: middle; }
    .section .testimonials .grid_4 .testimonial .who {
      font: 28px/1.2 'dosisextralight', Arial, sans-serif; }
      .section .testimonials .grid_4 .testimonial .who .details {
        display: table-cell;
        vertical-align: middle;
        padding: 0 8px 0 8px; }
        .section .testimonials .grid_4 .testimonial .who .details .name {
          font-size: 22px; }
    .section .testimonials .grid_4 .testimonial .plus {
      display: block;
      position: absolute;
      bottom: 28px;
      width: 32px;
      height: 32px;
      margin-left: -16px;
      left: 50%;
      opacity: 0.8;
      background: transparent url(/images/plus2.png) no-repeat center center;
      z-index: 100; }
  .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 .portal [class^="grid"] {
  height: 410px; }
.section .portal h2 {
  font-size: 36px; }
.section .vehicles {
  min-height: 800px; }
  .section .vehicles .product {
    width: 90%;
    margin: 0 auto;
    padding-top: 40px;
    text-align: center; }
    .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 table {
        width: 100%;
        font-size: 22px; }
        .section .vehicles .product .gains table tr td {
          padding: 4px; }
    .section .vehicles .product .counter {
      line-height: 150px;
      top: 3px;
      right: 3px;
      bottom: 3px;
      left: 3px;
      font-size: 32px; }
      .section .vehicles .product .counter .fa {
        font-size: 24px; }
    .section .vehicles .product .mail2, .section .vehicles .product .phone2, .section .vehicles .product .callback, .section .vehicles .product .settlement {
      background-size: 70px 70px; }
      .section .vehicles .product .mail2 a, .section .vehicles .product .phone2 a, .section .vehicles .product .callback a, .section .vehicles .product .settlement a {
        padding-top: 80px; }
  .section .vehicles .curve {
    line-height: 1;
    padding: 12px;
    text-align: center; }
    .section .vehicles .curve span {
      display: block;
      width: 100%;
      background: none; }
      .section .vehicles .curve span::before {
        content: '';
        background: transparent url(/images/sprite01.png) no-repeat -209px center;
        display: inline-block;
        width: 54px;
        height: 54px; }
  .section .vehicles .wot {
    color: #acabb1;
    font-size: 16px;
    margin-top: 14px; }
    .section .vehicles .wot.fr-dz {
      display: none; }
  .section .vehicles .commercial_infos {
    /*.curve{
        line-height: 54px;
        padding: 12px;
        text-align: right;
        span{
            display: inline-block;
            width: 54px;
            background: transparent url(/images/sprite01.png) no-repeat -209px center;  
        }
    }
    .labels{
        float: left; 
        width: 48%;
        h2{
            padding: 5px;
        }
    }*/ }
    .section .vehicles .commercial_infos .price_grid {
      /*                width: 100%;*/ }
      .section .vehicles .commercial_infos .price_grid .h4 {
        font-size: 20px; }
      .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: inline-block;*/
          /*                        border: 1px solid #862b2e;*/
          /*                        margin: 0 2px 0 2px;*/ }
          .section .vehicles .commercial_infos .price_grid td .finalprice.fr-dz {
            font-size: 21px;
            line-height: 70px; }
        .section .vehicles .commercial_infos .price_grid td .discount {
          font-size: 20px;
          /*                        color: $red1;*/ }
        .section .vehicles .commercial_infos .price_grid td .initialprice {
          font-size: 20px;
          /*                        display: block;*/
          /*                        margin-bottom: 8px;*/ }
        .section .vehicles .commercial_infos .price_grid td .adja {
          /*                        padding-right: 11px;*/ }
      .section .vehicles .commercial_infos .price_grid .h2 {
        font-size: 30px; }
        .section .vehicles .commercial_infos .price_grid .h2 td {
          line-height: 60px; }
          .section .vehicles .commercial_infos .price_grid .h2 td .finalprice {
            line-height: 60px;
            padding: 0 10px 0 10px; }
            .section .vehicles .commercial_infos .price_grid .h2 td .finalprice.fr-dz {
              line-height: 60px; }

.stripe {
  /*&.stripe1{
      background-color: #212125;
      padding: 20px;
      border-bottom: 6px solid $gray1;
  }
  &.stripe2{
      background-color: $red2;
      padding: 75px 20px 110px 20px;
      border-top: 3px solid $gray1;
      border-bottom: 6px solid $gray1;
      text-align: center;
      h1{
          text-transform: uppercase;
          font: 66px/1.3  'dosisextralight', Arial, sans-serif;
          letter-spacing: 2px;
          margin-bottom: 10px;
      }
      h3{
          font-size: 32px;
          max-width: 960px;
          margin: 0 auto;
          letter-spacing: 1px;
      }
      h2{
          font-size: 40px;
          max-width: 960px;
          margin: 0 auto;
          letter-spacing: 1px;
      }
  }
  &.stripe3{
      background-color: #7e7e7e;
      padding: 75px 20px 110px 20px;
      border-top: 6px solid $gray1;
      border-bottom: 6px solid $gray1;
      text-align: center;
      h1{
          text-transform: uppercase;
          font: 66px/1.3  'dosisextralight', Arial, sans-serif;
          letter-spacing: 2px;
          margin-bottom: 10px;
      }
      h3{
          font-size: 32px;
          max-width: 960px;
          margin: 0 auto;
          letter-spacing: 1px;
      }
  }
  &.stripe4{
      background-color: #898d33;
      padding: 75px 20px 110px 20px;
      border-top: 3px solid $gray1;
      border-bottom: 6px solid $gray1;
      text-align: center;
      h1{
          text-transform: uppercase;
          font: 66px/1.3  'dosisextralight', Arial, sans-serif;
          letter-spacing: 2px;
          margin-bottom: 10px;
      }
      h3{
          font-size: 28px;
          max-width: 960px;
          margin: 0 auto;
          font: 32px/1.3  'dosisextralight', Arial, sans-serif;
      }
  }*/
  /*&.fwpicture{
      height: 500px;
      position: relative;
      overflow: hidden;
      border-top: 6px solid $gray1;
      .img{
          background: transparent none no-repeat center center;
          @include imp-overlay;
          @include imp-background-cover;
      }
      
  }*/ }
  .stripe.stripe5 {
    padding: 10px;
    font: 26px/1.3  'dosisextralight', Arial, sans-serif; }
    .stripe.stripe5 h1 {
      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; }

.bigger {
  font-size: 19px; }

.bigger20 {
  font-size: 17px; }

.bigger22 {
  font-size: 19px; }

.bigger25 {
  font-size: 22px; }

.lineheight120 {
  line-height: 115%; }

.lineheight140 {
  line-height: 130%; }

.lineheight160 {
  line-height: 145%; }

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