/*  Box Sizing */
/*  Text Truncate */
/* TRANSITION */
/* TRANSFORM */
/* ANIMATION */
/* GRADIENT */
/* -------------LIST-------------- */
#news_list { padding: 6rem 0; position: relative; }
#news_list .particle { width: 30%; }
#news_list .list-news { margin: 0 -.75rem; position: relative; z-index: 2; }
#news_list .list-news .item { margin-bottom: 2.5rem; }

/* -------------INFO-------------- */
#news_info { background: #ecf2f2; position: relative; overflow: hidden; }
#news_info .info { padding: 5rem 1rem 5rem 0; }
#news_info .info > div { width: 100%; }
#news_info .tag { display: inline-block; padding: 1px 2rem 0 .75rem; font-weight: 500; letter-spacing: .1em; font-size: 1.125rem; text-transform: uppercase; color: white; background-image: linear-gradient(90deg, #7CB892, #7CB892, rgba(124, 184, 146, 0)); }
#news_info h2 { font-size: 2.5rem; font-weight: 500; letter-spacing: .026em; line-height: 1.35; margin: 1rem 0; }
#news_info .date { align-self: flex-end; font-size: 1.125em; letter-spacing: .04em; opacity: .65; }
#news_info .cover { width: 75%; margin-right: -30%; }
#news_info .cover img { width: 100%; }

#news_main { padding: 5rem 0; position: relative; z-index: 2; }
#news_main .btn-bk { margin-top: 2rem; }

#news_related { position: relative; padding: 0 0 6rem; }
#news_related:before { content: ''; display: block; width: 100%; height: 70%; background: #f7f7f7; position: absolute; left: 0; bottom: 0; }
#news_related:after { content: ''; display: block; width: 25%; height: 0; padding-bottom: 10%; background: url(/assets/img/logo-bg.png) top right/contain no-repeat; position: absolute; right: 5%; top: -5%; }
#news_related h3 { font-size: 2.5rem; font-weight: 500; letter-spacing: .026em; line-height: 1.25; text-align: left; text-transform: capitalize; }

#slider-news { margin-left: -.75rem; margin-right: -.75rem; }

#particles-news_main { width: 30%; position: absolute; bottom: 70%; right: 0; }

#particles-news { max-width: 600px; }
#particles-news:after { box-shadow: -20px 20px 20px #f7f7f7 inset; }

/* -------------RWD--------------- */
@media screen and (max-width: 1440px) { #news_info .info { padding: 4rem 1rem 3rem 0; }
  #news_info h2 { font-size: 2.35rem; }
  #news_info .cover { width: 60%; margin-right: -15%; }
  #news_info .cover img { width: 100%; }
  #news_related:after { width: 35%; padding-bottom: 15%; right: 2.5%; top: -15%; }
  #particles-news_main { width: 40%; } }
@media screen and (max-width: 1024px) { #news_info .info { padding: 3rem 1rem 2rem 0; }
  #news_info h2 { font-size: 2rem; }
  #news_related h3 { font-size: 2rem; }
  #news_related:after { width: 30%; top: -5%; } }
@media screen and (max-width: 768px) { #news_info h2 { font-size: 1.75rem; }
  #news_related h3 { font-size: 1.75rem; }
  #news_related:after { width: 35%; } }
@media screen and (max-width: 620px) { #news_list { padding: 3rem 0; }
  #news_list .item { width: 50%; }
  #news_info .info { width: 100%; }
  #news_info .cover { width: 120%; margin: 0 -10%; }
  #news_main { padding: 3rem 0 5rem; }
  #particles-news_main { width: 80%; }
  #news_related:after { width: 45%; bottom: 100%; top: auto; } }
@media screen and (max-width: 480px) { #news_list .item { width: 100%; } }

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