body{
    margin: 0;
  }
  
  p {
    margin: 0;
  }
  
  strong {
    font-family: 'Helen Pro_Bold';
    }

  #content.container {
      max-width: unset !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    /* .trend-DR-container {
      padding: 60px 0;
    }
     */
    .trend-DR-container a {
      text-decoration: none;
    }
    
    .tr_dr-container {
      max-width: 1100px;
      margin: 0 auto;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    .tr_DR-heading{
      /* display: flex;
      justify-content: center;
      text-align:center; */
      display: block;
      width: 324px;
      padding-bottom:48px;
      padding-top:80px;
      margin: auto;
      text-align: center;
      /* margin-bottom: 5rem; */
      /* padding-top:60px; */
    }
    
    .tr_dr-main-image img {
      max-width: 100%;
      display: block;
    }
  
    .tr_dr-section-1{
      max-width: 850px;
      margin: 5rem auto;
    }
    .tr_dr-section-heading{
      font-size: 35px;
      line-height: 40px;
      margin-bottom: 2rem;
      font-weight: bold;
      text-align: center;
      font-family: 'Helen Pro_bold';
      color: #373737;
    }
  
    .tr_dr-line{
      width: 2rem;
      height: 6px;
      background-color: #373737;
      margin: 0 auto 2rem auto;
      display: block;
    }
  
    .tr_dr-section-desc{
      font-size:28px;
      line-height: 28px;
      text-align: center;
      padding: 0 16px;
      font-family: 'Helen Pro';
      color: #373737;
    }

    .video-section img{ 
        width: 100%;
    }
  
    .tr_dr-section-2, .images-container-1, .video-section {
      margin-bottom: 5rem;
    }
  
    .tr_dr-section-2, .tr_dr-images-cont-1, .tr_dr-images-cont-2{
      display: flex;
      justify-content: center;   
    }
  
    .tr_dr-section2-heading{
      font-size: 35px;
      line-height: 40px;
      font-family: 'Helen Pro_bold';
      color: #373737;
      text-align: left;
      width: 50%;
    }
  
   
  
    .tr_dr-section2-desc{
      width: 50%;
      text-align: left;
      font-size: 23px;
      line-height: 29px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #373737;
      font-family: 'Helen Pro_Light';
      padding-left: 10px;
    }
  
  .img-cont-text {
    width: 50%;
    position: relative;
  }
  .img-cont-image{
    font-size: 0;
    width: 50%;
  }
  
  .img-cont-image img{ 
    width: 100%;
  }
  
  .img-cont-text.pause-bg{
    background-color: #9B6E64;
    color: white;
  }
  
  
  
  .img-cont-title {
    font-size: 72px;
    margin: 30px 30px 0px 63px;
    font-family: 'Helen Pro_bold';
  }
  
  .img-cont-text.pause-bg .img-cont-title{
    margin-bottom: 69px;
  }
  .img-cont-text.blend-bg .img-cont-title{
    margin-bottom: 69px;
  }
  .img-cont-text.connect-bg .img-cont-title{
    margin-bottom: 45px;
  }
  .img-cont-text.evolve-bg .img-cont-title{
    margin-bottom: 73px;
  }
  
  
  .img-cont-descr-1, .img-cont-descr-2{
    margin: 0px 62px 10px 62px;
    font-size: 21px;
    line-height: 26px;
    font-family: 'Helen Pro_Light'
  }
  
  .tr_dr-button-lg {
    /* margin: 40px 30px 20px 30px;  */
    font-size: 15px;
    font-family: 'Helen Pro_Light';
    border: 2px solid;
    width: 250px;
    text-align: center;
    padding: 8px 0;
    position: absolute;
    left: 63px;
    bottom: 30px;
    color: white;
    margin-top:40px;
    text-transform: uppercase;
  }
  
  .tr_dr-button-lg:hover{
    background-color: #ffffff;
    color: #373737;
   border-style: solid;
   border-color: #ffffff;
  }
  .img-cont-text.blend-bg{
    background-color: #2E3C34;
    color: white;
  }
  
  .img-cont-text.connect-bg{
    background-color: #353941;
    color: white;
  }
  
  .img-cont-text.evolve-bg{
    background-color: #CFAF93;
    color: white;
  }
  
  
  /* Collections - Overview  */
  
  .tr-dr-section-3-title, .tr-dr-section-4-title, .tr-dr-section-5-title {
    display: flex;
    justify-content: center;
    font-size: 35px;
    font-family: 'Helen Pro_bold';
    color: #373737;
    margin-bottom: 1.5rem;
    margin-top: 5rem;
  }
  
  .tr_dr-coll_feelness, .tr_dr-coll_color, .tr_dr-coll_harmony, .tr_dr-coll_cont_stand, .tr_dr-coll_work_SL {
    display: grid;
    /* grid-template-columns: repeat(3, 1fr); */
    grid-template-columns: 33.33% 33.33% 33.33%;
    margin-bottom: 1rem;
    font-size: 0;
  }
  .tr_dr-coll_feelness img, 
  .tr_dr-coll_color img, 
  .tr_dr-coll_harmony img, 
  .tr_dr-coll_cont_stand img,
  .tr_dr-coll_work_RE img,
  .tr_dr-coll_work_SL img{
    width: 100%;
    height: 100%;
    display: block;
  } 
  
  .tr_dr-coll-1, .tr_dr-coll-2, .tr_dr-coll-3 {
    position: relative;  
  }
  
  .tr-abr{
    font-family: 'Helen Pro_bold';
  }
  
  .tr-label{
    font-family: 'Helen Pro_Light';
  }
  
  .tr-dr-coll-v {
    position: absolute;
    top:42px;
    left: 30px;
    font-size: 30px;
    line-height: 30px;
    max-width: 180px;
    color: white;
    font-family: 'Helen Pro_Cond_b';
    max-width: 229px;
    text-transform: uppercase;
  }
  
  .tr_dr-coll_harmony .tr-dr-coll-v{
    max-width: 261px;
  }
  
  
  .tr_dr-category-title{
    max-width: 187px;
    position: absolute;
    top: 36px;
    padding-left: 36px;
    padding-bottom: 10px;
    font-family: 'Helen Pro_bold';
    font-size: 36px;
    line-height: 38px;
    color: white;
    border-bottom: solid 1px;
    
  }
  
  .tr_dr-coll_work_SL .tr_dr-coll-1 .tr_dr-category-title {
    max-width: 140px;
  }

  .tr_dr-coll-1.wkt_re p{
    max-width: 229px;
  }

  .tr_dr-coll-1.cnt_std p{
    max-width: 225px;
  }

  .tr_dr-coll_work_SL .tr_dr-coll-1.wkt_sl p{
    max-width: 190px;
  }



  
  .tr-dr-coll-texture{
    position: absolute;
    top:78px;
    left:30px;
    font-size: 22px;
    color: white;
  }
  
  .tr_dr-button-mg {
    /* margin: 40px 30px 20px 30px;  */
    color:white;
    line-height: 15px;
    font-size: 15px;
    border: 2px solid;
    width: 170px;
    text-align: center;
    padding: 12px 18px;
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-family: 'Helen Pro_Light';
    text-transform: uppercase;
  }
  
  .tr_dr-button-mg:hover{
    background-color: #ffffff;
    color: #373737;
    border-style: solid;
   border-color: #ffffff;
  }
  
  .tr_dr-button-lg.std, .tr_dr-button-lg.cnt{
    width: 240px;
    left:30px;
    bottom:30px;
  
  }
  
  
  .tr_dr-coll_work_RE{
    display: grid;
    grid-template-columns: 33.33% 66.66%;
    margin-bottom: 1rem;
  }
  
  .images-container-hightlights{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:5px
  }
  
  .images-container-hightlights img {
    width: 100%;
    height: 100%;
  }
  
  .hl-cont-item{
    position: relative;
  }
  
  .hl-cont-title {
    position: absolute;
    left: 0;
    top: 54px;
    color: white;
    font-family: 'Helen Pro_bold';
    font-size: 37px;
    padding-left: 16px;
    padding-bottom: 8px;
    border-bottom: solid 1px;
  }
  
  .badge-container {
    width: 35%;
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 10px;
    bottom: 10px;
    gap:10px;
  }
  
  
  /* FOOTER */
  
  .tr_dr_footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:5px
  }
  
  .tr_dr_ft-left, .tr_dr_ft-right{
    position: relative;
  }
