/* ================================================== */
/* Global =========================================== */
/* ================================================== */

/* Misc. =========================================== */

body {
	opacity: 0;
	background-color: #1D1F28;
	background-color: #fff;
	transition: opacity .3s ease-in-out;
}


body, h1, h2, h3, h4, h5, h6, p {
    font-family: 'Noto Sans Regular';
	color: #111;
}
a {
	color: #0066FF;
	font-family: 'Noto Sans Semi-bold';
}

a:hover {
	color: #0066FF;
}

a.o-yellow-link{
	color:#fbee2b;
	font-family: 'Noto Sans Semi-bold';
	transition:color 0.3s, text-decoration 0.3s;
	text-decoration:none;
}

a.o-yellow-link:hover{
	color:#D0EBEC!important;
}


h1 {
	font-size: 60px;
	font-family: 'Noto Sans Semi-bold';
}
h2 {
	font-family: 'Noto Sans Bold';
}

.o-grey-text {
	color: #777;
}

::selection {
	background: #0066FF;
	color: #FFFFF2;
}
.o-text-link {
	font-size: 18px;
}
.o-text-link:hover {
    color: #FF5A00;
	text-decoration: none;
}
.o-text-link::after {
    content: url(../images/icons/chevron-right-blue.svg);
    position: relative;
    padding-left: 15px;
    top: 2px;
	opacity: 0.5;
	transition: all 0.2s ease 0s;
}
.o-text-link:hover::after {
    content: url(../images/icons/chevron-right-orange.svg);
    position: relative;
    padding-left: 20px;
    top: 2px;
	transform: translateX(8px);
}
ul.o-list {
    padding-top: 10px;
}
ul.o-list li.o-list-item {
	padding-bottom: 10px;
}
ul.o-list li.o-list-item a:hover {
    color: #0066FF;
}
.o-card-link {
	transform: scale(1);
    transition: transform .2s;
}
.o-card-link:hover {
	transform: scale(1.03);
    transition: transform .2s;
}
.o-p-text-link {
	text-align: center;
    margin-top: 50px;
	font-size: 18px;
}
.o-p-text-link a:hover {
	color: #0066FF;
}

/* CTA =========================================== */

.o-cta-btn-container {
    width: 100%; /* or any specific width */
    text-align: center; /* Center child elements */
}

.o-cta-btn.btn {
    display: inline-block; /* Change to inline-block to avoid full-width stretching */
    border-radius: 10px;
    font-family: 'Noto Sans ExtBd';
    font-size: 18px;
    height: 60px;
    padding: 13px 40px;
	margin-top: 40px;
    text-align: center;
	color: #0066FF;
}

/* Top Nav =========================================== */

.o-navbar-top {
	height: 60px;
	padding: 0;
    padding-left: 40px;
    padding-right: 30px;
    border-bottom: 3px solid #FFED00;
    background-color: rgba(29, 31, 40, .85);
}
.o-home-navbar-top {
	background-color: transparent;
}
.o-navbar-top .container-fluid {
	background: #1D1F28;
	background-color: transparent;
}
.o-navbar-top p,
.o-navbar-top .nav-link  {
	font-size: 14px;
	margin: 0;
	font-family: 'Noto Sans Med';
	color: #111;
	color: #FFFFF2;
}
.o-navbar-top.navbar .navbar-nav .nav-link,
.o-navbar-top.navbar .navbar-nav .nav-link.active {
	padding-right: 10px;
    padding-left: 10px;
	border-radius: 5px;
	color: #FFFFF2;
}
.o-navbar-top.navbar .navbar-nav .nav-link:hover {
	color: #0066FF;
}
.o-navbar-top a {
	font-family: 'Noto Sans Bold';
	padding: 10px;
	margin-left: 10px;
	color: #FFED00;
}

/* Main Nav =========================================== */

.o-navbar-main {
	padding: 40px;
	background-color: rgba(29, 31, 40, .85);
}
.o-home-navbar.o-navbar-main {
	background-color: transparent;
}
.o-navbar-main .container-fluid {
    background: transparent;
}
.o-navbar-main a.navbar-brand {
	padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    font-size: 0;
}
.o-navbar-main .navbar-brand img {
	height: 30px;
}
.o-navbar-main.navbar .navbar-nav .nav-link,
.o-navbar-main.navbar .navbar-nav .nav-link.active {
	color: #FFFFF2;
	padding-right: 15px;
    padding-left: 15px;
	border-radius: 10px;
	letter-spacing: 0.5px;
	font-family: 'Noto Sans Semi-bold';
}
.o-navbar-main.navbar .navbar-nav .nav-link:hover {
	color: #FFFFF2;
	background-color: rgba(255, 255, 242, 0.05);
}
.o-navbar-main.navbar .btn {
	margin-left: 15px;
	line-height: 27px;
	/* height: 40px; */
	background-color: rgba(29, 31, 40, .75);
	color: #FFED00;
    border: 3px solid #FFED00;
}
.o-navbar-main.navbar .btn:hover {
	background-color: rgba(255, 255, 242, 0.05);
	color: #FFED00;
    border: 3px solid #FFED00;
}
.navbar-toggler-icon {
    background: url(../images/icons/burger.svg) no-repeat;
    width: 18px;
    height: 16px;
}
.dropdown-toggle::after {
	display: none;
}
.o-navbar-main.navbar .dropdown-menu {
    min-width: 200px;
    padding: 10px 0 10px 0;
    margin: 0;
    border: none;
    border-radius: 10px;
	background-color: rgba(29, 31, 40, .9);
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 6px 17px 0px; 
}
.o-navbar-main.navbar .dropdown-item {
    display: block;
    width: 100%;
    padding: 8px 15px 8px 15px;
    color: #FFFFF2;
}
.o-navbar-main.navbar .dropdown-item:hover {
	background-color: rgba(242, 247, 255, .05);
	background-color: rgba(255, 255, 242, 0.05);
}
/* Activates menu opening on hover */
.navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}


/* Hero =========================================== */

.o-hero {
	background: #1D1F28;
	background-color: rgba(29,31,40,.85);
	border-bottom: 3px solid #1D1F28;
	border-bottom: 3px solid transparent;
	max-height: 300px;
	margin-top: -37px;
}
.o-hero .o-hero-inner {
    max-width: 1200px;
    margin: auto;
}
.o-hero h1 {
    font-size: 55px;
    color: #FFFFF2;
    padding-top: 80px;
	margin-bottom: 5px;
	text-align: center;
}
.o-hero p.lead {
    color: #FFFFF2;
    font-size: 25px;
    font-family: 'Noto Sans Regular';
	margin-bottom: 40px;
	text-align: center;
}
.o-hero .o-text-link-container {
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
}
.o-hero .o-text-link-container .o-text-link {
    margin-bottom: 30px;
	margin-top: 0;
}

/* Info Section =========================================== */

.o-info-section-centre h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 50px;
    margin-bottom: 0;
    max-width: 900px;
    text-align: center;
    line-height: 45px;
}
.o-info-section-centre p {
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
	font-size: 18px;
	margin-top: 20px;
}

/* Cookie Plugin =========================================== */

/*#cc-main {
	max-width: 100%;
	width: calc(100% - 40px);
    right: 0;
    bottom: 0;
    border-radius: 10px;
    margin: 20px;
	background: rgba(255, 255, 255, 1);
}*/
#cc-main .cc--anim .cm {
	max-width: 100% !important;
    width: 100% !important;
    left: 0;
	display: block;
	background: transparent;
	box-shadow: none !important;
	padding: 20px;
	bottom: 0;
	margin-left: 0;
}
#cc-main .cm__body {
    display: block;
    padding: 30px !important;
    max-width: 1200px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 1);
	backdrop-filter: blur(5px);
	border-radius: 10px;
    box-shadow: 0 0.625em 1.875em rgba(0,0,2,.3);
}
#cc-main .cm__texts {
    display: inline-block;
    padding: 0;
    width: calc(100% - 280px);
}
#cc-main .cm__desc,
#cc-main .cm__title {
	padding: 0 !important;
	color: #111;
}
#cc-main .cm__btns {
    border: 0;
}
#cc-main .cm__btns {
    display: block;
}
#cc-main .cm__btns,
#cc-main .cm__links {
	padding: 0;
    display: inline-block;
	float: right;
}
#cc-main .cm__btn-group {
    display: block;
}
#cc-main .cc--anim .cm__btn,
#cc-main .cc--anim .cm__close {
    border-radius: 10px;
    font-size: 16px;
    height: 48px;
    padding: 0 25px;
	max-width: 120px;
	width: 120px;
	margin-left: 10px;
	margin-top: 0;
	font-weight: 700;
}
#cc-main .cc--anim .cm__btn:first-child {
	border: 3px solid #06f;
	color: #06f;
	background: white;
	float: right;
}
#cc-main .cc--anim .cm__btn:first-child:hover {
	color: #fff;
    background-color: rgb(28, 115, 245);
}
#cc-main .cc--anim .cm__btn:last-child {
	border: 0;
	color: #777;
    background: #ccc;
}
#cc-main .cc--anim .cm__btn:last-child:hover {
	color: #777;
    background: #BBBBBB;
}
#cc-main button.cc-link {
	color: #06f;
	font-family: 'Noto Sans Bold';
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
    padding: 20px;
}
#cc-main .pm__btn {
	border: 3px solid #06f;
    color: #06f;
    background: white;
    float: right;
	border-radius: 10px;
    font-size: 16px;
    height: 48px;
    padding: 0 25px;
    margin-left: 10px;
    margin-top: 0;
    font-weight: 700;
}
#cc-main .pm__btn+.pm__btn,
#cc-main .pm__btn-group+.pm__btn-group button {
	border: 0;
    color: #777;
    background: #ccc;
	border-radius: 10px;
    font-size: 16px;
    height: 48px;
    padding: 0 25px;
    margin-left: 10px;
    margin-top: 0;
    font-weight: 700;
}
#cc-main .cc__link,
#cc-main a {
	color: #06f;
	font-family: 'Noto Sans Bold';
}
#cc-main .toggle__icon {
    background: #999;
	box-shadow: 0 0 0 1px #999;
}
#cc-main .toggle__icon-on svg {
    stroke: #06f;
}
#cc-main .section__toggle:checked~.toggle__icon {
    background: #06f;
    box-shadow: 0 0 0 1px #06f;
}
#cc-main .pm__btn:hover {
    color: #fff;
    background-color: rgb(28, 115, 245);
	border-color: #06f;
}
#cc-main .pm__btn+.pm__btn:hover,
#cc-main .pm__btn-group+.pm__btn-group button:hover {
	color: #777;
    background: #BBBBBB;
}
#cc-main .pm__title {
    font-family: 'Noto Sans Bold';
    color: #111;
    font-size: 18px;
}

/* Bootstrap Tooltip =========================================== */

.tooltip .tooltip-inner {
	max-width: 300px;
    padding: 10px 20px;
    color: #111;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
	font-family: 'Noto Sans Semi-bold';
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 6px 17px 0px;
}




/* ================================================== */
/* Homepage ========================================= */
/* ================================================== */

/* Home Hero Background =========================================== */

.o-home-hero-background {
	position: absolute;
	width: 100%;
	height: 150%;
	background-image: url(../images/home-hero-bg.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover; /* or "contain" depending on the desired effect */
	color: #fff;
	z-index: -1;
	margin-top: -60px;
}

/* Hero Large =========================================== */

.o-large-hero {
    background: transparent;
    background-color: transparent;
	border-bottom: 3px solid #FFED00;
}
.o-large-hero .o-large-hero-inner {
    max-width: 1200px;
    margin: auto;
	padding-bottom: 50px;
}
.o-large-hero h1 {
    font-size: 50px;
    text-align: left;
    color: #FFED00;
    max-width: 1200px;
    margin: 0 auto 30px;
    padding-top: 40px;
    text-transform: uppercase;
	font-family: 'Noto Sans ExtBd';
}
.o-large-hero p.lead {
    color: #FFFFF2;
    font-size: 20px;
	text-align: left;
	font-family: 'Noto Sans Semi-bold';
	margin-bottom: 15px;
}
.o-large-hero p.lead span {
    color: #FFED00;
}
.o-large-hero .o-large-hero-inner .btn {
    border-radius: 10px;
    font-family: 'Noto Sans ExtBd';
    font-size: 18px;
    height: 60px;
    padding: 13px 40px 15px 40px;
    margin-top: 30px;
	background: #FFED00;
	color: #111;
    border: 3px solid #FFED00;
	margin-bottom: 60px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 6px 17px 0px;
}
.o-large-hero .o-large-hero-inner .btn:hover {
    transform: scale(1.03);
    transition: transform .2s;
}

/* Video =========================================== */

.o-large-hero .o-video-container {
	background: transparent;
}
.o-large-hero .o-video-container .o-video-wrapper {
    background: #333333;
    border-radius: 20px;
    margin-bottom: 44px;
	margin-top: 40px;
	width: 100%;
}
.o-large-hero .o-video-player,
.o-large-hero .o-video-thumbnail {
    border-radius: 10px;
    height: 100%;
    margin-bottom: -6px;
	width: 100%;
	border: 20px solid rgb(51, 51, 51);
    border-radius: 25px;
}

/* Flux Banner =========================================== */

.o-flux-banner {
	background-image: url(../images/flux-banner-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
	/* border-top: 1px solid #0066FF; */
    /* border-bottom: 3px solid #0066FF; */
	margin: 0 0 -1px -2px;
	background-blend-mode: overlay;
    background-color: rgba(29, 31, 40, .5);
}
.o-flux-banner .container {
	background: transparent;
	padding-top: 60px;
    padding-bottom: 60px;
}
.o-flux-banner h4 {
	color: #FFFFF2;
    font-size: 30px;
    font-family: 'Noto Sans Semi-bold';
	margin-bottom: .5rem;
}
.o-flux-banner p {
    font-size: 18px;
    color: rgba(255, 255, 242, 0.6);
	width: 65%;
}
.o-flux-banner .btn {
	line-height: 27px;
	margin-top: 20px;
	color: #FFED00;
    border: 3px solid #FFED00;
}
.o-flux-banner .btn:hover {
	color: #111;
	background: #FFED00;
}

/* Flip Boxes =========================================== */
.o-flip-boxes {
    /* height: 80vh; */
	min-height: 800px;
    overflow: hidden;
    position: relative;
}

.o-flip-boxes .row {
    margin: 0;
}

.o-flip-boxes .col-6 {
    padding: 0;
    height: 100%;
}

.o-flip-boxes .o-flip-box {
    display: block;
    position: relative;
    width: 100%;
    /* height: 80vh; */
	min-height: 800px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.o-flip-boxes .o-flip-box img {
    display: none;
}

.o-flip-boxes .o-flip-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

.o-flip-boxes .col-6:nth-child(1) .o-flip-box {
    background-image: url('../images/flip-box-services.jpg');
    background-size: cover;
    background-color: #161E24;
    background-position: center;
    background-blend-mode: overlay;
    padding: 40px;
	background-color: rgba(29, 31, 40, .85);
}

.o-flip-boxes .col-6:nth-child(2) .o-flip-box {
    background-image: url('../images/flip-box-retail.jpg');
    background-size: cover;
    background-color: #161E24;
    background-position: center;
    background-blend-mode: overlay;
    padding: 40px;
	background-color: rgba(29, 31, 40, .85);
}

.o-flip-boxes .col-6:nth-child(2) .o-flip-box::after {
    content: "";
    background-image: url(../images/icons/arrow-grey.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 30px;
    height: 30px;
    opacity: 0.5;
}

.o-flip-boxes .o-flip-box p,
.o-flip-boxes .o-flip-box h3 {
    margin: 0;
    padding: 10px 0;
    position: relative;
    z-index: 1;
    color: #FFFFF2;
    text-transform: uppercase;
    font-size: 18px;
}

.o-flip-boxes .o-flip-box h3 {
    text-transform: uppercase;
    font-size: 45px;
    font-family: 'Noto Sans ExtBd';
    max-width: 70%;
    margin: 0 auto;
}

.o-flip-boxes .o-flip-box .btn {
    display: inline-block;
    background: transparent;
    text-decoration: none;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border: 3px solid #FFFFF2;
    border-radius: 10px;
    font-family: 'Noto Sans ExtBd';
    font-size: 18px;
    height: 60px;
    padding: 13px 40px 15px 40px;
    color: #FFFFF2;
}

/* Sliding Panel Styles */
.sliding-panel {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: left 0.5s ease;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sliding-panel.active {
    left: 0;
    border-bottom: 3px solid #FFED00;
}

.sliding-header {
    position: absolute;
    top: 40px;
    left: 40px;
    right: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 4;
    color: #161E24;
}

.sliding-header h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0;
    max-width: 70%;
    line-height: 45px;
}

.back-button {
    background-color: #F2F7FF;
    color: #0066FF;
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    border: 3px solid #0066FF;
    font-size: 16px;
    font-weight: bold;
}

.back-button:hover {
    background-color: #0066FF;
    color: #FFFFF2;
}

.sliding-content {
    max-width: 1200px;
    width: 100%;
    height: calc(100% - 160px);
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: stretch;
    padding-top: 50px;
    box-sizing: border-box;
}

/* Panel Box Flip Styles */
.panel-box {
    perspective: 1000px;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.panel-box .panel-box-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.6s;
}

/* Flip the panel box when .flipped class is added */
.panel-box.flipped .panel-box-inner {
    transform: rotateY(180deg);
}

/* Front and Back Styles */
.panel-box .front, .panel-box .back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 40px;
    box-sizing: border-box;
}

/* Front Styles */
.panel-box .front {
    background-size: cover;
    background-position: center;
	background-color: #161E24;
    background-position: center;
    background-blend-mode: overlay;
	background-color: rgba(29, 31, 40, .9);
}
.panel-box .front.trade {
    background-image: url('../images/trade.png');
}
.panel-box .front.analyse {
    background-image: url('../images/analyse.jpg');
}
.panel-box .front.learn {
    background-image: url('../images/learn.jpg');
}
.panel-box .front:hover {

}
.panel-box .front h3 {
	font-size: 30px;
    font-family: 'Noto Sans Bold';
    margin: 0;
    position: absolute;
    top: 30px;
    left: 40px;
    color: #FFED00;
    line-height: 32px;
}
.panel-box .front p {
    color: #FFFFF2;
    position: absolute;
    width: calc(100% - 80px);
	bottom: 135px;
	font-size: 18px;
}

/* Back Styles */
.panel-box .back {
    background: #fff;
    color: #111;
    /* border: 3px solid #EAEAEA; */
    transform: rotateY(180deg);
	padding: 20px;
	gap: 20px;
	background: #F2F7FF;
	box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, .3);
}
.panel-box .back p {
	position: absolute;
	top: 0;
	padding: 40px;
}
.panel-box .back a {
    min-height: 100px;
    display: block;
    position: relative;
    width: 100%;
	/* border: 3px solid #EAEAEA; */
    border-radius: 10px;
	height: 100%;
}
.panel-box .back a:hover {
    transform: scale(1.03);
    transition: transform .2s;
}
.panel-box .back a h4 {
    font-size: 22px;
    font-family: 'Noto Sans Semi-bold';
    color: #FFFFF2;
    position: absolute;
    bottom: 10px;
    left: 20px;
}
.panel-box .back a::after {
    content: "";
    background-image: url(../images/icons/arrow-grey.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
	opacity: 0.5;
}

/* Button Styles */
.panel-btn {
    display: inline-block;
    background: transparent;
    text-decoration: none;
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: calc(100% - 80px);
    transform: translate(-50%, -0%);
    z-index: 0;
    border: 3px solid #FFFFF2;
    border-radius: 10px;
    font-family: 'Noto Sans ExtBd';
    font-size: 18px;
    height: 60px;
    padding: 13px 40px 15px 40px;
    color: #FFFFF2;
	cursor: pointer;
}
.panel-btn:hover {
    background-color: #FFFFF2;
    color: #161E24;
	outline: none;
}
.back .panel-btn {
	background-color: #F2F7FF;
    color: #0066FF;
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    border: 3px solid #0066FF;
    font-size: 16px;
    font-weight: bold;
}
.panel-box .back a {
	background-size: cover;
    background-position: center;
	background-color: rgba(29, 31, 40, .85);
    background-position: center;
    background-blend-mode: overlay;
}
.o-broker-flip {
    background-image: url(../images/advisory.png);
}
.o-investor-flip {
	background-image: url(../images/investors.png);
}
.o-trading-flip {
	background-image: url(../images/direct-trading.png);
}
.o-insight-flip {
	background-image: url(../images/edge.png);
}
.o-cot-flip {
	background-image: url(../images/cot-flip.png);
}
.o-charting-flip {
	background-image: url(../images/tradingview.png);
}
.o-learning-flip {
	background-image: url(../images/academy.png);
}
.o-media-flip {
	background-image: url(../images/flux-media-flip.png);
}
.o-book-flip {
	background-image: url(../images/book-bg.jpg);
}

/* Newsletter =========================================== */

.o-newsletter .container {
    padding-top: 0;
    padding-bottom: 0;
	min-height: 180px;
}
.o-newsletter p,
.o-newsletter #o-newsletter-button {
	display: inline-block;
}
.o-newsletter p {
    font-size: 20px;
    font-family: 'Noto Sans Regular';
    text-align: center;
    margin: 15px 0 15px 0;
}
.o-newsletter #o-hidden-paragraph {
	display: inline-block;
    padding-top: 60px;
    margin-left: 25px;
}
.o-newsletter #o-hidden-paragraph strong::before {
    content: url(../images/icons/newsletter-1.svg);
    position: relative;
    left: -25px;
    top: 2px;
}
.o-newsletter #o-newsletter-button {
    float: right;
    border-radius: 10px;
    font-family: 'Noto Sans ExtBd';
    font-size: 18px;
    height: 60px;
    padding: 13px 40px 15px 40px;
	margin-top: 60px;
	color: #0066FF;
}
.o-newsletter #o-newsletter-button:hover {
	color: #FFFFF2;
}
.o-newsletter #o-input-field {
    padding: 78px 0 78px 0;
	border: 0;
    font-size: 18px;
	outline: none;
	font-size: 20px;
	width: 50%;
}
.o-newsletter #o-privacy-checkbox {
	float: right;
	padding: 20px;
}
.o-newsletter #o-input-field::placeholder {
	color: #999;
}
.o-newsletter #send-button {
	float: right;
    border-radius: 10px;
    font-family: 'Noto Sans ExtBd';
    font-size: 18px;
    height: 60px;
    padding: 15px 40px 15px 40px;
    margin-top: 60px;
    background: lightgrey;
    box-shadow: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: grey;
    pointer-events: none;
}
.o-newsletter .enabled#send-button {
	background: #0066FF;
	color: #FFFFF2;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 6px 17px 0px;
	pointer-events:initial;
}
.o-newsletter .enabled#send-button:hover {
	background-color: rgb(28, 115, 245);
	cursor: pointer;
}
.o-newsletter .o-privacy-checkbox-container {
    border: 3px solid #EAEAEA;
    border-radius: 10px;
    display: inline-block;
    height: 60px;
    float: right;
    right: 0;
    border-right: 0;
    position: relative;
    top: 60px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 1;
}
.o-newsletter .custom-checkbox-text {
    padding: 15px 20px 15px 55px;
    margin: 0;
	cursor: pointer;
}
/* Hide default checkbox */
.o-newsletter input[type=checkbox] {
	display: none;
}
/* Style for the custom checkbox container */
.o-newsletter .custom-checkbox {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-image: url(../images/icons/unchecked.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 17px 0 0 20px;
}
/* Style for the checked state */
.o-newsletter input[type=checkbox]:checked + .custom-checkbox {
	background-image: url('../images/icons/checked.svg'); /* URL for checked icon */
}
.o-newsletter div#message-container {
	text-align: center;
}
.o-newsletter div#message-container.error {
    font-size: 16px;
    padding: 10px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: 'Noto Sans semi-bold';
    color: #FF6D46;
    background-color: rgba(255, 109, 70, 0.09);
}
.o-newsletter div#message-container.success {
    font-size: 16px;
    padding: 10px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: 'Noto Sans semi-bold';
	color: #009900;
    background-color: rgba(0, 153, 0, 0.09);
}

