@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html{
	position: relative;
    min-height: 100%;
}
.allmargin { margin:50px !important; }

.leftmargin { margin-left:50px !important; }

.rightmargin { margin-right:50px !important; }

.topmargin { margin-top:50px !important; }

.bottommargin { margin-bottom:50px !important; }

.clear-bottommargin { margin-bottom:-50px !important; }

.allmargin-sm { margin:30px !important; }

.leftmargin-sm { margin-left:30px !important; }

.rightmargin-sm { margin-right:30px !important; }

.topmargin-sm { margin-top:30px !important; }

.bottommargin-sm { margin-bottom:30px !important; }

.clear-bottommargin-sm { margin-bottom:-30px !important; }

.allmargin-lg { margin:80px !important; }

.leftmargin-lg { margin-left:80px !important; }

.rightmargin-lg { margin-right:80px !important; }

.topmargin-lg { margin-top:80px !important; }

.bottommargin-lg { margin-bottom:80px !important; }

.clear-bottommargin-lg { margin-bottom:-80px !important; }

.nomargin {margin:0 !important; }

.noleftmargin { margin-left:0 !important; }

.norightmargin { margin-right:0 !important; }

.notopmargin { margin-top:0 !important; }

.nobottommargin { margin-bottom:0 !important; }

.header-stick { margin-top:-50px !important; }

.content-wrap .header-stick { margin-top:-80px !important; }

.footer-stick { margin-bottom:-50px !important; }

.content-wrap .footer-stick { margin-bottom:-80px !important; }

.noborder { border:none !important; }

.noleftborder { border-left:none !important; }

.norightborder { border-right:none !important; }

.notopborder { border-top:none !important; }

.nobottomborder { border-bottom:none !important; }

.noradius { -webkit-border-radius:0 !important; -moz-border-radius:0 !important; -ms-border-radius:0 !important; -o-border-radius:0 !important; border-radius:0 !important; }

.col-padding { padding:60px; }

.nopadding { padding:0 !important; }

.noleftpadding { padding-left:0 !important; }

.norightpadding { padding-right:0 !important; }

.notoppadding { padding-top:0 !important; }

.nobottompadding { padding-bottom:0 !important; }

.noabsolute { position:relative !important; }

.noshadow { box-shadow:none !important; }

.hidden { display:none !important; }

.nothidden { display:block !important; }

.inline-block {
	float:none !important;
	display:inline-block !important;
}

.center { text-align:center !important; }

body {
    font-family:Arial, sans-serif;
    color:#000;
    margin-bottom: 122px;
}
@media (max-width:480px)
{
body {margin-bottom: 145px;}
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:700;
	text-transform:uppercase;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin-top:0;
}

.h1,
h1 {
    font-size:24px;
	margin-bottom:30px;
	text-align:center;
}

.h2,
h2 {
    font-size:18px
}

.h3,
h3 {
    font-size:16px
}

.h4,
h4 {
    font-size:16px
}

.h5,
h5 {
    font-size:14px
}

.h6,
h6 {
    font-size:12px
}
p {
	margin:0 0 20px;
}
ol, ul {
	padding-left:17px;
}
a {
	color:#ff7300 !important;
}
a:hover {
    color: #848484 !important;
    text-decoration: none;
}
.orange {
	color:#ff7300 !important;
	font-weight:bold;
}
.heading-orange {
	font-size:18px;
	color:#ff7300 !important;
	font-weight:bold;
	text-transform:uppercase;
}

.container,
.container-fluid {
    padding-left:0;
    padding-right:0;
}
@media (max-width:767px) {
	.container.content {
		padding:0 20px;
	}
	.page-title {
		background-color:#ff7300;
		color:#fff;
		/*margin-left: -20px;
		margin-right: -20px;*/
	}
	.page-title h1 {
		font-size:18px !important;
		padding:10px 0;
		margin-bottom:30px;
	}
	.page-title h3 {
		font-size:18px;
		padding:10px 0;
		margin-bottom:30px;
	}
}
@media (min-width:480px) {
	.partners h1 {
		margin-bottom:5px;
	}
	.masthead {
        margin-bottom:30px;
    }
}
@media (min-width:1200px) {
	.masthead {
        margin-bottom:30px;
    }
}
.masthead img {
	width:100%;
}

