#mobile-nav a, .mobile-nav a {
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;
	width: 40px;
	height: 35px;
	position: absolute;
	top: 0;
	left: 0px;
	}
	
#mobile-nav a.friends,.mobile-nav a.friends {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
	}

#mobile-nav a.right, .mobile-nav a.right {
	left: auto;
	right: 10px;
	}
	

#menu .sf-menu li, #menu .sf-menu li:hover {
	background: none !important;
	}
	
#menu ul#navmenu.sf-menu.mm-list.mm-panel.mm-opened.mm-current li {
	background: none !important;
	height: auto !important;
	}	

ul.mm-list.mm-panel.mm-highest.mm-current.mm-opened li a:hover, ul.mm-list.mm-panel.mm-highest.mm-current.mm-opened li:hover {
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	line-height: normal;
	color: #FFF !important;
	background: none !important;
	}

#menu #navmenu li a {
	text-align: left !important;
	color: inherit !important;
	text-align: left !important;
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	line-height: normal;
	display: block;
	text-shadow: none !important;
	}
	
#menu #navmenu li a:hover {
	color: #FFF !important;
	}
	
/* ====================== */
/* = BOOTSTRAP3 OVERRIDE = */
/* ====================== */

.navbar-default .navbar-toggle {
	border: none !important;
	border-color: transparent !important;
	background: none !important;
	width: 0px !important;
	height: 0px !important;
	}

.navbar-toggle {
	position: inherit !important;
	}

p {
	margin: 0 0 15px 0;
	}
	
.navbar {
	min-height: 35px;
	}

button.navbar-toggle:focus {
	outline: none !important;
	}

.navbar {
	border-radius: 0px !important;
	}

.navbar-collapse {
	max-height: 500px !important;
	}

.navbar-default {
	min-height: 35px !important;
	margin: 0px;
	padding: 0px;
	border: none;
	border-color: transparent;
	}

.navbar-toggle {
	padding: 0px !important;
	}

.navbar-default .navbar-toggle .icon-bar {
	background: #999;
	}

.navbar-default .navbar-toggle {
	}

.navbar-default .navbar-toggle:hover {
	background: #000;
	}

.navbar-default .navbar-collapse {
	border-color: #52454B;
	}

.navbar-toggle {
	margin-right: 0px !important;
	}


/* ================================================================== */
/* BOOTSTRAP3 RESPONSIVE SETTINGS */
/* ================================================================== */

/*MOBILE*/
@media (max-width: 480px) {
@-ms-viewport {
    width: 320px;
	}

#header {
	/*height: 80px !important;*/
	height: auto;
	background-size: cover !important;
	}

.mobile-nav {
	padding: 0px !important;
	}

.content {
	padding: 0px !important;
	}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle.collapsed {
	margin: 5px 0px 0 0px;
	}

#int-flogo {
	padding: 35px 0 0 0;
	}

.ftr-cat {
	margin: 0 0 5px 0;
	line-height: normal !important;
	clear: both;
	display: block ;
	}

ul.footer-links {
	margin: 0 0 20px 0;
	padding: 0;
	display: block !important;
	clear: both;
	background: pink;
	}

ul.footer-links li {
	float: left;
	padding: 0 8px 0 0;
	margin: 5px 6px 5px 0px;
	line-height: normal !important;
	display: inline-block;
	border-right: 1px solid #FFF;
	line-height: 10px !important;
	}

ul.footer-links li:last-child { 
	border-right:0px;
	}
	
#ftr-column {
	display: block;
	margin: 0 0 12px 0;
	padding: 0 15px;
	}
}

/*IPAD LANDSCAPE*/
@media (max-width: 767px) { 
#header {
	/*height: 100px;*/
	height: auto !imporant;
	background-size: cover !important;
	}

.no-padding {
	line-height: 0px;
	padding: 0px !important;
	}

.navbar {
	/*background: #5C534A !important;*/
	}

div.navbar.navbar-default {
	padding: 0px;
	/*background: #5C534A;*/
	}

