/************  TITLE CSS  *************/
/**************************************/

.tiles-wrapper-sm
{
  display: block;
  margin: 0 auto;
  position: relative;
  left: 200px;
}

.tile-sm
{
  width: 30%;
  float: left;
  height: 100px;
  margin-bottom: 10px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}

.tiles-wrapper,
.tile .research-enterprise-block
{
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tiles-wrapper-up
{
  width: 90%;
  padding: 0 0 0 20xp;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 0 0 20px;
}
.tile-up
{
  width: 358px;
  float: left;
  height: 357px;
  margin: 0 20px 1% 0;
  border-radius: 20px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.tile-up-head
{
  margin: 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.tile-up-head h3
{
  font-size: 22px;
  color: rgb(255, 255, 255);
  transform: translate(-50%, -50%);
  position: relative;
  margin: 0px 0 0 240px;
  padding: 90px 0 0 0;
  text-align: left;
  z-index: 99;
  font-weight: 900;
  font-family: 'Roboto Slab';
  width: 80%;
  z-index: 50;
  text-decoration: none;
}
.tile-up-body
{
  margin: 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.tile-up-body p,
.tile-up-body p a
{
  font-size: 20px;
  color: rgb(255, 255, 255);
  position: relative;
  
  padding: 20px 0 0 0;
  text-align: left;
  z-index: 99;
  font-weight: 900;
  font-family: 'Roboto Slab';
  width: 80%;
  z-index: 50;
  text-decoration: none;
}
.tile-up-body .plain,
.tile-up-body .plain a {
  font-size: 19px;
  color: rgb(255, 255, 255);
  position: relative;
  left: 15px;
  font-weight: 600;
  font-family: 'Roboto';
  text-align: left;
  z-index: 50;
}
p.plain {
  padding-top: 55px;
}
.tile-up-body .plain-sm,
.tile-up-body .plain-sm a {
  font-size: 16px;
  color: rgb(255, 255, 255);
  position: absolute;
  font-weight: 900;
  font-family: 'Roboto';
  text-align: left;
  z-index: 50;
  margin: 0 0 0 33px;
  bottom: 20px;
}
.tile-up-body .plain-ctr,
.tile-up-body .plain-ctr a {
  font-size: 19px;
  color: rgb(255, 255, 255);
  font-weight: 900;
  font-family: 'Roboto';
  text-align: center;
  z-index: 50;
  width: 100%;
}
.tile-up-body .slab {
  font-size: 28px;
  color: rgb(255, 255, 255);
  font-weight: 900;
  font-family: 'Roboto Slab';
  text-align: center;
  z-index: 50;
  width: 100%;
}





.tile-up-head.up-jan-head_01
{
  background-image: url('/sites/default/files/tiles/up-head_01.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-head.up-jan-head_02
{
  background-image: url('/sites/default/files/tiles/up-head_02.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-head.up-jan-head_03
{
  background-image: url('/sites/default/files/tiles/up-head_03.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_01
{
  background-image: url('/sites/default/files/tiles/2025_Unexpected Paths Web Cards_1.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-body.up-jan-body_02
{
  background-image: url('/sites/default/files/tiles/2025_Unexpected Paths Web Cards_2.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-body.up-jan-body_03
{
  background-image: url('/sites/default/files/tiles/2025_Unexpected Paths Web Cards_3.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}

.tile-up-head.up-jan-head_04
{
  background-image: url('/sites/default/files/tiles/up-head-04-d.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-head.up-jan-head_05
{
  background-image: url('/sites/default/files/tiles/up-head-05-e.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-head.up-jan-head_06
{
  background-image: url('/sites/default/files/tiles/up-head-06-e.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_04
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-4.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-body.up-jan-body_05
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-5.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-body.up-jan-body_06
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-6.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-head.up-jan-head_07
{
  background-image: url('/sites/default/files/tiles/up-head-07.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_07
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-7.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-head.up-jan-head_08
{
  background-image: url('/sites/default/files/tiles/up-head-08.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_08
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-8.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-head.up-jan-head_09
{
  background-image: url('/sites/default/files/tiles/up-head-09.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_09
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-9.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}

.tile-up-head.up-jan-head_10
{
  background-image: url('/sites/default/files/tiles/up-head-10.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_10
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-10.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-head.up-jan-head_11
{
  background-image: url('/sites/default/files/tiles/up-head-11.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_11
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-11.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-head.up-jan-head_12
{
  background-image: url('/sites/default/files/tiles/up-head-12.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_12
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-12.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-overlay
{
  bottom: 0;
  width: 400px;
  height: 92px;
  border-radius: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(0, 48, 87, 0.9);
  z-index: 10;
  margin: 0;
}

.tile
{
  width: 400px;
  float: left;
  height: 296px;
  margin: 0 20px 1% 0;
  border-radius: 20px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.tile:hover
{
  background-image: none;
}

.tile:hover>p
{
  display: none;
  text-decoration: none;
}

.tile:hover>.hover p
{
  opacity: 100%;
  text-decoration: none;
}

.tile:hover>.hover
{
  background-color: rgba(0, 48, 87, 1.0);
  text-decoration: none;
}

.tile-overlay p,
.tile-overlay p a
{
  font-size: 23px;
  color: rgb(255, 255, 255);
  margin-top: 10%;
  transform: translate(-50%, -50%);
  position: relative;
  left: 50%;
  text-align: center;
  z-index: 99;
  font-weight: 900;
  font-family: 'Roboto Slab';
  width: 80%;
  z-index: 50;
  text-decoration: none;
}

.tile .hover
{
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 20px;
  /* background-color: rgba(0,48,87,.8); */
  z-index: 60;
  text-decoration: none;
}

.tile .hover p
{
  opacity: 0;
  width: 400px;
  height: 296px;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  font-family: 'Roboto';
  padding: 0 46px;
  margin: 0;
  z-index: 70;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
}

.tile .hover p a,
.tile .hover p a:link,
.tile .hover p a:active,
.tile .hover p a:visited,
.tile .hover p a:hover
{
  color: #ffffff;
  text-decoration: none !important;
}


.tile:nth-child(2),
.tile:nth-child(5),
.tile:nth-child(8)
{
  margin: 0 18x;
}

.tile:nth-child(7),
.tile:nth-child(8),
.tile:nth-child(9)
{
  margin-bottom: 0px;
}