/* Stats =========================================== */

.o-stats {
	border-bottom: 3px solid #F2F7FF;
	border: 0;
	background: #F2F7FF;
}
.o-stats .container {
	max-width: 900px;
	max-width: 1200px;
	background: #F2F7FF;
	/*padding-bottom: 60px;*/
	padding-top: 110px;
	padding-bottom: 110px;
}
.o-stats .container > p:first-child {
	text-align: center;
	margin-bottom: 30px;
}
.o-stats h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 50px;
	margin-bottom: 0;
    max-width: 70%;
    text-align: center;
    line-height: 45px;
}
.o-stats .card {
    padding: 24px 20px 20px 20px;
    margin-bottom: 20px;
    background-image: url(../images/home-hero-bg.png);
    background-image: url(../images/refinery.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
    background-blend-mode: overlay;
    background-color: rgba(29, 31, 40, .85);
}
.o-stats .card h4 {
    text-align: center;
    font-size: 18px;
    font-family: 'Noto Sans Semi-bold';
	padding: 0 20px 0 20px;
	padding: 0;
	margin: 0;
	color: #FFFFF2;
}
.o-stats .card p {
	text-align: center;
    font-size: 60px;
	color: #FFED00;
    font-family: 'Noto Sans Semi-bold';
	font-family: 'Noto Sans Bold';
	line-height: initial;
	white-space: nowrap;
}
.o-stats .card p span {
    font-size: 35px;
}
.o-stats .card p span.o-extra-small {
    display: inline-block;
    margin-left: -5px;
}
.o-stats .card small span {
	text-align: center;
    font-size: 20px;
    font-family: 'Noto Sans Semi-bold';
	color: #009900;
	margin-right: 3px;
}
.o-stats .card small span::before {
    content: url(../images/icons/green-arrow.svg);
    position: relative;
    left: -8px;
    top: 0;
    display: inline-block;
}
.o-stats .card small {
	text-align: center;
    font-size: 16px;
	display: block;
    color: #FFFFF2;
}
.o-stats .o-p-text-link {
    margin-top: 30px;
}

/* Ticker =========================================== */

.o-ticker-container.o-parallax-section {
    background-image: url('../images/refinery.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow-x: hidden;
}
.o-ticker-container .o-parallax-section-colour {
    background-color: rgba(255,255,242,0.6);
    padding-top: 55px;
    padding-bottom: 49px;
	pointer-events: none;
}
.o-ticker-container h2 {
	font-size: 25px;
	font-family: 'Noto Sans Regular';
	text-align: center;
	margin: 0 0 40px 0;
}
.o-ticker .slick-track {
	display: flex;
	align-items: center;
}
.o-ticker .o-ticker-item {
	display: flex !important;
	flex-direction: row;
	align-items: baseline;
	place-content: center;
	width: auto !important;
	margin: 0 30px;
}


/* Sushi Bar =================================================== */

.o-sushi-bar{
    min-width:200vw;
    width:fit-content;
    display:block;
    white-space:nowrap;
    overflow:hidden;
}

.o-sushi-bar-belt{
  display:block;
  position:relative;
  min-width:200vw;
  width:fit-content;
  display:flex;
}

#o-report-sushi .o-sushi-bar-plate{
  width:140px;
  height:200px;
  margin-left:40px;
  position:relative;
  float:left;	
}
.o-sushi-bar-plate img{
   width:100%;
}

#o-careers-sushi .o-sushi-bar-plate{
  width:250px;
  margin-left:40px;
  position:relative;
  float:left;	
  display:flex;
  align-content:top;
  align-items:flex-start;
  justify-content:center;
}

#o-retro-sushi.o-sushi-bar{
  height:100px!important;
}

#o-careers-sushi.o-sushi-bar{
	height:100px!important;
	margin-bottom:50px;
}


#o-careers-sushi .o-sushi-bar-plate img{
  width:200px;
}

#o-careers-sushi-section{
	background-image: url(../images/awards.jpg);
}

#o-careers-sushi-section .o-parallax-section-colour{
	padding-bottom:40px!important;
}

#o-careers-sushi-section .container-fluid, #o-careers-sushi-section .container{
	background:transparent;
} 

#o-careers-sushi-section .container{
	padding-top: 60px;
    padding-bottom: 30px;
}
#o-careers-sushi-section h2{
	color:#FFFFF2;
	font-size: 25px;
    font-family: 'Noto Sans Regular';
    text-align: center;
    margin: 0 0 40px 0;
}
#o-energy-sushi.o-sushi-bar{
	height:100px!important;
	margin-bottom:50px;
}


#o-retro-sushi .o-sushi-bar-plate, #o-retro-sushi2 .o-sushi-bar-plate{
 	width:12957px;
	color: #FF5A00;
	color: #FFFFF2;
	white-space: nowrap;
	font-family: 'Dots';
	font-size: 40px;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: -10px;
	margin-left: 0;
	margin-right: 0;

}

#o-retro-sushi .o-sushi-bar-plate span {
	opacity: 0.5;
	padding-left: 20px;
	padding-right: 20px;
}

#o-energy-sushi .o-sushi-bar-plate{
	width:140px;
	height:200px;
	margin-left:40px;
	position:relative;
	float:left;	
	display:flex;
	align-items:flex-start;
	justify-content: center;
}
#o-energy-sushi .o-sushi-bar-plate img{
	width: 80%;
    height: 80%;
    object-fit: contain; 
	max-width:120px;
	max-height:80px;
}

/* Services Tab Group =========================================== */