.navbar-nav > li {
	width: 100%;
	height: 35px;
	padding: 0px !important;
	margin: 0px !important;
	}

.navbar-nav > li > a {
	padding: 0 10px !important;
	line-height: 35px;
	text-align: left;
	}

.navbar-nav > li a:hover {
	background: #333 !important;
	color: #FFF !important;
	}

div.navbar-header.mobile-nav {
	/*background: #5C534A !important;*/
	}

#content-left {
	border-right: none !important;
	}

.navbar-nav > li a:hover {
	background: #333 !important;
	color: #FFF !important;
	}
}


/*IPAD PORTRAIT*/
@media (max-width:768px) { 
div.navbar.navbar-default {
	/*background: #5C534A !important;*/
	}

.navbar-default .navbar-toggle {
	margin: 0px !important;
	}

div.navbar.navbar-default {
	padding: 0;
	/*background: #5C534A;*/
	}

div.navbar-header.mobile-nav {
	/*background: #5C534A;*/
	}

ul.nav.navbar-nav {
	/*background: #5C534A;*/
	margin: 0px;
	padding: 0 0 10px 0;
	text-align: left;
	}

.navbar-nav > li {
	width: 100%;
	padding: 0 10px;
	}
	
.navbar-nav > li > a{
	text-align: left;
	padding: 0 10px;
	}

.navbar-nav > li a:hover {
	background: #333 !important;
	color: #FFF !important;
	}
	
.navbar-default .navbar-toggle {
	background: none !important;
	}

#content-left {
	border-right: none;
	}
}


/*OTHER DEVICES*/
@media (min-width: 768px) {
	
#content-left {
	border-right: none;
	}
	
div.navbar.navbar-default {
	/*background: #5C534A !important;*/
	}
	
.container > .navbar-header {
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	/*background: #5C534A !important;*/
	}	
	
.navbar-nav {
	margin: 0;
	}

.navbar-toggle {
	margin: 5px 8px 5px 0;
	}

.navbar-nav > li {
	width: 100%;
	height: 35px;
	padding: 0px !important;
	margin: 0px !important;
	}

.navbar-nav > li > a {
	padding: 0 10px !important;
	line-height: 35px;
	text-align: left;
	}

.navbar-nav > li a:hover {
	background: url(../images/hover.png) repeat-x top left;
	color: #FFF !important;
	}

ul.nav.navbar-nav {
	/*background: #5C534A;*/
	margin: 0px;
	padding: 0 0px 10px 0px;
	text-align: left;
	}
	
.no-padding {
	line-height: 0px;
	padding: 0px !important;
	}
}


/*DESKTOP DEFAULT*/
@media (min-width: 960px) {
#content-left {
/*border-right: 1px solid #8F867F;*/
	}
	
.no-padding {
	line-height: 0px;
	padding: 0px !important;
	}

ul.nav.navbar-nav {
	/*background: url(../images/navbar_bg.jpg) no-repeat top left;*/
	padding: 0px !important;
	}

.navbar-nav > li {
	width: 192px;
	height: 35px;
	padding: 0px !important;
	margin: 0px !important;
	}

.navbar-nav > li > a {
	padding: 0 !important;
	line-height: 35px;
	text-align: center;
	}

.navbar-nav > li a:hover {
	color: #EEE;
	background: url(../images/hover.png) repeat-x top left;
	}
}


/* ================================================================== */
/* OTHDER DEVICES SETTINGS */
/* ================================================================== */

/*MOBILE LANDSCAPE*/
@media (min-width: 480px) and (max-width: 568px) {
#int-flogo {
	padding: 35px 0 0 0;
	}

.ftr-cat {
	margin: 0 0 5px 0;
	line-height: normal !important;
	clear: both;
	display: block ;
	}

ul.footer-links {
	margin: 0 0 20px 0;
	padding: 0;
	display: block !important;
	clear: both;
	background: pink;
	}

ul.footer-links li {
	float: left;
	padding: 0 8px 0 0;
	margin: 5px 6px 5px 0px;
	line-height: normal !important;
	display: inline-block;
	border-right: 1px solid #FFF;
	line-height: 10px !important;
	}

