

/** FOOTER TOP **/
.footer-wrapper 									{ clear:both; margin:-40px 0px 0px 0px; }
.footer-wrapper .footer-bubble						{ position:absolute; top:-20px; right:10px; width:180px; z-index:9999; }
.footer-wrapper .footer-bubble img					{ width:100%; max-width:310px; max-height:319px; }
.footer-wrapper .footer-statement .fw-padding		{ position:relative; }
.footer-wrapper .content							{ padding:0px 200px 0px 0px; }
.footer-wrapper .footer-statement					{ padding:0px 0px 10px 0px; text-transform:uppercase; font-size:0.9em; }
.footer-wrapper .footer-main						{ padding:40px 0px; }

.footer-wrapper .footer-statement					{ color:#28B6E4; }
.footer-wrapper .footer-main						{ background:#353A40; color:#FFFFFF; }
.footer-wrapper .footer-main span					{ color:#28B6E4; }



/** FOOTER BASE **/
.footer-base					{ padding:20px 0px; text-align:center; text-transform:uppercase; }
.footer-base .pipe				{ display:inline-block; vertical-align:middle; width:2px; padding:10px 0px; margin:0px 10px; }

.footer-base					{ background:#161A1F; color:#FFFFFF; }
.footer-base span				{ color:#28B6E4; }
.footer-base .pipe				{ background:#FFFFFF; }
.footer-base a					{ color:#28B6E4; }
.footer-base a:hover			{ color:#FFFFFF; }



/** RESPONSIVE **/
@media screen and (max-width:1020px){
	
	.footer-base .pipe.pipe-first		{ display:block; clear:both; padding:0px; margin:10px 0px; background:transparent; }	
	
}

@media screen and (max-width:960px){
	
	.footer-wrapper .footer-bubble			{ width:130px; }
	.footer-wrapper .content				{ padding:0px 150px 0px 0px; }
	
}

@media screen and (max-width:830px){
	
	.footer-wrapper .footer-statement					{ font-size:0.8em; }

}

@media screen and (max-width:690px){
	
	.footer-wrapper							{ text-align:center; background:#353A40; }
	.footer-wrapper .footer-bubble			{ position:static; margin:20px auto; }
	.footer-wrapper .content				{ padding:0px 0px 0px 0px; }
	
}

@media screen and (max-width:620px){
	
	.footer-base .pipe					{ margin:0px 5px; width:1px; }
	.footer-base .pipe.pipe-first		{ margin:10px 0px; }
	
}

@media screen and (max-width:540px){
	
	.footer-base .company-name			{ display:block; clear:both; }
	.footer-base .pipe,
	.footer-base .pipe.pipe-first		{ display:block; clear:both; padding:0px; margin:10px 0px; background:transparent; }
	
}



