.articleblocks            { display:block; }
.articleblocks a          { display:block; color:#fff; text-decoration: none; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px; vertical-align:bottom; position: relative; margin: 0; overflow: hidden; }
.articleblocks a i        { display: block; position: absolute; top:0; left:0; width:100%; height:100%; background-size: cover; background-position: center center; transition: all .3s ease-in-out; }
.articleblocks a:hover, .articleblocks a:focus      { opacity: 0.9; }
.articleblocks a:hover i, .articleblocks a:focus i  { transform: scale(1.1); }

.articleblocks a .pad { width:90%; height:auto; position: absolute; bottom:30px; left:30px; }
.articleblocks a p    { margin: 0; padding: 0; font-size: 18px; font-weight: 900; font-family: 'Roboto', sans-serif; width:60%; color:#fff; text-transform: none; }
.articleblocks .ol    { position: absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.40); }
.articleblocks span   { display:inline-block; width:100px; height:30px; padding: 0; margin: 0 0 15px 0; line-height: 30px; text-align: center; color:#fff; font-size: 12px; font-weight: 900; font-family: 'Roboto', sans-serif; text-transform:uppercase; }
.articleblocks span.f { background-color: #f09300; }
.articleblocks span.n { background-color: #6aa509; }
.articleblocks span.p { background-color: #1594aa; }
.articleblocks span.o { background-color: #8b5cb7; }
.articleblocks img    { display:block; width:100%; height:auto; }

.articleblocks.hp     { width:1080px; height:450px; margin: 0 auto; }
.articleblocks.hp .b1 { width:720px; height:450px; float:left; }
.articleblocks.hp .b2 { width:360px; height:225px; float:right; }

.articleblocks.article-category       { width:100%; height:auto; }
.articleblocks.article-category a     { width:100%; height:auto; }

.lm-articles          { padding: 90px 0; }

.lm-articles h3       { display:inline-block; text-transform: none; }
.lm-articles svg      { display:inline-block; }
.lm-articles a.cta    { display:inline-block; }

.lm-articles .head      { display:block; clear:both; height: 80px; }
.lm-articles .head::after   { content: ""; display: table; clear: both; }
.lm-articles .head h3   { display: block; font-size: 24px; margin: 0; padding: 0 0 40px 0; width: 70%; float:left; }
.lm-articles .head a.viewall { display: block; float:right; }

.lm-articles .list          { font-size: 0; }
.lm-articles .list::after   { content: ""; display: table; clear: both; }


.lm-articles .list a              { display:inline-block; width:320px; height: auto; margin: 0 60px 20px 0; position: relative; vertical-align: top; }
.lm-articles .list a:nth-child(3n) { margin: 0; }
.lm-articles .list a:nth-child(3n)::after { content: ""; display: table; clear: both; height:1px; background-color: transparent; padding: 20px 0; }




.lm-articles .list a img          { display:block; width:320px; height:160px; position: absolute; top:0; }
.lm-articles .list a i            { display: block; position: absolute; top:0; left:0; width:320px; height:160px; background-color: #ccc; background-size: cover; background-position: center center; }
.lm-articles .list a .title       { display: block; padding: 160px 0 0 0;  }
.lm-articles .list a h3           { width:85%; margin-top: 20px; font-size: 18px; margin: 0; padding: 20px 0 10px 0 }
.lm-articles .list a .tag         { display:block; position:absolute; bottom: 0; left:0; width:100px; height:30px; line-height: 30px; color:#fff; text-align: center; font-style: normal; font-size:14px; text-transform: uppercase; }
.lm-articles .list a .tag.f       { background-color:#f0a300; }
.lm-articles .list a .tag.n       { background-color:#6aa509; }
.lm-articles .list a .tag.p       { background-color:#15a4aa; }
.lm-articles .list a .tag.i       { background-color:#f0a300; }
.lm-articles .list a .tag.none    { display:none; }


.lm-articles a.lm-loadmore        { display:block; height:36px; line-height: 36px; font-size: 14px; color:#15a4aa; border:2px solid #15a4aa; border-radius: 20px; width:320px; margin: 30px auto 0 auto; text-align: center; }
.lm-articles a.lm-loadmore:hover  { background-color:#15a4aa; color:#fff; }
.lm-articles a.lm-loadmore.dim    { opacity: 0.1; }


@media only screen and (max-width: 767px) {

  .articleblocks        { margin: 0 auto; }
  .articleblocks a      { padding: 30px; width:100%; display:block; }
  .articleblocks a p    { font-size: 16px; width:80%; }
  .articleblocks.hp     { width:100%; height:auto; margin: 0 auto; }
  .articleblocks.hp .b1 { width:100%; height:auto; float:none; }
  .articleblocks.hp .b2 { width:100%; height:auto; float:none; }

  .articleblocks.article-category     { width:100%; height:auto; }
  
  .lm-articles          { padding: 30px 0; }
  
  .lm-articles .list                { width:260px; margin:0 auto; }
  .lm-articles .list a              { width:260px; height:auto; margin: 0 0 20px 0; }
  .lm-articles .list a img          { width:260px; height:160px; }
  .lm-articles .list a i            { width:260px; height:160px; }
  .lm-articles .list a .title       { padding: 160px 0 0 0;  }
  .lm-articles .list a h3           { font-size: 15px; }

  .lm-articles .list a:nth-child(3n) { margin: 0 0 20px 0; }
  .lm-articles .list a:nth-child(3n)::after { display:none; }
  
}
@media only screen and (min-width: 768px) and (max-width: 989px) { 
  
  .articleblocks.hp { width:660px; height:618px; }
  .articleblocks.hp .b1 { width:660px; height:412px; }
  .articleblocks.hp .b2 { width:330px; height:206px; }
  .articleblocks.hp .b3 { width:330px; height:206px; }

  .articleblocks.article-category     { width:100%; height:auto; font-size: 0; }
  .articleblocks.article-category a:nth-of-type(2) { width:50%; display: inline-block; }
  .articleblocks.article-category a:nth-of-type(3) { width:50%; display: inline-block; }
  .articleblocks.article-category a.big { width:100% !important; }

  .articleblocks.newsroom-landing     { width:100%; height:auto; font-size: 0; }
  
  .lm-articles .list a              { width:200px; height:auto; margin: 0 54px 20px 0; }
  .lm-articles .list a img          { width:200px; height:130px; }
  .lm-articles .list a i            { width:200px; height:130px; }
  .lm-articles .list a .title       { padding: 130px 0 0 0;  }
  .lm-articles .list a h3           { font-size: 15px; }
  
}
@media only screen and (min-width: 990px) and (max-width: 1279px) {

  .articleblocks.hp     { width:960px; height:400px; }
  .articleblocks.hp .b1 { width:640px; height:400px; }
  .articleblocks.hp .b2 { width:320px; height:200px; }
  .articleblocks.hp .b3 { width:320px; height:200px; }
  
  .lm-articles .list a              { width:256px; height:auto; }
  .lm-articles .list a img          { width:256px; height:160px; }
  .lm-articles .list a i            { width:256px; height:160px; }
  
}