html, body, div, span, iframe, p, h1, h2, h3, h4, h5, h6, blockquote, a, img, sub, sup, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  line-height: 1.675;
  font-size: 100%;
  font-family: 'Lato', sans-serif;
}

img {
  max-width: 100%;
}

.cd-header {

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  width: 100%;
  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  background-color: transparent;


}

#logo {
  float: left;
  max-width: 80px;
  margin: 15px;

  display: block;

}

#docNav {
  margin: 15px;

  width: auto;
  height: auto;
}



#docNav ul {

  position: static;

  width: auto;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  list-style: none;
}


#docNav ul.is-visible {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}


#docNav li {

  display: inline-block;

}


#docNav a, #footer a {

  display: inline-block;

  height: auto;

  font-weight: 600;

  line-height: normal;

  background: transparent;

  padding: .6em 1em;

  border-top: none;

  color: #ffffff;

  font-size: x-large;
  }

#vacation {
  background:
    linear-gradient(
      rgba(0, 57, 85, 0.45),
      rgba(0, 57, 85, 0.45)
    ),
    url(images/vacationBG-small.jpg);
}

#moving {
    background:
    linear-gradient(
      rgba(0, 57, 85, 0.45),
      rgba(0, 57, 85, 0.45)
    ),
    url(images/movingBG-small.jpg);
}

#traveling {
    background:
    linear-gradient(
      rgba(0, 57, 85, 0.45),
      rgba(0, 57, 85, 0.45)
    ),
    url(images/travelingBG-small.jpg);
    background-position: top center;
}

#college {
    background:
    linear-gradient(
      rgba(0, 57, 85, 0.45),
      rgba(0, 57, 85, 0.45)
    ),
    url(images/collegeBG-small.jpg);
    background-position: top center;
}

.moreWrapper {
  width: 100%;
  background-image: url(images/mapBG-small.png);
  background-color: #547f86;
  background-repeat: no-repeat;
  background-position: center center;
}

.more {
  //display: none;
  color: #ffffff;
}

.more, #locator {
  width: 90%;

  max-width: 850px;

  margin: 0 auto;
  padding: 2em 0;
}

#locator {
  color: #003955;
  text-align: center;
}

.more p, .more li, #locator p {

  font-size: 1.4rem;
}


.more p, #locator p {
  margin: 1em 0;

}

.more h2, #locator h2 {
  text-align: center;
  margin: 0 auto;
}


.more li {
  margin-left: 2em;
}

#zip {
  border: 3px solid #003955;
  margin: 15px;
  padding: 5px;
  font-size: 1rem;
  color: #003955;
}

#submitBtn {

  background-color: #003955;

  padding: 8px;
  font-size: 1rem;
  color: #ffffff;
  border: 0;
}

h2 {

  font-size: 2.4rem;

}


p {

  font-size: 1.4rem;
  line-height: 1.4;

}

.small {
  font-size: 75%;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#footer {
  padding: 2em 0;

  background-color: #003955;
  text-align: center;
  color: #ffffff;
}

#footer img {
  margin-bottom: -10px;
}

#footer p {
 margin-top: 10px;
 margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {

  #logo {
    margin: 25px 0 0 25px;

    max-width: 125px;
  }

  #vacation {

      background:
    linear-gradient(
      rgba(0, 57, 85, 0.45),
      rgba(0, 57, 85, 0.45)
    ),
    url(images/vacationBG-big.jpg);
  }


  #moving {

      background:
    linear-gradient(
      rgba(0, 57, 85, 0.45),
      rgba(0, 57, 85, 0.45)
    ),
    url(images/movingBG-big.jpg);
  }


  #traveling {

      background:
    linear-gradient(
      rgba(0, 57, 85, 0.45),
      rgba(0, 57, 85, 0.45)
    ),
    url(images/travelingBG-big.jpg);
  }

  #college {

      background:
    linear-gradient(
      rgba(0, 57, 85, 0.45),
      rgba(0, 57, 85, 0.45)
    ),
    url(images/collegeBG-big.jpg);
  }


  .moreWrapper {
    background-image: url(images/mapBG-big.png);
  }

}

@media only screen and (min-width: 1170px) {

  .more,  #locator {

    padding: 3em 0;

  }


  .more p, .more li, #locator p {

    font-size: 1.4rem;

  }

}

/* -------------------------------- 

Hero Slider CSS 

-------------------------------- */




/* -------------------------------- 

Slider

-------------------------------- */