.o-services .container {
	padding-top: 110px;
}
.o-services h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
	margin-bottom: 50px;
	margin-bottom: 0;
	max-width: 70%;
    text-align: center;
	line-height: 45px;
}
.o-services h2 span {
	color: #0066FF;
}
.o-services .o-services-tabs {
    background: #F2F7FF;
    border-radius: 10px;
    /* border: 3px solid #EAEAEA; */
    padding: 30px;
	padding-left: 15px;
}
.o-services .tab-content {
	width: 100%;
	margin-left: 30px;
	position: relative;
}
.o-services .nav-pills .nav-link {
    text-align: left;
    color: #111;
    background-color: transparent;
	height: 48px;
	min-width: 240px;
	min-width: 280px;
	font-size: 18px;
	font-family: 'Noto Sans Bold';
	border: 0;
	cursor: pointer;
}
.o-services .nav-pills .nav-link:hover {
	color: #007bff;
}
.o-services .nav-pills .nav-link.active,
.o-services .nav-pills .nav-link:focus {
    border: 0;
    outline: none;
    border-right: 5px solid #FFED00;
    border-radius: 0;
    color: #007bff;
	padding-left: 15px;
}
.o-services .o-services-tabs-video {
    position: relative;
    padding-bottom: 50%;
    height: 0;
	width: 100%;
    overflow: hidden;
}
.o-services .o-services-tabs-video iframe {
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.o-services .tab-pane p {
    margin-bottom: 10px;
	font-size: 18px;
}
.o-services .tab-pane img {
	width: 100%;
	border-radius: 10px;
    margin-top: 30px;
}
.o-services .tab-pane .btn {
	width: 100%;
	height: 48px;
	border-radius: 10px;
	font-size: 18px;
	font-family: 'Noto Sans Bold';
    margin-top: 25px;
	margin-bottom: 30px;
	color: #FFFFF2;
    line-height: 34px;
}
.o-services .tab-pane .btn:hover {
	color: #FFFFF2;
}
.o-services .o-text-link {
	margin-top: 15px;
	display: inline-block;
}
.o-services-links {
	color: #999;
}

/* Info Section =========================================== */

.o-yellow-line {
	border-top: 3px solid #FFED00;
}
.o-info-section p {
	margin-bottom: 10px;
	font-size: 18px;
}
.o-info-section a:hover {
	text-decoration: none;
	color: #FF5A00;
}
.o-info-section .o-text-link {
    margin-top: 17px;
    display: inline-block;
}

/* Exec Team Small =========================================== */

.o-team-small .container {
    padding-top: 110px;
}
.o-team-small, .o-team-small .container {
	background: transparent;
}
.o-team-small {
	background-color: rgba(255,255,242,0.2);
}
.o-team-small h2 {
	font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 50px;
	margin-bottom: 0;
    max-width: 70%;
    text-align: center;
    line-height: 45px;
	color: #FFFFF2;
}
.o-team-small p.o-subtitle {
    color: #FFFFF2;
}
.o-team-small .o-top-team {
	margin-bottom: 20px;
}
.o-team-small .o-team-small-pic {
	float: left;
	margin-right: 15px;
	border-radius: 10px;
}
.o-team-small .o-top-team .o-team-small-pic {
	display: inline-block;
}
.o-team-small .o-top-team .o-team-small-pic {
    max-width: 175px;
	max-width: 390px;
	max-width: 82px;
	border-radius: 10px;
}
.o-team-small .o-exec-spacer {
	border-top: 3px solid rgba(255,255,242,0.2);
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 60px;
    width: 50%;
}
.o-team-small .o-middle-team .o-team-small-pic {
	max-width: 82px;
}
/* .o-middle-team.row {
    max-width: 925px;
    margin: 0 auto;
} */
.o-middle-team.o-mds.row:last-of-type {
    margin-top: 20px;
}
.o-team-small .o-team-linkedin {
    top: 20px;
    right: 20px;
    height: 18px;
    position: absolute;
}
.o-team-small h6 {
	display: inline-block;
    font-size: 20px;
    font-family: 'Noto Sans Semi-bold';
	margin-bottom: 5px;
}
.o-team-small small {
	display: block;
}
.o-team-small div div p {
	display: inline-block;
	margin-top: 15px;
}
.o-team-small .o-text-link {
    font-size: 18px;
    margin-top: 28px;
    margin-bottom: 3px;
    display: block;
}

/* Onyx Elite =========================================== */

.o-onyx-elite {
	border-top: 3px solid #FFED00;
}
.o-onyx-elite .container {
	padding-top: 80px;
    padding-bottom: 80px;
	position: relative;
	background: transparent;
}
.o-onyx-elite.container-fluid {
	background: transparent;
}
.o-onyx-elite h4 {
	font-size: 30px;
	font-family: 'Noto Sans Semi-bold';
	color: #222222;
	color: #FFFFF2;
}
.o-onyx-elite h4 a:hover {
	color: #FF5A00;
	text-decoration: none;
}
.o-onyx-elite p {
	color: #777;
	font-size: 18px;
	color: rgba(255,255,242,0.6);
}
.o-onyx-elite .btn {
	position: absolute;
	right: 0;
	top: 85px;
	border-color:#FFED00;
}
.o-onyx-elite .btn:hover {
	background-color:#FFED00;
}
.o-onyx-elite .btn:hover svg path{
	fill:black;
}

.o-onyx-elite a{
	color:#FFED00;
}
.o-parallax-section {
    background-image: url('../images/elite-background.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow-x: hidden;
}
.o-parallax-section-colour {
	background-color: rgba(29, 31, 40, 0.7);
}
.o-onyx-elite.o-parallax-section {
    background-image: url('../images/elite-background.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.o-onyx-elite .o-parallax-section-colour {
	background-color: rgba(29, 31, 40, 0.7);
}

/* Disclaimer =========================================== */

.o-disclaimer {
    border-bottom: 3px solid #F2F7FF;
}
.o-disclaimer .container {
	padding-top: 60px;
	padding-bottom: 60px;
}
.o-disclaimer h4 {
	font-family: 'Noto Sans Semi-bold';
    font-size: 18px;
    margin-bottom: 14px;
}
.o-disclaimer strong {
	font-family: 'Noto Sans Semi-bold';
}
.o-disclaimer a:hover {
	color: #0066FF;
}

/* Footer Upper =========================================== */

.o-footer-upper .container {
    padding-top: 100px;
    padding-bottom: 115px;
}
.o-footer-upper footer {
    margin-bottom: 100px;
}
.o-footer-upper h5 {
	font-size: 18px;
	font-family: 'Noto Sans Semi-bold';
	margin-bottom: 40px;
}
.o-footer-upper .row .nav-link {
    font-family: 'Noto Sans Med';
    color: #111;
	padding: 10px 0 10px 0;
	font-family: 'Noto Sans Regular';
}
.o-footer-upper .row .nav-link:hover {
    color: #0066FF;
}
.o-footer-upper .o-logo-footer {
	height: 30px;
}
.o-footer-upper .o-podcast-footer {
	height: 40px;
	float: right;
	margin-left: 20px;
}

/* Footer Lower =========================================== */

.o-footer-lower {
	background: #F2F7FF;
	height: 72px;
}
.o-footer-lower .container {
	background: #F2F7FF;
    padding-top: 0;
    padding-bottom: 0;
    height: 72px;
	position: relative;
}
.o-footer-lower .nav-link {
	font-size: 15px;
	color: #111;
	height: 72px;
	padding-left: 20px;
    padding-right: 20px;
	padding-top: 25px;
}
.o-footer-lower .nav-link:hover {
	color: #0066FF;
}
.o-footer-lower .nav-item:first-child .nav-link {
	padding-left: 0px;
}
.o-footer-lower p {
	position: absolute;
	right: 0;
	top: 25px;
	font-size: 15px;
}





/* ========================================================== */
/* Onyx History Page ============================================ */
/* ========================================================== */

/* Hero =========================================== */

.o-hero-background.o-about-background {
    position: absolute;
    background: url(../images/about.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Info Section Centre =========================================== */

.o-info-section-centre .container {
	padding-top: 100px;
	padding-bottom: 100px;
}
.o-info-section-centre h2 {
	width: 57%;
}
.o-info-section-centre strong {
	color: #0066FF;
}

/* Video Full Width =========================================== */

.o-video-container.o-video-full-width .o-video-wrapper {
    margin-bottom: -12px;
	width: 100%;
}
.o-video-container.o-video-full-width .o-video-thumbnail,
.o-video-container.o-video-full-width .o-video-player {
	border-radius: 0;
	width: 100%;
}

/* Timeline =========================================== */

.o-timeline {
	position: relative;
}
.o-timeline p {
	margin-bottom: 10px;
}
.o-timeline .o-yellow-top {
    width: 6px;
    background: #FFED00;
    height: 90px;
    position: absolute;
    left: calc(50% - 3px);
    top: 0;
	border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
	opacity: 0.5;
	display: none;
}
.o-timeline img {
    max-width: 100%;
	border-radius: 10px;
	margin-bottom: 50px;
}
.o-timeline .o-timeline-node img {
	filter: grayscale(100%);
}
.o-timeline.container-fluid {
	background: #F2F7FF;
}
.o-timeline .container {
	background: #F2F7FF;
}
.o-timeline h2 {
    margin-bottom: 0;
    line-height: 45px;
}
.o-timeline p {
	margin-bottom: 10px;
    margin: 0 auto;
    font-size: 18px;
    margin-top: 20px;
}
.o-timeline-text {
    max-width: 900px;
    text-align: center;
	margin: 0 auto;
	position: relative;
}
.o-timeline .o-timeline-line {
    max-width: 900px;
    margin: 0 auto;
	margin-top: 50px;
	position: relative;
}
.o-timeline .o-timeline-line .col-6:first-of-type {
	border-right: 3px solid #FFED00;
	padding: 0 20px 20px 20px;
}
.o-timeline .o-timeline-line .col-6:first-of-type h3,
.o-timeline .o-timeline-line .col-6:first-of-type p {
	text-align: right;
}
.o-timeline .o-timeline-line .col-6:last-of-type {
	border-left: 3px solid #FFED00;
	padding: 0 20px 20px 20px;
}
.o-timeline .o-timeline-date {
    border: 5px solid #EE6A23;
    padding: 10px 20px;
    border-radius: 10px;
    font-family: 'Noto Sans Bold';
    font-size: 18px;
    position: absolute;
    background: white;
    right: 50%;
    margin-right: -46px;
    z-index: 1;
	width: 92px;
}
.o-timeline .o-timeline-line h3 {
    font-family: 'Noto Sans Bold';
    font-size: 20px;
}
.o-timeline .o-timeline-line p {
    margin-top: 0;
	margin-bottom: 15px;
}
.o-timeline .o-timeline-line > p {
    margin-top: 45px;
	margin-bottom: 45px;
	text-align: center;
}
.o-timeline-line-2016 .col-6:first-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2017 .col-6:first-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2018 .col-6:first-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2019 .col-6:first-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2020 .col-6:first-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2021 .col-6:first-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2022 .col-6:first-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2023 .col-6:first-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2024 .col-6:first-of-type .o-timeline-node:first-of-type, 
.o-timeline-line-2025 .col-6:first-of-type .o-timeline-node:first-of-type {
	padding-top: 100px;
}
.o-timeline-line-2016 .col-6:last-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2017 .col-6:last-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2018 .col-6:last-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2019 .col-6:last-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2020 .col-6:last-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2021 .col-6:last-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2022 .col-6:last-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2023 .col-6:last-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2024 .col-6:last-of-type .o-timeline-node:first-of-type,
.o-timeline-line-2025 .col-6:last-of-type .o-timeline-node:first-of-type {
	padding-top: 300px;
}
.o-timeline-line .col-6:first-of-type h3::after {
    content: url(../images/icons/node.svg);
    position: absolute;
    right: -15px;
    z-index: 1;
}
.o-timeline-line .col-6:last-of-type h3::before {
    content: url(../images/icons/node.svg);
    position: absolute;
    left: -15px;
    z-index: 1;
}
img.o-timeline-end {
	border-radius: 0;
    margin: 0 auto;
    margin-top: -50px;
    z-index: 1;
}





/* ========================================================== */
/* Brokerage Page ============================================ */
/* ========================================================== */

/* Hero =========================================== */

.o-hero-background.o-advisory-background {
    position: absolute;
    background: url(../images/advisory.png);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Info Section 2 Column =========================================== */

.o-info-section-2-col h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 50px;
    margin-bottom: 0;
    max-width: 60%;
    text-align: center;
    line-height: 45px;
}
.o-info-section-2-col p {
    margin: 0 auto;
    font-size: 18px;

}
.o-info-section-2-col strong {
    color: rgb(0, 102, 255);
    font-family: "Noto Sans Bold";
}
.o-info-section-2-col .container {
	padding-bottom: 100px;
	padding-top: 100px;
}
.o-info-section-2-col h2 {
	text-align: center;
}

/* Ticker Large =========================================== */

.o-ticker-large-container.o-parallax-section {
    background-image: url('../images/advisory-background.png');
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.o-ticker-large-container .o-parallax-section-colour {
    background-color: rgba(29,31,40,.7);
	padding-top: 55px;
    padding-bottom: 49px;
}
.o-ticker-large-container h2 {
    font-size: 25px;
    font-family: 'Noto Sans Regular';
    text-align: center;
    margin: 0 0 40px 0;
	color: #FFFFF2;
}
.o-ticker-large-container .o-ticker-items {
    display: flex;
    justify-content: center;
    align-items: center;
}
.o-ticker-large-container .o-ticker-items .o-ticker-item {
    margin: 0 30px 0 30px;
}
.o-ticker-large-container p {
    text-align: center;
    padding-top: 35px;
    color: #FFFFF2;
    font-size: 18px;
}

/* Three Boxes (type-1) =========================================== */

.o-3-boxes-1 {
    background: #F2F7FF;
}
.o-3-boxes-1 .container {
	background: #F2F7FF;
	padding-top: 110px;
	max-width: 900px;
}
.o-3-boxes-1 h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 50px;
    margin-bottom: 0;
    max-width: 70%;
    text-align: center;
    line-height: 45px;
}
.o-3-boxes-1 .card {
	padding: 40px 20px 40px 20px;
}
.o-3-boxes-1 .card .o-card-icons {
    height: 60px;
    width: 60px;
    text-align: center;
    background: #F2F7FF;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.o-3-boxes-1 .card .o-card-icons img {
    height: 30px;
    margin-top: 15px;
}
.o-3-boxes-1 .card h4 {
    font-size: 22px;
    text-align: center;
    margin: 0 0 20px 0;
    line-height: 30px;
    font-family: 'Noto Sans Semi-bold';
    padding: 0 20px 0 20px;
}
.o-3-boxes-1 .card p {
    font-size: 18px;
    color: #111;
    font-family: 'Noto Sans Regular';
	text-align: center;
	line-height: initial;
}

/* Three Boxes neatened up =====================================*/

.o-card-flexbox{
    display: flex;
    gap: 20px;
    padding-left: 10px;
	padding-right:10px;
    width:100%;
	flex-wrap:wrap;
}

.o-card-flex-col{
	width:100%;
}

@media screen and (min-width:768px){
	.o-card-flex-col{
		min-width:calc(50% - 10px);
		width:calc(50% - 10px);
	}

	.o-card-flex-col:last-child:nth-child(odd){
		width:100%;
	}
}

@media screen and (min-width:992px){
	.o-card-flex-col, .o-card-flex-col:last-child:nth-child(odd){
		min-width:calc(33.333% - 15px);
		width:calc(33.333% - 15px);
	}

}



.o-card-flexbox .card{
	height:100%!important;
}

.o-module-superscript{
	width: 100%;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
}


/* Broker Carousel =========================================== */

.o-info-section-3-boxes.o-broker-carousel .slick-arrow,
.o-info-section-3-boxes.o-broker-carousel .slick-arrow:focus {
    top: calc(50% - 0px);
}
.o-info-section-3-boxes.o-broker-carousel .o-carousel-item {
    margin-bottom: 0px;
}
.o-info-section-3-boxes.o-broker-carousel iframe {
	border-radius: 10px;
	border: 0;
	display: block;
}
.o-info-section-3-boxes.o-broker-carousel .o-carousel-item iframe,
.o-info-section-3-boxes.o-broker-carousel .o-carousel-item.o-carousel-item-video iframe {
	height: 600px;
	width: 100%;
}

/* Broker Testamonials =========================================== */

.o-testamonials {
	border-bottom: 3px solid #FFED00;
}
.o-testamonials.o-broker-testamonials .slick-arrow,
.o-testamonials.o-broker-testamonials .slick-arrow:focus {
    top: calc(50% + 0px);
}
.o-testamonials.o-broker-testamonials .o-carousel-item .o-tagname {
    text-align: center;
    margin: 25px 0 0 0;
    color: #777;
    font-size: 18px;
}

/* 3 Boxes Full Width ===================================== */

.o-3-boxes-full-width {
    position: relative;
	background: #F2F7FF;
	border-bottom: 3px solid #FFED00;
}
.o-3-boxes-full-width .container {
    padding-top: 100px;
    padding-bottom: 120px;
	position: relative;
	background: #F2F7FF;
}
.o-3-boxes-full-width h2 {
    text-align: left;
	font-size: 35px;
    margin-bottom: 50px;
	max-width: 62%;
}
.o-3-boxes-full-width h2 a {
    color: #0066FF !important;
	font-family: 'Noto Sans Bold';
	pointer-events: none;
}
/* .o-3-boxes-full-width h2 a:hover {
	text-decoration: none;
	color: #FF5A00 !important;
} */
.o-3-boxes-full-width .row.o-card-features {
    margin-bottom: 0;
    gap: 20px;
	margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
	max-height: 400px;
}
.o-3-boxes-full-width .col {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
	z-index: 1;
}
.o-3-boxes-full-width .o-card-feature {
    border-radius: 10px;
    position: relative;
	display: block;
}
.o-3-boxes-full-width .o-card-feature:hover {
    cursor: pointer;
}
.o-3-boxes-full-width .o-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(29, 31, 40, .25);
    border-radius: 20px;
}
.o-3-boxes-full-width .o-card-feature img {
	width: 100%;
    border-radius: 20px;
    margin: 20px;
    margin: 0;
    max-height: 400px;
    object-fit: cover;
}
.o-3-boxes-full-width .o-card-feature h3 {
    font-size: 30px;
    font-family: 'Noto Sans Bold';
    margin: 30px;
    position: absolute;
    top: 0;
    color: white;
    line-height: 32px;
    margin-right: 70px;
}
.o-3-boxes-full-width .o-card-feature p {
    margin: 30px;
    position: absolute;
    bottom: 0;
    color: white;
	font-size: 18px;
	padding-right: 80px;
}
.o-3-boxes-full-width .o-card-feature:after {
    content: ""; 
    background-image: url(../images/icons/arrow-white.svg);
    background-size: 30px 30px; 
    background-repeat: no-repeat;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 30px; 
    height: 30px; 
	opacity: 0.5;
	display: none;
}
.o-3-boxes-full-width .container:after {
    content: ""; 
    background-image: url(../images/icons/icon-logo-grey.svg);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 105px;
    width: 40px;
    height: 40px;
    opacity: 0.5;
	display: none;
}
.o-3-boxes-full-width .o-card-link,
.o-3-boxes-full-width .o-card-link:hover {
    transform: scale(1);
    transition: transform .0s;
	cursor: default;
	pointer-events: none;
}





/* =============================================================== */
/* Annual Report Pages ============================================ */
/* =============================================================== */

/* Hero =========================================== */

.o-hero-background.o-report-background {
    position: absolute;
    background: url(../images/report.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Article Section 2 =========================================== */

.o-article-section-2 h2 {
	margin-bottom: 20px;
}
.o-article-section-2 h2 strong {
	color: #0066FF;
}
.o-article-section-2 p {
    margin-bottom: 10px;
    font-size: 18px;
}
.o-article-section-2 img {
	width: 100%;
	border-radius: 10px;
}
.o-article-section-2 .o-other-reports {
	margin-bottom: 20px;
}
.o-article-section-2 .o-video-container {
    padding-top: 0;
	position: sticky;
    top: 30px;
	margin-bottom: -20px;
}
.o-article-section-2 .o-text-link {
    margin-top: 17px;
    display: inline-block;
}





/* ========================================================== */
/* Careers Page ============================================= */
/* ========================================================== */

/* Hero =========================================== */

.o-hero-background.o-careers-background {
    position: absolute;
    background: url(../images/careers.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Book Promo =========================================== */

.o-book-promo .container {
	padding: 0;
}
.o-book-promo .o-recommendation {
    padding: 20px 20px 20px 30px;
    background-color: #D0EBEC;
    color: #0B7186;
	min-height: 76px;
}
.o-book-promo .o-recommendation p {
    font-size: 16px;
    text-align: left;
    font-family: 'Noto Sans semi-bold';
    color: #0B7186;
	display: inline-block;
	padding-top: 6px;
}
.o-book-promo .o-recommendation .btn {
	float: right;
	color: #0B7186;
    border: 3px solid #0B7186;
}

.o-book-promo .o-recommendation .btn:hover {
	color: #FFFFFF;
    background-color: #0B7186;
}

.o-book-promo .o-recommendation .container{
    background-color: #D0EBEC;
    color: #0B7186;
}

/* Info Section =========================================== */

.o-info-section-centre.o-no-bottom-padding .container {
	padding-bottom: 0;
}

/* Three Boxes (type-2) =========================================== */

.o-3-boxes-2,
.o-3-boxes-2 .container {
	background-color: white;
}
.o-3-boxes-2 .container {
    padding-top: 60px;
    max-width: 900px;
}
.o-3-boxes-2 img.o-elite-stats {
	border-radius: 10px;
	margin-bottom: 50px;
	max-width: 900px;
	border: 3px solid #EAEAEA;
}
.o-3-boxes-2 .o-card-icons {
    height: 60px;
    width: 60px;
    text-align: center;
    background: #F2F7FF;
    border-radius: 50%;
    margin: 0 auto;
	margin-bottom: 20px;
	outline: 2px solid #EE6A23;
}
.o-3-boxes-2 .o-card-icons img {
    height: 30px;
	margin-top: 15px;
}
.o-3-boxes-2 .o-card-icons.o-prepared img {
    margin-top: 17px;
    margin-left: 5px;
}
.o-3-boxes-2 img.o-card-icons::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: RGBA(var(--color-rgb),.15);
}
.o-3-boxes-2 h4 {
	font-size: 22px;
    text-align: center;
    margin: 0 0 20px 0;
    line-height: 30px;
	font-family: 'Noto Sans Semi-bold';
    padding: 0 20px 0 20px;
}
.o-3-boxes-2 .card p {
	font-size: 18px;
	color: #111;
	font-family: 'Noto Sans Regular';
	line-height: initial;
	text-align: center;
}
.o-3-boxes-2 .o-text-link-container {
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
}
.o-3-boxes-2 .o-text-link-container .o-text-link {
    display: block;
    text-align: center;
	margin-top: 50px;
}

/* Awards Ticker =========================================== */

.o-careers-ticker.o-ticker-container.o-parallax-section {
    background-image: url('../images/awards.jpg');
}
.o-careers-ticker.o-ticker-container .o-parallax-section-colour {
    background-color: rgba(29,31,40,.7);
}
.o-careers-ticker.o-ticker-container.o-parallax-section h2 {
    color: #FFFFF2;
}

/* Vacancies & Careers =========================================== */

.o-vacancies h2, .o-careers h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 50px;
    margin-bottom: 0;
    line-height: 45px;
}
.o-vacancies p, .o-careers p {
    margin: 0 auto;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 35px;
    border-bottom: 3px solid #F2F7FF;
    padding-bottom: 30px;
}
.o-careers p {
    border-bottom: 0px solid #FFF;
}
.o-careers p:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
}

.o-careers:has(+ .o-left-nav-section) .container {
   padding-bottom:0px!important;
}
.o-vacancies ul.whr-items,
.o-vacancies ul.whr-info {
	list-style: none;
	padding: 0;
}
.o-vacancies ul.whr-items {
    display: flex;
    justify-content: space-between; /* Adjust the gap between items */
    flex-wrap: wrap; /* Allow items to wrap to the next row */
    gap: 20px; /* Set the gap between items */
}
.o-vacancies li.whr-item {
    flex: 1 0 calc(33.33% - 20px); /* Set each item to occupy 1/3 of the container's width minus the gap */
    border: 3px solid #F2F7FF;
    border-radius: 10px;
    padding: 20px;
	border: 3px solid #EAEAEA;
}
.o-vacancies li.whr-item span {
	color: #777;
}
.o-vacancies li.whr-item h3 {
	font-size: 22px;
}

.o-graduate-careers-page .card-body .btn{
	height: 45px;
    border: 3px solid #FFED00;
    background: #FFED00;
    color: #111;
    margin-top: 30px;
}

.o-graduate-careers-page .card-body .btn:hover{
	transform: scale(1.03);
    transition: transform .2s;
}

/* Three Boxes (type-3) =========================================== */

.o-3-boxes-3.container-fluid,
.o-3-boxes-3 .container {
    background: #F2F7FF;
}
.o-3-boxes-3 .container {
	max-width: 900px;
}
.o-3-boxes-3 .card {
    background: white;
    padding: 30px;
}
.o-3-boxes-3 h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 50px;
    margin-bottom: 0;
    max-width: 70%;
    text-align: center;
    line-height: 45px;
}
.o-3-boxes-3 h2 span {
    color: #0066FF;
}
.o-3-boxes-3 h4 {
    font-size: 22px;
    margin: 0 0 20px 0;
    line-height: 30px;
	font-family: 'Noto Sans Semi-bold';
    padding: 0 20px 0 0px;
}
.o-3-boxes-3 .card p {
    font-size: 18px;
    color: #111;
    font-family: 'Noto Sans Regular';
    line-height: initial;
}
.o-3-boxes-3 .o-text-link-container {
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
}
.o-3-boxes-3 .o-text-link-container .o-text-link {
    display: block;
    text-align: center;
    margin-top: 50px;
}





/* =========================================================== */
/* Community Page ============================================ */
/* =========================================================== */

/* Hero =========================================== */

.o-hero-background.o-community-background {
    position: absolute;
    background: url(../images/community.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Card Row =========================================== */

.o-card-row-container {
	padding-bottom: 120px;
	max-width: 1200px;
}
.o-card-row-container .card {
	padding: 0;
}
.o-card-row-container .col {
	padding-left: 0;
	padding-right: 0;
}
.o-card-row-container .o-card-row {
	margin-right: 0;
    margin-left: 0;
	margin-bottom: 60px;
}
.o-card-row-container .o-card-row:last-child {
	margin-bottom: 0;
}
.o-card-row-container .o-team-small-pic {
    max-width: 100%;
	border-radius: 0;
	margin-right: 0;
}
.o-card-row-container .col:first-of-type .o-team-small-pic {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.o-card-row-container .col:last-of-type .o-team-small-pic {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.o-card-row-container h6 {
    padding: 30px 20px 0 20px;
	margin-bottom: 0;
	display: inline-block;
    font-size: 22px;
    font-family: 'Noto Sans Semi-bold';
	line-height: 30px;
}
.o-card-row-container p {
	padding: 0 20px 0 20px;
	display: inline-block;
    margin-top: 15px;
}
.o-card-row .o-text-link {
	padding: 0 20px 0 20px;
	display: none;
}





/* ==================================================== */
/* Legal Pages ========================================= */
/* ==================================================== */

/* Hero =========================================== */

.o-hero-background.o-legal-background {
    position: absolute;
    background: url(../images/legal.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Full Width =========================================== */

.o-full-width p {
	margin-bottom: 10px;
	font-size: 18px;
}
.o-full-width h2 {
	font-size: 30px;
    margin-bottom: 35px;
	margin-top: 50px;
}
.o-full-width h2:first-child {
	margin-top: 0;
}
.o-full-width h3 {
    font-size: 18px;
	font-family: 'Noto Sans bold';
	margin-top: 30px;
	margin-bottom: 20px;
}
.o-full-width strong {
    font-family: 'Noto Sans Semi-bold';
}
.o-full-width ul.o-list li.o-list-item {
    padding-bottom: 10px;
    font-size: 18px;
}
.o-disclaimer-page.o-full-width h3 {
    margin-bottom: 8px;
}
.o-btn-fix img {
	padding-top: 5px;
}





/* ========================================================== */
/* Contact Page ============================================= */
/* ========================================================== */

/* Hero =========================================== */

.o-hero-background.o-contact-background {
    position: absolute;
    background: url(../images/contact.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Three Boxes (type-4) =========================================== */

.o-3-boxes-4 .container {
	padding-top: 100px;
	max-width: 900px;
}
.o-3-boxes-4 .o-card-icons {
    height: 60px;
    width: 60px;
    text-align: center;
    background: #F2F7FF;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
	outline: 2px solid #EE6A23;
}
.o-3-boxes-4 .o-card-icons img {
    height: 30px;
    margin-top: 15px;
}
.o-3-boxes-4 h4 {
    margin: 0 0 10px 0;
	font-size: 22px;
    text-align: center;
    line-height: 30px;
	font-family: 'Noto Sans Semi-bold';
    padding: 0 20px 0 20px;
}
.o-3-boxes-4 small {
    margin: 0 0 12px 0;
	color: #777;
	text-align: center;
    font-size: 16px;
    display: block;
}
.o-3-boxes-4 p {
    font-size: 18px;
    color: #111;
    font-family: 'Noto Sans Regular';
	text-align: center;
	line-height: initial;
}
.o-3-boxes-4 .o-text-link {
    display: block;
    text-align: center;
    margin-top: 50px;
}

/* Google Map =========================================== */

#map,
.o-temp-google-map {
	height: 400px;
	width: 100%;
}

/* Addresses =========================================== */

.o-info-section-3-col.container-fluid {
	background: #F2F7FF;
    border-top: 0;
}
.o-info-section-3-col .container {
	background: #F2F7FF;
}
.o-info-section-3-col h6 {
	font-size: 20px;
	font-family: 'Noto Sans Bold';
}
.o-info-section-3-col h5,
.o-info-section-3-col a {
	font-size: 18px;
	font-family: 'Noto Sans Bold';
	color: #0066FF;
	width: 80%;
	line-height: 25px;
	margin-bottom: 8px;
	display: inline-block;
}
.o-info-section-3-col p {
	font-size: 18px;
	margin-bottom: 0;
}





/* =========================================================== */
/* Eagle Page ================================================ */
/* =========================================================== */

/* Hero =========================================== */

.o-hero-background.o-eagle-background {
    position: absolute;
    background: url(../images/eagle.png);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Info Section 3 Boxes =========================================== */

.o-info-section-3-boxes .container {
	padding-top: 100px;
}
.o-info-section-3-boxes .o-carousel-item {
	border: 30px solid rgb(51, 51, 51);
	border-radius: 40px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 6px 17px 0px;
	position: relative;
	margin-bottom: 80px;
}
.o-info-section-3-boxes .o-carousel-item img {
	border-radius: 10px;
	width: 100%;
	position: relative;
}
.o-info-section-3-boxes .slick-arrow,
.o-info-section-3-boxes .slick-arrow:focus {
	width: 48px;
	height: 150px;
	background-color: rgba(153,153,153,0.25);
	z-index: 1;
	border-radius: 10px;
	top: calc(50% - 39px);
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.o-info-section-3-boxes .slick-arrow:hover {
	background-color: rgba(153,153,153,0.5);
}
.o-info-section-3-boxes .slick-prev {
	margin-left: -53px;
}
.o-info-section-3-boxes .slick-prev:before {
	content: "";
	position: absolute;
    line-height: 0;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/carousel-prev.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 60px;
    left: 17px;
}
.o-info-section-3-boxes .slick-next {
	margin-right: -53px;
}
.o-info-section-3-boxes .slick-next:before {
	content: "";
	position: absolute;
    line-height: 0;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/carousel-next.svg);
    background-size: contain;
    background-repeat: no-repeat;
	background-position: right;
    top: 60px;
    right: 17px;
}
.o-info-section-3-boxes .container > h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 0;
    max-width: 60%;
    text-align: center;
    line-height: 45px;
}
.o-info-section-3-boxes .container > h2 strong {
	color: #0066FF;
}
.o-info-section-3-boxes .row,
.o-info-section-3-boxes .col-6,
.o-info-section-3-boxes .col {
	margin-right: 0;
    margin-left: 0;
	padding-right: 0;
    padding-left: 0;
}
.o-info-section-3-boxes .row:first-of-type {
	margin-bottom: 50px;
}
.o-info-section-3-boxes h2 {
	margin: 0 20px 0 0;
	font-size: 35px;
    font-family: 'Noto Sans Bold';
    line-height: 45px;
}
.o-info-section-3-boxes h2 span {
    color: #0066FF;
}
.o-info-section-3-boxes .o-text-link {
	margin-top: 30px;
	display: inline-block;
	margin-bottom: 30px;
}
.o-info-section-3-boxes .o-card-features {
	margin-bottom: 20px;
	gap: 20px;
}
.o-info-section-3-boxes .o-card-features:nth-last-of-type(2) {
	margin-top: 80px;
}
.o-info-section-3-boxes .o-card-feature {
	border-radius: 10px;
	position: relative;
}
.o-info-section-3-boxes .o-card-feature img {
    width: 100%;
    border-radius: 10px;
    margin: 20px;
    margin: 0;
}
.o-info-section-3-boxes .o-card-feature h3 {
    font-size: 30px;
    font-family: 'Noto Sans Bold';
    margin: 20px;
    position: absolute;
    bottom: 0;
    color: white;
	line-height: 32px;
	margin-right: 70px;
}
.o-info-section-3-boxes .col p {
	margin: 20px;
	font-size: 18px;
}
.o-info-section-3-boxes .o-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(29, 31, 40, .1);
	border-radius: 10px;
}
.o-info-section-3-boxes .o-spacer {
	border-top: 3px solid #FFED00;
    margin: 0 auto;
    width: 100vw;
    position: absolute;
    left: 0;
}



/* ========================================================== */
/* Training Courses ========================================= */
/* ========================================================== */

.o-training-courses-pg .o-ticker-container {
	background-color: #F2F7FF;
}
.o-training-courses-pg .o-ticker-container .o-parallax-section-colour {
	background-color: transparent;	
}




/* ========================================================== */
/* Edge Page ================================================ */
/* ========================================================== */

/* Hero =========================================== */

.o-hero-background.o-edge-background {
    position: absolute;
    background: url(../images/edge.png);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Info Section CTA =========================================== */

.o-info-section-cta {
    border-top: 0;
	border-bottom: 3px solid #FFED00;
}
.o-info-section-cta .container {
    padding-top: 100px;
    padding-bottom: 100px;
}
.o-info-section-cta h2 {
	margin-bottom: 20px;
}
.o-info-section-cta p {
    margin-bottom: 10px;
    font-size: 18px;
}
.o-info-section-cta .row:first-of-type img {
    width: 100%;
    margin-top: 5px;
    opacity: 0.6;
}
.o-info-section-cta .o-text-link {
    margin-top: 17px;
    display: inline-block;
}

/* Retro Ticker =========================================== */

.o-retro-ticker .o-ticker-item {
	color: #FF5A00;
	color: #FFFFF2;
	white-space: nowrap;
	font-family: 'Dots';
	font-size: 40px;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: -10px;
	margin-left: 0;
	margin-right: 0;
}
.o-retro-ticker .o-ticker-item span {
	opacity: 0.5;
	padding-left: 20px;
	padding-right: 20px;
}

/* Info Section Large (type-1) =========================================== */

.o-info-section-large-1 .container-fluid,
.o-info-section-large-1 .container {
	background: transparent;
}
.o-info-section-large-1 .container {
	padding-bottom: 100px;
}
.o-info-section-large-1.o-parallax-section {
    background-image: url('../images/edge-background.jpg');
}
.o-info-section-large-1 .o-parallax-section-colour {
    padding-top: 0;
    padding-bottom: 49px;
	background-color: rgba(29,31,40,.7);
	border-bottom: 3px solid #FFED00;
}
.o-info-section-large-1 .container h2 {
	font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 50px;
    margin-bottom: 0;
    max-width: 70%;
    text-align: center;
    line-height: 45px;
	color: #FFFFF2;
}
.o-info-section-large-1 .container h2 span {
    color: #0066FF;
}
.o-info-section-large-1 .o-subtitle img {
    width: auto;
	opacity: 1 !important;
}
.o-info-section-large-1 .o-subtitle {
	margin-top: 0;
    margin-bottom: 0;
	color: #FFFFF2;
}
.o-info-section-large-1 .row p {
	color: #FFFFF2;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
}
.o-info-section-large-1 .row img {
    width: 100%;
    border-radius: 10px;
}
.o-info-section-large-1 .o-text-link {
    margin-top: 17px;
    display: inline-block;
}
.o-info-section-large-1 .o-ticker-container {
	border: 0;
	pointer-events: none;
}
.o-info-section-large-1 .o-ticker-container .o-ticker-item img {
	height: 200px;
}
.o-info-section-large-1 .o-ticker-container h2 {
	margin-bottom: 40px;
	color: #FFFFF2;
}

/* Info Section Large (type-2) =========================================== */

.o-info-section-large-2,
.o-info-section-large-2 .container {
	background: #F2F7FF;
}
.o-info-section-large-2 .container {
	max-width: 1200px;
	padding-top: 110px;
}
.o-info-section-large-2 .o-text-link {
    margin-top: 25px;
}
.o-info-section-large-2 h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 50px;
    margin-bottom: 0;
    max-width: 57%;
    text-align: center;
    line-height: 45px;
}
.o-info-section-large-2 strong {
    color: #0066FF;
}
.o-info-section-large-2 img.o-desktop-app {
    border: 30px solid rgb(51, 51, 51);
    border-radius: 40px;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 6px 17px 0px;
    position: relative;
    margin-bottom: 60px;
	max-width: 100%;
}
.o-info-section-large-2 .card {
    padding: 40px 20px 40px 20px;
}
.o-info-section-large-2 h4 {
    font-size: 22px;
    text-align: center;
    margin: 0 0 20px 0;
    line-height: 30px;
	font-family: 'Noto Sans Semi-bold';
    padding: 0 20px 0 20px;
}
.o-info-section-large-2 p {
    font-size: 18px;
    color: #111;
    font-family: 'Noto Sans Regular';
	text-align: center;
}
.o-info-section-large-2 .card p {
	line-height: initial;
}
.o-info-section-large-2 .o-text-link {
    margin-top: 25px;
	display: block;
    text-align: center;
}





/* ========================================================== */
/* Exec Team Page =========================================== */
/* ========================================================== */

/* Hero =========================================== */

.o-hero-background.o-team-small-background {
    position: absolute;
    background: url(../images/board-room.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Exec Team Large =========================================== */

.o-team-large {
    background: #fff;
}
.o-team-large .container {
    padding-top: 100px;
}
.o-team-large h2 {
	font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 50px;
    margin-bottom: 0;
    max-width: 900px;
    text-align: center;
    line-height: 45px;
}
.o-team-large p.o-subtitle {
	color: #111;
	text-align: center;
    padding: 20px 0 50px 0;
    font-size: 18px;
	display: block;
	margin-top: 0;
    margin-bottom: 0;
}
.o-team-large .o-exec-spacer {
	border-top: 3px solid #FFED00;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 60px;
    width: 50%;
}
.o-team-large .card {
    border: 3px solid #EAEAEA;
}
.o-team-large .o-top-team {
	margin-bottom: 20px;
}
.o-team-large .o-top-team .o-team-large-pic,
.o-team-large .o-middle-team .o-team-large-pic {
    max-width: 100%;
    border-radius: 10px;
    margin-bottom: 20px;
	width: 100%;
}
.o-team-large .o-team-linkedin {
    top: 0;
    right: 0;
    height: 18px;
    float: right;
	position: relative;
}
.o-team-large h6 {
    display: inline-block;
    font-size: 20px;
    font-family: 'Noto Sans Semi-bold';
    margin-bottom: 5px;
}
.o-team-large small {
    display: block;
}
.o-team-large .card p {
    display: inline-block;
    margin-top: 15px;
}
.o-team-large .o-text-link {
    font-size: 18px;
    margin-top: 28px;
    margin-bottom: 3px;
    display: block;
}
.o-info-section.o-blue-background,
.o-info-section.o-blue-background .container {
    background: #F2F7FF!important;
}





/* ========================================================== */
/* Flux Page ================================================ */
/* ========================================================== */

/* Hero =========================================== */

.o-hero-background.o-flux-background {
    position: absolute;
    background: url(../images/flux.png);
    top: 0;
    left: 0;
    width: 100%;
    height: 112%;
    object-fit: cover;
    z-index: -1;
    background-position: center;
	background-position-x: center;
    background-size: cover;
}
.o-hero-device.o-hero {
	max-height: none;
	border-bottom: none;
}
.o-hero-device.o-hero img {
    max-width: 400px;
    margin: 0 auto;
    display: block;
}

/* Info Section Large (type-3) =========================================== */

.o-info-section-large-3 {
	border-top: 0;
}
.o-info-section-large-3 h2 {
	margin-bottom: 20px;
	font-size: 35px;
}
.o-info-section-large-3 p {
    margin-bottom: 10px;
    font-size: 18px;
}
.o-info-section-large-3 .o-4-features {
    padding-left: 50px;
}
.o-info-section-large-3 .o-4-features .row {
	display: flex;
	gap: 20px;
    width: 100%;
	flex-wrap: nowrap;
	border-radius: 10px;
}
.o-info-section-large-3 .o-4-features .row:first-of-type {
	margin-bottom: 20px;
}
.o-info-section-large-3 .o-4-features .col-6 {
	border-radius: 10px;
    /*min-height: 350px;*/
	padding: 0;
	border: 3px solid #EAEAEA;
	border: none;
}
.o-info-section-large-3 .o-4-features img {
    width: calc(100% - 40px);
	width: 100%;
	border-radius: 10px;
	margin: 20px;
	margin: 0;
}
.o-info-section-large-3 .o-4-features h3 {
	font-size: 20px;
	font-family: 'Noto Sans Bold';
	margin: 0px 20px 20px 20px;
	line-height: 28px;
	position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.75);
	backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 13px 20px;
	padding-right: 60px;
	width: calc(100% - 40px);
}
.o-info-section-large-3 .o-4-features h3.o-open-whatsapp:before {
	content: "";
    position: absolute;
    line-height: 0;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/open-whatsapp.svg);
    background-size: contain;
    background-repeat: no-repeat;
	margin-left: -45px;
}
.o-info-section-large-3 .o-4-features h3.o-open-whatsapp {
	padding-left: 60px;
}
.o-info-section-large-3 .o-4-features h3.o-open-excel:before {
	content: "";
    position: absolute;
    line-height: 0;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/open-excel.svg);
    background-size: contain;
    background-repeat: no-repeat;
	margin-left: -45px;
}
.o-info-section-large-3 .o-4-features h3.o-open-excel {
    padding-left: 60px;
}
.o-info-section-large-3 .o-4-features h3:after {
	content: url(../images/icons/chevron-right-blue.svg);
    position: absolute;
    padding-left: 15px;
    top: 14px;
    right: 20px;
}
.o-info-section-large-3 .o-text-link {
    margin-top: 17px;
    display: inline-block;
}

/* Accordion Section =========================================== */

.o-accordion-section,
.o-accordion-section .container {
    background: #F2F7FF;
}
.o-accordion-section .container {
	padding-top: 110px;
}
.o-accordion-section h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 0;
    max-width: 57%;
    text-align: center;
    line-height: 45px;
}
.o-accordion-section strong {
    color: #0066FF;
}
.o-accordion-section p {
	margin-top: 0;
	margin-bottom: 0;
}
.o-accordion-section img.o-desktop-app {
	border: 30px solid rgb(51, 51, 51);
    border-radius: 40px;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 6px 17px 0px;
    position: relative;
	margin-bottom: 0;
}
.o-accordion-section p.o-sentence-link {
    text-align: center;
    display: block;
    margin-top: 50px;
    font-size: 18px;
}
.o-accordion-section .accordion {
	border-radius: 10px;
	background: white;
	margin-top: 70px;
}
.o-accordion-section .accordion button {
    -webkit-appearance: button;
    border: 0;
    width: 100%;
    outline: none;
    cursor: pointer;
    text-align: left;
    padding: 17px 80px 18px 20px;
    background: transparent;
    border-top: 3px solid #EAEAEA;
    position: relative;
	line-height: 25px;
	color: #111;
}
.o-accordion-section .accordion button.accordion-button::after {
    content: "Close";
    position: absolute;
	transition: all 0.2s ease 0s;
	right: 20px;
    color: #999;
	font-size: 14px;
    text-transform: uppercase;
	top: 17px;
}
.o-accordion-section .accordion button.accordion-button.collapsed::after {
    content: "Open";
    position: absolute;
	transition: all 0.2s ease 0s;
	right: 20px;
    color: #0066FF;
	font-size: 14px;
    text-transform: uppercase;
	top: 17px;
}
.o-accordion-section .accordion .accordion-item:first-of-type button {
	border: 0;
}
.o-accordion-section .accordion .accordion-body {
    padding: 15px 20px;
    background-color: rgb(243, 243, 245);
	border-left: 5px solid #FFED00;
}
.o-accordion-section .accordion h2.accordion-header {
    width: 100%;
    max-width: 100%;
	font-size: 18px;
}





/* ========================================================== */
/* Our Markets Page ========================================= */
/* ========================================================== */

/* Hero =========================================== */

.o-hero-background.o-markets-background {
    position: absolute;
    background: url(../images/markets.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Left Nav Section =========================================== */

.o-left-nav-section .o-sidebar-nav ul {
	list-style: none;
	padding-left: 0;
	border-radius: 10px;
    background: #F2F7FF;
	padding-top: 15px;
    padding-bottom: 15px;
}
.o-left-nav-section .o-sidebar-nav ul li a {
    color: #111;
    background-color: transparent;
    height: 48px;
    font-size: 18px;
	padding: 10px 20px;
	width: 100%;
    font-family: 'Noto Sans Bold';
    border: 0;
	border-radius: 0px;
    cursor: pointer;
	display: inline-block;
}
.o-left-nav-section .o-sidebar-nav ul li a:hover {
    text-decoration: none;
	border-right: 5px solid #FFED00;
	color: #0066FF;
}
.o-left-nav-section .card {
    border: 3px solid #EAEAEA;
	border-radius: 10px;
	margin-bottom: 30px;
	transition: color 0.3s ease-in-out;
	padding: 30px;
}
.o-left-nav-section .card:last-child {
	margin-bottom: 0px;
}
.o-left-nav-section .o-sidebar-nav {
    position: sticky;
    top: 30px;
}
.o-video-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden; 
    height: 100%; 
	margin-bottom: 10px;
}
h2:has(+ .o-video-wrapper), h2:has(+ a.o-linkedin-link) {
	margin-bottom:30px;
}
p:has(+ .o-video-wrapper), p:has(+ a.o-linkedin-link) {
	margin-bottom:30px;
}

.o-video-player {
    max-width: 100%;
    height: 100%; 
    border-radius: 10px;
    box-sizing: border-box; 
}
.o-video-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 6px);
    z-index: 1;
    object-fit: cover; 
	border-radius: 10px;
	cursor: pointer;
}
.o-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    z-index: 2;
	pointer-events: none;
}
.o-left-nav-section h2 {
    display: inline-block;
    margin-bottom: 30px;
    font-size: 27px;
    font-family: 'Noto Sans Bold';
	color: #888;
	width: calc(100% - 40px);
	line-height: 35px;
}
.o-left-nav-section h2 span {
	font-family: 'Noto Sans Bold';
	color: #111;
}
.o-left-nav-section .o-team-linkedin {
    right: 0;
    height: 16px;
    float: right;
    position: relative;
}
.o-left-nav-section #power-and-gas a:last-of-type {
    right: 70px;
    display: inline-block;
    position: absolute;
}
.o-left-nav-section blockquote {
    margin: 5px 0 0 0;
    font-size: 18px;
	font-style: italic;
}
.o-left-nav-section .o-market-products {
    margin-top: 20px;
	margin-bottom: 19px;
}
.o-left-nav-section h3 {
    font-size: 18px;
    font-family: 'Noto Sans bold';
}
.o-left-nav-section .o-market-products h3 {
    margin-bottom: 20px;
}
.o-left-nav-section .o-market-products span {
    border: 2px solid #0066FF;
	padding: 6px 10px 5px 10px;
    color: #0066FF;
	text-transform: uppercase;
    font-size: 12px;
    border-radius: 10px;
    font-family: 'Noto Sans Bold';
	margin-right: 4px;
	display: inline-block;
	margin-bottom: 8px;
}






/* ========================================================== */
/* Services Page ============================================ */
/* ========================================================== */

/* Hero =========================================== */

.o-hero-background.o-services-background {
    position: absolute;
    background: url(../images/services.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 112%;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-position-x: center;
    background-size: cover;
}
.o-video-hero.o-hero {
    max-height: none;
    border-bottom: none;
}
.o-video-hero.o-hero .o-embedded-video {
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-bottom: 50px;
	background: transparent;
}
.o-video-hero.o-hero .o-embedded-video .o-video-container {
    position: relative;
    padding-bottom: 39.6%;
    height: 0;
    overflow: hidden;
    border-radius: 20px;
    border: 30px solid #333333;
    background: #333333;
}
.o-video-hero.o-hero .o-embedded-video .o-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.o-video-hero.o-hero .o-video-wrapper {
    border: 30px solid #333333;
	background: #333333;
	border-radius: 20px;
	margin-bottom: 44px;
}
.o-video-hero.o-hero .o-video-player,
.o-video-hero.o-hero .o-video-thumbnail  {
	border-radius: 10px;
	height: 100%;
	margin-bottom: -6px;
}





/* =============================================================== */
/* Sustainabiliy Page ============================================ */
/* =============================================================== */

/* Hero =========================================== */

.o-hero-background.o-sustainabiliy-background {
    position: absolute;
    background: url(../images/sustainabiliy.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Image Section =========================================== */

.image-section .container {
	background: transparent;
}
.image-section h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    line-height: 45px;
}
.image-section p {
	margin: 0 auto;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.image-section strong {
	color: #0066FF;
	font-family: 'Noto Sans Bold';
}
.image-section img {
	width: 100%;
	border-radius: 10px;
}





/* ================================================== */
/* Retail Trading =================================== */
/* ================================================== */

/* Hero =========================================== */

.o-hero-background.o-retail-trading-background {
    position: absolute;
    background: url(../images/retail-trading-bg.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Three Boxes (type-1) ===================================== */

.o-3-boxes-1 .card .btn {
	width: 100%;
    margin-top: 30px;
	height: 40px;
	border-radius: 10px;
	line-height: 27px;
	font-size: 18px;
}
.o-3-boxes-1 .row > p {
    padding: 0 40px;
	font-size: 18px;
	text-align: center;
    margin-top: 30px;
}

/* CTA Element ===================================== */

.o-cta-element .container {
	padding-top: 0;
    padding-bottom: 0;
	position: relative;
	background: transparent;
	min-height: 300px;
}
.o-cta-element.container-fluid {
	background: transparent;
}
.o-cta-element .row {
	padding: 60px 0 80px 0;
}
.o-cta-element p {
	color: #FFFFF2;
	font-size: 20px;
}
.o-cta-element-button {
	position: relative;
	padding: 80px 0 0px 0;
	min-height: 60px;
	max-width: 1200px;
	margin: 0 auto;
}
.o-cta-element-button h2 {
	font-size: 30px;
	font-family: 'Noto Sans Semi-bold';
	color: #FFFFF2;
	margin-top: -6px;
	width: calc(100% - 250px);
}
.o-cta-element-button p {
    color: #777;
    font-size: 18px;
    color: rgba(255, 255, 242, 0.6);
	width: calc(100% - 250px);
}
.o-cta-element-button .btn {
	position: absolute;
	right: 0;
	top: 80px;
	border-radius: 10px;
    font-family: 'Noto Sans ExtBd';
    font-size: 20px;
    height: 60px;
    padding: 12px 40px 15px 40px;
	border-color: #FFED00;
	color: #FFED00;
}
.o-cta-element-button .btn:hover {
	/* transform: scale(1.03);
    transition: transform .2s; */
	background: #FFED00;
	color: #111;
}
.o-cta-element .row p {
    color: #FFFFF2;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
}
.o-cta-element .row p span {
    color: #FFFFF2;
	opacity: 0.5;
}
.o-cta-element .row img {
    width: 100%;
    border-radius: 10px;
}
.o-parallax-section-colour {
	background-color: rgba(29, 31, 40, 0.7);
}

.o-cta-element.o-parallax-section {
    background-image: url('../images/cta-element-background.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.o-cta-element .o-parallax-section-colour {
	background-color: rgba(29, 31, 40, 0.7);
}

/* Interactive Map ===================================== */

.o-interactive-map .container {
	padding-top: 110px;
	padding-bottom: 110px;
}
.o-interactive-map h2 {
	text-align: center;
	margin-bottom: 0;
}
.o-interactive-map h2 {
	text-align: center;
	margin-bottom: 0;
}
.o-interactive-map-svg {
	max-width: 100%;
}
/* US */
.o-US {
	fill: #66A3FF;
}
.o-US:hover {
	cursor: pointer;
}
/* Europe */
.o-AT, .o-BE, .o-BG, .o-HR, .o-CY, .o-CZ, .o-DK, .o-EE, .o-FI, .o-FR, .o-DE, .o-GR, .o-HU, .o-IS, .o-IE, .o-IT, .o-LV, .o-LT, .o-LU, .o-MT, .o-NL, .o-NO, .o-PL, .o-PT, .o-RO, .o-SK, .o-SI, .o-ES, .o-SE, .o-CH, .o-GB {
	fill: #FFF466;
}
.o-AT:hover, .o-BE:hover, .o-BG:hover, .o-HR:hover, .o-CY:hover, .o-CZ:hover, .o-DK:hover, .o-EE:hover, .o-FI:hover, .o-FR:hover, .o-DE:hover, .o-GR:hover, .o-HU:hover, .o-IS:hover, .o-IE:hover, .o-IT:hover, .o-LV:hover, .o-LT:hover, .o-LU:hover, .o-MT:hover, .o-NL:hover, .o-NO:hover, .o-PL:hover, .o-PT:hover, .o-RO:hover, .o-SK:hover, .o-SI:hover, .o-ES:hover, .o-SE:hover, .o-CH:hover, .o-GB:hover {
	cursor: pointer;
}
/* Middle East */
.o-BH, .o-IQ, .o-IL, .o-JO, .o-KW, .o-LB, .o-OM, .o-QA, .o-SA, .o-TR, .o-AE, .o-YE {
	fill: #66C266;
}
.o-BH:hover, .o-EG:hover, .o-IR:hover, .o-IQ:hover, .o-IL:hover, .o-JO:hover, .o-KW:hover, .o-LB:hover, .o-OM:hover, .o-QA:hover, .o-SA:hover, .o-TR:hover, .o-AE:hover, .o-YE:hover {
	cursor: pointer;
}
/* Asia */
.o-CN, .o-JP, .o-IN, .o-KR, .o-TW, .o-ID, .o-MY, .o-PH, .o-SG, .o-TH, .o-VN, .o-PK, .o-BD, .o-LK, .o-NP, .o-MN, .o-KZ, .o-KG, .o-TJ, .o-TM, .o-UZ {
	fill: #847996;
}
.o-CN:hover, .o-JP:hover, .o-IN:hover, .o-KR:hover, .o-TW:hover, .o-ID:hover, .o-MY:hover, .o-PH:hover, .o-SG:hover, .o-TH:hover, .o-VN:hover, .o-PK:hover, .o-BD:hover, .o-LK:hover, .o-NP:hover, .o-MN:hover, .o-KZ:hover, .o-KG:hover, .o-TJ:hover, .o-TM:hover, .o-UZ:hover {
	cursor: pointer;
}

/* Warning Box ===================================== */

.o-warning-box {
    background: rgba(255,237,0,0.1);
    border-radius: 10px;
	position: relative;
}
.o-warning-box .container {
    background: transparent;
	padding-top: 60px;
	padding-bottom: 60px;
}
.o-warning-box h4 {
	font-family: 'Noto Sans Semi-bold';
    font-size: 18px;
    margin-bottom: 14px;
	padding-left: 30px;
	display: none;
}
.o-warning-box p {
	margin-bottom: 10px;
}
.o-warning-box p:last-child {
	margin-bottom: 0;
}
.o-warning-box p strong {
	font-family: 'Noto Sans Bold';
}
.o-warning-box h4::before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	background-image: url(../images/icons/warning.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	margin-left: -30px;
}





/* ================================================== */
/* Professional Trading ============================= */
/* ================================================== */

/* Hero =========================================== */

.o-hero-background.o-professional-trading-background {
    position: absolute;
    background: url(../images/professional-trading-bg.png);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Three Boxes (type-1) ===================================== */

.o-3-boxes-1.o-4-boxes .container {
	max-width: 1200px;
}

/* Product Box ===================================== */

.o-product-box .container {
	padding-top: 80px;
    padding-bottom: 110px;
}
.o-product-box .container > h2 {
	margin-bottom: 25px;
}
.o-product-box h2 strong {
    color: #0066FF;
}
.o-product-box .o-product-box-item {
	border: 3px solid #EAEAEA;
	border-radius: 10px;
    padding: 30px;
	margin-bottom: 30px;
}
.o-product-box .o-product-box-item:last-child {
	margin-bottom: 0;
}
.o-product-box .o-product-box-item-header {
	background-size: cover; 
	background-repeat: no-repeat; 
	min-height: 100px;
	padding: 30px;
	padding-top: 26px;
	margin-left: -33px;
	margin-top: -33px;
	width: calc(100% + 66px);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	min-height: 200px;
	position: relative;
}
.o-product-box #onyx-spot-crude-oil .o-product-box-item-header {
	background: url(../images/onyx-spot-crude-oil.png);
	background-size: cover; 
	background-repeat: no-repeat; 
}
.o-product-box #onyx-european-jet-fuel .o-product-box-item-header {
	background: url(../images/onyx-european-jet-fuel.png);
	background-size: cover; 
	background-repeat: no-repeat; 
}
.o-product-box #onyx-european-petrol-price .o-product-box-item-header {
	background: url(../images/onyx-european-petrol-price.png);
	background-size: cover; 
	background-repeat: no-repeat; 
}
.o-product-box #onyx-middle-east-crude-oil .o-product-box-item-header {
	background: url(../images/onyx-middle-east-crude-oil.png);
	background-size: cover; 
	background-repeat: no-repeat; 
}
.o-product-box .o-product-box-item-header img {
	height: 30px;
}
.o-product-box .o-product-box-item-header h3 {
	color: #FFFFF2;
	margin-bottom: 0;
	bottom: 26px;
    position: absolute;
	font-size: 35px;
    font-family: 'Noto Sans Bold';
}
.o-product-box .o-product-box-item-header .btn {
	min-width: 200px;
    height: 40px;
    border-radius: 10px;
    line-height: 27px;
    font-size: 18px;
	position: absolute;
    right: 30px;
    bottom: 30px;
	pointer-events: none;
}
.o-product-box .o-download-links {
	position: absolute;
    right: 30px;
    top: 25px;
}
.o-product-box .o-download-links a {
    margin-left: 30px;
	color: #FFFFF2;
	cursor: pointer;
	white-space: nowrap;
}
.o-product-box .o-download-links .o-pdf::before {
    content: url(../images/icons/pdf.svg);
    position: relative;
    left: -10px;
    top: 4px;
	display: inline-block;
}
.o-product-box .o-download-links .o-excel::before {
    content: url(../images/icons/excel.svg);
    position: relative;
    left: -10px;
    top: 4px;
	display: inline-block;
}
.o-product-box h4 {
    font-family: 'Noto Sans Semi-bold';
	font-size: 20px;
	margin-bottom: 15px;
}
/* .o-product-box .o-box-item-collapsed {
    height: 305px;
	overflow: hidden;
} */
.o-product-box .o-box-item-expanded {
	height: 100%;
}
.o-product-box .o-box-item-collapsed .row,
.o-product-box .o-box-item-expanded .row {
	margin-right: 0;
    margin-left: 0;
	margin-top: 26px;
}
.o-product-box ul {
	padding: 30px;
    background: #F2F7FF;
	border-radius: 10px;
	padding-left: 50px;
	margin-top: 20px;
	margin-bottom: 0;
}
.o-product-box p,
.o-product-box ul li {
	font-size: 18px;
	margin-bottom: 10px;
}
.o-product-box .o-box-item-collapsed .col:first-child,
.o-product-box .o-box-item-expanded .col:first-child {
	padding-left: 0;
	padding-right: 20px;
}
.o-product-box .o-box-item-collapsed .col:last-child,
.o-product-box .o-box-item-expanded .col:last-child {
	padding-right: 0;
}
.o-product-box .o-product-box-item .o-hide-show {
    padding: 0;
    border: 0;
    background: transparent;
    border-top: 2px solid #555;
    margin-left: -30px;
    margin-bottom: -30px;
    width: calc(100% + 60px);
	display: block;
	cursor: pointer;
	border-top: 3px solid #EAEAEA;
	outline: 0;
	font-family: 'Noto Sans Semi-bold';
	font-size: 18px;
	height: 60px;
	display: none;
}
.o-product-box .o-accordion-section {
    background: transparent;
	border: 3px solid #EAEAEA;
    border-radius: 10px;
}
.o-product-box .accordion {
    margin-top: 0;
}
.o-product-box .accordion ul {
    background: transparent;
    margin-top: 0;
	padding: 10px;
	padding-left: 40px;
}
.o-product-box .o-accordion-section .accordion .accordion-body {
    padding: 25px 30px;
}
.o-product-box .o-table-container {
	border: 3px solid #EAEAEA;
	border-radius: 10px;
	margin-top: 20px;
}
.o-product-box table {
	background: #F2F7FF;
    border-radius: 10px;
	margin-bottom: 0;
}
.o-product-box table tr {
    border-bottom: 2px solid white;
}
.o-product-box table tbody tr:last-of-type {
    border-bottom: 0;
}
.o-product-box table th {
    border-top: 0;
	border-bottom: 0;
	padding: 20px;
	font-size: 16px;
	font-family: 'Noto Sans Bold';
}
.o-product-box table td {
	border-top: 0;
	padding: 20px;
	font-size: 16px;
}





/* ================================================== */
/* TradingView ============================= */
/* ================================================== */

/* Hero =========================================== */

.o-hero-background.o-tradingview-background {
    position: absolute;
    background: url(../images/tradingview.png);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Three Boxes (type-5) =========================================== */

.o-3-boxes-5 {
    background: white;
}
.o-3-boxes-5 .container:first-child {
	background: white;
	padding-top: 110px;
	max-width: 900px;
	padding-bottom: 0;
}
.o-3-boxes-5 .container:nth-child(2) {
	padding-top: 60px;
	padding-bottom: 60px;
}
.o-3-boxes-5 .container:last-child {
	background: white;
	padding-top: 110px;
	max-width: 900px;
	padding-top: 0;
	padding-bottom: 110px;
}
.o-3-boxes-5 h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 50px;
    margin-bottom: 0;
    max-width: 70%;
    text-align: center;
    line-height: 45px;
}
.o-3-boxes-5 strong {
    color: #0066FF;
}
.o-3-boxes-5 .card {
	padding: 40px 20px 40px 20px;
	border: 3px solid #EAEAEA;
}
.o-3-boxes-5 .card .o-card-icons {
    height: 60px;
    width: 60px;
    text-align: center;
    background: #F2F7FF;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
	outline: 2px solid #EE6A23;
}
.o-3-boxes-5 .card .o-card-icons img {
    height: 30px;
    margin-top: 15px;
}
.o-3-boxes-5 .card h4 {
    font-size: 22px;
    text-align: center;
    margin: 0 0 20px 0;
    line-height: 30px;
    font-family: 'Noto Sans Semi-bold';
    padding: 0 20px 0 20px;
}
.o-3-boxes-5 .card p {
    font-size: 18px;
    color: #111;
    font-family: 'Noto Sans Regular';
	text-align: center;
	line-height: initial;
}
.o-3-boxes-5 img.o-desktop-app {
    border: 30px solid rgb(51, 51, 51);
    border-radius: 40px;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 6px 17px 0px;
    position: relative;
    margin-bottom: 0;
}
.o-3-boxes-5 p.o-sentence-link {
    text-align: center;
    display: block;
    margin-top: 15px;
    font-size: 18px;
}
.o-3-boxes-5 .o-powered-by {
	text-align: center;
    margin-top: 50px;
}
.o-3-boxes-5 .o-powered-by img {
	max-height: 25px;
	margin-left:10px
}

/* Five Boxes (type-1) =========================================== */

.o-5-boxes-1 {
    background: #F2F7FF;
}
.o-5-boxes-1 .container:first-child {
	background: #F2F7FF;
	padding-top: 110px;
    max-width: 900px;
    padding-bottom: 0;
}
.o-5-boxes-1 .container:last-child {
	background: #F2F7FF;
	padding-top: 0px;
    max-width: 1200px;
    padding-bottom: 110px;
}
.o-5-boxes-1 h2 {
	font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 50px;
    margin-bottom: 0;
    max-width: 70%;
    text-align: center;
    line-height: 45px;
}
.o-5-boxes-1 h2 strong {
    color: #0066FF;
}
.o-5-boxes-1 .card h4 {
    font-size: 22px;
    margin: 0 0 20px 0;
    line-height: 30px;
    font-family: 'Noto Sans Semi-bold';
    padding: 0 20px 0 0;
}
.o-5-boxes-1 .card {
	font-size: 18px;
}
.o-5-boxes-1 .col-4 .row {
	height: 100%;
}
.o-5-boxes-1 .col-4 .card {
	width: calc(100% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.o-5-boxes-1 .col-8 .card {
	width: calc(50% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.o-5-boxes-1 .card .o-card-icons {
    height: 60px;
    width: 60px;
    text-align: center;
    background: #F2F7FF;
    border-radius: 50%;
    margin-bottom: 20px;
}
.o-5-boxes-1 .card .o-card-icons img {
    height: 30px;
    margin-top: 15px;
}
.o-5-boxes-1 .o-value-list {
    padding: 15px 0 0 0;
	margin: 0;
}
.o-5-boxes-1 .o-value-list .o-value-list-item {
    border: 2px solid #0066FF;
    padding: 5px 10px;
    color: #0066FF;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 10px;
    font-family: 'Noto Sans Bold';
    margin-right: 4px;
    display: inline-block;
    margin-bottom: 8px;
}
.o-5-boxes-1 .o-accordion-section .accordion {
    margin-top: 0px;
}
.o-5-boxes-1 .o-accordion-section .container:last-child {
    padding-bottom: 50px;
}
.o-5-boxes-1 .container > p {
    text-align: center;
    max-width: 900px;
    font-size: 18px;
    margin: 0 auto;
}

/* CTA Element =========================================== */

.o-cta-element video {
    width: 100%;
    height: auto;
    display: block;
	border-radius: 10px;
}





/* ================================================== */
/* Learning and Development ============================= */
/* ================================================== */

/* Hero =========================================== */

.o-hero-background.o-academy-background {
    position: absolute;
    background: url(../images/academy.png);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Nine Boxes (type-1) =========================================== */

.o-9-boxes-1.o-parallax-section {
    background-image: url('../images/modules-background.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.o-9-boxes-1 .o-parallax-section-colour {
	background-color: rgba(29, 31, 40, 0.7);
}
.o-9-boxes-1 .container {
	padding-top: 110px;
	max-width: 900px;
	background: transparent
}
.o-9-boxes-1 h2 {
    font-size: 35px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 50px;
    margin-bottom: 0;
    max-width: 70%;
    text-align: center;
    line-height: 45px;
	color: #FFFFF2;
}
.o-9-boxes-1 p.o-subtitle,
.o-9-boxes-1 .o-p-text-link {
	color: #FFFFF2;
}
.o-9-boxes-1 .row {
	margin-bottom: 20px;
}
.o-9-boxes-1 .card {
	padding: 40px 20px 40px 20px;
}
.o-9-boxes-1 .card.o-ghost-card {
	border: 3px solid #EAEAEA;
	background: rgba(255, 255, 255, 0.2);
	padding-bottom: 20px;
	text-decoration: none;
}
.o-9-boxes-1 .card.o-ghost-card:hover {
    transform: scale(1.03);
    transition: transform .2s;
}
.o-9-boxes-1 .card.o-ghost-card h4,
.o-9-boxes-1 .card.o-ghost-card p {
	color: #FFFFF2;
}
.o-9-boxes-1 .card.o-ghost-card .btn {
    height: 45px;
    border: 3px solid #FFED00;
    background: #FFED00;
    color: #111;
	width: 100%;
	line-height: 26px;
	padding-bottom:40px;
	margin-top:0px;
	margin-bottom:20px;

}

.o-9-boxes-1 .card.o-ghost-card .btn:hover{
	background:transparent;
	color:#FFED00;	
}

.o-9-boxes-1 .card.o-ghost-card h2 a{
	color: #FFED00;
	text-decoration:none!important;
}
.o-9-boxes-1 .card .o-card-icons {
    height: 60px;
    width: 60px;
    text-align: center;
    background: #F2F7FF;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.o-9-boxes-1 .card .o-card-icons img {
    height: 30px;
    margin-top: 15px;
}
.o-9-boxes-1 .card h4 {
    font-size: 22px;
    text-align: center;
    margin: 0 0 20px 0;
    line-height: 30px;
    font-family: 'Noto Sans Semi-bold';
    padding: 0 20px 0 20px;
}
.o-9-boxes-1 .card p {
    font-size: 18px;
    color: #111;
    font-family: 'Noto Sans Regular';
	text-align: center;
	line-height: initial;
}

.o-9-boxes-1 .o-card-flexbox + .o-card-flexbox{
    padding:20px 10px 0px 10px;	
}

.o-card-flexbox + .o-card-flexbox .col{
    padding:0px;	
}


/* Biography =========================================== */

.o-biography {
	background: #F2F7FF;
}
.o-biography .container {
	background: #F2F7FF;
}
.o-biography h2 {
	margin-bottom: 20px;
}
.o-biography h2 span {
	color: #777;
    font-family: 'Noto Sans Regular';
}
.o-biography p {
	font-size: 18px;
	margin-right: 20px;
}
.o-biography img {
	border-radius: 10px;
	width: 100%;
}
.o-footer-links {
	margin-top: 20px;
	color: #999;
}
.o-footer-links a {
	font-size: 18px;
}

/* Banner Image =========================================== */

.o-banner-image {
    background-image: url('../images/macro-mondays.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	min-height: 450px;
	padding: 40px;
	background-blend-mode: overlay;
    background-color: rgba(29, 31, 40, .3);
	position: relative;
}
.o-banner-image h4,
.o-banner-image p {
	color: #FFFFF2;
	font-family: 'Noto Sans Bold';
}
.o-banner-image h4 {
	text-transform: uppercase;
	font-size: 32px;
}
.o-banner-image p {
	font-size: 18px;
	bottom: 40px;
	max-width: 420px;
	font-family: 'Noto Sans Regular';
}
.o-banner-image .o-footer-links {
	position: absolute;
    bottom: 40px;
    left: 40px;
    margin-top: 0;
}
.o-banner-image .o-footer-links a {
	color: #FFED00;
}
.o-banner-image img {
	position: absolute;
    right: 40px;
    top: 40px;
    height: 30px;
}

/* Learn Contacts =========================================== */

.o-learn-contacts.o-info-section-3-col {
	border-top: 3px solid #FFED00;
	text-align: center;
}
.o-learn-contacts.o-info-section-3-col .col {
	width: 80%;
}
.o-learn-contacts.o-info-section-3-col .row > p {
	max-width: 900px;
	text-align: center;
	margin: 0 auto;
    margin-top: 40px;
}
.o-learn-contacts.o-info-section-3-col a {
	width: 100%;
}





/* ================================================== */
/* Book ============================= */
/* ================================================== */

/* Hero =========================================== */

.o-hero-background.o-book-background {
    position: absolute;
    background: url(../images/book-bg.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    object-fit: cover;
    z-index: -1;
    background-position: center;
	background-position-x: center;
    background-size: cover;
}
.o-book-hero.o-hero-device.o-hero img {
    max-width: 600px;
}
.o-amazon-rating {
    max-width: 500px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}

/* Testamonials =========================================== */

.o-testamonials .container {
    padding-top: 80px;
    padding-bottom: 80px;
}
.o-testamonials .o-carousel-item {
	position: relative;
}
.o-testamonials .o-carousel-item img {
	border-radius: 10px;
	width: 100%;
	position: relative;
}
.o-testamonials .slick-arrow,
.o-testamonials .slick-arrow:focus {
	width: 48px;
	height: 150px;
	background-color: rgba(153,153,153,0.25);
	z-index: 1;
	border-radius: 10px;
    top: calc(50% + 29px);
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.o-testamonials .slick-arrow:hover {
	background-color: rgba(153,153,153,0.5);
}
.o-testamonials .slick-prev {
	margin-left: 25px;
}
.o-testamonials .slick-prev:before {
	content: "";
	position: absolute;
    line-height: 0;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/carousel-prev.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 60px;
    left: 17px;
}
.o-testamonials .slick-next {
	margin-right: 25px;
}
.o-testamonials .slick-next:before {
	content: "";
	position: absolute;
    line-height: 0;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/carousel-next.svg);
    background-size: contain;
    background-repeat: no-repeat;
	background-position: right;
    top: 60px;
    right: 17px;
}
.o-testamonials .container h2 {
    font-size: 30px;
    font-family: 'Noto Sans Bold';
    margin: 0 auto;
    margin-bottom: 0;
    max-width: 60%;
    text-align: center;
    /* line-height: 45px; */
}
.o-testamonials .container h2 strong {
	color: #0066FF;
}
.o-testamonials p {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    font-size: 18px;
    margin-top: 20px;
}

/* Chapters =========================================== */

.o-chapters.o-9-boxes-1.o-parallax-section {
    background-image: url(../images/chapters-background.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.o-chapters .o-p-text-link {
	padding-left: 30px;
	padding-right: 30px;
}

/* Audio Player =========================================== */

.o-audio .container {
	padding-top: 60px;
	padding-bottom: 60px;
}
.o-audio img {
	max-width: 200px;
}
.o-audio audio {
    width: calc(100% - 240px);
    float: right;
	margin-top: 14px;
}
.o-audio h5 {
	margin-top: 30px;
	font-size: 18px;
    color: #777;
	display: inline-block;
}
.o-audio .o-recommendation {
    font-size: 16px;
	text-align: center;
    padding: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: 'Noto Sans semi-bold';
	/* color: #009900; */
    /* background-color: rgba(0, 153, 0, 0.09); */
	background-color: #D0EBEC;
	color: #0d878b;
}
.o-audio .o-text-link {
	float: right;
	margin-top: 30px;
}





/* ================================================== */
/* Flux Media ============================= */
/* ================================================== */

/* Hero =========================================== */

.o-hero-background.o-flux-media-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 125%;
    object-fit: cover;
    z-index: -1;
    overflow: hidden;
}
.o-hero-background.o-flux-media-background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/flux-media-bg.png);
    background-position: center;
    background-size: cover;
    transform: scaleX(-1); /* Flip the image horizontally */
}

/* Stats =========================================== */

.o-stats .container > h2 strong {
    color: #0066FF;
}

/* Video Boxes  =========================================== */

.o-video-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 45px 40px 60px 40px;
    background-color: black;
    margin-right: 0;
    margin-left: 0;
    background-image: url(../images/flux-media-videos-bg.png);
    background-size: cover;
    background-color: rgba(29, 31, 40, .99);
    background-position: center;
    background-blend-mode: overlay;
}

.o-video-boxes .col {
    flex: 1 1 100%;
    max-width: 100%;
	padding: 0;
}

@media (min-width: 768px) {
    .o-video-boxes .col {
        flex: 1 1 calc(33.333% - 20px);
		padding: 0;
    }
}

.o-video-boxes .o-video-box {
    border-radius: 10px;
    overflow: hidden;
}

.o-video-boxes .o-video-box h4 {
    color: #FFFFF2;
    font-size: 30px;
    font-family: 'Noto Sans Bold';
	margin-bottom: 25px;
}

/* Video Wrapper for Aspect Ratio */
.video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 41.65%;
    border-radius: 10px;
    overflow: hidden;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}





/* ================================================== */
/* Investors & Asset Managers ============================= */
/* ================================================== */

/* Hero =========================================== */

.o-hero-background.o-investors-background {
    position: absolute;
    background: url(../images/investors.png);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Product Box =========================================== */

.o-product-box .o-product-box-item-header .btn {
	color: #FFED00;
    border: 3px solid #FFED00;
	line-height: 27px;
	height: 45px;
	padding: 6px 0 0 0;
}
.o-product-box .o-product-box-item-header .btn:hover {
    color: #111;
    background: #FFED00;
}

/* Popover CSS */
.popover {
	margin-left: 10px;
	background-color: transparent;
	border: none;
}
.popover-body {
	border: 1px solid #ccc;
    padding: 10px 15px 12px 15px;
    border-radius: 10px;
    color: #777;
	background: white;
    font-size: 17px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.popover .arrow::after,
.popover .arrow::before {
	display: none;
}




/* ================================================== */
/* Direct Trading ============================= */
/* ================================================== */

/* Hero =========================================== */

.o-hero-background.o-direct-trading-background {
    position: absolute;
    background: url(../images/direct-trading.png);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Three Boxes (type-2) =========================================== */

.o-direct-trading-boxes.o-3-boxes-2 .container {
	padding-top: 100px;
}
.o-direct-trading-boxes.o-3-boxes-2 h2 {
	text-align: center;
    max-width: 70%;
    margin: 0 auto;
	font-size: 35px;
}
.o-direct-trading-boxes.o-3-boxes-2 h2 strong {
	color: #0066FF;
}
.o-direct-trading-boxes.o-3-boxes-2 .container > p:last-of-type {
	font-size: 18px;
    color: #111;
    font-family: 'Noto Sans Regular';
    line-height: initial;
    text-align: center;
    padding-top: 40px;
    margin: 0 auto;
	padding-left: 40px;
    padding-right: 40px;
}
.o-direct-trading-boxes.o-3-boxes-2 .row:first-of-type {
	margin-bottom: 20px;
}
.o-direct-trading-boxes.o-3-boxes-2 .card {
	border: 3px solid #EAEAEA;
	border-radius: 10px;
	padding: 30px;
}
.o-direct-trading-boxes.o-3-boxes-2 .o-card-icons {
	outline: 2px solid #EE6A23;
}
.o-direct-trading-boxes.o-3-boxes-2 .o-card-icons img {
    margin-top: 15px;
    margin-left: 0;
}
.o-direct-trading-boxes.o-3-boxes-2 .o-card-icons.o-prepared img {
    margin-top: 17px;
    margin-left: 0;
}
.o-direct-trading-boxes.o-3-boxes-2 .o-card-icons.o-prepared-2 img {
    margin-top: 16px;
    margin-left: 0;
}





/* ================================================== */
/* Commitment of Traders ============================= */
/* ================================================== */

/* Hero =========================================== */

.o-hero-background.o-cot-background {
    position: absolute;
    background: url(../images/cot-flip.png);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* Three Boxes (type-2) =========================================== */

.o-direct-trading-boxes.o-cot-boxes h2 {
	font-size: 35px;
	max-width: 75%;
}
.o-direct-trading-boxes.o-cot-boxes .row:first-of-type {
    margin-bottom: 0px;
}
.o-direct-trading-boxes .o-attributes {
    max-width: 70%;
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
}
.o-direct-trading-boxes .o-attributes span {
	border: 2px solid #0066FF;
    padding: 6px 10px 5px 10px;
    color: #0066FF;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 10px;
    font-family: 'Noto Sans Bold';
    margin-right: 4px;
    display: inline-block;
    margin-bottom: 8px;
}

/* Image Boxes Full Width =========================================== */

.o-cot-boxes.o-direct-trading-boxes.o-3-boxes-2 .container {
    padding-top: 100px;
    padding-bottom: 100px;
}
.o-image-boxes-full-width .row {
    margin-right: 0;
    margin-left: 0;
}
.o-cot-boxes.o-direct-trading-boxes.o-3-boxes-2 .card {
	border-radius: 20px;
	padding: 30px;
}
.o-image-boxes-full-width .row:first-of-type .col:first-of-type {
	background-image: url(../images/cot-report-1.jpg);
    background-size: cover;
    background-color: #161E24;
    background-position: center;
    background-blend-mode: overlay;
    background-color: rgba(29, 31, 40, .7);
	min-height: 500px;
	padding-right: 0;
    padding-left: 0;
}
.o-image-boxes-full-width .row:first-of-type .col:last-of-type {
	background-image: url(../images/cot-report-2.jpg);
    background-size: cover;
    background-color: #161E24;
    background-position: center;
    background-blend-mode: overlay;
    background-color: rgba(29, 31, 40, .6);
	min-height: 500px;
	padding-right: 0;
    padding-left: 0;
}
.o-image-boxes-full-width .row:last-of-type .col:first-of-type {
	background-image: url(../images/cot-desktop.jpeg);
    background-size: cover;
    background-color: #161E24;
    background-position: center;
    background-blend-mode: overlay;
    background-color: rgba(29, 31, 40, .7);
	min-height: 500px;
	padding-right: 0;
    padding-left: 0;
}
.o-image-boxes-full-width .row:last-of-type .col:last-of-type {
	background-image: url(../images/cot-mobile-1.jpeg);
    background-size: cover;
    background-color: #161E24;
    background-position: center;
    background-blend-mode: overlay;
    background-color: rgba(29, 31, 40, .6);
	min-height: 500px;
	padding-right: 0;
    padding-left: 0;
}
.o-image-boxes-full-width h3 {
	font-size: 30px;
    font-family: 'Noto Sans Bold';
    margin: 40px;
    position: absolute;
    color: white;
    line-height: 32px;
    margin-right: 70px;
}
.o-image-boxes-full-width .row:last-of-type h3 {
    top: 0;
}
.o-image-boxes-full-width .row:last-of-type h3 {
    bottom: 0;
}
.o-image-boxes-full-width .o-p-text-link {
	max-width: 900px;
    margin: 0 auto;
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 3px solid #FFED00;
}





/* ================================================== */
/* Trade ============================= */
/* ================================================== */

/* Hero =========================================== */

.o-hero-background.o-trade-background {
    position: absolute;
    background: url(../images/trade.png);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center;
    background-size: cover;
}

/* 3 Boxes Long =========================================== */

.o-3-boxes-long .container {
    position: relative;
	padding-top: 100px;
}
.o-3-boxes-long h2 {
    text-align: left;
    font-size: 35px;
    margin-bottom: 50px;
    max-width: 65%;
}
.o-3-boxes-long h2 strong {
	color: #0066FF;
}
.o-3-boxes-long .o-3-boxes-1 {
    background: transparent;
	border-radius: 20px;
}
.o-3-boxes-long .o-3-boxes-1 .card-body > .o-card-icons {
    outline: 2px solid #EE6A23;
}
.o-3-boxes-long .o-3-boxes-1 .card .btn {
    height: 45px;
	border: 3px solid #FFED00;
    background: #FFED00;
    color: #111;
}
.o-3-boxes-long .o-3-boxes-1 .card-body .btn:first-of-type {
    margin-bottom: 10px;
}
.o-3-boxes-long .o-3-boxes-1 .card .btn:hover {
	transform: scale(1.03);
	transition: transform .2s;
}
.o-3-boxes-long .container:after {
    content: "";
    background-image: url(../images/icons/icon-logo-grey.svg);
    background-size: 40px 40px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 105px;
    width: 40px;
    height: 40px;
    opacity: 0.5;
}
.o-3-boxes-long-inner .o-card-body-feature {
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
    border: 3px solid rgba(255, 255, 255, .5);
    text-align: left;
    position: relative;
    display: block;
    cursor: pointer;
	text-decoration: none;
}
.o-3-boxes-long-inner .o-card-body-feature:hover {
	transform: scale(1.03);
    transition: transform .2s;
}
.o-3-boxes-long-inner .o-card-body-feature .o-card-icons {
    outline: 0;
    margin: 0;
    margin-bottom: 20px;
}
.o-3-boxes-long-inner .o-card-body-feature h5 {
    font-size: 20px;
    font-family: 'Noto Sans Semi-bold';
    margin-bottom: 10px;
}
.o-3-boxes-long-inner .o-card-body-feature p {
    text-align: left;
    font-size: 18px;
}
.o-3-boxes-long-inner .o-card-body-feature:after {
    content: "";
    background-image: url(../images/icons/arrow-grey.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
}
.o-3-boxes-long-inner .col .card {
    padding: 40px 20px 40px 20px;
    background-size: cover;
    background-color: #161E24;
    background-position: center;
    background-blend-mode: overlay;
    padding: 30px;
	padding-top: 50px;
	border-radius: 20px;
    background-color: rgba(29, 31, 40, .85);
	background-image: url(../images/trade.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
    background-blend-mode: overlay;
    background-color: rgba(29, 31, 40, .85);
}
/* .o-3-boxes-long-inner .col:nth-child(1) .card {
    background-image: url(../images/advisory.png);
}
.o-3-boxes-long-inner .col:nth-child(2) .card {
    background-image: url(../images/investors.png);
}
.o-3-boxes-long-inner .col:nth-child(3) .card {
    background-image: url(../images/direct-trading.png);
} */
.o-3-boxes-long-inner .o-3-boxes-1 .card h4,
.o-3-boxes-long-inner .o-3-boxes-1 .card p,
.o-3-boxes-long-inner .o-3-boxes-1 .card h5 {
	color: #FFFFF2;
	text-align: left;
}
.o-3-boxes-long-inner .o-3-boxes-1 .card h4 {
	font-size: 30px;
	font-family: 'Noto Sans Bold';
	text-align: left;
	color: white;
	line-height: 32px;
	padding: 0;
	margin-top: -5px;
}
.o-3-boxes-long-inner .o-3-boxes-1 .row > p {
    max-width: 900px;
    margin: 0 auto;
    margin-top: 40px;
}





/* ================================================== */
/* Analyse ============================= */
/* ================================================== */

/* Hero =========================================== */

.o-hero-background.o-analyse-background {
    position: absolute;
    background: url(../images/analyse.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center -100px;
    background-size: cover;
}

/* 3 Boxes Long =========================================== */

.o-analyse-box.o-3-boxes-long-inner .col .card {
    padding: 40px 20px 40px 20px;
    background-size: cover;
    background-color: #161E24;
    background-position: center;
    background-blend-mode: overlay;
    padding: 30px;
	padding-top: 50px;
	border-radius: 20px;
    background-color: rgba(29, 31, 40, .85);
	background-image: url(../images/analyse.jpg);
    background-attachment: fixed;
    background-position: center -150px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
    background-blend-mode: overlay;
    background-color: rgba(29, 31, 40, .85);
}





/* ================================================== */
/* Learn ============================= */
/* ================================================== */

/* Hero =========================================== */

.o-hero-background.o-learn-background {
    position: absolute;
    background: url(../images/learn.jpg);
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    object-fit: cover;
    z-index: -1;
    background-position: center -100px;
    background-size: cover;
}

/* 3 Boxes Long =========================================== */

.o-learn-box.o-3-boxes-long-inner .col .card {
    padding: 40px 20px 40px 20px;
    background-size: cover;
    background-color: #161E24;
    background-position: center;
    background-blend-mode: overlay;
    padding: 30px;
	padding-top: 50px;
	border-radius: 20px;
    background-color: rgba(29, 31, 40, .85);
	background-image: url(../images/learn.jpg);
    background-attachment: fixed;
    background-position: center -150px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
    background-blend-mode: overlay;
    background-color: rgba(29, 31, 40, .85);
}































/* =============================================================== */
/* Media Queries ============================================ */
/* =============================================================== */

/* Desktop Eagle Page Carousel =========================================== */

@media (max-width: 1440px) {
	.o-info-section-3-boxes .slick-arrow,
	.o-info-section-3-boxes .slick-arrow:focus {
		background: rgba(255, 255, 255, 0.75);
		backdrop-filter: blur(10px);
		box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 6px 17px 0px;
	}
	.o-info-section-3-boxes .slick-prev {
		margin-left: 0;
		left: 70px;
	}
	.o-info-section-3-boxes .slick-next {
		margin-right: 0;
		right: 70px;
	}
	.o-info-section-3-boxes .slick-arrow:hover {
		background: rgba(255, 255, 255, 0.25);
	}
}

/* Desktop =========================================== */

@media (max-width: 1280px) {
	/* 1200px Container Padding */
	.o-large-hero .o-large-hero-inner,
	.o-newsletter .container,
	.o-services .container,
	.o-info-section .container,
	.o-team-small .container,
	.o-onyx-elite .container,
	.o-disclaimer .container,
	.o-footer-upper .container,
	.o-footer-lower .container,
	.o-hero .o-hero-inner,
	.o-info-section-centre .container,
	.o-timeline .container,
	.o-team-large .container,
	.o-left-nav-section .container,
	.o-vacancies .container,
	.o-careers .container,
	.o-info-section-large-3 .container,
	.o-accordion-section .container,
	.o-card-row-container,
	.image-section .container,
	.o-full-width .container,
	.o-article-section-2 .container,
	.o-info-section-cta .container,
	.o-info-section-large-1 .container,
	.o-info-section-large-2 .container,
	.o-info-section-2-col .container,
	.o-info-section-3-col .container,
	.o-info-section-3-boxes .container,
	.o-stats .container,
	.o-3-boxes-full-width .container,
	.o-cta-element .container,
	.o-interactive-map .container,
	.o-warning-box .container,
	.o-3-boxes-1.o-4-boxes .container,
	.o-product-box .container,
	.o-3-boxes-5 .container:nth-child(2),
	.o-5-boxes-1 .container:last-child,
	.o-biography .container,
	.o-audio .container,
	.o-testamonials .container,
	.o-flux-banner .container,
	.sliding-content,
	.o-3-boxes-long .container,
	.o-direct-trading-boxes .container,
	.o-cot-boxes.o-direct-trading-boxes.o-3-boxes-2 .container,
	.o-cta-element-button {
		padding-left: 40px;
		padding-right: 40px;
	}
	.o-3-boxes-long .container:after {
		right: 40px;
	}
	.o-onyx-elite .btn,
	.o-footer-lower p {
		right: 40px;
	}
	.o-onyx-elite .container {
		padding-right: 140px;
	}
	.o-3-boxes-full-width .container:after {
		right: 40px;
	}
	.o-5-boxes-1 .o-accordion-section .container:last-child {
		padding-bottom: 50px;
		padding-left: 0;
		padding-right: 0;
	}
	.o-testamonials p {
		padding-left: 88px;
		padding-right: 88px;
	}
	.o-large-hero .o-large-hero-inner .col-6 {
		padding-left: 0;
		padding-right: 0;
	}
	.o-large-hero .o-large-hero-inner .row {
		display: block;
		margin-right: 0;
        margin-left: 0;
	}
	.o-large-hero .o-large-hero-inner .col-6 {
		max-width: 100%;
	}
	.o-flux-banner {
		background-position: center;
	}
	.o-flip-boxes .o-flip-box h3 {
		max-width: 100%;
	}
	.o-cta-element-button {
		display: flex;
    	flex-direction: column;
		justify-content: center;
	}
	.o-cta-element-button h2,
	.o-cta-element-button p {
		text-align: center;
		width: 100%;
	}
	.o-cta-element-button .btn {
		position: relative;
		top: 30px;
		margin: 0 auto 50px auto; 
		display: inline-block; 
	}
	.o-product-box .o-download-links {
		position: relative;
		top: 25px;
		left: 10px;
		display: flex;
	}
	.o-product-box .o-download-links a:first-child {
		margin-left: 0;
	}
}





/* Tablet =========================================== */

@media (max-width: 992px) {
	/* 900px Container Padding */
	.o-stats .container,
	.o-3-boxes-2 .container,
	.o-3-boxes-3 .container,
	.o-3-boxes-1 .container,
	.o-3-boxes-4 .container,
	.o-ticker-large-container .o-parallax-section-colour,
	.o-cta-element .container,
	.o-interactive-map .container,
	.o-warning-box .container,
	.o-3-boxes-5 .container:first-child,
	.o-3-boxes-5 .container:last-child,
	.o-5-boxes-1 .container:first-child,
	.o-9-boxes-1 .container,
	.o-cot-boxes.o-direct-trading-boxes.o-3-boxes-2 .container,
	.o-image-boxes-full-width .o-p-text-link,
	.o-info-section-2-col .container {
		padding-left: 40px;
		padding-right: 40px;
	}
	.o-3-boxes-2 img.o-elite-stats {
		width: 100%;
		border: 3px solid #EAEAEA;
	}
	.o-stats h2,
	.o-services h2,
	.o-info-section h2,
	.o-team-small h2,
	.o-accordion-section h2,
	.o-info-section-centre h2,
	.o-3-boxes-3 h2,
	.o-info-section-large-1 .container h2,
	.o-info-section-large-2 h2,
	.o-3-boxes-1 h2,
	.o-info-section-3-boxes .container > h2,
	.o-3-boxes-5 h2,
	.o-5-boxes-1 h2,
	.o-9-boxes-1 h2,
	.o-testamonials .container h2 {
		max-width: 100%;
		width: 100%;
	}
	.o-navbar-top .navbar-collapse {
		display: none !important;
	}
	.o-navbar-main.navbar .dropdown-menu {
		box-shadow: none;
	}
	.o-navbar-top p {
		width: 100%;
		text-align: center;
	}
	.o-navbar-main .navbar-toggler {
		border: none;
		padding: 10.5px 20px;
		height: 40px;
		border-radius: 5px;
		background-color: rgba(255, 255, 242, 0.05);
		margin-right: 40px;
		margin-bottom: 35px;
		margin-top: -5px;
	}
	.o-navbar-main .navbar-toggler:hover {
		/*background-color: rgba(255, 255, 242, 0.1);*/
	}
	.o-navbar-main .navbar-toggler:focus {
		outline: none;
	}
	.o-navbar-main .navbar-toggler-icon {
		vertical-align: baseline;
	}
	.o-navbar-main {
		border-bottom: 1px solid #111;
		padding: 40px 0px 0px 0px;
	}
	.o-navbar-main .o-navbar-main.navbar .btn {
		margin-left: 0;
	}
	.o-navbar-main.navbar .navbar-nav .nav-link,
	.o-navbar-main.navbar .navbar-nav .nav-link.active {
		padding-left: 0;
		font-size: 18px;
	}
	.o-navbar-main.navbar .navbar-nav .nav-link:hover {
		color: #0066FF;
		background-color: transparent;
	}
	.o-navbar-main .navbar-nav {
		padding: 25px 40px 40px 40px;
	}
	.o-navbar-main.navbar .btn {
		margin-left: 0;
		border-radius: 10px;
		margin-top: 20px;
		text-align: left;
		margin-left: -15px;
		width: calc(100% + 30px);
	}
	.o-navbar-main a.navbar-brand {
		padding-left: 40px;
	}
	.o-navbar-main .navbar-collapse {
		background-color: rgba(29,31,40,.75);
	}
	.o-navbar-main .container-fluid {
		align-items: flex-start; 
	}
	.o-navbar-main.navbar .btn {
		position: relative;
		height: 45px;
		padding-top: 6.5px;
		font-size: 18px;
	}
	.o-navbar-main.navbar .btn::after {
		position: absolute;
		content: '';
		display: inline-block;
		right: 2px;
		width: 80px;
		height: 50%;
		background-image: url(../images/icons/flux-logo-blue.svg);
		background-repeat: no-repeat;
		background-size: 65px;
		margin: 6.5px 0 0 0;
	}
	/* Footer =========================================== */
	.o-footer-upper footer {
		position: relative;
		padding-top: 90px;
		margin-bottom: 90px;
	}
	.o-footer-upper footer .col:nth-child(1) {
		position: absolute;
		top: 0;
	}
	.o-footer-upper footer .col:nth-child(2) {
		display: none !important;
	}
	.o-footer-upper .o-text-link {
		display: block;
	}
	.o-footer-upper .o-podcast-footer {
		float: left;
		margin-right: 20px;
		margin-top: 30px;
		margin-left: 0;
	}
	.o-footer-lower .nav-item:nth-child(2),
	.o-footer-lower .nav-item:nth-child(3) {
		display: none !important;
	}
	/* Homepage =========================================== */
	.o-flip-boxes {
		min-height: auto;
		overflow: revert;
	}
	.o-flip-boxes .col-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.o-flip-boxes .o-flip-box {
		min-height: 500px;
	}
	.o-flip-boxes .o-flip-box h3 {
		font-size: 35px;
	}
	.o-flip-boxes .sliding-content {
		display: block;
	}
	.o-flip-boxes .panel-box {
		max-height: 261px;
		margin-bottom: 20px;
	}
	.o-flip-boxes .panel-box .front p {
		display: none;
	}
	.o-flip-boxes .panel-box .back {
		flex-direction: row;
	}
	.o-flip-boxes .panel-box .back a h4 {
		font-size: 20px;
		padding-right: 20px;
	}
	/* Services =========================================== */
	.o-services .nav-pills .nav-link {
		min-width: 240px;
	}
	.o-video-hero.o-hero .o-video-wrapper {
		border: 20px solid rgb(51, 51, 51);
		border-radius: 25px;
	}
	/* Brokerage =========================================== */
	.o-ticker-large-container .o-ticker-items {
		display: block;
		text-align: center;
	}
	.o-ticker-large-container .o-ticker-items .o-ticker-item {
		margin: 0 30px 30px 30px;
	}
	.o-ticker-large-container .o-ticker-items .o-ticker-item:last-child {
		margin: 0 30px 0px 30px;
	}
	.o-3-boxes-1 .card {
		margin-bottom: 20px;
	}
	.o-3-boxes-1 .col:last-child .card{
		margin-bottom: 0px;
	}
	/* Careers =========================================== */
	.o-3-boxes-2 .row,
	.o-3-boxes-3 .row {
		margin: 0;
		display: block;
	}
	.o-3-boxes-3 .card {
		margin-bottom: 20px;
	}
	.o-3-boxes-3 .col:last-child .card {
		margin-bottom: 0px;
	}
	.o-vacancies ul.whr-items {
        flex-direction: column; 
    }
    .o-vacancies li.whr-item {
        flex: 1 0 100%;
		border: 3px solid #EAEAEA;
    }
	/* Community =========================================== */
	.o-card-row-container h6 {
		font-size: 18px;
		line-height: normal;
	}
	/* Contact =========================================== */
	.o-3-boxes-4 .row {
		margin: 0;
		display: block;
	}
	.o-info-section-3-col > .container > .row {
		display: block;
	}
	.o-info-section-3-col > .container > .row h2 {
		width: 100%;
	}
	.o-info-section-3-col > .container > .row > .col-4 {
		max-width: 100%;
	}
	.o-info-section-3-col > .container > .row > .col-8 {
		max-width: 100%;
		margin-top: 40px;
	}
	/* Flux =========================================== */
	.o-info-section-large-3 .row {
		display: block;
		margin-right: 0;
		margin-left: 0;
	}
	.o-info-section-large-3 .col-4 {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 50px;
		padding-left: 0;
		padding-right: 0;
	}
	.o-info-section-large-3 .col-8 {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
		display: inline-block;
	}
	.o-info-section-large-3 .col-8 .row {
		margin-right: 0;
		margin-left: 0;
		width: calc(100% - 20px);
	}
	.o-info-section-large-3 .col-8 .row .o-card-link {
		width: 50%;
		float: left;
	}
	.o-accordion-section img.o-desktop-app {
		border: 20px solid rgb(51, 51, 51);
		border-radius: 25px;
	}
	/* Our Markets =========================================== */
	.o-left-nav-section .row {
		display: block;
		margin-right: 0;
		margin-left: 0;
	}
	.o-left-nav-section .row .col-4,
	.o-left-nav-section .row .col-8 {
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.o-left-nav-section .row .col-4 ul {
		margin-bottom: 20px;
	}
	.o-left-nav-section .card {
		margin-bottom: 20px;
		padding: 20px;
	}
	.o-left-nav-section .o-video-player {
        width: 100% !important; 
        height: auto !important;
        padding-top: 0 !important;
	}
	.o-left-nav-section .o-video-thumbnail {
		width: 100% !important; 
        padding-top: 0 !important;
	}
	.o-careers .o-left-nav-section .o-video-wrapper {
		margin-top: -23px;
	}
	/* & Graduate Careers ======================================= */

	/* Sustainability =========================================== */
	.image-section .row {
		margin-right: 0;
		margin-left: 0;
	}
	.image-section .row .col-6:first-child {
		padding-left: 0;
		flex: 0 0 65%;
    	max-width: 65%;
	}
	.image-section .row .col-6:last-child {
		padding-right: 0;
		flex: 0 0 35%;
    	max-width: 35%;
	}
	/* Edge =========================================== */
	.o-info-section-large-1 .row,
	.o-info-section-large-2 .row  {
		margin-right: 0;
		margin-left: 0;
	}
	.o-info-section-large-1 .row .col-4:first-child {
		padding-left: 0;
		flex: 0 0 50%;
    	max-width: 50%;
	}
	.o-info-section-large-1 .row .col-8:last-child {
		padding-right: 0;
		flex: 0 0 50%;
    	max-width: 50%;
	}
	.o-info-section-large-2 .row .col {
		width: 50%;
		flex: none;
		padding-bottom: 20px;
	}
	.o-info-section-large-2 .row .col:nth-child(1),
	.o-info-section-large-2 .row .col:nth-child(3) {
		padding-left: 0;
	}
	.o-info-section-large-2 .row .col:nth-child(2),
	.o-info-section-large-2 .row .col:nth-child(4) {
		padding-right: 0;
	}
	/* Eagle =========================================== */
	.o-info-section-3-boxes .o-carousel-item {
		border: 20px solid rgb(51, 51, 51);
		border-radius: 25px;
	}
	.o-info-section-3-boxes .o-card-feature h3 {
		font-size: 25px;
		line-height: 27px;
		margin-right: 20px;
	}
	.o-info-section-3-boxes .o-card-features {
		display: block;
	}
	.o-info-section-3-boxes .o-card-feature img {
		max-height: 200px;
		object-fit: cover;
	}
	.o-info-section-3-boxes .row:first-of-type {
		margin-bottom: 0;
	}
	.o-info-section-3-boxes .col p {
		margin-bottom: 40px;
	}
	/* Cookie Banner =========================================== */
	#cc-main .cm__texts {
		width: 100%;
		margin-bottom: 20px;
	}
	#cc-main .cm__btns, #cc-main .cm__links {
		float: none;
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		border: 0 !important;
	}
	#cc-main .cc--anim .cm__btn, #cc-main .cc--anim .cm__close {
		max-width: calc(50% - 5px);
		width: 50%;
		margin-left: 0;
	}
	#cc-main .cc--anim .cm__btn:first-child {
		margin-right: 0px;
	}
	#cc-main .cc--anim .cm__btn:last-child {
		margin-left: 0px !important;
		margin-top: 0 !important;
	}
	#cc-main .cm__btn-group {
		display: block !important;
	}
	/* Trading =========================================== */
	.o-3-boxes-full-width .o-card-features {
		display: block;
	}
	.o-3-boxes-full-width .o-card-feature img {
		max-height: 200px;
		object-fit: cover;
	}
	.o-3-boxes-full-width .col {
		margin-bottom: 20px;
	}
	/* Retail Trading =========================================== */
	.o-cta-element .row  {
		margin-right: 0;
		margin-left: 0;
	}
	.o-cta-element .row .col-4:first-child {
		padding-left: 0;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.o-cta-element .row .col-8:last-child {
		padding-right: 0;
		flex: 0 0 50%;
		max-width: 50%;
	}
	/* Investors & Asset Managers =========================================== */
	.o-product-box .o-product-box-item-header img {
		height: 30px;
		margin: 0 auto 20px;
		display: block;
	}
	.o-product-box .o-download-links,
	.o-product-box .o-product-box-item-header h3 {
		position: initial;
		text-align: center;
	}
	.o-product-box .o-product-box-item-header .btn {
        position: initial;
        margin: 20px auto 20px;
        display: block;
	}
	.o-product-box .o-download-links {
		display: block;
		padding: 0 10px 0 10px;
	}
	.o-product-box .o-download-links .o-pdf::before {
		margin-bottom: 10px;
	}
	.o-product-box .o-product-box-item-header {
		padding-bottom: 20px;
	}
	/* TradingView =========================================== */
	.o-3-boxes-5 img.o-desktop-app {
		border: 20px solid rgb(51, 51, 51);
		border-radius: 25px;
	}
	.o-cta-element .row .col-8:last-child,
	.o-cta-element .row .col-4:first-child {
		padding: 0;
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 20px
	}
	.o-cta-element .row {
		padding: 0px 0 80px 0;
	}
	/* Audio Player =========================================== */
	.o-audio h5 {
		width: calc(100% - 180px);
		line-height: 26px;
	}
	/* 3 Boxes Long =========================================== */
	.o-3-boxes-long .o-3-boxes-1 .row {
		display: block;
	}
	.o-br-hide {
		display: none;
	}
	.o-analyse-box.o-3-boxes-long-inner .col .card {
		background-position: center 0px;
	}
	.o-3-boxes-long h2 {
		max-width: 85%;
	}
	/* Direct Trading Boxes =========================================== */
	.o-direct-trading-boxes.o-3-boxes-2 .card {
		margin-bottom: 20px;
	}
	.o-direct-trading-boxes.o-3-boxes-2 .col:last-child .card {
		margin-bottom: 0;
	}
	/* Broker Page =========================================== */
	.o-broker-page.o-3-boxes-full-width .o-card-feature img {
		max-height: 300px;
		object-fit: cover;
	}
	.o-broker-page.o-3-boxes-full-width .row.o-card-features {
		max-height: none;
	}
	.o-broker-page.o-3-boxes-full-width .col:last-child {
        margin-bottom: 0;
    }
}





/* The Messy Middle =========================================== */

@media (min-width: 600px) and (max-width: 992px) {
	.o-info-section .col-4,
	.o-info-section .col-8 {
		max-width: 50%;
		flex: 0 0 50%;
	}
	.o-top-team .col {
		flex: none;
		margin-bottom: 20px;
	}
	/* .o-top-team .col:nth-child(3), */
	.o-top-team .col:nth-child(4),
	.o-middle-team .col:nth-child(3),
	.o-middle-team .col:nth-child(4) {
		margin-bottom: 0px;
	}
	.o-card-row-container .col:last-of-type .o-team-small-pic {
		border-radius: 0;
	}
	.o-card-row-container {
		margin-left: -40px;
		width: calc(100% + 80px);
	}
}
@media (min-width: 600px) and (max-width: 1281px) {
	.o-newsletter #o-hidden-paragraph {
		padding-top: 50px;
		text-align: left;
		padding-right: 20px;
		padding-bottom: 40px;
		margin-left: 0;
		width: calc(100% - 280px);
	}
	.o-newsletter #o-input-field {
		width: calc(100% - 320px);
	}
	.o-newsletter #o-hidden-paragraph strong::before {
		display: none;
	}
	.o-stats .card small {
		padding: 0 20px 0 20px;
	}
}





/* Tablet Small =========================================== */

@media (max-width: 800px) {
	.sliding-header h2 {
		display: none;
	}
	/* Banner Image =========================================== */
	.o-banner-image {
		background-position: -200px;
	}
}





/* Mobile Large =========================================== */

@media (max-width: 700px) {
	/* Learning and Development =========================================== */
	.o-9-boxes-1 .row {
		display: block;
	}
	.o-9-boxes-1 .card {
		margin-bottom: 20px;
	}
	.o-biography .row {
		display: block;
	}
	.o-biography .col-8,
	.o-biography .col-4 {
		max-width: 100%;
	}
	.o-biography img {
		margin-top: 20px;
	}
	/* Exec Team =========================================== */
	.o-top-team,
	.o-middle-team {
		margin-right: 0;
		margin-left: 0;
	}
	.o-top-team .col,
	.o-middle-team .col {
		width: 1000%;
		flex: none;
		margin-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
	}
	/* Careers =========================================== */
	.o-book-promo .o-recommendation {
		padding-left: 20px;
	}
	.o-book-promo .o-recommendation p {
		text-align: center;
		display: block;
	}
	.o-book-promo .o-recommendation .btn {
		float: none;
		margin-top: 20px;
		width: 100%;

	}
}





/* Cookie Plugin Prefernces =========================================== */

@media (max-width: 640px) {
	#cc-main .pm__btn,
	#cc-main .pm__btn-group+.pm__btn-group button {
		margin-left: 0;
		margin-top: 10px;
	}
	#cc-main .pm__btn+.pm__btn,
	#cc-main .pm__btn-group+.pm__btn-group button {
		margin-top: 10px !important;
	}
	#cc-main .pm__btn-group+.pm__btn-group {
		margin: 0 !important;
	}
	#cc-main .pm__body, #cc-main .pm__footer, #cc-main .pm__header {
		padding: 20px !important;
	}
}





/* Mobile =========================================== */

@media (max-width: 600px) {
	/* 600px Left/Right Container Padding */
	.o-large-hero .o-large-hero-inner,
	.o-newsletter .container,
	.o-services .container,
	.o-info-section .container,
	.o-team-small .container,
	.o-onyx-elite .container,
	.o-disclaimer .container,
	.o-footer-upper .container,
	.o-footer-lower .container,
	.o-hero .o-hero-inner,
	.o-info-section-centre .container,
	.o-timeline .container,
	.o-team-large .container,
	.o-left-nav-section .container,
	.o-vacancies .container,
	.o-info-section-large-3 .container,
	.o-accordion-section .container,
	.o-card-row-container,
	.image-section .container,
	.o-full-width .container,
	.o-article-section-2 .container,
	.o-info-section-cta .container,
	.o-info-section-large-1 .container,
	.o-info-section-large-2 .container,
	.o-info-section-2-col .container,
	.o-info-section-3-col .container,
	.o-stats .container,
	.o-3-boxes-2 .container,
	.o-3-boxes-3 .container,
	.o-3-boxes-1 .container,
	.o-3-boxes-4 .container,
	.o-info-section-3-boxes .container,
	.o-3-boxes-full-width .container,
	.o-cta-element .container,
	.o-interactive-map .container,
	.o-warning-box .container,
	.o-3-boxes-1.o-4-boxes .container,
	.o-product-box .container,
	.o-product-box .o-product-box-item-header,
	.o-product-box .o-product-box-item,
	.o-3-boxes-5 .container:first-child,
	.o-3-boxes-5 .container:nth-child(2),
	.o-3-boxes-5 .container:last-child,
	.o-5-boxes-1 .container:last-child,
	.o-9-boxes-1 .container,
	.o-biography .container,
	.o-audio .container,
	.o-testamonials .container,
	.o-flip-boxes .sliding-content,
	.o-flux-banner .container,
	.o-3-boxes-long .container,
	.o-video-boxes,
	.o-cot-boxes.o-direct-trading-boxes.o-3-boxes-2 .container {
		padding-left: 20px;
		padding-right: 20px;
	}
	/* All Container Padding */
	.o-services .container,
	.o-info-section .container,
	.o-team-small .container,
	.o-onyx-elite .container,
	.o-disclaimer .container,
	.o-info-section-centre .container,
	.o-timeline .container,
	.o-team-large .container,
	.o-left-nav-section .container,
	.o-vacancies .container,
	.o-info-section-large-3 .container,
	.o-accordion-section .container,
	.o-card-row-container,
	.image-section .container,
	.o-full-width .container,
	.o-article-section-2 .container,
	.o-info-section-cta .container,
	.o-info-section-large-1 .container,
	.o-info-section-large-2 .container,
	.o-info-section-2-col .container,
	.o-info-section-3-col .container,
	.o-stats .container,
	.o-3-boxes-2 .container,
	.o-3-boxes-3 .container,
	.o-3-boxes-1 .container,
	.o-3-boxes-4 .container,
	.o-info-section-3-boxes .container,
	.o-cta-element .container,
	.o-interactive-map .container,
	.o-warning-box .container,
	.o-3-boxes-full-width .container,
	.o-3-boxes-1.o-4-boxes .container,
	.o-product-box .container,
	.o-3-boxes-5 .container:first-child,
	.o-5-boxes-1 .container:first-child,
	.o-3-boxes-5 .container:last-child,
	.o-9-boxes-1 .container,
	.o-biography .container,
	.o-audio .container,
	.o-testamonials .container,
	.o-flux-banner .container,
	.o-3-boxes-long .container,
	.o-video-boxes,
	.o-cot-boxes.o-direct-trading-boxes.o-3-boxes-2 .container {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.o-navbar-top {
		padding-left: 0;
		padding-right: 0;
	}
	.o-navbar-top a {
		margin-left: 0;
	}
	.o-navbar-main {
		padding: 20px 0px 0px 0px;
	}
	.o-navbar-main .navbar-brand img {
		height: 25px;
		margin-top: 8px;
	}
	.o-navbar-main a.navbar-brand {
		padding-left: 20px;
	}
	.o-navbar-main .navbar-toggler {
		margin-right: 20px;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.o-navbar-main.navbar .btn::after {
		display: none;
	}
	.o-navbar-main .navbar-nav {
		padding: 25px 35px 40px 35px;
	}
	.o-navbar-top p span {
		display: none;
	}
	.o-flux-banner h4 {
		margin-bottom: 20px;
	}
	.o-flux-banner p,
	.o-flux-banner .btn {
		width: 100%;
	}
	.o-video-background {
		height: 250%;
	}
	.o-home-hero-background {
		height: 200%;
	}
	.o-large-hero .o-video-player,
	.o-large-hero .o-video-thumbnail {
		border: none;
	}
	.o-flux-banner {
		margin: 0 0 -1px 0;
	}
	.o-flip-boxes .o-flip-box .btn {
		bottom: 0px;
		width: calc(100% - 40px);
		height: 45px;
		padding: .375rem .75rem;
		font-size: 1rem;
		line-height: 27px;
	}
	.o-flip-boxes .sliding-content {
		padding-top: 30px;
	}
	.o-flip-boxes .panel-btn {
        display: none;
    }
	.o-large-hero .o-large-hero-inner {
		padding-bottom: 0;
	}
	.o-flip-boxes .col-6:nth-child(2) .o-flip-box::after {
		right: 20px;
		top: 20px;
	}
	.o-flip-boxes .col-6 .o-flip-box {
        padding: 20px 60px 20px 20px !important;
	}
	.o-flip-boxes .o-flip-box p,
	.o-flip-boxes .o-flip-box h3 {
		text-align: left;
	}
	.o-hero h1 {
		font-size: 35px;
		padding-top: 40px;
		margin: 37px 0 0 0;
	}
	.o-hero p.lead {
		font-size: 18px;
		margin-top: 10px;
	}
	.o-flip-boxes .sliding-header {
		left:20px;
	}
	.o-flip-boxes .panel-box .front h3 {
		top: 20px;
		left: 25px;
		font-size: 25px;
	}
	.o-flip-boxes .panel-btn {
		bottom: 20px;
		width: calc(100% - 40px);
	}
	.o-flip-boxes .panel-box,
	.panel-box .front,
	.panel-box .panel-box-inner {
        max-height: 320px;
    }
	.panel-box .back a {
		min-height: 80px;
	}
	.o-flip-boxes .panel-box .front p {
		color: #FFFFF2;
		position: absolute;
		width: 100%;
		display: block;
		bottom: 0;
		font-size: 16px;
		padding: 20px;
	}
	.panel-box .back a::after {
		background-size: 20px 20px;
		width: 20px;
		height: 20px;
	}
	.o-flip-boxes {
		min-height: 1170px;
    }
	.o-flip-boxes .o-flip-box {
		min-height: 585px;
    }
	.o-onyx-elite .container {
		padding-right: 20px;
	}
	.o-onyx-elite h4 {
		font-size: 20px;
		padding-right: 70px;
		line-height: 26px;
	}
	.o-onyx-elite .btn {
        top: 40px;
        right: 20px;
        width: 48px;
        height: 48px;
        padding-top: 8px;
        padding-left: 16px;
    }
	.o-onyx-elite p {
		margin-top: 20px;
	}
	.o-disclaimer {
		border-bottom: 3px solid #FFED00;
	}
	.o-disclaimer h4 {
		font-size: 20px;
	}
	.o-disclaimer h4 span {
		display: block;
	}
	.o-disclaimer p {
		font-size: 16px;
	}
	.o-footer-upper footer .col:nth-child(1) {
		padding: 0;
	}
	.o-footer-upper footer {
		margin-right: 0;
		margin-left: 0;
	}
	.o-footer-upper footer .col:nth-child(3),
	.o-footer-upper footer .col:nth-child(4) {
		width: 50%;
		flex: none;
		display: block;
		margin-bottom: 50px;
		padding-left: 0;
	}
	.o-footer-upper footer .col:nth-child(5),
	.o-footer-upper footer .col:nth-child(6) {
		width: 50%;
		flex: none;
		display: block;
		padding-left: 0;
	}
	.o-footer-upper footer .col:nth-child(4),
	.o-footer-upper footer .col:nth-child(6) {
		padding-right: 0px;
	}
	.o-footer-upper h5 {
		margin-bottom: 20px;
	}
	.o-footer-upper .row .nav-link {
		padding: 5px 0 5px 0;
	}
	.o-footer-upper .o-podcast-footer {
		float: none;
		height: 30px;
		margin-right: 0;
	}
	.o-footer-lower .container {
		height: auto;
		padding-bottom: 25px;
	}
	.o-footer-lower .nav {
		flex: none;
		display: block;
	}
	.o-footer-lower p {
		position: relative;
		top: 0;
		left: 0;
	}
	.o-footer-lower .nav-item:first-child .nav-link {
		height: auto;
	}
	.o-footer-upper .container {
		padding-bottom: 40px;
	}
	.o-footer-upper > .container > a:last-child {
		margin-left: 10px;
	}
	/* Makes sure each page has correct bottom padding */
	.o-bottom-mobile-fix {
		height: 60px;
	}
	.o-bottom-mobile-fix-small {
		height: 20px;
	}
	.o-p-text-link {
		margin-top: 30px;
	}
	/* Homepage =========================================== */
	.o-video-container > div {
		width: 100% !important;
		font-size: 18px !important;
		padding-top: 45px !important;
	}
	.o-large-hero h1 {
		font-size: 35px;
		margin: 0 auto 40px;
		padding-top: 40px;
		text-align: left;
	}
	.o-large-hero p.lead {
		font-size: 20px;
		text-align: left;
	}
	.o-large-hero p.o-lead-intro {
		text-align: left;
	}
	.o-large-hero .o-embedded-video .container {
		padding-bottom: 0;
	}
	.o-large-hero .o-video-container .o-video-wrapper{
		margin-left: -20px;
		width: calc(100% + 40px) !important;
		border-radius: 0;
		padding-bottom: 0;
		border: 0;
		margin-bottom: 0;
		padding-top: 0 !important;
		margin-bottom: -6px;
	}
	.o-large-hero .o-video-player {
		border-radius: 0;
		width: 100% !important; /* Ensures full width */
        height: auto !important; /* Height auto for aspect ratio maintenance */
        padding-top: 0 !important; /* Remove any padding-top that might affect the aspect ratio */
        border-radius: 0; /* Adjustments for mobile styling */
	}
	.o-large-hero .o-video-thumbnail {
		width: 100% !important; /* Ensures full width */
        height: auto !important; /* Height auto for aspect ratio maintenance */
        padding-top: 0 !important; /* Remove any padding-top that might affect the aspect ratio */
        border-radius: 0; /* Adjustments for mobile styling */
		top: 6px;
	}
	.o-large-hero .o-video-player {
		margin-bottom: -7px;
	}
	.o-flip-boxes .panel-box .back {
		flex-direction: column;
	}
	.o-newsletter {
		overflow-x: hidden;
	}
	.o-newsletter .container {
		min-height: auto;
	}
	.o-newsletter #o-hidden-paragraph {
		padding-top: 20px;
		margin-bottom: 0;
		margin-left: 0;
		margin-top: 0;
		font-size: 18px;
	}
	.o-newsletter #o-hidden-paragraph span {
		display: none;
	}
	.o-newsletter #o-newsletter-button {
		float: none;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		height: 48px;
		padding: 7px 40px 15px 40px;
	}
	.o-newsletter #o-hidden-paragraph strong::before {
		display: none;
	}
	.o-newsletter #o-input-field,
	.o-newsletter #o-input-field::placeholder,
	.o-newsletter #o-input-field:focus::placeholder  {
		width: 100%;
		padding: 36px 0 35px 0;
		white-space: nowrap; /* Prevent the placeholder from wrapping */
		overflow: hidden; /* Hide any overflow */
		text-overflow: ellipsis; 
	}
	.o-newsletter #send-button,
	.o-newsletter .o-privacy-checkbox-container {
		float: none;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 40px;
		top: 0;
	}
	.o-newsletter #send-button,
	.o-newsletter .enabled#send-button {
		margin: 0;
		width: 25%;
		padding: 10px 0px 15px 0px;
		float: right;
		height: 48px;
	}
	.o-newsletter .custom-checkbox-text {
		padding: 9px 20px 10px 50px;
	}
	.o-newsletter .custom-checkbox {
		margin: 11.5px 0 0 14px;
	}
	.o-newsletter .o-privacy-checkbox-container {
		margin: 0;
		width: 75%;
		height: 48px;
	}
	div#input-container {
		padding-bottom: 20px;
		overflow-x: hidden;
	}
	 /* Mobile headers */
	.o-stats h2,
	.o-services h2,
	.o-info-section h2,
	.o-team-small h2,
	.o-info-section-centre h2,
	.o-3-boxes-1 h2,
	.o-article-section-2 h2,
	.o-full-width h2,
	.o-vacancies h2,
	.o-3-boxes-3 h2,
	.o-team-large h2,
	.o-accordion-section h2,
	.image-section h2,
	.o-info-section-large-1 .container h2,
	.o-info-section-large-2 h2,
	.o-info-section-3-boxes .container > h2,
	.o-info-section-3-boxes h2,
	.o-cta-element-button h2,
	.o-interactive-map h2,
	.o-product-box .container > h2,
	.o-product-box .o-product-box-item-header h3,
	.o-3-boxes-5 h2,
	.o-5-boxes-1 h2,
	.o-9-boxes-1 h2,
	.o-biography h2,
	.o-testamonials .container h2,
	.o-3-boxes-long h2,
	.o-direct-trading-boxes.o-3-boxes-2 h2 {
		font-size: 26px;
		max-width: 100%;
		line-height: normal;
		width: 100%;
	}
	p.o-subtitle {
		font-size: 16px;
		padding: 20px 10px 30px 10px;
	}
	.o-stats .col {
		flex: none;
		padding-right: 0;
		padding-left: 0;
	}
	.o-stats .row {
		margin-right: 0;
		margin-left: 0;
	}
	.o-stats .card {
		margin-bottom: 20px;
	}
	.o-stats .col:last-child .card {
		margin-bottom: 0px;
	}
	.o-stats .container > p:last-child {
		padding: 0 20px;
	}
	.o-ticker-container .o-parallax-section-colour {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.o-ticker-container h2 {
		margin: 0 40px 30px 40px;
		line-height: normal;
	}
	.o-ticker-container.o-parallax-section,
	.o-info-section-large-1.o-parallax-section {
        background-attachment: scroll; /* Disable fixed background attachment on mobile */
    }
	.o-services .o-services-tabs {
		padding: 0;
		padding-left: 0;
		display: block !important;
		padding-top: 15px;
	}
	.o-services .nav-pills .nav-link {
		min-width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.o-services .tab-pane img {
		margin-left: -20px;
		width: calc(100% + 40px);
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.o-services .tab-content {
		margin: 0;
		padding: 20px;
		padding-bottom: 0;
	}
	.o-info-section .row {
		display: block;
	}
	.o-info-section .col-4,
	.o-info-section .col-8 {
		max-width: 100%;
	}
	.o-info-section h2 {
		margin-bottom: 25px;
	}
	.o-team-small div div p {
		font-size: 18px;
	}
	.o-team-small .col {
		padding-right: 10px;
		padding-left: 10px;
		width: 100%;
		flex: none;
		margin-bottom: 20px;
	}
	.o-team-small .col:last-child {
		margin-bottom: 0px;
	}
	.o-team-small .o-exec-spacer {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.o-team-small .container {
		padding-bottom: 100px;
	}
	.o-team-small .o-top-team,
	.o-team-small .o-middle-team {
		margin-right: 0;
		margin-left: 0;
	}
	.o-footer-upper .o-logo-footer {
		height: 25px;
	}
	/* Abous Us =========================================== */
	.o-video-container.o-video-full-width > div {
		padding-top: 0px !important;
	}
	.o-timeline .o-timeline-node p {
		font-size: 16px;
	}
	.o-timeline .o-timeline-line p span {
		display: none;
	}
	.o-timeline .o-timeline-line .col-6:last-of-type,
	.o-timeline .o-timeline-line .col-6:first-of-type {
		padding-bottom: 0;
	}
	.o-timeline .o-timeline-line .row {
		margin-right: 0;
		margin-left: 0;
	}
	.o-timeline .o-timeline-line .col-6:first-of-type {
		padding-left: 0;
	}
	.o-timeline .o-timeline-line .col-6:last-of-type {
		padding-right: 0;
	}
	/* Brokerage =========================================== */
	.o-info-section-2-col .col-6 {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.o-info-section-2-col .col-6:last-child {
		margin-bottom: 0px;
	}
	.o-ticker-large-container .o-ticker-items .o-ticker-item img {
		width: 100%;
		max-height: 50px;
	}
	.o-3-boxes-1 .card {
		padding: 30px 20px 30px 20px;
	}
	.o-3-boxes-1 .row {
		margin: 0;
		display: block;
	}
	.o-3-boxes-1 .row .col {
		padding: 0;
		width: 100%;
		flex: none;
	}
	.o-3-boxes-1 .o-text-link-container .o-text-link {
		margin-top: 40px;
	}
	/* Legal Pages =========================================== */
	.o-article-section-2 .row {
		margin: 0;
		display: block;
	}
	.o-article-section-2 .row .col-4,
	.o-article-section-2 .row .col-8 {
		max-width: 100%;
		padding: 0;
	}
	.o-article-section-2 .row .col-4 {
		margin-bottom: 20px;
	}
	.o-article-section-2 .o-video-container {
		padding-top: 0;
		position: relative;
		top: 0;
		margin-bottom: 0;
	}
	.o-article-section-2 .o-video-wrapper {
		padding-top: 0 !important;
		overflow: initial;
	}
	.o-article-section-2 .o-video-player {
        width: 100% !important; 
        height: auto !important;
        padding-top: 0 !important; 
	}
	.o-article-section-2 .o-video-thumbnail {
		width: 100% !important; 
        padding-top: 0 !important;
	}
	.o-full-width h2 {
		margin-bottom: 25px;
	}
	ul.o-list {
		overflow-wrap: break-word;
	}
	/* Careers =========================================== */
	.o-3-boxes-2 img.o-elite-stats {
		margin-left: -20px;
		border: 0;
		width: calc(100% + 40px);
		border-top: 3px solid #EAEAEA;
		border-bottom: 3px solid #EAEAEA;
		border-radius: 0;
		margin-bottom: 25px;
	}
	.o-3-boxes-2 .row .col,
	.o-3-boxes-3 .row .col {
		padding-right: 0;
		padding-left: 0;
	}
	.o-3-boxes-2 .row .col .card,
	.o-3-boxes-3 .row .col .card {
		padding-left: 0;
		padding-right: 0;
	}
	.o-3-boxes-3 .row .col .card {
        padding: 20px;
		padding-left: 20px;
		padding-right: 20px;
    }
	.o-3-boxes-3 .col:last-child .card {
        margin-bottom: 20px;
    }
	.o-3-boxes-3 h2 {
		text-align: left;
	}
	.o-3-boxes-3  p.o-subtitle {
		padding: 20px 10px 30px 0px;
		text-align: left;
	}
	.o-vacancies li.whr-item h3 {
		font-size: 22px;
	}
	.o-vacancies p {
		margin-bottom: 30px;
		border-bottom: 0;
		padding-bottom: 0;
	}
	.o-vacancies li.whr-item:last-child {
		margin-bottom: 0px;
	}
	.o-3-boxes-2 .o-text-link-container .o-text-link,
	.o-3-boxes-3 .o-text-link-container .o-text-link {
		margin-top: 20px;
	}
	.o-3-boxes-1 .row > p {
		padding: 0 0px;
	}
	/* Community =========================================== */
	.o-card-row-container .o-card-row {
		display: block;
	}
	.o-card-row-container .col .o-team-small-pic {
		border-radius: 10px;
	}
	.o-card-row-container .card {
		padding: 0;
		margin-bottom: 40px;
	}
	.o-card-row-container h6 {
		padding: 25px 0px 0 0px;
		font-size: 22px;
	}
	.o-card-row-container p {
		font-size: 18px;
		padding: 0;
	}
	.o-card-row-container {
		padding-top: 0;
	}
	.o-card-row-container .o-card-row {
		margin-bottom: 0px;
	}
	/* Contact =========================================== */
	.o-3-boxes-4 .container {
		padding-top: 20px;
	}
	.o-3-boxes-4 .row .col {
		padding-right: 0;
		padding-left: 0;
	}
	.o-3-boxes-4 .row .col .card {
		padding-left: 0;
		padding-right: 0;
	}
	.o-info-section-3-col > .container > .row > .col-8 > .row {
		display: block;
		text-align: center;
		width: 100%;
		margin-right: 0;
    	margin-left: 0;
	}
	.o-info-section-3-col > .container > .row > .col-8 > .row > .col-4 {
		max-width: 100%;
		margin-bottom: 30px;
		padding-right: 0;
		padding-left: 0;
	}
	.o-info-section-3-col a {
		width: 100%;
	}
	.o-info-section-3-col > .container > .row h2 {
		text-align: center;
	}
	.o-info-section-3-col > .container > .row > .col-8 {
		padding-right: 0;
		padding-left: 0;
	}
	.o-info-section-3-col > .container > .row {
		margin-right: 0;
		margin-left: 0;
	}
	/* Exec Team =========================================== */
	.o-team-large .card p {
		font-size: 18px;
	}
	.o-top-team .col,
	.o-middle-team .col {
		width: 100%;
		flex: none;
		margin-bottom: 20px;
		padding-right: 0;
    	padding-left: 0;
	}
	.o-top-team .col:last-child,
	.o-middle-team .col:last-child {
		margin-bottom: 0;
	}
	.o-team-large .o-top-team.row,
	.o-team-large .o-middle-team.row {
		margin-right: 0;
		margin-left: 0;
	}
	.o-team-large .o-exec-spacer {
		margin-top: 60px;
		margin-bottom: 50px;
	}
	/* Flux =========================================== */
	.o-hero-device.o-hero img {
		max-width: 400px;
		margin: 0 auto;
		display: block;
		width: 100%;
	}
	.o-hero-background.o-flux-background {
		height: 850px;
		background-position-x: -700px;
	}
	.o-info-section-large-3 .o-4-features .row {
		display: block;
		width: 100%;
	}
	.o-info-section-large-3 .col-8 .row .o-card-link {
		margin-bottom: 20px;
		width: 100%;
		max-width: 100%;
	}
	.o-info-section-large-3 .col-8 .row:last-child .o-card-link:last-child {
		margin-bottom: 0px;
	}
	.o-info-section-large-3 .o-4-features .row {
		margin-bottom: 20px !important;
	}
	.o-accordion-section img.o-desktop-app {
		border-width: 10px;
		border-radius: 0;
		width: calc(100% + 40px);
		margin-left: -20px;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 6px 17px 0px;
	}
	.o-info-section-large-3 .col-4 {
		margin-bottom: 40px;
	}
	.o-accordion-section .accordion,
	.o-accordion-section p.o-sentence-link {
		margin-top: 40px;
	}
	/* Services =========================================== */
	.o-video-hero.o-hero .o-embedded-video {
		margin-left: -20px;
		width: calc(100% + 40px);
		border-radius: 0;
		padding-bottom: 0;
	}
	.o-video-hero.o-hero .o-embedded-video .o-video-container {
		border: 0;
		border-radius: 0;
	}
	.o-video-hero.o-hero .o-embedded-video .o-video-container iframe {
		border-radius: 0;
	}
	.o-video-hero.o-hero .o-video-wrapper {
		margin-left: -20px;
		width: calc(100% + 40px) !important;
		border-radius: 0;
		padding-bottom: 0;
		border: 0;
		margin-bottom: 0;
		padding-top: 0 !important;
		margin-bottom: -6px;
	}
	.o-video-hero.o-hero .o-video-player, .o-video-hero.o-hero .o-video-thumbnail {
		border-radius: 0;
	}
	.o-video-hero.o-hero .o-video-player {
		margin-bottom: -7px;
	}
	/* Sustainability =========================================== */
	.image-section .row .col-6:first-child {
		padding-left: 0;
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0;
	}
	.image-section .row .col-6:last-child {
		padding-right: 0;
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
		margin-top: 30px;
	}
	/* Edge =========================================== */
	.o-info-section-cta .row {
		margin-right: 0;
		margin-left: 0;
	}
	.o-info-section-cta .row .col-8:first-child {
		padding-left: 0;
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0;
	}
	.o-info-section-cta .row .col-4:last-child {
		padding-right: 0;
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
		margin-top: 30px;
	}
	.o-info-section-large-1 .row .col-4:first-child,
	.o-info-section-large-1 .row .col-8:last-child {
		padding: 0;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.o-info-section-large-1 .row img {
		margin-top: 30px;
	}
	.o-info-section-large-2 img.o-desktop-app {
		/* border: 0; */
		border-width: 10px;
		border-radius: 0;
		width: calc(100% + 40px);
		max-width: calc(100% + 40px);
		margin-left: -20px;
	}
	.o-info-section-large-2 .row .col {
		width: 100%;
		flex: none;
		padding-bottom: 20px;
		padding: 0 0 20px 0;
	}
	.o-info-section-large-2 .row .col:last-child {
		padding: 0;
	}
	/* Eagle =========================================== */
	.o-info-section-3-boxes .o-carousel-container {
		width: calc(100% + 40px);
		margin-left: -20px;
		margin-bottom: -30px;
	}
	.o-info-section-3-boxes .slick-arrow,
	.o-info-section-3-boxes .slick-arrow:focus {
		height: 48px;
	}
	.o-info-section-3-boxes .slick-prev:before,
	.o-info-section-3-boxes .slick-next:before {
		top: 10px;
	}
	.o-info-section-3-boxes .slick-prev {
		left: 20px;
	}
	.o-info-section-3-boxes .slick-next {
		right: 20px;
	}
	.o-info-section-3-boxes .slick-list {
		overflow: visible;
	}
	.o-info-section-3-boxes .o-carousel-item {
		border-width: 10px;
		border-radius: 0;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 6px 17px 0px;
	}
	.o-info-section-3-boxes .col p {
		margin-left: 0;
		margin-right: 0;
	}
	.o-info-section-3-boxes .o-card-features:nth-last-of-type(2) {
		margin-top: 40px;
	}
	/* Cookie Banner =========================================== */
	#cc-main .cm__body {
		padding: 20px !important;
	}
	#cc-main .cc--anim .cm__btn, #cc-main .cc--anim .cm__close {
		max-width: 100%;
		width: 100%;
	}
	#cc-main .cc--anim .cm__btn:first-child {
		margin-right: 0;
	}
	#cc-main .cc--anim .cm__btn:last-child {
		margin-left: 0px !important;
		margin-top: 10px !important;
	}
	/* Trading =========================================== */
	.o-3-boxes-full-width h2 {
		max-width: 90%;
		font-size: 26px;
	}
	.o-3-boxes-full-width .o-card-feature img {
		max-height: 280px;
	}
	.o-3-boxes-full-width .container:after {
		right: 20px;
	}
	.o-3-boxes-full-width .o-card-feature h3 {
		font-size: 25px;
	}
	/* Retail Trading =========================================== */
	.o-cta-element .row {
		padding: 40px 0 0px 0;
	}
	.o-cta-element .row .col-4:first-child,
	.o-cta-element.row .col-8:last-child {
		padding: 0;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.o-cta-element-button {
		padding: 40px 20px 40px 20px;
	}
	.o-cta-element-button .btn {
		height: 45px;
		width: 100%;
		padding: .375rem .75rem;
		font-size: 1rem;
		line-height: 27px;
		margin: 0 auto 0px auto;
	}
	.o-cta-element .row .col-8:last-child {
		padding: 0;
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 20px
	}
	/* Professional Trading =========================================== */
	.o-product-box .o-product-box-item-header {
		margin-left: -23px;
		width: calc(100% + 46px);
	}
	.o-product-box .o-product-box-item-header img {
        height: 25px;
    }
	.o-product-box .o-box-item-collapsed .row,
	.o-product-box .o-box-item-expanded .row {
		display: block;
	}
	.o-product-box .o-box-item-collapsed .col:first-child,
	.o-product-box .o-box-item-expanded .col:first-child {
		padding-right: 0;
	}
	.o-product-box .o-box-item-expanded .col:last-child {
		margin-top: 25px;
		padding-left: 0;
	}
	.o-product-box .o-accordion-section .accordion .accordion-body {
		padding: 25px 20px;
	}
	.o-product-box .o-accordion-section .accordion {
        margin-top: 0;
    }
	.o-table-container {
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
	.o-product-box ul {
		padding: 20px;
		padding-left: 40px;
	}
	.o-product-box .o-box-item-collapsed .col {
		padding-left: 0;
	}
	/* TradingView =========================================== */
	.o-5-boxes-1 .row,
	.o-3-boxes-5 .row {
		height: 100%;
		display: block;
		margin: 0;
	}
	.o-3-boxes-5 .col,
	.o-5-boxes-1 .col-4,
	.o-5-boxes-1 .col-8 {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0;
	}
	.o-3-boxes-5 .card,
	.o-5-boxes-1 .col-4 .card,
	.o-5-boxes-1 .col-8 .card {
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
		padding: 30px 20px 30px 20px;
	}
	.o-3-boxes-5 .container:nth-child(2) {
		padding-top: 0;
		padding-bottom: 0;
	}
	.o-3-boxes-5 img.o-desktop-app {
        border-width: 10px;
        border-radius: 0;
        width: calc(100% + 40px);
        margin-left: -20px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 6px 17px 0px;
    }
	.o-5-boxes-1 .container:first-child {
		padding-bottom: 0;
	}
	.o-5-boxes-1 .container:last-child {
		padding-bottom: 100px;
	}
	/* Learning and Development =========================================== */
	.o-biography h2 span {
		display: block;
	}
	.o-biography p {
		margin-right: 0;
	}
	.o-9-boxes-1 .card {
		padding: 30px 20px 30px 20px;
	}
	/* Testamonials =========================================== */
	.o-testamonials .container {
		padding-bottom: 122px;
	}
	.o-testamonials p {
        padding-left: 0;
        padding-right: 0;
    }
	.o-testamonials .slick-prev {
        left: calc(50% - 58px);
		margin-left: 0;
	}
	.o-testamonials .slick-next {
        right: calc(50% - 58px);
		margin-right: 0;
	}
	.o-testamonials .slick-prev:before,
	.o-testamonials .slick-next:before {
		top: 10px;
	}
	.o-testamonials .slick-arrow,
	.o-testamonials .slick-arrow:focus,
	.o-testamonials .slick-arrow:hover {
        background: rgba(255, 255, 255, 0.75);
        backdrop-filter: blur(3px);
        box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 6px 17px 0px;
		height: 48px;
		top: calc(100% + 100px);
    }
	.o-amazon-rating {
		max-width: 100%;
	}
	.o-chapters .o-p-text-link {
		padding-left: 0;
		padding-right: 0;
	}
	/* Book Promo =========================================== */
	.o-hero-background.o-book-background {
        height: 1000px;
	}
	/* Audio Player =========================================== */
	.o-audio img {
		max-width: 150px;
	}
	.o-audio audio{
		width: 100%;
		margin-top: 20px;
		float: none;
	}
	.o-audio h5 {
        width: 100%;
		margin-top: 20px;
    }
	.o-audio .o-text-link {
		float: none;
		display: inline-block;
		margin-top: 20px;
	}
	.o-video-hero.o-hero .o-video-player,
	.o-video-hero.o-hero .o-video-thumbnail {
		height: auto;
	}
	.o-video-hero.o-hero .o-video-thumbnail {
		height: inherit;
		max-height: 320px;
	}
	/* 3 Boxes Long =========================================== */
	.o-3-boxes-long .container:after {
		top: 45px;
	}
	.o-3-boxes-long h2 {
		width: 70%;
	}
	.o-3-boxes-long-inner .col .card {
		padding: 30px 20px 30px 20px;
	}
	/* Direct Trading Boxes =========================================== */
	.o-direct-trading-boxes.o-3-boxes-2 .row .col .card {
		padding-left: 20px;
		padding-right: 20px;
	}
	.o-direct-trading-boxes.o-3-boxes-2 .container > p:last-of-type {
		padding-left: 0;
		padding-right: 0;
	}
	/* Video Boxes =========================================== */
	.o-video-boxes .video-wrapper {
		margin-bottom: 20px;
	}
	.o-video-boxes .o-video-box h4 {
		font-size: 22px;
	}
	/* COT Boxes =========================================== */
	.o-direct-trading-boxes .o-attributes {
		max-width: 100%;
	}
	/* Image Boxes Full Width =========================================== */
	.o-image-boxes-full-width .row {
		display: block;
	}
	.o-image-boxes-full-width .o-p-text-link {
		padding-left: 20px;
		padding-right: 20px;
	}
	/* Broker Carousel =========================================== */
	.o-info-section-3-boxes.o-broker-carousel .o-carousel-item {
        border-radius: 0;
		box-shadow: none;
    }
	.o-info-section-3-boxes.o-broker-carousel iframe {
		border-radius: 0;
		box-shadow: none;
		max-height: 300px;
	}
	.o-info-section-3-boxes.o-broker-carousel {
	}
	/* o-info-section-2-col =========================================== */
	.o-info-section-2-col p {
		column-count: 1;
	}
	.o-info-section-2-col .row {
		margin-right: 0;
		margin-left: 0;
	}
	.o-info-section-2-col .row .col {
		padding-right: 0;
		padding-left: 0;
	}
	/* Broker Page =========================================== */
	.o-broker-page.o-3-boxes-full-width .o-card-feature img {
        max-height: 360px;
    }
	.o-broker-page.o-3-boxes-full-width .o-card-feature p {
		padding-right: 0;
	}
	.o-broker-page.o-3-boxes-full-width .o-card-feature h3,
	.o-broker-page.o-3-boxes-full-width .o-card-feature p {
		margin: 20px;
	}
	.o-broker-page.o-info-section-3-boxes .o-carousel-container {
        margin-bottom: -40px;
    }
	.o-3-boxes-full-width h2 {
		margin-bottom: 40px;
	}
	.o-broker-page.o-testamonials.o-broker-testamonials .slick-arrow,
	.o-broker-page.o-testamonials.o-broker-testamonials .slick-arrow:focus,
	.o-broker-page.o-testamonials.o-broker-testamonials .slick-arrow,
	.o-broker-page.o-testamonials.o-broker-testamonials .slick-arrow:focus,
	.o-broker-page.o-testamonials.o-broker-testamonials .slick-arrow:hover {
        top: -50px !important;
	}
	.o-broker-page.o-testamonials.o-broker-testamonials .container {
        padding-bottom: 50px;
        padding-top: 130px;
    }
	.js-plotly-plot .plotly {
		height: 220px !important;
	}
	.js-plotly-plot .plotly .user-select-none {
		height: 220px !important;
	}
	.o-broker-page.o-3-boxes-full-width .o-card-link {
		height: 350px;
	}
	.o-broker-page.o-3-boxes-full-width .o-card-link img {
		max-height: 350px;
		height: 350px;
	}
	/* Banner Image =========================================== */
	.o-banner-image {
		background-position: -100px;
	}
	.o-banner-image h4 {
		font-size: 26px;
	}
	.o-banner-image .o-footer-links {
        position: initial;
        margin-top: 15px;
	}
	.o-banner-image img {
		bottom: 40px;
		top: auto;
		left: 40px;
	}
}





/* Small Mobile =========================================== */

@media (max-width: 380px) {
	.o-large-hero h1 {
        font-size: 33px;
    }
	/* Broker Page =========================================== */
	.o-broker-page.o-3-boxes-full-width .o-card-link {
		height: 350px;
	}
	.o-broker-page.o-3-boxes-full-width .o-card-link img {
		max-height: 350px;
		height: 350px;
	}
}





.o-ibf-logo-after:after{
    content: '';
 	background-image: url("../images/ibf.jpg"); /* Replace with your image */
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px; 
    height: 20px;
    margin-left: 8px; 
    vertical-align: middle;
}

.o-relative{
	position:relative;
}
.o-absolute{
	position:absolute;
}

.o-training-courses-hero-inner{
	display:flex;
	flex-direction:row;
}


.o-hero-inner-title{
	max-width: calc(100% - 360px);
    	margin-left: 180px;
}
.o-hero-inner-image{
	display: flex;
    flex-direction: column;
    margin-left: 30px;
    padding-top: 80px;
    width: 150px;
    margin-top: 40px;
    color: #FFF;
    font-size: 14px;
}
.o-hero-inner-image img{
	width:150px;
}


.o-col-80{
	width:100%;
	max-width:100%;	
}


@media screen and (min-width:600px){
.o-col-80{
    	width:calc(100% - 200px);
	min-width:calc(100% - 200px);
}
}
/* This is primarily for the Training Courses page - needs a 798 break point */
@media screen and (min-width:798px){
.o-col-80{
	width:80%;
	max-width:80%;	
    	padding-right: 60px;

}

.o-col-20{
	width:20%;
	max-width:20%;
}
}

.o-partner-image{

	display: flex;
    	flex-direction: column;
    	align-items: flex-start;
	margin-top:40px;
}


@media screen and (min-width:600px){
	.o-partner-image{
		margin-top:0px;
		margin-left:30px;
	}
}

.o-partner-image p{
	font-size:14px;

}

.o-partner-image img{
	width:150px;
}

.o-info-section .o-cta-btn-container{
	width:fit-content;
}

.o-info-section h2 + p{
	padding-top:30px;
}

.o-info-section h2 strong{
	color:#0066FF
}

.o-info-section a.btn:hover{
	color:#FFFFFF!important;
}

.o-pseudo-heading{
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    padding: 40px;
    text-align: center;
    width: 100%;
    font-size: 24px;
    color:#FFFFFF;
}

.o-pseudo-heading strong{
	color:#F2F7FF;
}


.o-black-background{
	background:#101010;
	border-top:1px #FFED00 solid;
	
}

.o-black-background .o-cta-btn.btn{
	border-color:#FFED00;
	color:#FFED00;
	margin-top:0px;
}

.o-black-background .o-cta-btn.btn:hover{
	background-color:#FFED00;
	color:black;
}

.o-black-background h2, .o-black-background p{
	color:white;
}

.o-black-background .container{
	background:transparent;
	color:white;
}

html{
	max-width:100vw;
	overflow-x:hidden;
}

.o-hidden-email{
    opacity: 0;
    margin-top: 10px;
}