html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      #wrap > .container {
        padding-top: 60px;
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -80px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 80px;
      }
      #footer {
        border-top: 1px solid #dfdfe6;
	padding-top: 2px;
	padding-bottom: -5px;
      }

      #footer img {
        margin-left: 40px;
        margin-top: 34px;
        float: left;
      }

      #footer ul {
        margin-top: 33px;
        padding-left: 4px;
        float: left;
      }

      #footer ul li {
        list-style-type: none;
        display: inline;
        color: #a2a7ce;
        font-size: 14px;
        padding-right: 25px;
      }

      #footer ul li a {
        color: rgb(69, 83, 164);
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }

.bg-color-white {
  background-color: #ffffff !important;
  color: #2f304c !important;
}