.top-container-fluid {
  margin: 81px auto 0px auto;
  display: block;
  position: relative;
  z-index: 0;
}

.container-fluid {
  width:100%;
  max-width:none;
}

header {
  height: 81px;
  border-bottom: 0px solid #148CCC !important;
  background-color: #148CCC;
  width: 100%;
  display: block;
  position: fixed;
  top: 0;
  z-index: 1051; }

header nav.mobile-nav .left-nav-column .top-section {
    display: block;
    width: 100%;
    height: 81px;
    padding-top: 27px;
    border-bottom: 0px solid #ffffff; }

    p {
      font-size: 1.8rem;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}


header nav.mobile-nav .right-nav-column ul li a, header nav.mobile-nav .right-nav-column ul li a:visited {
    padding: 18px 16px;
    height: 100%;
    display: block;
    font-size: 12px;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
}

h2 {
  color: #148CCC;
  font-size: 32px;
  font-weight: 100;
  margin: 0px;
}



@media screen and (max-width: 618px) {
  h2 {
    font-size: 28px;
    font-weight: 100;
    margin: 0px; } }
@media screen and (max-width: 487px) {
    h2 {
      font-size: 24px;
      font-weight: 100;
      margin: 0px; } }

@media screen and (max-width: 1108px) {
h2 {
    } }

    .hero {
      z-index: 0;
      width: 100%;
      height: 100%;
      height: 580px;
      display: block;
      position: relative;
      background-position: 0rem 0rem;
      background-color: #148CCC;
      background-image: url("../img/header-image-home.jpg");
      background-repeat: no-repeat;
      background-size: cover;
    }

    .hero-headline {
      padding-top:6%;
    }

    .hero-headline h2 {
      padding-top:6%;
      margin-left:3%;
      width:62%;
      font-size:36px;

    }

    @media screen and (max-width: 1108px) {
      .hero {
        z-index: 0;
        width: 100%;
        height: 100%;
        height: 500px;
        display: block;
        position: relative;
        background-position: -20rem 0rem;
        background-color: #148CCC;
        background-image: url("../img/header-image-home.jpg");
        background-repeat: no-repeat;
        background-size: cover;
      }

      .hero-headline h2 {
        padding-top:6%;
        margin-left:3%;
        width:62%;
        font-size:32px;

      }
    }

    @media only screen and (max-width : 992px) {
      .hero {
        z-index: 0;
        width: 100%;
        height: 100%;
        height: 480px;
        display: block;
        position: relative;
        background-position: -20rem 0rem;
        background-color: #148CCC;
        background-image: url("../img/header-image-home.jpg");
        background-repeat: no-repeat;
        background-size: cover;
      }

      .hero-headline h2 {
        padding-top:6%;
        margin-left:3%;
        width:62%;
        font-size:24px;

      }
    }


    @media only screen and (max-width : 768px) {
      .hero {
        z-index: 0;
        width: 100%;
        height: 100%;
        height: 400px;
        display: block;
        position: relative;
        background-position: -20rem 0rem;
        background-color: #148CCC;
        background-image: url("../img/header-image-home.jpg");
        background-repeat: no-repeat;
        background-size: cover;
      }

      .hero-headline h2 {
        padding-top:6%;
        margin-left:3%;
        width:62%;
        font-size:24px;

      }
    }

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

      .hero {
        z-index: 0;
        width: 100%;
        height: 100%;
        height: 320px;
        display: block;
        position: relative;
        background-position: -28rem 0rem;
        background-color: #148CCC;
        background-image: url("../img/header-image-home.jpg");
        background-repeat: no-repeat;
        background-size: cover;
      }


      .hero-headline h2 {
        padding-top:6%;
        margin-left:3%;
        width:50%;
        font-size:18px;

      }
    }




.logo-slide {
  z-index:1;
 margin-top: -3%;
}
@media only screen and (max-width : 480px) {

  .logo-slide {
    z-index:1;
   margin-top: -16%;
  }
}


.nbs-flexisel-inner {
        position: relative;
        overflow: hidden;
        float:left;
        width:100%;
        background-color:#fff;
        box-shadow:0px 0px 16px rgba(0,0,0,.125)
        /* border:1px solid #ccc;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px; */
    }

    .adjust-plenty {
      padding-top:9px;
    }


.block1 {
      padding-top:9%;
    }