/* Navigation */
.navbar {
    min-height:65px;
    margin-bottom:0;
}
.navbar-nav {
    margin: 7.5px -15px 0;
}
.navbar-default {
    background-color:transparent;
    border-color:transparent;
    border: 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #ff7300 !important;
	background-color:transparent;
}
.navbar-default .navbar-nav>li:first-child {
	display:none;
}
.navbar-default .navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0;
    margin: 15px 0;
    border-right: 1px dotted #333;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
	font-family:'Roboto Condensed', sans-serif;
	font-size:14.3px;
	color: #000 !important;
	text-transform:uppercase;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-text:hover {
	color:#ff7300 !important;
}
.navbar-default .navbar-nav>li:last-child>a {
	border-right:0;
}
.navbar-brand {
    padding: 15px 0 10px 0px;
    height:63px;
}
.masthead-mobile {
	display:none;
}
@media (max-width: 767px) {
	.masthead, .navbar-brand { display:none; }
	.masthead-mobile {
		display:block;
		/* position:absolute; */
		/* overflow: hidden; */
	}
	.masthead-mobile img { width:100% }
	.navbar {
		margin-top: -57px;
		min-height: 0;
	}
	.container.header .navbar-default .navbar-toggle {
		padding: 6px 6px;
		margin-bottom: 15px;
		background-color:#ff7300;
		border-color: #ff7300;
		border-radius: 50%;
	}
	.container.header .navbar-default .navbar-toggle .icon-bar {
		height:4px;
		width:22px;
		border-radius:0;
	}
	.container.header .navbar-default .navbar-toggle .icon-bar {
		background-color:#fff;
	}
	.container.header .navbar-default .navbar-toggle .top-bar {
	  transform: rotate(45deg);
	  transform-origin: 4% 138%;
	}
	.container.header .navbar-default .navbar-toggle .middle-bar {
	  opacity: 0;
	}
	.container.header .navbar-default .navbar-toggle .bottom-bar {
	  transform: rotate(-45deg);
	  transform-origin: 8% -36%;
	}
	.container.header .navbar-default .navbar-toggle.collapsed .top-bar {
	  transform: rotate(0);
	}
	.container.header .navbar-default .navbar-toggle.collapsed .middle-bar {
	  opacity: 1;
	}
	.container.header .navbar-default .navbar-toggle.collapsed .bottom-bar {
	  transform: rotate(0);
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border:0;
		background:#ff7300;
		box-shadow:none;
		width:100%;
	}
	.navbar-default .navbar-nav {
		padding:10px 20px 0;
	}
	.navbar-default .navbar-nav>li:first-child {
		display:block;
	}
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text, .navbar-default .navbar-nav>li>a:focus,
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		color:#000;
		background-color:transparent;
		background-color:#fff;
		border-radius:8px;
		margin-bottom:10px;
		padding-top: 10px;
		padding-bottom: 4px;
	}
	.navbar-default .navbar-nav>li:hover {
		background-color:#ffd5b2;
		border-radius:8px;
	}
	container.header .navbar-default .navbar-nav .custom-caret {
		position:absolute;
		right: 10px;
		width: 13px;
		height: 20px;
		margin-top: -2px;
		background: url(/images/default-source/default-album/icons/nav-bullet.png);
	}
}
/*
@media (min-width:640px) and (max-width:730px) {
	.container.header .navbar-default .navbar-toggle {
		margin-bottom: 5.9% !important;
	}
}
@media (min-width:580px) and (max-width:640px) {
	.container.header .navbar-default .navbar-toggle {
		margin-bottom: 4.72% !important;
	}
}
@media (min-width:520px) and (max-width:580px) {
	.container.header .navbar-default .navbar-toggle {
		margin-bottom: 4% !important;
	}
}
@media (min-width:480px) and (max-width:520px) {
	.container.header .navbar-default .navbar-toggle {
		margin-bottom: 3.7% !important;
	}
}
*/
@media (max-width:480px) {
	.container.header .navbar {
		margin-top: -44px;
	}
	.container.header .navbar-default .navbar-toggle {
	margin-right: 5px;
	margin-bottom: 8px;
	}
	.container.header .navbar-default .navbar-toggle .icon-bar {
		height:2px;
		width: 14px;
		border-radius:0;
	}
	.container.header .navbar-default .navbar-toggle .top-bar {
	  transform: rotate(45deg);
	  transform-origin: -6% 120%;
	}
	.container.header .navbar-default .navbar-toggle .bottom-bar {
	  transform: rotate(-45deg);
	  transform-origin: 0% -36%;
	}
}
@media (min-width:992px){
	.footer {
		height: 106px;
	}
}
.footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	background-color: #eaeaea !important;
	padding:25px 15px 5px;
	font-size:13px;
	margin-top:10px;
}
.footer a {
	color:#000 !important;
	font-weight:700;
	font-size:11px;
}
.footer a:hover {
	color:#ff7300 !important;
}
.footer-full-width .disclaimer,
.footer-full-width .logo {
	padding:0;
}
.footer .logo {
	text-align:right;
	padding-top:10px;
}
@media (max-width:767px) {
 	.footer .disclaimer,
	.footer .logo {
		font-size:10px;
		text-align:center;
	}
	.footer .logo {
		padding-top:5px;
		margin-bottom:10px;
	}
	.footer a {
		font-size:10px;
	}
	.footer p {
		margin:0 0 10px;
	}

}
@media (min-width:992px) {
	.container {
        width:920px;
    }
}
@media (min-width:1200px) {
	.container {
        width:920px;
    }
}

