/* footer styles - last edited on 12-06-16
----------------------------------------------- */

footer { background: #cfd5ab; width: 100%; min-width: 980px; min-height: 125px; float: left; clear: both; margin: 0; padding: 0; position: relative; border-bottom: 3px solid #bac487; }
footer #footer { color: #808080; font-family: 'Source Sans Pro', Arial, sans-serif; height: auto; width: 980px; text-align: left; margin: 0 auto; padding: 25px 10px 20px; }

.pagefootwrapper { width: 100%; margin: 0 auto !important; height: auto; }


#footer p { text-transform: uppercase; margin: 0; padding: 0; width: 95%; text-align: center; }

footer #footer ul { color: #808080; font-size: 16px; line-height: 23px; text-align: center; max-width: 170px; padding: 0; margin: 0; white-space: nowrap; float: left; clear: none; }
footer #footer ul li { float: right; text-align: center; display: inline; padding: 0; margin: 0; list-style: none; border: none; white-space: nowrap; }
footer #footer ul li a { text-decoration: none; border: none; margin: 0; display: block; padding: 0 10px 0 10px; }
footer #footer a:link, footer #footer a:visited { }
footer #footer a:hover, footer #footer a:active { }

footer #footer ul li.small { color: #808080; font: 400 12px/18px 'Source Sans Pro', Arial, sans-serif; }

#footer .left, #footer p.left { text-align: left; float: left; width: 50%; }

#footer .right, #footer ul.right { width: 30%; float: right; }
#footer .right p { color: #808080; width: 100%; white-space: nowrap; text-align: right; float: right; margin-top: 1px; margin-right: 5px; position: relative; }

footer #footer ul.right { margin-top: -23px; margin-right: 20px; }

#footer p.center { text-align: center; margin-right: auto; margin-left: auto; max-width: 300px; float: none; clear: both; }
footer #footer ul.center { text-align: center; margin-right: auto; margin-left: auto; width: auto !important; max-width: 185px; float: none; clear: both; } 
footer #footer ul.center li { text-align: center; width: 50%; float: left; }
footer #footer ul.center li + li { }

footer #footer p.copyright { color: #555; font-size: 15px; padding-top: 1px; padding-bottom: 25px; text-transform: none; }

.social { font-size: 32px; width: 100%; max-width: 960px; clear: both; display: block; padding: 0; margin: 0 auto -10px auto; text-align: center; }
.social i, .social a { color: #808181; }
.social i:hover, .social a:hover { color: #00b0e9 !important; }


/*
Responsive ----------------------------------- */

@media only screen and (max-width: 1024px) {

footer { }
footer #footer { } 
#footer .right  { margin-right: 20px; }

}

@media only screen and (max-width: 980px) {

footer { width: 100%; max-width: 980px; }
footer #footer { width: 100%; max-width: 960px; padding-right: 10px; padding-left: 10px; margin-left: 0px; } 
#footer .right  { }
 
}

@media only screen and (max-width: 960px) {

footer { width: 100%; max-width: 960px; }
#footer .right  { }
 
}

@media only screen and (max-width: 940px) {

footer { max-width: 940px; }
footer #footer { max-width: 920px; } 
#footer .right  { margin-right: 30px; }

}

@media only screen and (max-width: 920px) {

footer { max-width: 920px; }
footer #footer { max-width: 900px; } 

}


@media only screen and (max-width: 890px) {

footer { width: 100%; max-width: 100%; min-width: 100%; }
footer #footer { max-width: 100%; } 
#footer .right  { margin-right: 35px; }
 

}

@media only screen and (max-width: 860px) {

#footer .right  { margin-right: 35px; width: 40%; } 

}


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


@media only screen and (max-width: 759px) {

#footer .right  { margin-right: 35px; }

}

@media only screen and (max-width: 739px) { 

footer #footer p.copyright { }
footer #footer ul.right { margin-top: 0px; margin-right: 20px; }

}


@media only screen and (max-width: 540px) {

footer #footer ul.right { width: 170px; }

}

@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 390px) {

#footer ul.left  { }
#footer ul.left li.small { white-space: normal; min-width: 330px; max-width: 370px; width: 95%; }


@media only screen and (max-width: 360px) {

#footer ul.left  { }
#footer ul.left li.small { white-space: normal; min-width: 310px; max-width: 340px; width: 90%; }

}


/*
END ----------------------------------- */