ul.footer-links li:last-child { 
	border-right:0px;
	}
	
#ftr-column {
	display: block;
	margin: 0 0 12px 0;
	padding: 0 15px;
	}
}

/*KINDLE FIRE PORTRAIT*/
@media (min-width: 600px) and (max-width: 600px) {
#int-flogo {
	padding: 35px 0 0 0;
	}

.ftr-cat {
	margin: 0 0 5px 0;
	line-height: normal !important;
	clear: both;
	display: block ;
	}

ul.footer-links {
	margin: 0 0 20px 0;
	padding: 0;
	display: block !important;
	clear: both;
	background: pink;
	}

ul.footer-links li {
	float: left;
	padding: 0 8px 0 0;
	margin: 5px 6px 5px 0px;
	line-height: normal !important;
	display: inline-block;
	border-right: 1px solid #FFF;
	line-height: 10px !important;
	}

ul.footer-links li:last-child { 
	border-right:0px;
	}
	
#ftr-column {
	display: block;
	margin: 0 0 12px 0;
	padding: 0 15px;
	}
}

/*GOOGLE NEXUS PORTRAIT*/
@media (min-width: 603px) and (max-width: 603px) {
#int-flogo {
	padding: 35px 0 0 0;
	}

.ftr-cat {
	margin: 0 0 5px 0;
	line-height: normal !important;
	clear: both;
	display: block ;
	}

ul.footer-links {
	margin: 0 0 20px 0;
	padding: 0;
	display: block !important;
	clear: both;
	background: pink;
	}

ul.footer-links li {
	float: left;
	padding: 0 8px 0 0;
	margin: 5px 6px 5px 0px;
	line-height: normal !important;
	display: inline-block;
	border-right: 1px solid #FFF;
	line-height: 10px !important;
	}

ul.footer-links li:last-child { 
	border-right:0px;
	}
	
#ftr-column {
	display: block;
	margin: 0 0 12px 0;
	padding: 0 15px;
	}
}

/*SAMSUNG GALAXY S3/S4 PORTRAIT*/
@media (max-width: 360px) {
#int-flogo {
	padding: 35px 0 0 0;
	}

.ftr-cat {
	margin: 0 0 5px 0;
	line-height: normal !important;
	clear: both;
	display: block ;
	}

ul.footer-links {
	margin: 0 0 20px 0;
	padding: 0;
	display: block !important;
	clear: both;
	background: pink;
	}

ul.footer-links li {
	float: left;
	padding: 0 8px 0 0;
	margin: 5px 6px 5px 0px;
	line-height: normal !important;
	display: inline-block;
	border-right: 1px solid #FFF;
	line-height: 10px !important;
	}

ul.footer-links li:last-child { 
	border-right:0px;
	}
	
#ftr-column {
	display: block;
	margin: 0 0 12px 0;
	padding: 0 15px;
	}
}


/*SAMSUNG GALAXY S3/S4 LANDSCAPE*/
@media (min-width: 640px) and (max-width: 640px) {
#int-flogo {
	padding: 35px 0 0 0;
	}

.ftr-cat {
	margin: 0 0 5px 0;
	line-height: normal !important;
	clear: both;
	display: block ;
	}

ul.footer-links {
	margin: 0 0 20px 0;
	padding: 0;
	display: block !important;
	clear: both;
	background: pink;
	}

ul.footer-links li {
	float: left;
	padding: 0 8px 0 0;
	margin: 5px 6px 5px 0px;
	line-height: normal !important;
	display: inline-block;
	border-right: 1px solid #FFF;
	line-height: 10px !important;
	}

ul.footer-links li:last-child { 
	border-right:0px;
	}
	
#ftr-column {
	display: block;
	margin: 0 0 12px 0;
	padding: 0 15px;
	}
}

/*GOOGLE NEXUS LANDSCAPE*/
@media (min-width: 966px) and (max-width: 966px) {
div.container, div.container.no-padding {
	line-height: 0px;
	width: 960px !important;
	margin: 0 auto !important;
	}
}