/* Homepage */
.directories {
	margin-bottom:0;
}
.directories h5 {
	font-size:15px;
	margin-top:0;
	color:#ff7300;
	text-transform:capitalize;
}
.directories h2 {
	font-size:15px;
	color:#ff7300!important;
	text-transform:capitalize;
	margin-bottom:10px;
}
.directories a {
	color:#000 !important;
	font-size:12px;
	margin-bottom: 0;
}
.directories a:hover {
	color:#ff7300 !important;
	text-decoration:none;
}
.directories h3 {
	margin-bottom:0 !important;
	text-transform:none;
	font-weight:normal;
	display:inline;
}
.directories ul {
	padding-left:15px;
	list-style:none;
	margin-bottom: 15px;
}
@media (max-width:480px) {
		.directories ul {
		margin-bottom: 25px;
	}
}
.directories li {
	padding-left:0;
	text-indent:-15px;
	line-height:13px;
	margin-bottom:5px;
}
.directories li::before {
  content:url(/images/default-source/default-album/bullet-orange.png);
  color:#ff7300; /* or whatever color you prefer */
  margin-right:10px;
}
.directories.mobile .col-xs-3 {
	margin-bottom: 15px;
}
@media (min-width: 450px){
	.directories.mobile .col-xs-3 {
		width: 95px;
	}
}
.directories img {
	width:100%;
}
.directories-mobile img {
	width: 45px;
}
@media (min-width:380px){
	.directories-mobile img {
		width: 70%;
	}
	.directories-mobile .col-xs-3 {
		margin-bottom: 10px;
	}
}
.directories-mobile {
	margin-bottom: 10px;
}
.directories-mobile a {
	color:#000;
	display:block;
}
.directories-mobile h2 {
	text-transform:capitalize;
	font-size:11px;
	margin:5px -15px 10px -15px;
	color:#000;
}
.directories-mobile h2:hover {
	color:#ff7300;
}
@media (min-width:640px) {
	.directories.mobile img {
		width: 70px;
	}	
}
/* Trade Events */
.trade-row img {
	width:100%;
	margin-bottom:20px;
}
@media (max-width:992px){
	.trade-row img {
		width:auto;
		margin-bottom:12px;
	}
}
@media (max-width:768px){
	.trade-row h2, .trade-date,
	.trade-row .col-md-2 { /*brand img*/
		text-align:center!important;
	}
	.trade-date {
		margin-top:5px;
	}
}
@media (max-width:480px){
	.trade-row img {
		width:35% !important;
		margin-left:32.5%;
		margin-right:32.5%;
		margin-bottom:10px;
	}
}
.trade-row h2 {
	margin:0;
	text-align:left;
}
.trade-row h2 a {
    color: #ff7300 !important;
    text-transform:capitalize;
}
.trade-row h2 a:hover {
	color:#848484 !important;
	text-decoration:none;
}
.trade-row2 {
	margin-bottom:22px!important;
	border-bottom:1px solid #d1d1d1;
	margin:0 15px;
}
@media (max-width:480px) {
	.trade-row h2, .trade-row p, .trade-row ul {
		font-size:12px;
	}
	.trade-row h2, .trade-date {
		text-align:center;
	}
	.trade-row h2 {
		margin-bottom:3px;
	}
}
.trade-date {
	font-size:11px;
}
.trade-date strong { display:none }
.sf_pagerNumeric {
	text-align:center;
}
.sf_pagerNumeric a {
    padding:3px 5px;
    margin-right:3px;
    color: #ff7300 !important;
}
.sf_pagerNumeric a.sf_PagerCurrent {
	pointer-events: none;
	cursor: default;
	color: #fff !important;
	background-color: #666 !important;
	text-decoration:none;
}
.sf_pagerNumeric a:hover,
.sf_pagerNumeric a:focus {
	color:#fff !important;
    background-color:#ff7300 !important;
    text-decoration:none;
}
.sf_pagerNumeric a:hover {
    background-color: #ff7300;
}
.pagination {
    padding-left:0;
    margin:0 0 20px;
    border-radius:0;
}