.cd-hero {

  position: relative;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.cd-hero-slider {

  list-style: none;
  position: relative;

  height: 500px;

  overflow: hidden;

}


.cd-hero-slider li {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-transform: translateX(100%);

  -moz-transform: translateX(100%);

  -ms-transform: translateX(100%);

  -o-transform: translateX(100%);

  transform: translateX(100%);

}

.cd-hero-slider li i {
  font-size: 110%;
}


.cd-hero-slider li.selected {

  /* this is the visible slide */

  position: relative;

  -webkit-transform: translateX(0);

  -moz-transform: translateX(0);

  -ms-transform: translateX(0);

  -o-transform: translateX(0);

  transform: translateX(0);

}


.cd-hero-slider li.move-left {

  /* slide hidden on the left */

  -webkit-transform: translateX(-100%);

  -moz-transform: translateX(-100%);

  -ms-transform: translateX(-100%);

  -o-transform: translateX(-100%);

  transform: translateX(-100%);

}


.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {

  /* the is-moving class is assigned to the slide which is moving outside the viewport */

  -webkit-transition: -webkit-transform 0.5s;

  -moz-transition: -moz-transform 0.5s;

  transition: transform 0.5s;

}

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

  .cd-hero-slider {

    height: 500px;

  }

}


@media only screen and (min-width: 1170px) {

  .cd-hero-slider {

    height: 680px;

  }

}



/* -------------------------------- 

Single slide style

-------------------------------- */

.cd-hero-slider li {

  //background-position: top center;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;
}


.cd-hero-slider .cd-full-width {
  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 1;

  left: 0;

  top: 0;

  /* this padding is used to align the text */

  padding-top: 100px;

  text-align: center;

  /* Force Hardware Acceleration in WebKit */

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  -ms-transform: translateZ(0);

  -o-transform: translateZ(0);

  transform: translateZ(0);

}


.cd-hero-slider h2, .cd-hero-slider p {

  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

  line-height: 1.2;

  margin: 0 auto 14px;

  color: #ffffff;

  width: 90%;

  max-width: 400px;

}


.cd-hero-slider .cd-btn {

  display: inline-block;

  padding: 1em 2em;

  margin-top: .8em;

  background-color: rgba(0, 57, 85, 0.9);

  font-size: 1rem;

  font-weight: 700;

  letter-spacing: 1px;

  color: #ffffff;

  text-transform: uppercase;

  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);

  -webkit-transition: background-color 0.2s;

  -moz-transition: background-color 0.2s;

  transition: background-color 0.2s;

}


.cd-hero-slider .cd-btn.secondary {

  background-color: rgba(22, 26, 30, 0.8);

}


.cd-hero-slider .cd-btn:nth-of-type(2) {

  margin-left: 1em;

}


.no-touch .cd-hero-slider .cd-btn:hover {

  background-color: #003955;

}


.no-touch .cd-hero-slider .cd-btn.secondary:hover {

  background-color: #000000;

}

