/* LAYOUT SIZE 1 (Wide Desktop) */
.sticky-footer {
  transition: height 0.4s ease-out; 
  position: fixed; 
  bottom: 0; 
  width:100%;
  background-color: #25516c; 
  z-index: 1;
  height: 60px;
  overflow: hidden;
}
  .sticky-footer.open {
    height: 300px;
    background: #25516c url(../images/backgrounds/stickyfooter-02.png)center;
    border-top: 5px solid #4cace6;
}
  .sticky-footer h6 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5em;
    color: #fff;
    display: list-item;
    list-style-type: disc;
    margin-left: 20px;
  }
  .sticky-footer p {
    color: #fff;
    padding: 18px 0 0;
  }
/* closes the sticky footer */
.close-sticky-footer {
  position: absolute;
  right: 5px;
  top: 5px;
  display:none;
  padding: 5px 10px 9px 10px; 
  text-align: center; 
  background-color: #fff;
  cursor: pointer;
  font-weight: 700;  
}

/* collapsed footer */
.sticky-footer-open {
  display: block;
  height: 60px;
  margin: 0 auto;
  cursor: pointer;
  background: #25516c url(../images/backgrounds/stickyfooter-01.png)center;
  }

  .sticky-footer-open:hover {
    background-color: #2c435a;
  }

/* expanded footer */
.sticky-footer-wrapper {
  height: 300px;
  width: 100%;
}
.sticky-footer-content {
    width: 1135px;
    margin: 0 auto;
  }
  .sticky-footer-contentleft {
    float: left;
    width: 560px;
    margin: 0 auto;
    background-image: linear-gradient(to top, rgba(74,99,123,.30), rgba(42,69,95,1));
    text-align: center;
    height: 248px;
    padding-top: 52px;
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.1em; 
    text-shadow: 1px 2px #233b52;  
  }
    .sticky-footer-apply {
      margin: 35px auto 0;
      width: 209px;
    }
  .sticky-footer-contentright {
    float: left;
    width: 520px;
    margin: 40px 0 0 40px;
  }
/* arrows*/
arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* Media Queries*/

/* LAYOUT SIZE 2 */
@media all and (max-width: 1210px){
  .sticky-footer-content {
    width: 998px;
    margin: 0 auto;
  }
    .sticky-footer-contentleft {
      float: left;
      width: 499px;
    }
    .sticky-footer-contentright {
      float: left;
      width: 412px;
      margin: 40px 0 0 33px;
    }
    .sticky-footer p {
      max-width: 400px;
    }

/* LAYOUT SIZE 3 */
@media all and (max-width: 981px) {
  .sticky-footer.open {
    height: 225px;    
  }
  .sticky-footer-open {
    background-size: 200%;
    background-repeat: no-repeat;
  }
  .sticky-footer-wrapper {
    height: 225px;
  }
  .sticky-footer-content {
    width: 695px;
    margin: 0 auto;
  }
    .sticky-footer-contentleft {
      float: left;
      width: 679px;
      padding-top: 25px;
      background-image: none;
    }
    .sticky-footer-contentright {
      display: none;
    }

/* LAYOUT SIZE 4 (MOBILE) */
@media all and (max-width: 688px) {
  .sticky-footer {
    height: 40px;
  }
  .sticky-footer.open {
    height: 150px;    
  }
  .sticky-footer-open {
    background: #25516c url(../images/backgrounds/stickyfooter-03.png)center;
    background-size: 320px;
    background-repeat: no-repeat;
    height: 40px;
    margin-top: 1px;
  }
  .sticky-footer-wrapper {
    height: 150px;
  }
  .sticky-footer-content {
    width: 320px;
    margin: 0 auto;
  }
  .sticky-footer-contentleft {
    float: left;
    width: 320px;
    padding-top: 20px;
    background-image: none;
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1em; 
    text-shadow: 1px 2px #233b52;  
  }
    .sticky-footer-apply {
      margin: 10px auto 0;
      width: 150px;
    }
  .sticky-footer-contentright {
      display: none;
    }

}