.pagination>li {
    display:inline;
}

.pagination>li>a,
.pagination>li>span {
    padding:3px 5px;
    text-decoration:none;
    color:#ff7300;
    background-color:#fff;
    border:0;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left:0;
    border-bottom-left-radius:0;
    border-top-left-radius:0
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius:0;
    border-top-right-radius:0
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color:#fff;
    background-color:#666;
    border-color:#666
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color:#fff;
    background-color:#666;
    border-color:#666
}

/* Our Partners */
.partners.hidden-xs {
	padding:24px;
	background-color: #f8fafb !important;
	margin-bottom: -16px;
}
.partners h3 {
	margin-bottom:5px;
}
.partners .nav-tabs {
    border-bottom:0;
    text-align:center;
    margin-bottom:30px;
}
.partners .nav-tabs>li {
    float:none;
    display:inline-block;
}
.partners .nav-tabs h2 {
	font-size:14px;
	margin-bottom:10px;
    padding:0 8px;
	text-transform:none;
}
.partners .nav-tabs>li> h2 a {
	font-weight:700;
    color:#848484 !important;
    line-height:normal;
}
.partners .nav-tabs>li> h2 a:hover {
    border-color:transparent;
    color:#ff7300 !important;
    background-color:transparent;
	text-decoration:none;
}
.partners .nav-tabs>li.active> h2 a,
.partners .nav-tabs>li.active> h2 a:focus,
.partners .nav-tabs>li.active> h2 a:hover {
    color:#ff7300 !important;
    border:0 solid transparent;
	text-decoration:none;
}
.partners .tab-content p {
	font-size:11px;
	text-transform:uppercase;
	margin:0 3px 20px;
	font-weight:700;
}
@media (max-width:480px){
	.partners .tab-content p {
		text-align: center;
	}
}
.partners-row {
	list-style:none;
	overflow:hidden;
	margin:0 0 55px;
	padding:0;
}
.partners-row:last-child {
	margin:0;
}
.partners-row li.col-md-3, .partners-row li.col-xs-6 {
	padding:2px;
}
#partners-sg .partners-row img,
#partners-hk .partners-row img,
#partners-my .partners-row img,
#partners-th .partners-row img{
	width: 100%;
}
@media (min-width:992px){
#partners-sg .partners-row img,
#partners-hk .partners-row img,
#partners-my .partners-row img,
#partners-th .partners-row img{
	width:auto;
}}


/* Contact Us */
.contact-us .sf_colsIn {
	margin-bottom:50px;
}
.contact-us h2 {
	font-size:18px;
	color:#848484;
	margin:0 0 10px;
}
@media (max-width:480px) {
	.contact-us .sf_colsIn {
		margin-bottom:22px!important;
		border-bottom:1px solid #d1d1d1;
		margin:0 15px;
		padding-bottom:20px;
	}
	.contact-us2 .sf_colsIn:last-child {
		border-bottom:0;
		padding-bottom:0;
		margin-bottom:5px!important;
	}
}

/* Order Form */
.download,
.download:hover{
	color:#000 !important;
	text-decoration:none;
}
.download:hover{
	color:#ff7300 !important;
}
@media print{
	@page {
		size: A4;
		margin: 10px -280px
	}
	body {
		transform: scale(.82);
		margin-top: -40px
	}
	*, :after, :before {
		-webkit-print-color-adjust: exact;
	}
	.navbar {
		display: block;
		border-width:0 !important;
	}
	.navbar-toggle {
		display:none;
	}
	a[href]:after {
		content: ""!important
	}
	.listingContainer{
		page-break-inside: avoid
	}
	.footer {
		bottom: -121px;
	}
}