body {
  display: block; }

footer {
  display: block !important;
  clear: both;}
#wrapper{
  height: auto;
}

.land_wrapp {
  margin: 0 auto;
  overflow: hidden;
  line-height: 1.2;
  color: #fff; 
  max-width: 1400px;
}
  .land_wrapp .land_bg2 {
    background: linear-gradient(to bottom, #014f77 0%,#025078 20%, #59aad2 50%,#0c82bd 100%);
  }
  .land_wrapp section {
    margin: 0;
    padding: 0; }
  .land_wrapp h2 {
    margin: 0;
    padding: 0; }
  .land_wrapp .light_blue_col {
    color: #007fc5; }
  .land_wrapp .fg_b1 {
    height: 670px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    background: url("../img/b1_bg.jpg") center top no-repeat;
    background-size: cover;
     }   
    .land_wrapp .fg_b1 .container {
      position: relative; }
    .land_wrapp .fg_b1 .b1_info {
      text-align: left;
      padding: 60px 0;
      padding-bottom: 0; }
      .land_wrapp .fg_b1 .b1_info h1 {
        font-size: 70px;
        color: #007dba;
        font-weight: 600;
        width: 50%;
        margin-top: 0px;
        text-align: left;
        margin-bottom: 25px; }
      .land_wrapp .fg_b1 .b1_info p {
        font-size: 30px;
        margin-bottom: 80px; }
    .land_wrapp .fg_b1 .b1_product_foto {
      width: auto;
      position: absolute;
      right: 70px;
      top: 40px; }
    @media screen and (max-width: 768px) {
      .land_wrapp .fg_b1 {
        height: 50vw;
        padding-bottom: 40px; }        
        .land_wrapp .fg_b1 .b1_info{
          padding-top: 20px;
        }
        .land_wrapp .fg_b1 .b1_info h1 {
          font-size: 6vw;
          margin-bottom: 10px; }
        .land_wrapp .fg_b1 .b1_info p {
          font-size: 5vw;
          margin-bottom: 40px; }
          .land_wrapp .fg_b1 .b1_info p br {
            display: none; }
        .land_wrapp .fg_b1 .b1_info img {
          max-width: 60%;
          margin-bottom: 50px; }
        .land_wrapp .fg_b1:before {
          height: 80px;
          top: 7%; } }
  .land_wrapp .fg_b2 {
    color: #fff;
    padding-top: 50px; }
    .land_wrapp .fg_b2 img{
      vertical-align: middle;
      margin-bottom: 15px;
    }
    .land_wrapp .fg_b2 .fg_three_steps{
      margin-bottom: 120px;
    }
    .land_wrapp .fg_b2 .fg_three_steps ul{
      list-style: none;
      display: flex;
      justify-content: space-around;
      margin-top: 80px;
      margin-left: 0;
      padding-left: 0;
    }
    .land_wrapp .fg_b2 .fg_three_steps ul li{
      width: 25%;
      margin-bottom: -20px;
    }
    .land_wrapp .fg_b2 .fg_three_steps ul li:nth-child(2){
      margin-top: 30px;
      margin-bottom: -30px;
    }
    .land_wrapp .fg_b2 .fg_three_steps ul li img{
      max-width: 100%;
    }
    .fg_three_steps_line{
      max-width: 100%;
    }
    .land_wrapp .fg_b2 .fg_three_steps ul li span{
      display: block;
      font-size: 18px;
      margin-bottom: 10px;
    }
    .land_wrapp .fg_b2 h2 {
      color: inherit;
      font-size: 38px;
      margin-bottom: 25px; }
    .land_wrapp .fg_b2 p {
      color: inherit !important;
      font-size: 18px;
      margin-bottom: 60px; }
    @media screen and (max-width: 768px) {
      .land_wrapp .fg_b2 img {
        max-width: 100%; }
      .land_wrapp .fg_b2 h2 {
        font-size: 7vw; }
      .land_wrapp .fg_b2 p {
        font-size: 4vw;
        margin-bottom: 10px; }
        .land_wrapp .fg_b2 p br {
          display: none; } 
          .land_wrapp .fg_b2 .b2_animation_wrapp{
            margin: 0;
            width: 100%;
            height: auto;
          }
          .land_wrapp .fg_b2 .b2_animation_wrapp img{
            opacity: 1;
          }
          .land_wrapp .fg_b2 .b2_animation_wrapp video{
            display: none;
          }
          .land_wrapp .fg_b2 .fg_three_steps ul li span{
            font-size: 3vw
          }
          .land_wrapp .fg_b2 .fg_three_steps{
            margin-bottom: 50px
          }

          }
   .land_wrapp .fg_b4 {
    padding: 40px 0; }
    .land_wrapp .fg_b4 .container {
      max-width: 1100px; }
        .land_wrapp .fg_b4 .video_thumb {
        display: inline-block;
        /*overflow: hidden;*/
        position: relative; 
        border-radius: 30px;
        overflow: hidden;
      }
      .land_wrapp .fg_b4 .video_top_cat{
        position: absolute;
        left: 0;
        bottom: -25px;
        z-index: 10;
      }
        .land_wrapp .fg_b4 .video_thumb .play_video {
          position: absolute;
          left: 0%;
          top: 0%;
          width: 100%;
          height: 100%;
          background: url("../img/play_btn.svg") center no-repeat;
          background-color: rgba(0,0,0,.2);
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .land_wrapp .fg_b4 .video_player {
            display: none;
            margin: 0 auto;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            right: 0;
            top: 0; 
            z-index: 2;
          }
          .land_wrapp .fg_b4 .video_thumb .play_video:hover {
            background-color: rgba(0,0,0,0);
            -webkit-filter: invert(16%) sepia(35%) saturate(3875%) hue-rotate(182deg) brightness(98%) contrast(99%);
            filter: invert(16%) sepia(35%) saturate(3875%) hue-rotate(182deg) brightness(98%) contrast(99%); }
        .land_wrapp .fg_b4 .video_player iframe {
          width: 100%;
          height: 100%; }
    @media screen and (max-width: 768px) {
      .land_wrapp .fg_b4 {
        padding: 40px 0; } 
        .land_wrapp .fg_b4 .video_thumb .play_video{
          background-size: auto 50%;
        }
        .land_wrapp .fg_b4 .video_top_cat{
          max-width: 50%;
          bottom: -4vw
        }
      }
  .land_wrapp .steam_products {
    text-align: center;
    padding: 240px 0 0px;
    background: url("../img/products_section_bg2.png") center top no-repeat;
    background-size: cover;
    color: #fff; }
    .land_wrapp .steam_products h2 {
      font-size: 38px;
      color: inherit;
      margin-bottom: 25px; 
      position: relative;
      display: inline-block;
      padding-right: 160px;
      padding-left: 70px;
    }
    .land_wrapp .steam_products h2 img{
      position: absolute;
      bottom: -25px;
      right: 0;
    }
    .products_dog_picto{
      position: relative;
      height: 250px;
    }
    .products_dog_picto img{
      position: absolute;
      bottom: 0;
      left: 0;
    }
    .land_wrapp .steam_products h3 {
      font-size: 22px;
      color: inherit !important;
      margin-bottom: 40px;
      font-weight: 100;
      line-height: 1.3; }
    .land_wrapp .steam_products .products_carousel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .land_wrapp .steam_products .products_carousel .slick-slide {
        margin-left: 25px;
        margin-right: 25px; }
      .land_wrapp .steam_products .products_carousel .carousel_item {
        width: 30%;
        background: #fff;
        position: relative; 
        margin-bottom: 70px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        padding: 50px 20px 25px; }
      .land_wrapp .steam_products .products_carousel .img {
        overflow: hidden;
        height: 240px; 
               
      }
        .land_wrapp .steam_products .products_carousel .img img {
          vertical-align: middle;
          max-width: 100%;          
          margin-top: -20px;
          max-height: 100%;
          display: inline; }
      .land_wrapp .steam_products .products_carousel .prod_title {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 25px; }
        .land_wrapp .steam_products .products_carousel .prod_title a {
          color: #0084c1; }
      .land_wrapp .steam_products .products_carousel .btn-primary {
        background: #0084c1;
        width: 200px;
        box-shadow: none;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        top: 100%;
        position: absolute;
        left: 50%;
        margin-left: -100px;
        margin-top: 15px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .land_wrapp .steam_products .products_carousel .btn-primary:hover {
          -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
          transform: scale(1.1); }
      .land_wrapp .steam_products .products_carousel .slick-arrow {
        display: block;
        position: absolute;
        top: -60px;
        background: transparent;
        border: 0;
        outline: none;
        font-size: 50px;
        line-height: 0.5; }
        .land_wrapp .steam_products .products_carousel .slick-arrow svg{
          height: 30px;
        }
        .land_wrapp .steam_products .products_carousel .slick-arrow.slick-prev {
          left: 10%; }
        .land_wrapp .steam_products .products_carousel .slick-arrow.slick-next {
          right: 10%; }
    @media screen and (max-width: 768px) {
      .land_wrapp .steam_products {
        padding-top: 150px; }
        .land_wrapp .steam_products h2 {
          font-size: 16px; 
          padding: 0;
          margin: 0;
          padding-bottom: 35px;
        }
        .land_wrapp .steam_products h2 img{
          width: 70px;
          display: none;
        }
        .products_dog_picto img{
          max-height: 80%;
        }
        .land_wrapp .steam_products h3 {
          font-size: 4vw; }
        .land_wrapp .steam_products .products_carousel {
          width: 100%;
          padding-bottom: 20px; }
          .land_wrapp .steam_products .products_carousel .slick-arrow {
            z-index: 10; }
            .land_wrapp .steam_products .products_carousel .slick-arrow:before {
              content: '';
              width: 60px;
              height: 60px;
              -webkit-border-radius: 50%;
              border-radius: 50%;
              position: absolute;
              left: -20px;
              top: -15px; }
            .land_wrapp .steam_products .products_carousel .slick-arrow.slick-prev {
              left: 0px; }
              .land_wrapp .steam_products .products_carousel .slick-arrow.slick-prev:before {
                left: -13px; }
            .land_wrapp .steam_products .products_carousel .slick-arrow.slick-next {
              right: 0px; }
        .land_wrapp .steam_products .slick-dots {
          position: absolute;
          bottom: -20px;
          width: 100%;
          text-align: center;
          margin: 0;
          padding: 0; }
          .land_wrapp .steam_products .slick-dots li button {
            width: 14px;
            height: 14px;
            background: transparent;
            border: 1px solid #fff; }
          .land_wrapp .steam_products .slick-dots li.slick-active button {
            background: #fff; } }
  .land_wrapp .fg_where_by {
    text-align: center;
    padding-bottom: 60px;
    padding-top: 60px; }
    .land_wrapp .fg_where_by h2 {
      color: #fff;
      font-size: 42px;
      margin-bottom: 25px; }
    .land_wrapp .fg_where_by .where-to-buy a {
      background: #fff; }

.animate_sunline_img_red {
  -webkit-animation: drawer_cycle_red 12s linear 0s infinite !important;
  animation: drawer_cycle_red 12s linear 0s infinite !important; }

.animate_sunline_img_green {
  -webkit-animation: drawer_cycle_green 12s linear 0s infinite !important;
  animation: drawer_cycle_green 12s linear 0s infinite !important; }

.animate_sunline_texts_blue {
  -webkit-animation: drawer_text_blue 12s linear 0s infinite !important;
  animation: drawer_text_blue 12s linear 0s infinite !important; }

.animate_sunline_texts_green {
  -webkit-animation: drawer_text_green 12s linear 0s infinite !important;
  animation: drawer_text_green 12s linear 0s infinite !important; }

.animate_sunline_texts_red {
  -webkit-animation: drawer_text_red 12s linear 0s infinite !important;
  animation: drawer_text_red 12s linear 0s infinite !important; }

@-webkit-keyframes clock_rotate {
  0% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  80%, to {
    -webkit-transform: rotate(178deg);
    transform: rotate(178deg); } }

@keyframes clock_rotate {
  0% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  80%, to {
    -webkit-transform: rotate(178deg);
    transform: rotate(178deg); } }

@-webkit-keyframes clock_dot_rotate {
  0% {
    border-color: #007dba; }
  40% {
    border-color: #129e37; }
  80%, to {
    border-color: #d52727; } }

@keyframes clock_dot_rotate {
  0% {
    border-color: #007dba; }
  40% {
    border-color: #129e37; }
  80%, to {
    border-color: #d52727; } }

@-webkit-keyframes drawer_cycle_green {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  to {
    opacity: 0; } }

@keyframes drawer_cycle_green {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  to {
    opacity: 0; } }

@-webkit-keyframes drawer_cycle_red {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  80% {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes drawer_cycle_red {
  0% {
    opacity: 0; }
  40% {
    opacity: 0; }
  80% {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes drawer_text_blue {
  0% {
    opacity: 1; }
  10% {
    opacity: 1; }
  20% {
    opacity: 1; }
  30% {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0; }
  60% {
    opacity: 0; }
  70% {
    opacity: 0; }
  80% {
    opacity: 0; }
  90% {
    opacity: 0; }
  to {
    opacity: 0; } }

@keyframes drawer_text_blue {
  0% {
    opacity: 1; }
  10% {
    opacity: 1; }
  20% {
    opacity: 1; }
  30% {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0; }
  60% {
    opacity: 0; }
  70% {
    opacity: 0; }
  80% {
    opacity: 0; }
  90% {
    opacity: 0; }
  to {
    opacity: 0; } }

@-webkit-keyframes drawer_text_green {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  20% {
    opacity: 0; }
  30% {
    opacity: 0; }
  40% {
    opacity: 1; }
  50% {
    opacity: 1; }
  60% {
    opacity: 1; }
  70% {
    opacity: 0; }
  80% {
    opacity: 0; }
  90% {
    opacity: 0; }
  to {
    opacity: 0; } }

@keyframes drawer_text_green {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  20% {
    opacity: 0; }
  30% {
    opacity: 0; }
  40% {
    opacity: 1; }
  50% {
    opacity: 1; }
  60% {
    opacity: 1; }
  70% {
    opacity: 0; }
  80% {
    opacity: 0; }
  90% {
    opacity: 0; }
  to {
    opacity: 0; } }

@-webkit-keyframes drawer_text_red {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  20% {
    opacity: 0; }
  30% {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0; }
  60% {
    opacity: 0; }
  70% {
    opacity: 0; }
  80% {
    opacity: 1; }
  90% {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes drawer_text_red {
  0% {
    opacity: 0; }
  10% {
    opacity: 0; }
  20% {
    opacity: 0; }
  30% {
    opacity: 0; }
  40% {
    opacity: 0; }
  50% {
    opacity: 0; }
  60% {
    opacity: 0; }
  70% {
    opacity: 0; }
  80% {
    opacity: 1; }
  90% {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes horizontal_move {
  0% {
    -webkit-transform: translateX(5%);
    transform: translateX(5%); }
  to {
    -webkit-transform: translateX(95%);
    transform: translateX(95%); } }

@keyframes horizontal_move {
  0% {
    -webkit-transform: translateX(5%);
    transform: translateX(5%); }
  to {
    -webkit-transform: translateX(95%);
    transform: translateX(95%); } }