/* 
  .tr_dr_footer .tr_dr_ft-left img:first-child, .tr_dr_footer .tr_dr_ft-right img:first-child{
    width: 100%;
  }  */
  
  .tr_dr_cat-main, .tr_dr_krono-main {
    width: 100%;
  }
  
  .tr_dr-button-download {
    border: solid 2px;
    color: white;
    width: 180px;
    text-align: center;
    padding: 8px 0;
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-family: 'Helen Pro_Light';
    font-size: 15px; 
    text-transform: uppercase;
  }
  
  .tr_dr-button-download:hover{
    background-color: #ffffff;
    color: #373737;
    border-style: solid;
   border-color: #ffffff;
  }
  
  .trend_catalog-logo, .tr_dr_kronoMobile-logo{
    position: absolute; 
    left: 30px;
    top: 30px;
  }
  
  .trend_DR-logo {
    position: absolute;
    right: 20px;
    bottom: 20px;
  }
  
  .tr_dr-button-download.cat{
     width: 230px;
     bottom: 20px;
  }
  .tr_dr-button-download.mob{
    width: 262px;
    bottom: 20px;
  }



  @media (min-width:1024px){

    .img-cont-text.blend-bg .img-cont-title, .img-cont-text.connect-bg .img-cont-title, .img-cont-text.evolve-bg .img-cont-title, .img-cont-text.pause-bg .img-cont-title {

      margin-top: 48px;
      margin-bottom: 0;
      margin-left: 48px;
      line-height: 48px;
    }
    .img-cont-text {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .changes { 
      margin-left: 48px;
    
    }

    .img-cont-descr-1 {
      margin-bottom: 10px;
    }

    .tr_dr-button-lg.new {

        position: relative;
        margin-top: 48px;
        margin-bottom: 48px;
        margin-left: 0;
        margin-right: 0;
        left: 0;
        bottom: 0;
    }

    .changes .img-cont-descr-1, .changes .img-cont-descr-2 {
      margin: 0;
      margin-right: 10px
    }

    .changes .img-cont-descr-1 {
      margin-bottom: 10px;
    }
  }



   @media (max-width:1024px) {

    
    .tr_dr-section-heading, .tr_dr-section2-heading{
      font-size: 33px;
      line-height: 40px;
    }

    .tr_dr-section-desc{
      font-size: 26px;
      line-height: 26px;
    }

    .tr_dr-section2-desc{
      font-size: 21px; 
      line-height: 30px;
    }
    
    .img-cont-text.blend-bg .img-cont-title{ 
      margin-bottom: 34px;
    }

    .img-cont-text.evolve-bg .img-cont-title{
      margin-bottom: 56px;
    }

    .img-cont-text.pause-bg .img-cont-title{
      margin-bottom: 55px;
    }

    .hl-cont-title{
      font-size: 33px;
    }

    .img-cont-title{
      font-size: 64px;
    }

    .img-cont-descr-1, .img-cont-descr-2 {
      font-size: 20px;
      line-height: 24px;
    }

    .tr_DR-heading{
      padding-top: 58px;
      padding-bottom: 30px;
    }

  } 


  @media (min-width: 900px) and (max-width:1024px){

    .tr_dr-container{
      margin-left:2.5rem;
      margin-right:2.5rem;
    }

    .tr_dr-section2-heading{
      padding-right: 25px;
    }
    .tr_dr-section2-desc{
      padding-right:20px;
    }

  }

/* 
  @media (min-width: 700px) and (max-width: 850px) */
  
              @media (max-width: 850px){

    .img-cont-title{
      font-size: 52px;
      margin: 15px 15px 0px 45px
    }


    .img-cont-descr-1, .img-cont-descr-2 {
      font-size:18px; 
      line-height: 22px;
      margin: 0px 15px 10px 45px;
    }


    .img-cont-text.blend-bg .img-cont-title{ 
      margin-bottom: 34px;
    }

    .img-cont-text.evolve-bg .img-cont-title{
      margin-bottom: 56px;
    }

    .img-cont-text.pause-bg .img-cont-title{
      margin-bottom: 55px;
    }

    .tr_dr-button-lg {
      width: 180px;
      bottom: 30px;
      font-size: 16px;
      line-height: 16px;
      padding: 12px 0;
    }

    .tr_dr-button-mg {
      font-size: 16px;
      line-height: 16px;
    }


    .tr-dr-coll-v {
      font-size: 24px;
      top: 26px;
    }

    .tr_dr-category-title{
      font-size:30px;
      top: 18px;
    }

    .trend_catalog-logo, .tr_dr_kronoMobile-logo {
      width: 50%;
      top: 20px;
    }

    .tr_dr-button-download.cat {

       width: 160px;
       font-size: 16px;
       line-height: 16px;
       padding: 10px 0;
       bottom: 10px;
    }

    .tr_dr-button-download.mob {
      
      width: 200px;
      font-size: 16px;
      line-height: 16px;
      padding: 10px 0;
      bottom: 10px;
   }

   .tr_dr-button-lg.cnt, .tr_dr-button-lg.std {
    width: 170px;
   }

  }


  @media (max-width:700px) {
    
    .tr_dr-images-cont-1{
      display: flex;
      flex-direction: column;
    }

    .tr_dr-images-cont-2{
      display: flex;
      flex-direction: column-reverse;
    }


    .tr_dr-coll_feelness, .tr_dr-coll_color, .tr_dr-coll_harmony, .tr_dr-coll_cont_stand, .tr_dr-coll_work_SL, .tr_dr-coll_work_RE {
     display: flex;
     flex-direction: column;
    }

    .images-container-hightlights{
      display: flex;
      flex-direction: column-reverse;
    }

    .img-cont-text, .img-cont-image, .tr_dr-section2-heading, .tr_dr-section2-desc {
      width: 100%;
    }

    .tr_dr-section-2 {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    .badge-container img {
      width: 50%;
      
    }

    .badge-container {
      display: flex;
      flex-direction: row;
    }


    .img-cont-descr-2 {
      margin-bottom: 105px;
    }

    .tr_dr-button-lg {
      left: 45px;
    }

    .tr_dr-section2-heading, .tr_dr-section2-desc{
      text-align: center;
    }

    .tr_DR-heading{
      width: 220px;
      padding-top:34px;
      padding-bottom: 46px;
    }

    .tr_DR-heading img{
      width: 100%;
    }
  }


  @media (max-width: 600px){
    .tr_dr_footer{
      display: flex;
      flex-direction: column;
    }
  }

  @media (max-width: 480px){

    .trend-DR-container{
      padding-top: 26px;
    }

    .tr_dr-section-1{
      margin: 4rem auto;
    }

    .tr_dr-section-heading {
      font-size: 28px;
      line-height: 28px;
      margin-bottom: 1rem;
    }

    .tr_dr-line{
      width: 1rem;
      margin: 0 auto 1rem auto;
      height: 4px;
    }
    .tr_dr-section-desc{
      font-size: 21px;
      line-height: 26px;
    }

    .tr_dr-section2-heading{
      text-align: center;
      font-size: 23px;
      line-height: 30px;
      padding-left: 10px;
      padding-right: 10px;
    }
    .tr_dr-section2-desc {
      text-align: center;
      line-height: 26px;
      font-size: 18px;
      padding-left: 10px;
      padding-right: 10px;
    }

    .img-cont-title{
      font-size: 40px;
      margin-left: 25px;
    }

    .img-cont-descr-1, .img-cont-descr-2{
      margin-left: 25px
    }

    .tr_dr-button-lg {
      left: 25px;
      width: 160px;
    }

    .tr_dr-section-2, .images-container-1, .video-section {
      margin-bottom: 4rem;
    }
  

    .tr_dr-category-title {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-bottom: 0;
      padding: 0;
      max-width: 100%;
      font-size: 36px;
    }

    .tr_dr-coll_cont_stand .tr_dr-coll-1.cnt_std p,   .tr_dr-coll_work_RE .tr_dr-coll-1.wkt_re p, .tr_dr-coll_work_SL .tr_dr-coll-1.wkt_sl p{
      max-width: 100%;
      left: 0;
      right: 0;
      top:50%; 
      width: 300px;
      margin: auto;
      transform: none;
      font-size: 32px;
    }


    .tr-dr-coll-v  {
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 380px;
      text-align: center;
      font-size: 28px;
    }

    .tr-dr-coll-texture {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }


    .tr_dr-button-mg , .tr_dr-button-lg.std, .tr_dr-button-lg.cnt{
      width: 320px;
       max-width: 320px;
      left: 0;
      right: 0;
      margin: auto;
      padding: 12px 18px; 
    }

    .tr_dr-coll_work_SL .tr_dr-coll-1.wkt_sl .tr_dr-category-title {
      top:30%;
      width: 350px;
      text-align: center;
      line-height: 28px;
    }

    .tr_dr-coll_cont_stand .tr_dr-coll-1.cnt_std .tr_dr-category-title {
      top: 30%;
      width: 350px;
      text-align: center;
      line-height: 28px;
    }

    .tr_dr-coll_work_RE .tr_dr-coll-1.wkt_re  .tr_dr-category-title {
      top:30%;
      width: 350px;
      text-align: center;
      line-height: 28px;
    }

    .hl-cont-title{
      font-size: 24px;
      top: 15px;
    }

    .tr-dr-section-3-title, .tr-dr-section-4-title, .tr-dr-section-5-title {
      font-size: 28px;
      margin-top: 4rem;
    }

    .trend_catalog-logo, .tr_dr_kronoMobile-logo{
      width: 40%;
    }

    .tr_dr-button-download.mob {
      width: 160px; }


      .tr_dr-coll_feelness, .tr_dr-coll_color, .tr_dr-coll_harmony, .tr_dr-coll_cont_stand, .tr_dr-coll_work_SL,  .tr_dr-coll_work_RE  {
       
        margin-bottom: 0;
       
      }

      .tr_DR-heading{
        padding-top:23px;
        padding-bottom: 45px;
        width: 182px;
      }
      .tr_DR-heading img{
        width: 100%;
      }

  }

  @media (max-width:375px){
    .tr_DR-heading{
      width: 153px;
    }
  }