Stick footer CSS.
/*Sticky Footer*/
html, body {height: 100%;}
.wrapper {min-height: 100%;}
.main {overflow:auto;
padding-bottom: 288px!important;} /* must be same height as the footer */
.footer {position: relative!important;
margin-top: -288px; /* negative value of footer height */
height: 288px;
clear:both;}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}
/*Sticky Footer*/
html, body {height: 100%;}
.wrapper {min-height: 100%;}
.main {overflow:auto; padding-bottom: 288px!important;} /* must be same height as the footer */
.footer {position: relative!important; margin-top: -288px; /* negative value of footer height */ height: 288px; clear:both;}
/*Opera Fix*/
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/}