/* Stylesheet for the redirect rebranding */

.offline-header{
  background-color: #002d72;
  width: calc( 100% );
  min-width: 625px;
  height: 80px;
  position: relative;
  text-align: left;
}

.offline-frame{
  position: relative;
  width: 696px;
  border-radius: 2px;
  box-shadow: 0 8px 32px 0 rgba(0, 20, 50, 0.2);
  background-color: #ffffff;
  text-align: center;
  margin: 70px auto;

}

.offline-title{
    width: 500px;
    height: 40px;
    font-family: CAMetro, sans-serif;
    font-size: 40px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #002d72;
    display: inline-block;
    padding: 29px 0 8px 0;
}

.offline-text{
  max-width: 62%;
  padding: 5px;
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #34435a;
  display: inline-block;
  max-height: 48px;

}

.offline-link{
  margin: 30px 0 36px 0;
  padding: 12px 24px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 2px;
  background-color: #0064fe;
  display: inline-block;
  text-decoration: none;
}
.offline-link:hover{
  background-color: #0050cb;
}

.offline-catalog-wrapper{
 width: 684px;
 height: calc( 100% - 271px );
 bottom: 0px;
 position: relative;
 padding: 12px 6px;
}


.offline-catalog{
 display: inline-block;
 vertical-align: top;
 width: 216px;
 height: 100%;
 margin: 0 6px;
}
.offline-catalog-image{
 width: 100%;
 height: 316px;
 position: relative;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: bottom;
}
.offline-catalog-text{
 width: 100%;
 position: relative;
 text-align: left;
 margin-top: 11px;
}
.offline-catalog-flair-wrapper{
 height: 20px;
 width: 100%;
 margin-bottom: 5px;
}
.offline-catalog-flair-wrapper2{
 display: inline-block;
 border-radius: 2px;
 background-color: #de351a;
}
.offline-catalog-text-flair{
 display: inline-block;
 padding: 0 4px;
 font-family: Lato, sans-serif;
 font-size: 11.5px;
 font-weight: bold;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.68;
 letter-spacing: normal;
 text-align: center;
 color: #ffffff;
}
.offline-catalog-text-description{
 display: inline-block;
 font-family: Lato, sans-serif;
 font-size: 18px;
 font-weight: 900;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.33;
 letter-spacing: normal;
 color: #002d72;
 overflow: hidden;
}
.offline-catalog-text-date{
 display: inline-block;
 margin-top: 2px;
 height: 20px;
 width: 100%;
 font-family: Lato, sans-serif;
 font-size: 13px;
 font-weight: normal;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.54;
 letter-spacing: normal;
 color: #34435a;
 /*overflow: hidden;*/
 
}