.block1 img {
      width:100%;
      margin-bottom:3%;
    }

    .couple-mobile {
      display:none;

    }

    .block1-headline {
      width:70%;
    }

    @media only screen and (max-width : 992px) {
      .block1 img {
        padding-top:9%;
        padding-bottom:18%;
            width:100%;

          }
          .block1-headline {
            width:85%;
          }


                    .couple-mobile {

                      height:450px;
                      display: block;
                      position: relative;
                      background-position: -10rem 0rem;
                      background-image: url("../img/couple-wide.jpg");
                      background-repeat: no-repeat;
                      background-size: cover;
                      margin-top:9%;
                      margin-bottom:12%;

                    }
                    .couple-desktop {
                      display:none;
                    }
    }

    @media only screen and (max-width : 768px) {
      .block1 img {
        padding-top:9%;
        padding-bottom:24%;
            width:100%;

          }
          .block1-headline {
            width:85%;
          }

          .couple-mobile {

            height:450px;
            display: block;
            position: relative;
            background-position: -30rem 0rem;
            background-image: url("../img/couple-wide.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            margin-top:9%;
            margin-bottom:18%;

          }
          .couple-desktop {
            display:none;
          }

    }

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

      .block1 {
            padding-top:18%;
          }

      .block1 img {
        padding-top:9%;
        padding-bottom:24%;
        width:100%;

          }
          .block1-headline {
            width:80%;
          }
          .couple-mobile {

            height:450px;
            display: block;
            position: relative;
            background-position: -40rem 0rem;
            background-image: url("../img/couple-wide.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            margin-top:9%;
            margin-bottom:24%;

          }
          .couple-desktop {
            display:none;
          }
    }





.block2-headline {
  margin-top:15%;
  width:70%;
  color:#fff;
}

.block2 {
  margin-top:9%;
  padding-top:3%;
  padding-bottom:6%;
  z-index: 0;
  /* width: 110%;
  height: 110%; */
  /* height: 450px; */
  display: block;
  position: relative;
  background-position: 0rem 0rem;
  background-color: #148CCC;
  color:#fff;
  background-image: url("../img/background-section-home-fade.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.block2 img {
  z-index:1;
  margin-top:-18%;
      width:100%;
    }

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

    }


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

    }

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


    }



.block3 {
  background-color: rgba(0,0,0,.1);
padding-top:3%;
padding-bottom:3%;

}



.icon-text {
list-style-type:none;
}

.icon-text-dark {
  color:#204769;
}

.icon-text-light {
  color:#43959c;
}


.spacer {
  height:5vh;
}

.home-hero-safety {
  height:540px;
  display: block;
  position: relative;
  background-position: 0rem 0rem;
  background-image: url("../img/match_group_safety.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}




.block4-box {
    background-color: rgba(20,140,204,.85);
    margin-top:80px;
    padding:5%;
    z-index:1;
}

.block4-box h2 {
  color:#fff;
  width:80%;
}

 .block4-box p {
   color:#fff;
   width:80%;
 }

 @media only screen and (max-width : 992px) {
   .block4-box {

      display:none;

   }

 }


 @media only screen and (max-width : 768px) {
   .block4-box {
      display:none;

   }
 }

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

   .block4-box {
      display:none;

   }
 }

.block4-below {
  display:none;
}

.block4-box-below {
  background-color: rgba(20,140,204,.85);
  width:70%;
  margin:0 auto;
  margin-top:-3%;
  padding:4%;
  z-index:1;

}

.block4-box-below h2 {
  color:#fff;
}

 .block4-box-below p {
   color:#fff;
 }

@media only screen and (max-width : 992px) {
  .block4-below {
display:block;

  }

}


@media only screen and (max-width : 768px) {
  .block4-below {
    display:block;
    margin-bottom:9%;
  }
  .block4-box-below {
    background-color: rgba(20,140,204,.85);
    width:90%;
    margin:0 auto;
    margin-top:-6%;
    padding:4%;
    z-index:1;

  }
}
@media only screen and (max-width : 480px) {
  .block4-below {
    display:block;
    margin-bottom:9%;

  }

  .block4-box-below {
    background-color: rgba(20,140,204,.85);
    width:90%;
    margin:0 auto;
    margin-top:-6%;
    padding:4%;
    padding-top:6%;
    padding-bottom:9%;
    z-index:1;

  }
}



.btn-match-new-dark {
  background-color: #204769;
  font-size: 14px;
  font-weight: 100;
  letter-spacing: 2px;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 30px;
  display: inline-block;
  /* border-radius: 4px; */
  -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21); }
  @media screen and (max-width: 487px) {
    .btn-match-new-dark {
      width: 100%;
      text-align: center;
      padding: 15px 0px; } }


.btn-match-new {
  background-color: #148CCC;
  font-size: 14px;
  font-weight: 100;
  letter-spacing: 2px;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 30px;
  display: inline-block;
  /* border-radius: 4px; */
  -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21); }
  @media screen and (max-width: 487px) {
    .btn-match-new {
      width: 100%;
      text-align: center;
      padding: 15px 0px; } }