@media only screen and (min-width: 450px) {


  .cd-hero-slider .cd-full-width {
    padding-top: 175px;

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

  .cd-hero-slider li:nth-of-type(2) {

    background-image: none;

  }


  .cd-hero-slider li:nth-of-type(3) {

    background-image: none;

  }


  .cd-hero-slider li:nth-of-type(4) {

    background-image: none;

  }


  .cd-hero-slider .cd-full-width {
    padding-top: 150px;

  }

  .cd-hero-slider h2, .cd-hero-slider p {

    max-width: 520px;

  }


  .cd-hero-slider h2 {

    font-size: 2.4em;

    font-weight: 300;

  }


  .cd-hero-slider .cd-btn {

    font-size: 1.4rem;

  }

}


@media only screen and (min-width: 1170px) {

  .cd-hero-slider .cd-full-width {

    padding-top: 220px;

  }


  .cd-hero-slider h2, .cd-hero-slider p {

    margin-bottom: 20px;

  }


  .cd-hero-slider h2 {

    font-size: 3.2em;

  }


  .cd-hero-slider p {

    font-size: 1.6rem;

  }

}



/* -------------------------------- 

Single slide animation

-------------------------------- */

@media only screen and (min-width: 768px) {
  .cd-hero-slider .cd-full-width h2,
  .cd-hero-slider .cd-full-width p,
  .cd-hero-slider .cd-full-width .cd-btn {

    opacity: 0;

    -webkit-transform: translateX(100px);

    -moz-transform: translateX(100px);

    -ms-transform: translateX(100px);

    -o-transform: translateX(100px);

    transform: translateX(100px);

  }


  .cd-hero-slider .move-left .cd-full-width h2,
  .cd-hero-slider .move-left .cd-full-width p,
  .cd-hero-slider .move-left .cd-full-width .cd-btn {

    opacity: 0;

    -webkit-transform: translateX(-100px);

    -moz-transform: translateX(-100px);

    -ms-transform: translateX(-100px);

    -o-transform: translateX(-100px);

    transform: translateX(-100px);

  }


  .cd-hero-slider .selected .cd-full-width h2,
  .cd-hero-slider .selected .cd-full-width p,
  .cd-hero-slider .selected .cd-full-width .cd-btn {

    /* this is the visible slide */

    opacity: 1;

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }


  .cd-hero-slider li.is-moving .cd-full-width h2,
  .cd-hero-slider li.is-moving .cd-full-width p,
  .cd-hero-slider li.is-moving .cd-full-width .cd-btn {

    /* this is the slide moving outside the viewport wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */

    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;

    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;

    transition: opacity 0s 0.5s, transform 0s 0.5s;

  }


  .cd-hero-slider li.selected h2 {

    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;

    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;

    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;

  }


  .cd-hero-slider li.selected p {

    -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;

    -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;

    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;

  }


  .cd-hero-slider li.selected .cd-btn {

    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;

    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;

    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;

  }

}


/* -------------------------------- 

Slider navigation

-------------------------------- */

.cd-slider-nav {

  overflow: hidden;
  position: absolute;

  width: 100%;

  bottom: 0;

  z-index: 2;

  text-align: center;

  height: 55px;

  background-color: rgba(0, 1, 1, 0.5);

}


.cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a {

  height: 100%;

}


.cd-slider-nav nav {

  display: inline-block;

  position: relative;

}


.cd-slider-nav .cd-marker {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 60px;

  height: 100%;

  color: #003955;
  background-color: #ffffff;

  box-shadow: inset 0 2px 0 currentColor;

  -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;

  -moz-transition: -moz-transform 0.2s, box-shadow 0.2s;

  transition: transform 0.2s, box-shadow 0.2s;

}


.cd-slider-nav .cd-marker.item-2 {

  -webkit-transform: translateX(100%);

  -moz-transform: translateX(100%);

  -ms-transform: translateX(100%);

  -o-transform: translateX(100%);

  transform: translateX(100%);

}


.cd-slider-nav .cd-marker.item-3 {

  -webkit-transform: translateX(200%);

  -moz-transform: translateX(200%);

  -ms-transform: translateX(200%);

  -o-transform: translateX(200%);

  transform: translateX(200%);

}


.cd-slider-nav .cd-marker.item-4 {

  -webkit-transform: translateX(300%);

  -moz-transform: translateX(300%);

  -ms-transform: translateX(300%);

  -o-transform: translateX(300%);

  transform: translateX(300%);

}


.cd-slider-nav .cd-marker.item-5 {

  -webkit-transform: translateX(400%);

  -moz-transform: translateX(400%);

  -ms-transform: translateX(400%);

  -o-transform: translateX(400%);

  transform: translateX(400%);

}


.cd-slider-nav ul::after {

  clear: both;

  content: "";

  display: table;

}


.cd-slider-nav li {

  display: inline-block;

  width: 60px;

  float: left;

}


.cd-slider-nav li.selected a {

  color: #2c343b;

}


.no-touch .cd-slider-nav li.selected a:hover {

  background-color: transparent;

}


.cd-slider-nav a {

  display: block;

  position: relative;

  padding-top: 35px;
  font-size: 0.6rem;

  font-weight: 700;

  color: #ffffff;

  text-decoration: none;
  -webkit-transition: background-color 0.2s;

  -moz-transition: background-color 0.2s;

  transition: background-color 0.2s;

}


cd-slider-nav a:hover {
  color: #003955;
}

.cd-slider-nav a::before {

  content: '';

  position: absolute;

  width: 24px;

  height: 24px;

  top: 8px;

  left: 50%;

  right: auto;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  background: url(images/cd-icon-navigation.svg) no-repeat 0 0;

}


.no-touch .cd-slider-nav a:hover {

  background-color: rgba(0, 57, 85, 0.8);

}


.cd-slider-nav li:first-of-type a::before {

  background-position: 0 0;

}


.cd-slider-nav li.selected:first-of-type a::before {

  background-position: 0 -24px;

}


.cd-slider-nav li:nth-of-type(2) a::before {

  background-position: -24px 0;

}


.cd-slider-nav li.selected:nth-of-type(2) a::before {

  background-position: -24px -24px;

}


.cd-slider-nav li:nth-of-type(3) a::before {

  background-position: -48px 0;

}


.cd-slider-nav li.selected:nth-of-type(3) a::before {

  background-position: -48px -24px;

}


.cd-slider-nav li:nth-of-type(4) a::before {

  background-position: -72px 0;

}


.cd-slider-nav li.selected:nth-of-type(4) a::before {

  background-position: -72px -24px;

}


.cd-slider-nav li:nth-of-type(5) a::before {

  background-position: -96px 0;

}


.cd-slider-nav li.selected:nth-of-type(5) a::before {

  background-position: -96px -24px;

}


@media only screen and (min-width: 768px) {

  .cd-slider-nav {

    height: 80px;

  }


  .cd-slider-nav .cd-marker,
  .cd-slider-nav li {

    width: 95px;

  }


  .cd-slider-nav a {

    padding-top: 48px;
    font-size: 0.8rem;

    text-transform: uppercase;

  }


  .cd-slider-nav a::before {

    top: 18px;

  }

}





/* -------------------------------- 

Javascript disabled

-------------------------------- */

.no-js .cd-hero-slider li {

  display: none;

}


.no-js .cd-hero-slider li.selected {

  display: block;

}



.no-js .cd-slider-nav {

  display: none;

}