/* ########## Sticky Footer ########## */
* {margin:0; padding:0;}

/* set height of html page to 100% */
html, body, .sticky-footer-wrap {
    height: 100%;
}

body > .sticky-footer-wrap {
    height: auto;
    min-height: 100%;
    box-shadow: 2px 0px 10px 0px rgba(0, 0, 0, 0.7), -2px 0px 10px 0px rgba(0, 0, 0, 0.7);
}

.sticky-footer-footer {
    background-color: #35596f;
    color: #ffffff;
    padding-top: 7px;
}

/* set footer height */
.sticky-footer-main {
    padding-bottom: 40px; /* footer height */
}

.sticky-footer-footer {
    position: relative;
    margin-top: -40px; /* negative footer height */
    height: 40px;
    clear: both;
}

/* CLEAR FIX */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}

/* ########## Code for Sticky Footer functionality ends here ########## */


/* Sticky Footer design and appearance */
body {background-color: #ffffff;}

/* set padding for wrap and bootstrap container to that the header has no white spaces at the left and right */
.sticky-footer-wrap.container {padding: 0px;}

.sticky-footer-wrap  {background-color: #ffffff;}

.sticky-footer-footer a {
    color: #ffffff;
    font-size: 1.2em;
    text-decoration: none;
}