.btn-match-small {
  background-color: #148CCC;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 40px;
  display: inline-block;
  border-radius: 4px;
  -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.21); }
  @media screen and (max-width: 487px) {
    .btn-match-small-new {
      width: 100%;
      text-align: center;
      padding: 15px 0px; } }

.btn-match-new:hover, .btn-match-small-new:hover {
  text-decoration: none; }

  .btn-match-new-dark:hover, .btn-match-small-new-dark:hover {
    text-decoration: none;
  color: #148CCC;}


/* SAFETY PAGE SPECIFIC CSS */



.safety-block1 {
  display:flex;
  justify-content: center;
  align-items: center;
}
.safety-block1-text {
padding:12%;
}


.hero-safety {
  height:540px;
  display: block;
  position: relative;
  background-position: 0rem 0rem;
  background-image: url("../img/match_group_safety.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}




.safety-block2 {
  display: block;
  position: relative;
  background-position: 0rem 0rem;
  background-color: #148CCC;
  color:#fff;
  background-image: url("../img/background-section-home-fade.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top:6rem;
  padding-bottom:6rem;

}

.sb2-container {
  display:grid;
  grid-template-columns:1.75fr 2fr;
}

.sb2-item {
display:flex;
justify-content:center;
align-items:center;
}

.sb2-border {
  border-left: 1px solid #fff;
}

.sb2-border h2 {
  color: #fff;
}

.sb2-right{
  padding-left:10rem;
  padding-right:3rem;
}

.safety-block2-logos {
  display: grid;
   grid-template-columns: 1fr 1fr ;
   grid-column-gap:6rem;
   grid-template-rows: repeat(3, minmax(100px, auto));
  align-items:center;
   text-align: center;
}


.item-logos img {

  }

.logo-resource {
  /* height:35px; */
}
.logo-missing {
  /* height:100px; */
}


.logo-rainn {
/* height:35px; */
}

.logo-thorn {
  /* height:25px; */
}

.safety-block2-text {
    display:flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #fff;
    }

.safety-block2-text-flex {
  padding-left:3rem;
  padding-right:4rem;

}


.safety-block2-text h2 {
    color:#fff;
  }


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

  .logo-missing {
    /* height:70px; */
  }


  .logo-rainn {
  /* height:20px; */
  }

  .logo-thorn {
    /* height:20px; */
  }
/*
  .safety-block2-logos {
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    height:70px;
    margin-left: 9%;
    margin-right:9%;
    padding-top:9%;
  }


  .safety-block2-text {
      border-left: 0px solid #fff;
      border-top: 0px solid #fff;
      margin-top:9%;
      padding-top:12%;
      height:none;
      display:flex;
      justify-content: center;
      align-items: center;
    } */

    .safety-block2-text {
        border-left: 0px solid #fff;
        margin-top:4rem;
      }


    .safety-block2-logos {
      margin-top:3rem;
       display: grid;
       grid-template-columns: 1fr;
       grid-template-rows: repeat(6, minmax(100px, auto));
       text-align: center;
       align-items:center;

    }

    .sb2-container {
      display:grid;
      grid-template-columns:1fr;
    }

    .sb2-item {
    display:flex;
    justify-content:center;
    align-items:center;
    }

    .sb2-border {
      border-left: 0px solid #fff;
    }

    .sb2-border h2 {
      color: #fff;
    }

    .sb2-right{
      margin-top:4rem;
      padding-left:5rem;
      padding-right:5rem;
    }

  }

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

  .logo-missing {
    /* height:65px; */
  }


  .logo-rainn {
  /* height:20px; */
  }

  .logo-thorn {
    /* height:20px; */
  }

  /* .safety-block2-logos {
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    height:70px;
    margin-left: 9%;
    margin-right:9%;
  }


  .safety-block2-text {
      border-left: 0px solid #fff;
       border-top: 0px solid #fff;
      margin-top:9%;
      height:none;
      display:flex;
      justify-content: center;
      align-items: center;
    }

    .safety-block2 {
      height:580px;
      display: block;
      position: relative;
      background-position: 0rem 0rem;
      background-color: #148CCC;
      color:#fff;
      background-image: url("../img/background-section-home-fade.png");
      background-repeat: no-repeat;
      background-size: cover;
      padding:1%;
    } */
}

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

  .logo-missing {
    /* height:50px; */
  }

  .logo-resource {
    /* height:20px; */
  }

  .logo-rainn {
  /* height:15px; */
  }

  .logo-thorn {
    /* height:15px; */
  }

  /* .safety-block2-logos {
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    height:70px;
    margin-left: 3%;
    margin-right:3%;
  }

  .safety-block2-text {
      border-left: 0px solid #fff;
      border-top: 0px solid #fff;
      margin-top:12%;
      padding-top:18%;
      height:none;
      display:flex;
      justify-content: center;
      align-items: center;
    } */
}


.safety-block3-icons {
    background-color: rgba(0,0,0,.1);
    padding-left:6%;
    padding-right:6%;
    padding-top:6%;
  }

  .safety-block3-icons-lower {
    background-color: rgba(0,0,0,.1);
    padding-left:6%;
    padding-right:6%;
    padding-bottom:6%;
  }

  .icon-block-container {
      display:flex;
      padding:3%
  }

.icon-block-icon {
align-items: center;
justify-content: center;
}

.icon-block-icon img {
padding-top:14px;
width:64px;
}

.icon-block-text {
padding-left:3%
}

.icon-block-text-home {
padding-left:5%
}

.icon-block-text h2 {
  padding-top:14px;
  font-size: 18px;
  margin-bottom:-14px;
}

.icon-block-text-home h2 {
  padding-top:14px;
  font-size: 18px;
  margin-bottom:-14px;
}

.icon-block-text p {
font-size: 1.4rem;
}
@media only screen and (max-width : 992px) {
  .icon-block-text h2 {
    padding-top:14px;
    font-size: 18px;
    margin-bottom:-14px;
  }
}


@media only screen and (max-width : 768px) {
  .icon-block-text h2 {
    padding-top:11px;
    font-size: 18px;
    margin-bottom:-14px;
  }
}

@media only screen and (max-width : 480px) {
  .icon-block-text h2 {
    padding-top:11px;
    font-size: 18px;
    margin-bottom:-14px;
  }

}



@media only screen and (max-width : 992px) {
  .icon-block-text-home h2 {
    padding-top:11px;
    font-size: 18px;
    margin-bottom:-14px;
  }
}


@media only screen and (max-width : 768px) {
  .icon-block-text-home h2 {
    padding-top:11px;
    font-size: 18px;
    margin-bottom:-14px;
  }
}

@media only screen and (max-width : 480px) {
  .icon-block-text-home h2 {
    padding-top:0px;
    font-size: 18px;
    margin-bottom:-14px;
  }

}

.hero-safety2 {
  height:450px;
  display: block;
  position: relative;
  background-position: 0rem 0rem;
  background-image: url("../img/tindr_day.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}



.safety-block4-text {
  flex-basis: 70%;
  text-align: center;
}

.safety-block4-text h2, .safety-block4-text p{
 color:#fff;
}


.safety-block4 {
  height:100%;
  width:100%;
  height:450px;
  display: block;
  position: relative;
  background-position: 0rem 0rem;
  background-image: url("../img/vigilant-background_02.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display:flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width : 992px) {
  .safety-block4 {
    height:100%;
    width:100%;
    height:450px;
    display: block;
    position: relative;
    background-position: -16rem 0rem;
    background-image: url("../img/vigilant-background_02.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display:flex;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (max-width : 768px) {
  .safety-block4 {
    height:100%;
    width:100%;
    height:450px;
    display: block;
    position: relative;
    background-position: -22rem 0rem;
    background-image: url("../img/vigilant-background_02.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display:flex;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (max-width : 480px) {
  .safety-block4  {
    height:100%;
    width:100%;
    height:450px;
    display: block;
    position: relative;
    background-position: -36rem 0rem;
    background-image: url("../img/vigilant-background_02.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display:flex;
    align-items: center;
    justify-content: center;
  }

}




.safety-block5 {
  margin-top:0px;
}

.safety-block5-box {
  margin-top:5%;
  background-color: rgba(20,140,204,.85);
  z-index:1;
}

.safety-block5-inner {
  padding:7%;
}


@media only screen and (max-width : 992px) {
  .safety-block5-box {
   margin-top:0;
    background-color: rgba(20,140,204,.85);
    z-index:1;

  }

}

@media only screen and (max-width : 768px) {
  .safety-block5-box {

    background-color: rgba(20,140,204,.85);
    z-index:1;

  }

}

@media only screen and (max-width : 480px) {
  .safety-block5-box {
    margin-top:0;
    padding-top:2%;
    background-color: rgba(20,140,204,.85);
    z-index:1;

  }




}



.safety-block5-inner div > h2 {
  font-size:22px;
  color:#fff;
}

.safety-block5-inner div > h3 {
  text-align:right;
    font-weight:700;
  color:#204769;
}



/* Large Devices, Wide Screens */
   @media only screen and (max-width : 1200px) {

   }

   /* Medium Devices, Desktops */
   @media only screen and (max-width : 992px) {

   }

   /* Small Devices, Tablets */
   @media only screen and (max-width : 768px) {

   }

   /* Extra Small Devices, Phones */
   @media only screen and (max-width : 480px) {

   }

   /* Custom, iPhone Retina */
   @media only screen and (max-width : 320px) {

   }