.skip, .skip-link {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#loginBtn:hover:disabled {
	background: #5C5C5A;
}

#nos::placeholder, #fc1::placeholder, #fc3::placeholder, #clno::placeholder, #pin::placeholder, #eafc5::placeholder, #fiFinCommPerAnnum::placeholder {
  color: #5C5C5A;
}

.startDtFilter {
  display: flex;
  align-items: center; /* Aligns label and input vertically */
}

.startDtFilter label {
  margin-right: 10px; /* Adds spacing between label and input */
}

.password-container {
    position: relative;
    display: inline-block;
}

.password-container input {
    padding: 10px;
    font-size: 16px;
    width: 200px;
}

.toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px;
}

@media screen and (min-width: 768px) {
    #portfolioProgOh2 {
        margin-bottom: 20px;
    }
}

#portfolioProgOh2 {
    margin-top: 0;
}

#portfolioProgOh2 {
    font-size: 25px;
    font-weight: 300;
    color: #474747;
    text-transform: initial;
}

#portfolioProgOh2 {
    font-family: "Open Sans", sans-serif;
    line-height: 22px;
}

#portfolioProgOh2 span.value {
    color: #006c7b;
}

.withdrawH2 {
  font-size: 16px
}

.GbyBankDetailsCol2 {
  padding-left: 30px;
}

.wwwRegHdings, .finInfoHdings, .susPrefHdings, .contactUsHdings {
	text-transform: none;
}	

.manageAcc:focus, .borderFocus:focus, .renewOptions:focus {
	border: 2px solid white;
}

.joinOptions:focus {
	border: 4px solid black;
}

.funding-help-account-details span {
	all: unset;
}

/* Dropdown Content (Hidden by Default) */
.mobileDropdown {
  margin-top:50px;
}

.mobileDropdown ul {
	list-style-type: none;
}

#BuySell *[tabindex="0"]:focus
{
    outline: 3px solid #395575;
    /* background-color: #f0f8ff; */
}

#placeTradeNow:focus, #abandon:focus
{
    outline: 3px solid #007588;
	color: white;
}

*[tabindex="0"]:focus {
    outline: 2px solid #395575; /* Adds a visible focus indicator */
    /*background-color: #f0f8ff;*/ /* Light background for better visibility */
}		

.GbyBankDetails {
    font-size: 14px;
    font-weight: 400;
    color: #474747;
}	

#portfolioProgHding {
    /*margin-bottom: 20px;
    margin-top: 0;*/
    font-size: 25px;
    font-weight: 300;
    color: #474747;
    text-transform: initial;
    font-family: "Open Sans",sans-serif;
    /*line-height: 22px;*/
    /*margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;*/
    display: block
}

.eidv_h1 {
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #006c7b;
    line-height: 22px;
    text-transform: uppercase;
    margin-top: 10px;
}

.eidv_h4 {
	font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #365977;
    line-height: 20px;
	text-transform: none;
}

.eidv_h4_step {
	text-transform: none;
}

.eidv_h3_success {
	font-size: 24px;
}

.chart-summary #portfolioProgHding {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
	.chart-summary #portfolioProgHding {
    font-size: 19px;
	}
}

.chart-summary #portfolioProgHding span.value {
    color: #006c7b;
}

.chart-summary #portfolioProgHding span.mov-up, .chart-summary #portfolioProgOh2 span.mov-up {
    background: url(svg/sprite-gb-online.svg) 23.56688% 97.05882% no-repeat;
}

.chart-summary #portfolioProgHding span.progress-cue, .chart-summary #portfolioProgOh2 span.progress-cue {
    width: 17px;
    height: 16px;
    margin-right: 10px;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .chart-summary #portfolioProgHding span.progress-cue, .chart-summary #portfolioProgOh2 span.progress-cue {
        width:16.5px;
        height: 16px;
        display: inline-block
    }
}

@media screen and (max-width: 767px) {
    .chart-summary h2, .chart-summary #portfolioProgOh2 {
        font-size:19px
    }
}

.chart-summary #portfolioProgHding span.mov-dn, .chart-summary #portfolioProgOh2 span.mov-dn {
    background: url("svg/sprite-gb-online.svg") 100% 12.5% no-repeat
}

@media screen and (max-width: 767px) {
    .chart-summary #portfolioProgHding span.mov-dn, .chart-summary #portfolioProgOh2 span.mov-dn {
        background:url("svg/sprite-gb-online.svg") 82.09877% 85.8156% no-repeat
    }
}

.d3fD::placeholder, .d3fM::placeholder, .d3fY::placeholder, #formOccup::placeholder {
	color: #5C5C5A
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,dl,dt,dd,.nolist,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    border: 0;
    outline: 0;
    background: transparent
}

ol,ul,li {
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

nav ul {
    list-style: none
}

blockquote,q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

a:focus {
    outline: thin dotted
}

a:active,a:hover {
    outline: 0
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

del {
    text-decoration: line-through
}

mark {
    background: #ff0;
    color: #000
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

legend {
    border: 0;
    padding: 0
}

input,select,button {
    vertical-align: middle
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

audio,canvas,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

strong {
    font-weight: bold
}

em,dfn {
    font-style: italic
}

code,kbd,pre,samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

.inv {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    margin: -1px;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0)
}

h1.outline,h2.outline,h3.outline,h4.outline,h5.outline,h6.outline,a.outline {
    display: none !important
}

body {
    width: 100%
}

body:before {
    display: none;
    content: url("imgs/arrow-down-small-grey.png") url("imgs/arrow-up-small-grey.png") url("imgs/arrow-up-grey.png") url("imgs/explore-icon.png") url("imgs/menu-icon.png") url("imgs/user-icon.png") url("imgs/user-icon-big.png") url("imgs/cross-icon.png") url("imgs/arrow-up-side-grey.png")
}

@media screen and (max-width: 991px) {
    body.slide-left {
        -webkit-transition:0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        overflow-x: hidden;
        transform: translateX(-55%);
        -webkit-transform: translateX(-55%);
        -ms-transform: translateX(-55%);
        -moz-transform: translateX(-55%);
        -o-transform: translateX(-55%)
    }
}

@media screen and (max-width: 767px) {
    body.slide-left {
        transform:translateX(-84%);
        -webkit-transform: translateX(-84%);
        -ms-transform: translateX(-84%);
        -moz-transform: translateX(-84%);
        -o-transform: translateX(-84%)
    }
}

body.slide-left #nav-box .container {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    body.slide-left #nav-box .container {
        width:100%
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    body.slide-left #nav-box .container {
        max-width:100%
    }
}

@media screen and (max-width: 767px) {
    .container {
        max-width:480px
    }
}

#two-column {
    padding: 33px 0 0
}

@media screen and (max-width: 767px) {
    #two-column {
        padding:15px 0 0
    }
}

body.slide-left #gns {
    display: none
}

body.slide-left #mobileMenu {
    display: block
}

body.slide-left #mobileMenu ul {
    clear: both;
    padding: 0;
    margin: 0
}

body.slide-left #mobileMenu ul li {
    display: block;
    padding: 15px 20px
}

body.slide-left #mobileMenu ul li a {
    display: block
}

body.slide-left #mobileMenu ul.mobile-tns,body.slide-left #mobileMenu ul.mobile-login {
    padding: 10px 0
}

body.slide-left #mobileMenu ul.mobile-tns li,body.slide-left #mobileMenu ul.mobile-login li {
    padding: 4px 20px
}

body.slide-left #mobileMenu ul.mobile-login li:first-of-type a span {
    display: inline-block
}

header {
    min-height: 158px;
    position: relative
}

@media screen and (max-width: 991px) {
    header {
        min-height:1px
    }
}

header #mobileMenu {
    display: none
}

@media screen and (min-width: 992px) {
    header .mobile-menu {
        display:none
    }
}

@media screen and (max-width: 767px) {
    header .mobile-menu .search-control {
        display:none
    }
}

header .mobile-menu button:hover,header .mobile-menu button:focus,header .mobile-menu button:active {
    outline: none
}

header .logo img {
    max-width: 170px;
    max-height: 80px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: -12px
}

@media screen and (max-width: 767px) {
    header .logo img {
        margin-top:6px;
        max-width: 100px
    }
}

header .logo-column {
    float: left;
    width: 17.6%;
    padding: 12px 15px 4px 2px
}

@media screen and (min-width: 992px) {
    header .logo-column {
        padding:12px 0 4px
    }
}

@media screen and (max-width: 991px) {
    header .logo-column {
        width:60%;
        padding: 12px 0 4px 2px
    }
}

header .logo-column>a {
    display: block
}

header .logo-column img {
    width: 100%;
    height: auto;
    max-width: 188px
}

@media screen and (max-width: 991px) {
    header .logo-column img {
        max-width:160px
    }
}

@media screen and (max-width: 767px) {
    header .logo-column img {
        max-width:120px
    }
}

header .mobile-menu {
    margin-top: 15px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    header .mobile-menu {
        margin-top:30px
    }

    header .mobile-menu .pull-right {
        margin-top: 5px
    }
}

header .mobile-menu button,header .mobile-menu a {
    width: 40px;
    height: 40px
}

header .mobile-menu button:hover,header .mobile-menu button:focus,header .mobile-menu button:active {
    outline: none
}

header .mobile-menu #user {
    display: inline-block;
    margin: 0 0 -20px;
    position: relative
}

header .mobile-menu #user .svg-mobile-notifications {
    display: inline-block
}

header .mobile-menu #user .badge {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #FF2C33;
}

header .mobile-menu #menu {
    position: relative;
    margin-right: -8px;
    margin-left: 5px
}

header .mobile-menu #menu span {
    display: inline-block;
    position: absolute;
    top: -3px;
    left: 6px
}

header .mobile-menu #menu span.svg-mobile-menu-close {
    display: none
}

header .mobile-menu #menu.open span {
    display: none
}

header .mobile-menu #menu.open span.svg-mobile-menu-close {
    display: inline-block
}

header .mobile-search {
    position: relative;
    background-color: #05192c
}

header .mobile-search>div {
    position: relative
}

header .mobile-search span {
    position: absolute;
    top: 13px;
    left: 15px
}

header .mobile-search input {
    border-top: 1px solid rgba(232,232,232,0.1);
    font-size: 12px;
    padding-left: 42px;
    padding-right: 15px;
    width: 100%;
    height: 38px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

header .mobile-search input:focus {
    outline: none
}

header .mobile-search input::-webkit-input-placeholder {
    color: #fff
}

header .mobile-search input:-moz-placeholder {
    color: #fff
}

header .mobile-search input::-moz-placeholder {
    color: #fff
}

header .mobile-search input:-ms-input-placeholder {
    color: #fff
}

header .nav-column {
    float: left;
    padding: 13px 15px
}

@media screen and (max-width: 991px) {
    header .nav-column {
        padding:15px 0;
        display: none;
        z-index: 999;
        position: absolute;
        top: 0;
        left: 100%;
        overflow-y: auto;
        width: 55%
    }
}

@media screen and (max-width: 767px) {
    header .nav-column {
        width:84%
    }
}

header .nav-column>ul {
    width: 100%;
    padding: 0
}

header .nav-column>ul>li {
    display: inline-block
}

@media screen and (max-width: 991px) {
    header .nav-column.open {
        display:block;
        overflow-y: auto;
        padding: 0
    }
}

header #nav-box {
    position: relative
}

header #nav-box>.container {
    width: 100%
}

@media screen and (min-width: 768px) {
    header #nav-box:after {
        content:'';
        width: 100%;
        position: absolute;
        top: 55px;
        left: 0;
        height: 1px
    }
}

header #nav-box:before {
    width: 100%;
    position: absolute;
    top: 157px;
    left: 0;
    height: 1px
}

@media screen and (max-width: 767px) {
    header #nav-box:before {
        top:135px
    }
}

@media screen and (max-width: 767px) {
    header #nav-box.client-header:before {
        top:112px
    }
}

header .tns-right {
    padding: 15px
}

header .tns-right .svg-account-down-arrow {
    display: inline-block;
    margin-left: 5px
}

header .tns-right .login {
    position: relative
}

header .tns-right .login .svg-client-login {
    display: inline-block;
    position: absolute;
    left: 5px
}

header .tns-right .login .popover {
    width: 125px;
    left: 0 !important
}

header .tns-right .login .popover .MyAccountPopoverList li {
    padding: 0 !important
}

header .tns-right .login .popover .MyAccountPopoverList li a {
    margin-left: 0 !important;
    display: block;
    padding-left: 15px !important;
    padding-right: 15px !important
}

header .tns-right .login .popover .MyAccountPopoverList li a:hover,header .tns-right .login .popover .MyAccountPopoverList li a:focus,header .tns-right .login .popover .MyAccountPopoverList li a:active {
    display: block !important
}

.tns {
    margin: 0
}

@media screen and (max-width: 991px) {
    .tns {
        margin:12px 0
    }
}

@media screen and (min-width: 992px) {
    .tns {
        margin:0
    }
}

.tns button {
    padding: 0
}

.tns li {
    padding: 0 10px
}

.tns li .badge {
    margin-right: 10px
}

.tns li button:hover,.tns li button:focus,.tns li button:active {
    outline: none
}

@media screen and (max-width: 991px) {
    .tns li {
        display:block;
        width: 100%;
        padding: 2px 15px
    }
}

@media screen and (max-width: 991px) {
    .tns li.call-back {
        padding:12px 15px
    }
}

@media screen and (max-width: 991px) {
    .tns li.call-back a {
        display:block;
        padding: 2px 0;
        transform: scaleY(1.0003)
    }
}

@media screen and (max-width: 991px) {
    .tns li.login {
        display:none
    }
}

.tns li.login a,.tns li.login button {
    display: inline-block;
    position: static;
    margin-left: 25px
}

.tns li.login a:before,.tns li.login button:before {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 8px;
    width: 17px;
    height: 17px;
    margin: auto
}

.tns li:last-of-type {
    padding-right: 0
}

.search-control {
    position: relative
}

.search-control span {
    position: absolute;
    top: 12px;
    left: 18px
}

.search-control input {
    width: 214px;
    height: 38px;
    padding-left: 42px;
    padding-right: 15px
}

.search-control input:focus {
    outline: 0
}

.gns {
    margin: 0;
    margin-top: 25px
}

@media screen and (max-width: 991px) {
    .gns li {
        display:block;
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .gns li a {
        display:block;
        width: 100%
    }
}

.gns>li {
    padding: 0 12px;
    line-height: 38px
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .gns>li {
        padding:0 5px
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .gns>li {
        padding:0 5px
    }
}

@media screen and (max-width: 991px) {
    .gns>li.dropdown>a:after {
        -webkit-transition:0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        content: ''
    }
}

@media screen and (max-width: 991px) {
    .gns>li.open>a:after {
        transform:rotate(-180deg)
    }
}

@media screen and (max-width: 991px) {
    .gns>li>a {
        position:relative
    }

    .gns>li>a:after {
        width: 12px;
        height: 8px;
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        left: auto;
        margin: auto
    }
}

.gns>li>ul {
    margin: 0;
    padding: 14px 0;
    width: 100%;
    top: 43px
}

@media screen and (max-width: 991px) {
    .gns>li>ul {
        position:relative;
        top: 0;
        padding: 4px 0;
        margin: 0
    }
}

.gns>li>ul:after {
    bottom: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    margin-left: -6px
}

@media screen and (max-width: 991px) {
    .gns>li>ul:after {
        display:none
    }
}

.gns>li>ul>li {
    padding: 0
}

.gns>li>ul>li>a {
    padding: 0
}

.gns>li>ul>li>ul {
    display: none
}

@media screen and (max-width: 991px) {
    .gns>li>ul>li>ul {
        display:block;
        width: 100%;
        padding: 3px 8px 0
    }
}

.gns>li:last-of-type {
    float: right;
    padding-right: 0;
    padding-left: 20px
}

@media screen and (max-width: 991px) {
    .gns>li:last-of-type {
        padding-right:10px
    }
}

#explore {
    position: relative
}

#explore .explore {
    padding: 12px 15px 12px 25px;
    display: block;
    width: 100%;
    position: relative
}

#explore .explore:before {
    width: 16px;
    height: 13px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto
}

#explore .explore:after {
    width: 12px;
    height: 8px;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    left: auto;
    margin: auto
}

#explore .dropdown-menu {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    padding: 15px 0;
    float: none
}

#explore .dropdown-menu>li>a {
    padding: 0 25px
}

#explore .dropdown-menu>li>ul {
    padding: 0 0 0 40px
}

#explore .explore:before {
    content: ''
}

#explore .explore:after {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    content: ''
}

#explore.open .explore:after {
    transform: rotate(-180deg)
}

#explore.open .dropdown-menu {
    display: block
}

#cookie {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    padding: 8px 0;
    display: block
}

#cookie p {
    padding: 5px 0 0;
    margin: 0
}

#cookie #cookieBtn {
    display: inline-block;
    min-width: 47px;
    min-height: 36px
}

@media screen and (max-width: 991px) {
    #cookie #cookieBtn {
        margin-left:10px;
        min-width: 45px;
        vertical-align: top
    }
}

@media screen and (min-width: 992px) {
    #cookie #cookieBtn {
        vertical-align:top
    }
}

.socialLinks li {
    display: inline-block;
    padding: 0;
    width: 42px;
    overflow: hidden
}

.socialLinks li a {
    display: inline-block
}

footer {
    min-height: 201px;
    padding: 25px 0 15px
}

@media screen and (max-width: 767px) {
    footer {
        padding:20px 0 0;
        min-height: 1px
    }
}

footer ul {
    padding: 0
}

footer ul li {
    display: inline-block
}

footer #fns {
    display: inline-block;
    width: 100%;
    margin: -6px 0 3px
}

@media screen and (max-width: 991px) {
    footer #fns {
        margin:0 0 15px
    }
}

@media screen and (max-width: 767px) {
    footer #fns {
        margin-top:15px
    }
}

footer #fns li {
    padding: 0 10px;
    float: left
}

@media screen and (max-width: 991px) {
    footer #fns li {
        padding:0 6px
    }
}

@media screen and (max-width: 767px) {
    footer #fns li {
        float:none;
        display: block;
        padding: 0
    }
}

footer #fns li:first-of-type {
    padding-left: 0
}

footer #fns li:last-of-type {
    padding-right: 0
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    footer p {
        padding-top:0
    }
}

@media screen and (max-width: 767px) {
    footer p {
        border-bottom:1px solid #556174
    }
}

footer .socialLinks {
    float: right;
    margin: 0 0 18px;
    margin: -3px -4px 0 0
}

@media screen and (max-width: 767px) {
    footer .socialLinks {
        position:absolute;
        right: 15px;
        top: 15px
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    footer .socialLinks {
        position:absolute;
        right: 15px;
        top: -69px
    }
}

footer .socialLinks li:last-of-type {
    padding-right: 0
}

footer p {
    padding: 10px 0;
    margin: 0
}

@media screen and (max-width: 991px) {
    footer p {
        padding:15px 0
    }
}

footer p br {
    display: none
}

@media screen and (max-width: 767px) {
    footer p br {
        display:block
    }
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    footer .col-md-10 p {
        margin-bottom:20px
    }
}

footer .img-wrap {
    display: inline-block;
    width: 100%
}

@media screen and (max-width: 991px) {
    footer .img-wrap {
        padding:10px 0
    }
}

footer .img-wrap img {
    float: right;
    display: block;
    width: 100%;
    height: auto;
    max-width: 105px;
    margin-top: -15px
}

@media screen and (max-width: 991px) {
    footer .img-wrap img {
        float:none
    }
}

@media screen and (max-width: 767px) {
    footer .img-wrap img {
        margin-top:10px
    }
}

@media screen and (max-width: 991px) {
    footer .col-left {
        padding-right:0
    }
}

@media screen and (max-width: 991px) {
    footer .col-right {
        padding-left:0
    }
}

footer .warning {
    margin-bottom: 20px
}

footer .warning p {
    padding: 16px 8px
}

@media screen and (min-width: 992px) and (max-width: 991px) {
    footer .col-md-10,footer .col-md-2 {
        width:100%
    }
}

#right-nav {
    margin: 0;
    padding: 0
}

#right-nav>li {
    padding: 12px 0
}

#right-nav>li>a {
    padding: 0 12px
}

#right-nav>li>ul {
    margin: 0;
    padding: 0
}

#right-nav>li>ul li {
    padding: 5px 0 5px 12px
}

#right-nav>li:first-of-type {
    padding-top: 0
}

.standard h2,.standard h3,.standard h4,.standard h5,.standard h6 {
    margin: 0;
    padding: 9px 0
}

.standard p,.standard img {
    margin-bottom: 15px
}

@media screen and (max-width: 767px) {
    .standard p,.standard img {
        margin-bottom:10px
    }
}

.standard img {
    display: block;
    width: 100%;
    height: auto
}

.standard table {
    width: 100%;
    max-width: 806px;
    min-height: 248px
}

@media screen and (max-width: 767px) {
    .standard table {
        width:800px
    }
}

.standard table tr th,.standard table tr td {
    padding: 11px 28px
}

.contact-box {
    padding: 15px 0 43px
}

@media screen and (max-width: 767px) {
    .contact-box {
        padding:15px 0 0
    }
}

.contact-box span {
    display: block;
    width: 100%;
    margin-bottom: 11px
}

.thread {
    display: block;
    width: 100%;
    min-height: 435px
}

.thread img {
    width: 100%
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .thread {
        min-height:1px
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .thread {
        min-height:330px
    }
}

@media screen and (max-width: 991px) {
    .thread {
        min-height:410px;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    .thread {
        min-height:1px;
        margin-bottom: 0
    }
}

.thread .box {
    padding: 10px 22px
}

@media screen and (max-width: 767px) {
    .thread .box {
        padding:10px 0
    }
}

.thread .box .heading {
    display: block;
    margin-bottom: 10px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 767px) {
    .thread .box .heading {
        height:auto;
        max-height: 34px;
        -webkit-line-clamp: 2
    }
}

.thread .box .heading.no-margin {
    margin-bottom: 0
}

.thread .box p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 80px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.thread .box .categtory {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 30px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 767px) {
    .thread .box .categtory {
        max-height:26px;
        -webkit-line-clamp: 1
    }
}

.light-grey-bg h2 {
    margin: 0;
    padding: 6px 0
}

@media screen and (max-width: 991px) {
    .light-grey-bg h2 {
        display:inline-block;
        float: left;
        width: 80%
    }
}

@media screen and (max-width: 991px) {
    .light-grey-bg .view-all {
        display:inline-block;
        float: left;
        width: 20%;
        padding: 12px 0
    }
}

.light-grey-bg.asset {
    padding: 34px 0 35px
}

@media screen and (max-width: 991px) {
    .light-grey-bg.asset {
        padding:30px 0
    }
}

@media screen and (max-width: 767px) {
    .light-grey-bg.asset {
        padding:15px 0 0
    }
}

.light-grey-bg.asset .thread {
    min-height: 391px
}

@media screen and (max-width: 991px) {
    .light-grey-bg.asset .thread {
        margin-bottom:0;
        min-height: 1px
    }
}

.light-grey-bg.asset .thread .box .heading {
    margin-bottom: 15px
}

.light-grey-bg.asset .col-md-6 h3 {
    padding: 0 0 12px
}

.light-grey-bg.asset .col-md-6:last-of-type h3 {
    display: inline-block;
    width: 90%;
    float: left
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .light-grey-bg.asset .col-md-6:last-of-type h3 {
        width:80%
    }
}

@media screen and (max-width: 991px) {
    .light-grey-bg.asset .col-md-6:last-of-type h3 {
        width:82%
    }
}

.light-grey-bg.asset .col-md-6:last-of-type .view-all {
    width: 10%;
    float: right
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .light-grey-bg.asset .col-md-6:last-of-type .view-all {
        width:20%
    }
}

@media screen and (max-width: 991px) {
    .light-grey-bg.asset .col-md-6:last-of-type .view-all {
        width:18%;
        padding: 0
    }
}

.accordion {
    margin-bottom: 27px
}

@media screen and (max-width: 991px) {
    .accordion {
        margin-left:0;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .accordion {
        margin-left:-15px;
        margin-right: -15px
    }
}

.accordion .panel {
    margin: 0
}

.accordion .panel .panel-heading {
    padding: 26px 0 15px
}

@media screen and (max-width: 991px) {
    .accordion .panel .panel-heading {
        padding:15px 15px
    }
}

.accordion .panel .panel-heading .panel-title {
    display: block;
    padding-right: 50px;
    position: relative
}

.accordion .panel .panel-heading .panel-title.collapsed {
    padding-bottom: 15px
}

.accordion .panel .panel-heading .panel-title.collapsed:after {
    transform: rotate(-180deg)
}

.accordion .panel .panel-heading .panel-title h3 {
    padding: 0
}

.accordion .panel .panel-heading .panel-title span {
    display: block
}

.accordion .panel .panel-heading .panel-title:after {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    content: '';
    position: absolute;
    top: 0;
    right: 26px;
    bottom: 0;
    left: auto;
    margin: auto;
    width: 17px;
    height: 11px
}

@media screen and (max-width: 991px) {
    .accordion .panel .panel-heading .panel-title:after {
        top:10px;
        right: 10px;
        bottom: auto
    }
}

@media screen and (max-width: 991px) {
    .accordion .panel .panel-heading .panel-title {
        padding-right:30px
    }
}

.accordion .panel .panel-collapse .panel-body {
    padding: 23px 23px
}

@media screen and (max-width: 991px) {
    .accordion .panel .panel-collapse .panel-body {
        padding:0 15px 15px
    }
}

.accordion .panel .panel-collapse .panel-body img {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .accordion .panel .panel-collapse .panel-body img {
        margin-bottom:0
    }
}

.accordion .panel .panel-collapse .panel-body .map-link {
    display: block;
    position: relative
}

@media screen and (max-width: 767px) {
    .accordion .panel .panel-collapse .panel-body .map-link {
        margin-left:-15px;
        margin-right: -15px
    }
}

.accordion .panel .panel-collapse .panel-body .map-link span {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 3px 5px
}

.accordion .panel .panel-collapse .panel-body .address-box {
    padding: 50px 15px 15px 32px
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .accordion .panel .panel-collapse .panel-body .address-box {
        padding:50px 15px 15px 10px
    }
}

@media screen and (max-width: 991px) {
    .accordion .panel .panel-collapse .panel-body .address-box {
        padding:30px 0 15px 30px
    }
}

@media screen and (max-width: 767px) {
    .accordion .panel .panel-collapse .panel-body .address-box {
        padding:30px 15px 15px 15px
    }
}

.accordion .panel .panel-collapse .panel-body .address-box h4 {
    padding-bottom: 0
}

.accordion .panel .panel-collapse .panel-body .address-box p {
    padding: 15px 0;
    margin: 0
}

.accordion .panel .panel-collapse .panel-body .address-box p>span {
    display: block
}

.accordion .panel .panel-collapse .panel-body .address-box p:last-of-type {
    padding: 7px 0
}

.accordion .panel+.panel {
    margin-top: 0
}

.download-link {
    display: block;
    padding: 24px 20px 23px 72px;
    position: relative;
    margin-bottom: 28px;
    letter-spacing: 0.29px
}

@media screen and (max-width: 767px) {
    .download-link {
        padding:10px 10px 10px 40px
    }
}

.download-link span {
    margin-left: 8px
}

.download-link:before {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    content: "\e026";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    right: auto;
    bottom: 0;
    left: 26px;
    margin: auto
}

@media screen and (max-width: 767px) {
    .download-link:before {
        width:20px;
        height: 20px;
        left: 10px
    }
}

.link-btn {
    display: inline-block;
    padding: 12px 45px;
    margin-right: 15px
}

@media screen and (max-width: 767px) {
    .link-btn {
        width:100%;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 12px 15px;
        white-space: nowrap
    }
}

.btn-submit {
    display: inline-block;
    padding: 12px 15px;
    margin-top: 10px
}

@media screen and (max-width: 767px) {
    .btn-submit {
        width:100%;
        white-space: nowrap
    }
}

.table-wrapper {
    width: 100%;
    margin: 15px 0
}

@media screen and (max-width: 767px) {
    .table-wrapper {
        overflow-y:scroll;
        padding-bottom: 2px
    }

    .table-wrapper::-webkit-scrollbar {
        width: 0;
        -webkit-appearance: none
    }

    .table-wrapper::-webkit-scrollbar-thumb {
        outline: 1px solid #d0d3d6
    }
}

.member {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 10px 0 22px
}

.member .member-image {
    float: left
}

.member .member-image>div {
    display: block;
    overflow: hidden
}

.member .member-image>div img {
    display: block;
    width: 100%;
    height: auto
}

.member .member-body {
    float: left
}

.member .member-body h4 {
    padding: 0;
    margin: 0
}

.member .member-body span {
    display: block
}

.member .member-body .position {
    padding: 0 0 10px
}

header,main,footer,#cookie {
    max-width: 1400px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    header,main,footer,#cookie {
        width:100%
    }
}

#blog .thread {
    min-height: 390px;
    margin-bottom: 30px
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    #blog .thread {
        min-height:325px
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    #blog .thread {
        min-height:335px
    }
}

@media screen and (max-width: 991px) {
    #blog .thread {
        min-height:425px
    }
}

@media screen and (max-width: 767px) {
    #blog .thread {
        min-height:1px
    }
}

#blog .thread .box {
    padding: 12px 13px
}

@media screen and (max-width: 991px) {
    #blog .thread.single-line {
        min-height:1px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 991px) {
    #blog .thread.single-line .box {
        padding:10px 30px 10px 15px;
        display: inline-block;
        width: 100%;
        position: relative
    }

    #blog .thread.single-line .box:after {
        content: '';
        width: 11px;
        height: 17px;
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        left: auto;
        margin: auto
    }
}

@media screen and (max-width: 767px) {
    #blog .thread.single-line .box {
        padding:10px 35px 10px 15px
    }
}

@media screen and (max-width: 991px) {
    #blog .thread.single-line .box span {
        display:inline-block
    }
}

@media screen and (max-width: 991px) {
    #blog .thread.single-line .box .heading {
        width:75%;
        margin: 0
    }
}

@media screen and (max-width: 767px) {
    #blog .thread.single-line .box .heading {
        width:100%
    }
}

@media screen and (max-width: 991px) {
    #blog .thread.single-line .box .categtory {
        width:23%;
        max-height: none;
        float: left
    }
}

@media screen and (max-width: 767px) {
    #blog .thread.single-line .box .categtory {
        width:100%;
        float: none
    }
}

@media screen and (max-width: 991px) {
    #blog .full-width {
        padding:0;
        display: block;
        width: 100%
    }
}

#blog .pagination {
    margin: 10px 0 40px
}

@media screen and (max-width: 991px) {
    #blog .pagination {
        margin:30px 0
    }
}

#blog .thread .box .categtory {
    max-height: 23px;
    -webkit-line-clamp: 1
}

#blog .thread .box p {
    max-height: 80px;
    -webkit-line-clamp: 4
}

@media screen and (max-width: 991px) {
    #blog .thread .box p {
        max-height:60px;
        -webkit-line-clamp: 3
    }
}

@media screen and (max-width: 767px) {
    #blog .thread .box p {
        max-height:80px;
        -webkit-line-clamp: 4
    }
}

@media screen and (max-width: 991px) {
    #blog .thread.single-line .box .heading {
        max-height:30px;
        -webkit-line-clamp: 1
    }
}

@media screen and (max-width: 767px) {
    #blog .thread.single-line .box .heading {
        max-height:20px;
        -webkit-line-clamp: 1
    }
}

@media screen and (min-width: 992px) {
    #blog .feature-video .heading {
        max-height:20px;
        -webkit-line-clamp: 1
    }
}

.pagination {
    vertical-align: bottom
}

.pagination li {
    float: left
}

.pagination li.page a {
    display: none
}

.pagination li:nth-child(2) a {
    display: inline-block
}

.pagination li:nth-child(3) a {
    display: inline-block
}

.pagination li:nth-child(4) a {
    display: inline-block
}

.pagination li:nth-child(5) a {
    display: inline-block
}

.pagination li.separator {
    display: inline-block
}

.pagination li.separator a {
    display: inline-block
}

.pagination li.page:nth-last-child(2) {
    display: inline-block
}

.pagination li.page:nth-last-child(2) a {
    display: inline-block
}

.pagination li.active>a {
    display: inline-block
}

.pagination li>span,.pagination li>a {
    padding: 5px 14px
}

.pagination li.active>a {
    padding: 5px 15px
}

picture {
    display: block
}

#blog-post>h1 {
    display: inline-block;
    width: 75%;
    float: left;
    padding: 30px 0
}

@media screen and (max-width: 991px) {
    #blog-post>h1 {
        width:100%;
        float: none;
        padding: 15px 0 10px
    }
}

#blog-post>.categtory {
    display: inline-block;
    width: 25%;
    float: left;
    padding: 32px 0 23px
}

@media screen and (max-width: 991px) {
    #blog-post>.categtory {
        width:100%;
        float: none;
        padding: 0 0 15px
    }
}

#blog-post .img-wrap {
    margin-bottom: 27px
}

@media screen and (max-width: 991px) {
    #blog-post .img-wrap {
        margin-bottom:10px;
        margin-left: -15px;
        margin-right: -15px
    }
}

#blog-post .img-wrap img {
    display: block;
    width: 100%;
    height: auto
}

#blog-post h3 {
    margin: 0 0 10px
}

#blog-post p {
    margin: 0 0 33px
}

#blog-post .embed-responsive {
    margin-bottom: 10px
}

#blog-post aside {
    width: 100%;
    margin: 7px 0 0
}

@media screen and (max-width: 991px) {
    #blog-post aside {
        margin:0 0 10px
    }
}

#blog-post aside h3 {
    padding: 10px 0 0;
    margin: 0
}

#blog-post aside .member {
    padding: 5px 0 7px
}

#blog-post aside .member .member-image {
    width: 21%;
    margin-top: 5px
}

@media screen and (max-width: 991px) {
    #blog-post aside .member .member-image {
        width:25%
    }
}

#blog-post aside .member .member-image>div {
    width: 55px;
    height: 55px;
    max-width: 55px;
    max-height: 55px
}

#blog-post aside .member .member-body {
    width: 79%;
    padding: 0 0 0 12px
}

@media screen and (max-width: 991px) {
    #blog-post aside .member .member-body {
        width:75%
    }
}

#blog-post aside .member .member-body .email {
    display: inline-block
}

#blog-post aside .socialLinks {
    margin: 0;
    padding: 0 0 15px
}

@media screen and (max-width: 991px) {
    #blog-post aside .socialLinks {
        padding:5px 0 15px
    }
}

@media screen and (max-width: 767px) {
    #blog-post aside .socialLinks {
        padding:0 0 15px
    }
}

#blog-post aside .last-column h3 {
    padding: 0
}

@media screen and (max-width: 991px) {
    #blog-post aside .last-column h3 {
        position:absolute;
        top: -27px
    }
}

@media screen and (max-width: 767px) {
    #blog-post aside .last-column h3 {
        position:relative;
        top: auto
    }
}

#banner {
    padding-top: 24px
}

@media screen and (max-width: 991px) {
    #banner {
        padding-top:0
    }
}

#banner h1 {
    margin: 0;
    padding: 20px 0
}

@media screen and (max-width: 991px) {
    #banner h1 {
        padding:15px 0
    }
}

#banner p {
    margin: 0 0 30px
}

@media screen and (max-width: 991px) {
    #banner p {
        margin:0 0 10px
    }
}

#banner h2 {
    margin: 0;
    padding: 15px 0
}

#related-posts {
    padding: 23px 0 45px;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    #related-posts {
        padding:17px 0 15px
    }
}

@media screen and (max-width: 991px) {
    #related-posts {
        padding:17px 0 0
    }
}

#related-posts h2 {
    margin: 0;
    padding: 0
}

#related-posts .blog-link {
    margin: 0 0 6px;
    padding: 10px 0;
    display: inline-block
}

@media screen and (max-width: 991px) {
    #related-posts .blog-link {
        margin-left:-15px
    }
}

@media screen and (max-width: 767px) {
    #related-posts .full-width {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media screen and (max-width: 767px) {
    #related-posts .thread.no-image {
        padding:0 15px
    }
}

@media screen and (max-width: 767px) {
    #related-posts .thread.no-image .box {
        padding:15px 0
    }
}

#related-posts .thread.no-image .box .heading {
    max-height: 17px;
    -webkit-line-clamp: 1
}

@media screen and (max-width: 767px) {
    #related-posts .thread.no-image .box .heading {
        margin:0
    }
}

.popover .popover-content {
    padding: 15px 0;
    max-width: 248px;
    max-height: 180px;
    overflow-y: auto;
    overflow-x: hidden
}

.popover .popover-content ul {
    padding: 0;
    margin-bottom: 0
}

.popover .popover-content ul li {
    white-space: nowrap
}

.popover .popover-content ul li a,.popover .popover-content ul li .sp-filter span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px
}

.popover .popover-content ul li a {
    display: block;
    padding-left: 15px;
    padding-right: 15px
}

.popover .popover-content ul.FilterPopoverList {
    padding-right: 10px;
    padding-left: 10px
}

.popover .popover-content ul.FilterPopoverList li {
    margin-bottom: 5px
}

.popover .popover-content ul.FilterPopoverList li .sp-filter {
    display: block;
    width: 100%;
    padding-right: 20px;
    position: relative
}

.popover .popover-content ul.FilterPopoverList li .sp-filter button {
    position: absolute;
    top: 0px;
    right: 0px
}

.popover .popover-content ul.FilterPopoverList li .sp-filter>span {
    display: inline-block;
    max-width: 180px;
    margin-right: 10px
}

.popover .popover-content ul.FilterPopoverList li:last-child {
    margin-bottom: 0
}

.popover .MyAccountPopoverList li {
    padding: 0 !important
}

.popover .MyAccountPopoverList li a {
    display: block !important
}

.popover .MyAccountPopoverList li a:before {
    display: none !important
}

.popover.bottom {
    margin-top: 20px
}

.login .popover.bottom {
    margin-top: 15px
}

.tns-left {
    padding: 15px;
    position: relative
}

.tns-left a:hover,.tns-left a:active,.tns-left a:focus,.tns-left button:hover,.tns-left button:active,.tns-left button:focus {
    outline: none
}

.tns-left strong {
    margin-right: 11px
}

@media screen and (max-width: 767px) {
    .tns-left strong {
        margin-right:5px
    }
}

.tns-left .svg-account-down-arrow {
    display: inline-block;
    margin-left: 5px
}

.tns-left button {
    padding: 0;
    vertical-align: baseline
}

.tns-left .client-list-dropdown button {
    max-width: 100px
}

.tns-left.col-md-2:before {
    content: '';
    width: 1px;
    height: 26px;
    position: absolute;
    right: 19px;
    top: 15px
}

@media screen and (max-width: 767px) {
    .tns-left.col-md-2:before {
        display:none
    }
}

.tns-left.col-md-2 strong {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .tns-left.col-md-2 strong {
        margin-right:5px
    }
}

.tns-left.col-md-4 {
    padding-left: 0
}

@media screen and (max-width: 767px) {
    .tns-left.col-md-4 {
        padding-left:15px
    }
}

.tns-left.col-md-4 strong {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .tns-left.col-md-4 strong {
        margin-right:5px
    }
}

.tns-left a:hover,.tns-left a:active,.tns-left a:focus,.tns-left button:hover,.tns-left button:active,.tns-left button:focus {
    outline: none
}

.tns-left strong {
    margin-right: 11px
}

@media screen and (max-width: 767px) {
    .tns-left strong {
        margin-right:5px
    }
}

.tns-left .svg-account-down-arrow {
    display: inline-block;
    margin-left: 5px
}

@media screen and (max-width: 1199px) {
    .hide-on-mobile {
        display:none
    }
}

.interactive-logo {
    margin-left: 20px
}

@media screen and (max-width: 767px) {
    .interactive-logo {
        margin-left:0;
        margin-top: 5px;
        display: block
    }
}

.socialLinks li {
    width: 42px;
    overflow: hidden
}

.accordion .panel .panel-heading .panel-title:after {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    content: ''
}

.accordion .panel .panel-heading .panel-title.collapsed:after {
    transform: rotate(-180deg)
}

.download-link {
    letter-spacing: 0.29px
}

.download-link:before {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    content: "\e026"
}

@media screen and (max-width: 767px) {
    .link-btn {
        white-space:nowrap
    }
}

@media screen and (max-width: 767px) {
    .btn-submit {
        white-space:nowrap
    }
}

@media screen and (max-width: 767px) {
    .table-wrapper::-webkit-scrollbar {
        width:0;
        -webkit-appearance: none
    }

    .table-wrapper::-webkit-scrollbar-thumb {
        outline: 1px solid #d0d3d6
    }
}

.pagination li {
    float: left
}

.pagination li.page a {
    display: none
}

.pagination li:nth-child(2) a {
    display: inline-block
}

.pagination li:nth-child(3) a {
    display: inline-block
}

.pagination li:nth-child(4) a {
    display: inline-block
}

.pagination li:nth-child(5) a {
    display: inline-block
}

.pagination li.separator {
    display: inline-block
}

.pagination li.separator a {
    display: inline-block
}

.pagination li.page:nth-last-child(2) {
    display: inline-block
}

.pagination li.page:nth-last-child(2) a {
    display: inline-block
}

.pagination li.active>a {
    display: inline-block
}

body {
    background-color: #0d1323;
    color: #262626;
    font-size: 16px;
    font-family: "Open Sans",sans-serif;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    body {
        background-color:#101010
    }
}

body#blog-landing {
    background-color: transparent
}

main {
    background-color: #fff
}

header {
    background: url("imgs/header-bg.jpg") no-repeat top center #365977;
    background-size: cover
}

header .mobile-menu {
    text-align: right
}

header .mobile-menu button {
    border: 0;
    background-color: transparent
}

header .nav-column {
    text-align: right
}

@media screen and (max-width: 991px) {
    header .nav-column {
        text-align:left;
        background-color: #101010
    }
}

header .nav-column ul>li>a {
    color: #fff;
    line-height: 24px
}

header .nav-column ul.mobile-gns {
    border-top: 1px solid #1d1d1d
}

header .nav-column ul.mobile-tns,header .nav-column ul.mobile-login {
    border-bottom: 1px solid #1d1d1d;
    font-size: 13px
}

header .nav-column ul.mobile-tns .badge,header .nav-column ul.mobile-login .badge {
    margin-right: 5px
}

header .nav-column ul.mobile-tns li:first-child,header .nav-column ul.mobile-login li:first-child {
    color: #939393;
    font-size: 12px;
    text-transform: uppercase
}

header .nav-column ul.mobile-tns li:first-child span,header .nav-column ul.mobile-login li:first-child span {
    line-height: 16px
}

@media screen and (max-width: 991px) {
    header .nav-column ul.mobile-tns li:first-child {
        text-transform:none
    }
}

header #nav-box:after,header #nav-box:before {
    background-color: rgba(232,232,232,0.1)
}

.popover {
    box-shadow: 1px 2px 1px 0px rgba(0,0,0,0.07);
    border: none;
    border-radius: 0
}

.popover ul {
    list-style: none
}

.popover .popover-content ul li a {
    color: #007588 !important;
    text-decoration: none;
    font-size: 13px
}

.popover .popover-content ul li a:hover,.popover .popover-content ul li a:active,.popover .popover-content ul li a:focus {
    background-color: #F4F4F4
}

.popover .popover-content ul.MyAccountPopoverList li a {
    font-size: 13px !important;
    border-bottom: 1px solid transparent !important
}

.popover .popover-content ul.MyAccountPopoverList li a:hover,.popover .popover-content ul.MyAccountPopoverList li a:focus,.popover .popover-content ul.MyAccountPopoverList li a:active {
    background-color: #F4F4F4;
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important
}

main .popover {
    background-color: #e8e8e8
}

main .popover .popover-content {
    background-color: #fff
}

main .popover.bottom .arrow {
    top: -10px
}

.tns li {
    border-right: 1px solid rgba(216,216,216,0.2)
}

@media screen and (max-width: 991px) {
    .tns li {
        border-right:0
    }
}

.tns li .badge {
    background-color: #D4111B;
    font-weight: normal
}

.tns li a,.tns li button {
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px solid transparent
}

@media screen and (max-width: 991px) {
    .tns li a,.tns li button {
        font-size:13px;
        line-height: 22px
    }
}

@media screen and (min-width: 992px) {
    .tns li a:hover,.tns li a:focus,.tns li a:active {
        text-decoration:none;
        border-bottom: 1px solid #6d7276
    }
}

.tns li button {
    border: 0;
    background: transparent;
    color: #fff;
    border-bottom: 0
}

.tns li button:hover,.tns li button:focus,.tns li button:active {
    border: 0;
    border-bottom: 0
}

.tns li.login a:before,.tns li.login button:before {
    background: url("imgs/user-icon.png") no-repeat center center
}

@media screen and (max-width: 991px) {
    .tns li.call-back {
        border-top:1px solid #1d1d1d;
        border-bottom: 1px solid #1d1d1d
    }
}

@media screen and (max-width: 991px) {
    .tns li.call-back a {
        background-color:#303030;
        font-weight: 600;
        font-size: 14px;
        line-height: 34px;
        text-align: center
    }
}

.tns li.active a {
    color: #3d90c3
}

.tns li:last-of-type {
    border-right: 0
}

.search-control input {
    background-color: #05192c;
    border: 0;
    color: #fff;
    font-size: 12px
}

.search-control input::-webkit-input-placeholder {
    color: #fff
}

.search-control input::-moz-placeholder {
    color: #fff
}

.search-control input:-ms-input-placeholder {
    color: #fff
}

.search-control input:-moz-placeholder {
    color: #fff
}

@media screen and (max-width: 991px) {
    .gns li a {
        color:#fff
    }
}

@media screen and (max-width: 991px) {
    .gns>li {
        border-bottom:1px solid #1d1d1d
    }
}

.gns>li>a {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid transparent
}

@media screen and (max-width: 991px) {
    .gns>li>a {
        line-height:51px
    }
}

/*
.gns>li>a:hover,.gns>li>a:focus,.gns>li>a:active {
    text-decoration: none;
    color: #3d90c3
}
*/

@media screen and (max-width: 991px) {
    .gns>li>a:hover,.gns>li>a:focus,.gns>li>a:active {
        border-bottom:0
    }
}

.gns>li>ul {
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.24);
    border-radius: 0
}

@media screen and (max-width: 991px) {
    .gns>li>ul {
        box-shadow:none;
        background-color: transparent;
        border: 0
    }
}

.gns>li>ul:after {
    border: solid transparent;
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 6px
}

.gns>li>ul>li>a {
    color: #007588;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .gns>li>ul>li>a {
        text-align:left;
        color: #fff;
        font-size: 14px;
        line-height: 26px;
        font-weight: 600
    }
}

.gns>li>ul>li>a:hover,.gns>li>ul>li>a:focus,.gns>li>ul>li>a:active {
    background-color: #fff;
    text-decoration: underline
}

@media screen and (max-width: 991px) {
    .gns>li>ul>li>a:hover,.gns>li>ul>li>a:focus,.gns>li>ul>li>a:active {
        background-color:transparent
    }
}

@media screen and (max-width: 991px) {
    .gns>li>ul>li>ul>li>a {
        font-size:12px;
        line-height: 26px
    }
}

@media screen and (max-width: 991px) {
    .gns>li.dropdown>a:after {
        background:url("imgs/arrow-down-menu.png") no-repeat center center
    }
}

.gns>li.open>a {
    border-bottom: 1px solid #e8e8e8
}

@media screen and (max-width: 991px) {
    .gns>li.open>a {
        border-bottom:0
    }
}

.gns>li.active a {
	text-decoration: none;
    border-bottom: 3px solid #FFFFFF;
}

#explore {
    background-color: #f6f6f6;
    border-bottom: 1px solid #e8e8e8
}

#explore .explore {
    color: #365977;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase
}

#explore .explore:before {
    background: url("imgs/explore-icon.png") no-repeat center center
}

#explore .explore:after {
    background: url("imgs/arrow-down-small-grey.png") no-repeat center center
}

#explore .dropdown-menu {
    background-color: #f6f6f6;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

#explore .dropdown-menu>li>a {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px
}

#explore .dropdown-menu>li>ul {
    list-style: none
}

#explore .dropdown-menu>li>ul>li a {
    font-size: 12px;
    font-weight: 400;
    line-height: 28px
}

#explore .dropdown-menu>li>ul>li.active>a {
    color: #3d90c3;
    text-decoration: underline
}

#explore .dropdown-menu>li.active>a,#explore .dropdown-menu>li.current>a {
    color: #3d90c3;
    background-color: transparent
}

#explore.open .explore {
    border-bottom: 1px solid #e8e8e8
}

#explore.open .explore:hover,#explore.open .explore:focus,#explore.open .explore:active {
    text-decoration: none
}

#cookie {
    background-color: #326575
}

#cookie p {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    line-height: 25px
}

@media screen and (max-width: 767px) {
    #cookie p {
        line-height:17px
    }
}

#cookie p strong {
    font-weight: 700
}

#cookie p a {
    color: #fff;
    text-decoration: underline
}

#cookie #cookieBtn {
    border-radius: 3px;
    color: #326575;
    background-color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    border: 0
}

@media screen and (max-width: 767px) {
    #cookie #cookieBtn {
        font-size:10px;
        line-height: 17px
    }
}

footer {
    background-color: #203b52
}

footer .warning {
    border: 1px solid #fff
}

footer a {
    color: #fff
}

footer a:hover,footer a:focus,footer a:active {
    text-decoration: underline;
    color: #fff
}

footer #fns li {
    border-right: 1px solid rgba(216,216,216,0.2)
}

@media screen and (max-width: 767px) {
    footer #fns li {
        border-right:0
    }
}

footer #fns li:last-of-type {
    border-right: 0
}

footer #fns li a {
    font-size: 12px
}

@media screen and (max-width: 767px) {
    footer #fns li a {
        font-size:14px;
        line-height: 26px
    }
}

footer p {
    font-size: 12px;
    color: #fff
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    footer p {
        border-bottom:1px solid #556174
    }
}

@media screen and (max-width: 767px) {
    footer p {
        border-top:1px solid #556174;
        border-bottom: 1px solid #556174
    }
}

@media screen and (max-width: 767px) {
    footer .img-wrap {
        border-bottom:1px solid #556174
    }
}

@media screen and (max-width: 767px) {
    footer .img-wrap {
        border-bottom:0
    }
}

#right-nav {
    list-style: none
}

#right-nav li {
    list-style: none
}

#right-nav li a {
    font-weight: 300;
    line-height: 24px
}

#right-nav>li {
    border-bottom: 1px solid #e8e8e8
}

#right-nav>li a {
    font-size: 16px
}

#right-nav>li>ul>li>a {
    font-size: 15px
}

#right-nav>li>ul>li.active a {
    color: #3d90c3;
    font-size: 15px;
    font-weight: normal
}

#right-nav>li.current>a {
    color: #3d90c3
}

#right-nav>li.active>a {
    color: #3d90c3;
    font-weight: normal
}

.contact-box {
    border-top: 1px solid #e8e8e8
}

.contact-box span {
    color: #365977;
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .contact-box span {
        font-size:15px;
        line-height: 23px
    }
}

.thread {
    background-color: #fff;
    box-shadow: 0px 5px 6px 0px rgba(185,185,185,0.09)
}

@media screen and (max-width: 767px) {
    .thread {
        background-color:#f6f6f6
    }
}

.thread .box a:hover,.thread .box a:focus,.thread .box a:active {
    text-decoration: none
}

.thread .box a:hover .heading,.thread .box a:focus .heading,.thread .box a:active .heading {
    text-decoration: underline
}

.thread .box a:hover p,.thread .box a:focus p,.thread .box a:active p {
    text-decoration: none
}

.thread .box .categtory {
    color: #007588;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .thread .box .categtory {
        font-size:10px;
        line-height: 26px
    }
}

.thread .box .categtory:hover,.thread .box .categtory:focus,.thread .box .categtory:active {
    text-decoration: underline
}

.thread .box .heading {
    color: #383737;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

@media screen and (max-width: 767px) {
    .thread .box .heading {
        font-size:15px;
        line-height: 17px
    }
}

.thread .box p {
    color: #383737;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

@media screen and (max-width: 767px) {
    .thread .box p {
        font-size:14px;
        line-height: 20px
    }
}

.light-grey-bg {
    background-color: #f6f6f6;
    border-top: 1px solid #e8e8e8
}

.light-grey-bg h2 {
    color: #365977;
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .light-grey-bg h2 {
        font-size:15px;
        line-height: 30px
    }
}

.light-grey-bg .view-all {
    color: #1e8cb9;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    text-align: right
}

.standard h2 {
    font-weight: 600
}

.standard h3 {
    text-transform: uppercase
}

.standard p {
    line-height: 29px
}

.standard h3 {
    color: #474747;
    font-size: 15px
}

.standard .download-link {
    color: #262626
}

.standard .h-style {
    line-height: 28px
}

.standard table {
    border: 1px solid #e8e8e8;
    background-color: #fff
}

@media screen and (max-width: 767px) {
    .standard table {
        border:0
    }
}

.standard table thead tr {
    border-bottom: 2px solid #e8e8e8
}

.standard table thead tr th {
    color: #365977;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .standard table thead tr th {
        font-size:15px;
        line-height: 23px
    }
}

.standard table tbody tr {
    border-bottom: 1px solid #e8e8e8
}

.standard table tbody tr td {
    color: #414141;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

@media screen and (max-width: 767px) {
    .standard table tbody tr td {
        line-height:14px
    }
}

.standard table tbody tr td:first-of-type {
    font-weight: 700
}

.standard .accordion .panel,#blog-post .accordion .panel {
    border-radius: 0;
    box-shadow: none
}

.standard .accordion .panel .panel-heading .panel-title,#blog-post .accordion .panel .panel-heading .panel-title {
    padding-bottom: 0
}

.standard .accordion .panel .panel-heading .panel-title h3,#blog-post .accordion .panel .panel-heading .panel-title h3 {
    font-size: 16px;
    text-transform: none;
    line-height: 36px;
    color: #365977
}

@media screen and (max-width: 767px) {
    .standard .accordion .panel .panel-heading .panel-title h3,#blog-post .accordion .panel .panel-heading .panel-title h3 {
        line-height:24px
    }
}

.standard .accordion .panel .panel-heading .panel-title span,#blog-post .accordion .panel .panel-heading .panel-title span {
    margin-left: 0;
    font-size: 14px;
    color: #5e5d5d;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px
}

@media screen and (max-width: 767px) {
    .standard .accordion .panel .panel-heading .panel-title span,#blog-post .accordion .panel .panel-heading .panel-title span {
        font-size:14px;
        line-height: 22px
    }
}

.standard .accordion .panel .panel-heading .panel-title:after,#blog-post .accordion .panel .panel-heading .panel-title:after {
    background: url("imgs/arrow-up-grey.png") no-repeat center center
}

.standard .accordion .panel .panel-heading .panel-title:hover,.standard .accordion .panel .panel-heading .panel-title:focus,.standard .accordion .panel .panel-heading .panel-title:active,#blog-post .accordion .panel .panel-heading .panel-title:hover,#blog-post .accordion .panel .panel-heading .panel-title:focus,#blog-post .accordion .panel .panel-heading .panel-title:active {
    text-decoration: none
}

.standard .accordion .panel .panel-heading .panel-title:hover h3,.standard .accordion .panel .panel-heading .panel-title:focus h3,.standard .accordion .panel .panel-heading .panel-title:active h3,#blog-post .accordion .panel .panel-heading .panel-title:hover h3,#blog-post .accordion .panel .panel-heading .panel-title:focus h3,#blog-post .accordion .panel .panel-heading .panel-title:active h3 {
    text-decoration: underline
}

.standard .accordion .panel .panel-collapse .panel-body h4,#blog-post .accordion .panel .panel-collapse .panel-body h4 {
    font-weight: 600;
    font-size: 16px
}

.standard .accordion .panel .panel-collapse .panel-body .map-link span,#blog-post .accordion .panel .panel-collapse .panel-body .map-link span {
    color: #fff;
    background-color: rgba(32,59,82,0.15)
}

.standard .accordion .panel .panel-collapse .panel-body .address-box h4,#blog-post .accordion .panel .panel-collapse .panel-body .address-box h4 {
    line-height: 16px
}

.standard .accordion .panel .panel-collapse .panel-body .address-box p,#blog-post .accordion .panel .panel-collapse .panel-body .address-box p {
    line-height: 27px
}

.standard .accordion.grey-bg .panel,#blog-post .accordion.grey-bg .panel {
    border: 0
}

.standard .accordion.grey-bg .panel .panel-heading,#blog-post .accordion.grey-bg .panel .panel-heading {
    background-color: #fff;
    border: 0;
    border-top: 1px solid #e8e8e8
}

.standard .accordion.grey-bg .panel .panel-heading .panel-title span.heading,#blog-post .accordion.grey-bg .panel .panel-heading .panel-title span.heading {
    color: #365977
}

.standard .accordion.grey-bg .panel .panel-heading .panel-title span.para,#blog-post .accordion.grey-bg .panel .panel-heading .panel-title span.para {
    color: #5e5d5d
}

.standard .accordion.grey-bg .panel .panel-collapse .panel-body,#blog-post .accordion.grey-bg .panel .panel-collapse .panel-body {
    border: 0;
    background-color: #f6f6f6
}

.standard .accordion.grey-bg .panel:last-of-type,#blog-post .accordion.grey-bg .panel:last-of-type {
    border-bottom: 1px solid #e8e8e8
}

.download-link {
    border: 1px solid #e8e8e8;
    background-color: #f6f6f6;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media screen and (max-width: 767px) {
    .download-link {
        font-size:14px;
        line-height: 20px
    }
}

.download-link span {
    font-size: 13px;
    font-weight: 400;
    line-height: 24px
}

@media screen and (max-width: 767px) {
    .download-link span {
        font-size:14px;
        line-height: 20px
    }
}

.download-link:before {
    font-size: 30px
}

@media screen and (max-width: 767px) {
    .download-link:before {
        font-size:20px
    }
}

.download-link:hover,.download-link:focus,.download-link:active {
    text-decoration: underline
}

.link-btn {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    font-size: 13px;
    line-height: 18px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .link-btn {
        font-size:14px;
        line-height: 14px
    }
}

.link-btn strong {
    font-weight: 700
}

.link-btn.grey {
    background-color: #f6f6f6
}

.link-btn.white {
    background-color: #fff
}

.link-btn:hover,.link-btn:focus,.link-btn:active {
    text-decoration: underline
}

span.link-btn:hover,span.link-btn:focus,span.link-btn:active {
    text-decoration: none
}

.btn-submit {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    background-color: #f6f6f6
}

@media screen and (max-width: 767px) {
    .btn-submit {
        font-size:14px;
        line-height: 14px
    }
}

.btn-submit:hover,.btn-submit:focus,.btn-submit:active {
    text-decoration: underline
}

@media screen and (max-width: 767px) {
    .table-wrapper {
        border:1px solid #e8e8e8
    }
}

@media screen and (max-width: 767px) {
    .table-wrapper::-webkit-scrollbar-thumb {
        background-color:#d0d3d6
    }
}

.member {
    background-color: #fff
}

.member .member-image>div {
    border-radius: 50%
}

#blog .thread .box {
    background-color: #fff
}

@media screen and (max-width: 767px) {
    #blog .thread .box .heading {
        font-size:14px
    }
}

#blog .thread .box .categtory {
    line-height: 23px
}

@media screen and (max-width: 767px) {
    #blog .thread .box .categtory {
        font-size:12px
    }
}

@media screen and (max-width: 767px) {
    #blog .thread .box p {
        font-size:13px
    }
}

@media screen and (max-width: 991px) {
    #blog .thread.single-line {
        border-top:1px solid #e8e8e8
    }
}

@media screen and (max-width: 991px) {
    #blog .thread.single-line .box:after {
        background:url("imgs/arrow-right-grey.png") no-repeat center center
    }
}

@media screen and (max-width: 991px) {
    #blog .thread.single-line .box .heading {
        line-height:30px
    }
}

@media screen and (max-width: 767px) {
    #blog .thread.single-line .box .heading {
        line-height:20px
    }
}

@media screen and (max-width: 991px) {
    #blog .thread.single-line .box .categtory {
        line-height:30px
    }
}

@media screen and (max-width: 767px) {
    #blog .thread.single-line .box .categtory {
        font-size:12px;
        line-height: 1
    }
}

@media screen and (max-width: 991px) {
    #blog .full-width:last-of-type .single-line {
        border-bottom:1px solid #e8e8e8
    }
}

.pagination li>a,.pagination li>span {
    color: #009cdb;
    border: 1px solid #d8d8d8;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px
}

.pagination li>a>i,.pagination li>span>i {
    font-size: 10px
}

.pagination li>a:hover,.pagination li>a:focus,.pagination li>a:active,.pagination li>span:hover,.pagination li>span:focus,.pagination li>span:active {
    background-color: #fff;
    color: #009cdb;
    text-decoration: underline
}

.pagination li>a:hover>i,.pagination li>a:focus>i,.pagination li>a:active>i,.pagination li>span:hover>i,.pagination li>span:focus>i,.pagination li>span:active>i {
    color: #203b52
}

.pagination li.in-active>span {
    color: #d8d8d8
}

.pagination li.in-active>span:hover>i,.pagination li.in-active>span:focus>i,.pagination li.in-active>span:active>i {
    color: #d8d8d8
}

.pagination li.active {
    background-color: #f6f6f6
}

.pagination li.active>a {
    font-weight: 700;
    background-color: #f6f6f6;
    border: 1px solid #d8d8d8;
    color: #383737
}

.pagination li.active>a:hover,.pagination li.active>a:focus,.pagination li.active>a:active {
    background-color: #f6f6f6;
    border: 1px solid #d8d8d8;
    color: #383737
}

.pagination li:first-child>a,.pagination li:first-child>span,.pagination li:last-child>a,.pagination li:last-child>span {
    border-radius: 0
}

#blog-post .categtory {
    text-align: right
}

@media screen and (max-width: 991px) {
    #blog-post .categtory {
        text-align:left
    }
}

#blog-post .categtory a {
    color: #619ace;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px
}

#blog-post h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: #365977
}

#blog-post p {
    line-height: 26px
}

#blog-post aside {
    border-top: 1px solid #e8e8e8
}

@media screen and (max-width: 991px) {
    #blog-post aside {
        border-top:0;
        border-bottom: 1px solid #e8e8e8
    }
}

#blog-post aside h3 {
    font-size: 14px;
    font-weight: 700;
    color: #006c7b;
    text-transform: uppercase
}

#blog-post aside .member {
    border-bottom: 1px solid #e8e8e8
}

@media screen and (max-width: 991px) {
    #blog-post aside .member {
        border-bottom:0
    }
}

@media screen and (max-width: 767px) {
    #blog-post aside .member {
        border-bottom:1px solid #e8e8e8
    }
}

@media screen and (max-width: 767px) {
    #blog-post aside .member .member-body {
        padding-left:0
    }
}

#blog-post aside .member .member-body strong {
    font-size: 14px;
    line-height: 26px;
    color: #0e7787
}

@media screen and (max-width: 767px) {
    #blog-post aside .member .member-body strong {
        font-size:13px
    }
}

#blog-post aside .member .member-body .phone {
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    color: #5d5d5d
}

@media screen and (max-width: 767px) {
    #blog-post aside .member .member-body .phone {
        line-height:20px
    }
}

#blog-post aside .member .member-body .email {
    color: #007588;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px
}

@media screen and (max-width: 767px) {
    #blog-post aside .member .member-body .email {
        line-height:12px
    }
}

#blog-post aside .socialLinks {
    border-bottom: 1px solid #e8e8e8
}

@media screen and (max-width: 991px) {
    #blog-post aside .socialLinks {
        border-bottom:0
    }
}

#banner {
    color: #fff
}

#banner h1 {
    font-size: 46px;
    line-height: 58px;
    font-weight: 300
}

@media screen and (max-width: 991px) {
    #banner h1 {
        font-size:34px
    }
}

@media screen and (max-width: 767px) {
    #banner h1 {
        font-size:25px;
        line-height: 48px
    }
}

#banner p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300
}

@media screen and (max-width: 991px) {
    #banner p {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    #banner p {
        font-size:14px;
        line-height: 19px
    }
}

#banner h2 {
    font-size: 20px;
    line-height: 36px;
    font-weight: 600;
    text-transform: uppercase
}

@media screen and (max-width: 991px) {
    #banner h2 {
        font-size:15px;
        line-height: 27px
    }
}

@media screen and (max-width: 767px) {
    #banner h2 {
        font-size:14px;
        line-height: 30px
    }
}

#banner h1 {
    font-size: 46px
}

@media screen and (max-width: 767px) {
    #banner h1 {
        font-size:25px
    }
}

@media screen and (max-width: 991px) {
    #banner h1 {
        font-size:34px
    }
}

#related-posts {
    background-color: #f6f6f6;
    border-top: 1px solid #e8e8e8
}

#related-posts h2 {
    color: #006c7b;
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase
}

@media screen and (max-width: 991px) {
    #related-posts h2 {
        font-weight:600
    }
}

@media screen and (max-width: 767px) {
    #related-posts h2 {
        font-size:15px;
        line-height: 30px
    }
}

#related-posts .blog-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #007588
}

@media screen and (max-width: 767px) {
    #related-posts .blog-link {
        line-height:15px
    }
}

@media screen and (max-width: 767px) {
    #related-posts .thread.no-image {
        border-top:1px solid #e8e8e8;
        box-shadow: none
    }
}

@media screen and (max-width: 767px) {
    #related-posts .thread.no-image .box .heading {
        font-weight:600
    }
}

.row-tns {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 25px
}

@media screen and (max-width: 767px) {
    .row-tns {
        font-size:12px
    }
}

.row-tns span.last-login {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase
}

@media screen and (max-width: 991px) {
    .row-tns span.last-login {
        font-size:13px;
        line-height: 22px
    }
}

.row-tns {
    border-bottom: 1px solid transparent
}

.tns-left {
    font-size: 13px
}

@media screen and (max-width: 767px) {
    .tns-left {
        padding:0
    }
}

.tns-left a,.tns-left button {
    color: #fff;
    border: 0;
    background: transparent
}

.tns-left .acc-dropdown:first-of-type {
    padding-right: 10px
}

@media screen and (min-width: 767px) {
    .tns-left .acc-dropdown:nth-of-type(2) {
        padding-left:10px;
        border-left: 1px solid rgba(216,216,216,0.2)
    }
}

.tns-left .acc-dropdown button,.tns-left .acc-dropdown strong {
    line-height: 22px;
    overflow: hidden;
    position: relative;
    top: 5px;
    display: inline-block
}

.tns-left .acc-dropdown .acc-name {
    max-width: 290px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block
}

.tns-left .acc-dropdown .svg-account-down-arrow {
    float: right;
    top: 10px;
    position: relative
}

@media screen and (max-width: 767px) {
    .tns-left .acc-dropdown {
        font-size:12px;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        border-bottom: 1px solid rgba(232,232,232,0.1);
        padding: 10px
    }

    .tns-left .acc-dropdown button,.tns-left .acc-dropdown strong {
        line-height: 17px;
        top: 3px
    }

    .tns-left .acc-dropdown .acc-name {
        max-width: 215px
    }

    .tns-left .acc-dropdown .svg-account-down-arrow {
        top: 6px
    }
}

.tns-left a:hover,.tns-left a:active,.tns-left a:focus,.tns-left button:hover,.tns-left button:active,.tns-left button:focus {
    text-decoration: none
}

.tns-left.col-md-2:before {
    background: rgba(216,216,216,0.2)
}

.contact-box span {
    font-size: 16px
}

@media screen and (max-width: 767px) {
    .contact-box span {
        font-size:15px
    }
}

h1 {
    font-family: "Open Sans",sans-serif;
    font-size: 32px;
    font-weight: 300;
    color: #474747
}

h2 {
    font-family: "Open Sans",sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #006c7b;
    line-height: 22px;
    text-transform: uppercase;
    margin-top: 10px
}

h2 small {
    font-size: 15px;
    color: #474747;
    text-transform: none;
    font-weight: 600
}

h3 {
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #006c7b;
    text-transform: uppercase
}

h3 .paged-title {
    line-height: 25px
}

h3 .paged-title a.paged-title-date,h3 .paged-title span.paged-title-date {
    text-align: center
}

h4 {
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #365977;
    line-height: 20px
}

p,ul,dt,dd {
    font-size: 14px;
    font-weight: 400;
    color: #474747
}

p small {
    font-size: 13px
}

dl dt {
    font-weight: normal
}

@media screen and (min-width: 768px) {
    dl dt {
        text-align:right
    }

    dl dd {
        text-align: left
    }
}

a {
    color: #007588
}

.table-hover td {
    cursor: pointer
}

.sp-teal {
    color: #006c7b
}

.sp-performerRed {
    color: #bb3131
}

.center-text {
    text-align: center
}

.text-right {
    text-align: right
}

.page-links a {
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #5C5C5A;
    text-transform: uppercase
}

.page-links a:hover {
    cursor: pointer
}

.page-links a:hover,.page-links a:active,.page-links a:focus,.page-links a.active {
    color: #006c7b;
    text-decoration: none;
    border-bottom: 3px solid #006c7b
}

.page-links.page-links-sm a {
    font-size: 14px;
    text-transform: none;
    color: #5C5C5A
}

.page-links.page-links-sm a:hover,.page-links.page-links-sm a:active,.page-links.page-links-sm a:focus,.page-links.page-links-sm a.active {
    color: #006c7b
}

.form-control-pm {
    box-shadow: none;
    border-color: #e8e8e8
}

.form-control-pm-no-border {
    border: none
}

.form-control-ephemeral {
    border: none
}

.sp-label {
    color: #365977;
    font-size: 14px;
    font-weight: bold
}

.sp-para {
    font-size: 14px;
    font-weight: 400;
    color: #474747;
    display: block;
    text-transform: none
}

.sp-filter {
    font-size: 13px;
    color: #474747;
    margin-right: 5px;
    margin-bottom: 10px;
    display: inline-block;
    white-space: nowrap
}

.sp-filter button {
    border: none;
    background-color: transparent
}

.sp-password-success {
    font-size: 16px;
    font-weight: 600;
    color: #308bb8;
    display: block;
    margin: 10px 0
}

.form-group label {
    color: #365977;
    font-size: 14px
}

.form-group label.label-info {
    background: transparent;
    font-weight: normal
}

.form-group .control-label {
    text-align: left;
    color: #365977;
    font-size: 13px;
    font-weight: 700;
    line-height: 39px;
    margin-bottom: 0;
    padding-top: 0
}

.form-group .text-info {
    color: #3d90c3;
    font-size: 14px;
    font-weight: 400
}

.form-group .text-danger {
    font-size: 14px;
    color: #d9080b
}

.form-group .form-control {
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    box-shadow: none;
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select.form-control {
        background-image:url(imgs/select-arrow.png);
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 1.5em
    }

    select.form-control input[disabled] {
        -webkit-opacity: 1 !important;
        opacity: 1 !important
    }
}

.form-control[disabled],fieldset[disabled] .form-control,.form-group .form-control[disabled],.form-group fieldset[disabled] .form-control,.form-control[disabled] {
    background-color: #f6f6f6 !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 3px;
    box-shadow: none;
    -webkit-opacity: 1 !important;
    opacity: 1 !important
}

.checkbox label {
    color: #474747;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px
}

.checkbox-list .checkbox {
    margin-bottom: 10px
}

.checkbox-list .checkbox label {
    font-weight: normal
}

.well {
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 0 0 0
}

.well strong {
    color: #3d90c3;
    font-weight: 600;
    text-transform: uppercase
}

.well strong a {
    text-transform: none
}

.well .pagination-info strong {
    font-size: 13px;
    color: #474747;
    text-transform: none;
    line-height: 32px
}

@media screen and (min-width: 768px) {
    .well .pagination-info strong {
        width:100px;
        margin: 0 auto;
        display: block
    }
}

.well.well-filled {
    background-color: #f6f6f6
}

.well.well-text-sm p {
    font-size: 13px
}

@media screen and (max-width: 767px) {
    .well.well-adaptive {
        padding:0;
        border: none
    }
}

.border-box {
    border: 1px solid #e8e8e8
}

.border-box>strong {
    font-size: 13px
}

.radio label {
    color: #474747;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.alert,.label-warning {
    font-size: 13px;
    border-radius: 0;
    margin-bottom: 0;
    font-weight: normal
}

.alert.alert-success {
    border: 1px solid #468847
}

@media screen and (min-width: 768px) {
    .alert.security-questions {
        margin-top:15px
    }
}

.alert-danger,.label-warning {
    color: #d9080b;
    border: 1px solid #d9080b;
    background-color: #FFFFFF
}

.label-warning {
    margin-top: 10px;
    display: inline-block;
    padding: 5px
}

.input-group .input-group-addon {
    background: none;
    border-color: #e8e8e8
}

.input-group .form-control {
    border-left: none;
    border-color: #e8e8e8;
    box-shadow: none
}

.input-group.input-group-sm {
    border: 1px solid #e8e8e8;
    border-radius: 3px
}

.input-group.input-group-sm .form-control {
    border: none
}

.input-group.input-group-sm .input-group-btn .btn {
    border: none
}

.input-group.input-group-date.disabled input {
    border: none !important
}

.input-group.input-group-date input {
    background-color: #fff !important;
    color: #474747 !important;
    cursor: text !important
}

.input-group.input-group-date .btn-default:hover,.input-group.input-group-date .btn-default:active,.input-group.input-group-date .btn-default:focus {
    background-color: #fff !important;
    cursor: default !important;
    box-shadow: none
}

.input-group.disabled input {
    background-color: #f6f6f6 !important;
    cursor: default !important
}

.input-group.disabled .btn-default,.input-group.disabled .btn-default:hover {
    background-color: #f6f6f6 !important;
    cursor: default !important
}

.datepicker:after,.datepicker:before {
    display: none
}

.datepicker-days td.day.active {
    background: #007588
}

.form-horizontal div[role="rowheader"] .sp-label {
    font-size: 13px
}

.form-horizontal div[role="gridcell"] strong {
    font-size: 13px;
    margin-top: 9px;
    display: block;
    color: #474747
}

@media screen and (max-width: 767px) {
    .form-horizontal div[role="gridcell"] strong {
        line-height:45px;
        display: block;
        border-bottom: 1px solid #e8e8e8
    }
}

.panel-group {
    margin: 20px 0 30px 0
}

.panel-group .panel {
    border-radius: 0
}

.panel-group .panel+.panel {
    margin-top: 10px
}

.panel-primary {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent
}

@media screen and (max-width: 991px) {
    .panel-primary.panel-sm {
        margin-bottom:50px
    }
}

.panel-primary>.panel-heading {
    text-align: center;
    background-color: #365977;
    border-radius: 0;
    border-bottom: 0
}

.panel-primary>.panel-heading h1 {
    font-family: "Open Sans",sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 300
}

.panel-primary .panel-body {
    background-color: #fff
}

.panel-primary .panel-body.panel-body-divide {
    border-bottom: 1px solid #e8e8e8
}

@media screen and (max-width: 767px) {
    .panel-primary .panel-body.panel-body-divide {
        padding:0
    }
}

.panel-primary .panel-footer {
    background: url(imgs/panel-footer-bg.png)
}

.panel-primary .panel-footer p {
    color: #fff
}

.panel-primary .panel-footer a {
    color: #fff;
    text-decoration: underline
}

@media screen and (max-width: 991px) {
    .panel-primary .panel-footer {
        text-align:center
    }
}

@media screen and (max-width: 767px) {
    .panel-primary .panel-footer a {
        display:block
    }
}

.panel-primary.tc-panel .border-box {
    border-color: #c8c8c8
}

.panel-default {
    border-radius: 0;
    border-color: #e8e8e8;
    background-color: #fff;
    box-shadow: 0 0 0 0
}

.panel-default .panel-heading {
    background-color: #f6f6f6;
    border-radius: 0;
    border-bottom: 1px solid #e8e8e8
}

.panel-default .panel-heading.panel-heading-no-padding .link-toggle {
    background: #fff;
    border-left: 1px solid #e8e8e8
}

.panel-default .panel-heading h2,.panel-default .panel-heading h3 {
    font-family: "Open Sans",sans-serif;
    color: #006c7b !important;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    line-height: 29px
}

@media screen and (max-width: 767px) {
    .panel-default .panel-heading h2,.panel-default .panel-heading h3 {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .panel-default .panel-heading h2,.panel-default .panel-heading h3 {
        font-size:16px
    }
}

.panel-default .panel-heading span,.panel-default .panel-heading strong {
    font-size: 13px;
    line-height: 29px;
    display: inline-block
}

.panel-default .panel-heading strong {
    font-size: 15px
}

@media screen and (max-width: 767px) {
    .panel-default .panel-heading strong {
        font-size:14px
    }
}

.panel-default .panel-heading a.pull-right {
    color: #007588;
    font-size: 14px;
    line-height: 29px
}

.panel-default .panel-body {
    border-top: none !important
}

.panel-default .panel-body.panel-body-only-child {
    background-color: #f6f6f6;
    padding: 15px 22px
}

@media screen and (max-width: 767px) {
    .panel-default .panel-body.panel-body-only-child {
        display:table;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width: 767px) {
    .panel-default .panel-body.panel-body-only-child .cp-cta {
        display:table-cell
    }

    .panel-default .panel-body.panel-body-only-child .cp-cta a.btn {
        display: inline-block;
        margin-top: 5px
    }
}

.panel-default .panel-body.panel-body-only-child .cp-cta strong.header-style {
    font-family: "Open Sans",sans-serif;
    color: #006c7b !important;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    line-height: 29px
}

@media screen and (max-width: 767px) {
    .panel-default .panel-body.panel-body-only-child .cp-cta strong.header-style {
        display:block;
        font-size: 14px
    }
}

@media screen and (min-width: 992px) {
    .panel-default .panel-body small.text-left {
        line-height:32px
    }
}

.accordion-panel {
    border-radius: 0;
    border-color: #e8e8e8;
    background-color: #fff;
    box-shadow: 0 0 0 0;
    border-bottom: 0
}

.accordion-panel .panel-heading {
    background-color: #f6f6f6;
    border-radius: 0;
    border-bottom-color: #e8e8e8
}

.accordion-panel .panel-heading h3,.accordion-panel .panel-heading h2 {
    line-height: 29px
}

@media screen and (max-width: 767px) {
    .accordion-panel .panel-heading h3,.accordion-panel .panel-heading h2 {
        font-size:14px
    }
}

.accordion-panel .panel-heading h3 a,.accordion-panel .panel-heading h2 a {
    color: #006c7b
}

.accordion-panel .panel-heading h3 a:hover,.accordion-panel .panel-heading h3 a:focus,.accordion-panel .panel-heading h3 a:active,.accordion-panel .panel-heading h2 a:hover,.accordion-panel .panel-heading h2 a:focus,.accordion-panel .panel-heading h2 a:active {
    text-decoration: none
}

.accordion-panel .panel-body {
    border-bottom: 1px solid #e8e8e8
}

.btn {
    font-family: "Open Sans",sans-serif;
    border-radius: 3px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px
}

.btn-xs {
    border-radius: 0
}

.btn-lg {
    font-size: 14px
}

.btn-primary {
    background: #007588;
    border-color: #007588;
    color: #fff
}

.btn-primary:hover, .btn-primary:focus {
    background: #005568;
    border-color: #005568
}

.btn-primary.disabled,.btn-primary[disabled] {
    background: #5C5C5A;
    border: 1px solid #5C5C5A;
    opacity: 1;
    filter: alpha(opacity=1)
}

.btn-default {
    background: #fff;
    color: #5C5C5A;
    border-color: #5C5C5A
}

.btn-default:hover {
    background: #e8e8e8;
    color: #5C5C5A;
    border-color: #5C5C5A
}

.btn-popover {
    background: #f6f6f6;
    border-color: #e8e8e8;
    color: #5C5C5A;
    display: inline-block
}

.btn-group .btn-primary {
    border-color: #bebebe;
    font-family: "Open Sans",sans-serif;
    color: #5C5C5A;
    background-color: #f6f6f6;
    box-shadow: 0 0 0 0;
    border-radius: 5px;
    font-size: 12px !important
}

.btn-group .btn-primary:hover {
    background: #e8e8e8;
    border-color: #bebebe
}

.btn-group .btn-primary.active {
    border-color: #007588;
    color: #fff;
    background-color: #007588
}

.btn-group .btn-primary.active:hover {
    background: #005568;
    border-color: #005568
}

.btn-group.disabled .btn-primary {
    border-color: #bebebe;
    color: rgba(106,106,106,0.5);
    background-color: #f6f6f6
}

.btn-group.disabled .btn-primary:hover {
    background: #f6f6f6;
    border-color: #bebebe
}

.btn-group.disabled .btn-primary.active {
    border-color: #5C5C5A;
    color: #fff;
    background-color: #5C5C5A
}

.btn-group.disabled .btn-primary.active:hover {
    background: #5C5C5A;
    border-color: #5C5C5A
}

button.icon-button {
    border: none;
    background: none
}

.btn-grey {
    color: #fff;
    background: #5C5C5A;
    border-color: #5C5C5A
}

.btn-grey:hover {
    color: #fff;
    background: #5C5C5A;
    border-color: #5C5C5A
}

.summary-detail {
    font-family: "Open Sans",sans-serif
}

.gbycentre {
    text-align: center;
}


.gbycentremo {
    cursor:pointer;
}


.summary-detail .value {
    font-size: 34px;
    font-weight: 300;
    color: #006c7b;
    line-height: 41px
}

@media screen and (max-width: 767px) {
    .summary-detail .value {
        font-size:22px
    }
}

.summary-detail .value.up {
    color: #006c7b
}

.summary-detail .value.down {
    color: #d9080b
}

.summary-detail .value small {
    font-size: 14px;
    font-weight: 400;
    color: #474747
}

.summary-detail .value span {
    font-size: 17px;
    font-weight: 300;
    color: #006c7b;
    line-height: 20px
}

.summary-detail a strong {
    color: #365977
}

.summary-detail a:hover {
    text-decoration: none
}

.summary-detail a:hover strong {
    text-decoration: none
}

.summary-detail a:hover .value {
    text-decoration: none;
    border-bottom: 2px solid #006c7b
}

.summary-detail strong {
    color: #365977;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600
}

.summary-detail>small {
    font-size: 14px;
    font-weight: 400;
    color: #474747;
    line-height: 30px
}

.summary-detail>small strong {
    color: #006c7b;
    text-transform: inherit
}

.summary-detail.cell {
    border: 1px solid #e8e8e8
}

.summary-detail.cell .value {
    color: #474747;
    font-size: 21px;
    line-height: 37px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .summary-detail.medium .value {
        font-size:28px
    }
}

.summary-detail.small .value {
    color: #006c7b;
    font-size: 22px;
    line-height: 28px
}

@media screen and (max-width: 767px) {
    .summary-detail.small .value {
        font-size:20px
    }
}

.summary-detail.small strong {
    color: #365977;
    font-size: 12px;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .summary-detail.small strong {
        line-height:28px
    }
}

.summary-detail.small strong a {
    color: #3d90c3
}

.summary-detail.small>small {
    font-size: 13px;
    line-height: 24px
}

.summary-detail.summary-detail-horizontal small {
    color: #595959
}

.panel-table-expandable table tbody tr td:last-of-type:after {
    background: url("svg/sprite-gb-online.svg") 99.36709% 59.55882% no-repeat
}

.panel-table-wrapper {
    font-family: "Open Sans",sans-serif
}

.panel-table-wrapper thead tr th {
    font-weight: 700;
    font-size: 13px;
    text-align: left;
    color: #365977;
    border-color: #e8e8e8;
    white-space: nowrap
}

.panel-table-wrapper thead tr th.srt-dn:after {
    color: #aaa;
    font: bold Arial
}

.panel-table-wrapper thead tr th.srt-up:after {
    color: #aaa;
    font: bold Arial
}

.panel-table-wrapper tbody tr td {
    font-size: 13px;
    font-weight: 400;
    text-align: left
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper tbody tr td {
        font-size:12px
    }
}

.panel-table-wrapper tfoot tr th {
    font-size: 13px;
    font-weight: 700;
    text-align: left
}

.panel-table-wrapper .panel-heading .text-right .dropdown-menu a {
    text-align: left
}

.panel-table-wrapper .panel-heading input {
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    font-size: 12px
}

.panel-table-wrapper .panel-heading #title strong {
    font-family: "Open Sans",sans-serif;
    color: #006c7b !important;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    line-height: 29px
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper .panel-heading #title strong {
        font-size:15px;
        margin-bottom: 5px !important
    }
}

.panel-table-wrapper .panel-footer h5 {
    font-size: 13px;
    font-weight: 700;
    font-family: "Open Sans",sans-serif
}

.panel-table-wrapper td.reduce {
    background-color: #f6f6f6 !important
}

.panel-table-wrapper td.reduce .grey4 .pull-left.bgb {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: #365977
}

.panel-table-wrapper td.reduce .grey4 .pull-right.bgb {
    font-size: 13px;
    font-weight: 700
}

.panel-table-wrapper td.reduce .grey4 .pull-right.bgb b {
    color: #006c7b;
    font-size: 25px;
    font-weight: 300
}

.panel-table-wrapper td.reduce .grey4 .pull-right.bgb b small {
    color: #006c7b
}

.panel-table-wrapper td.reduce #transactionDetail {
    background-color: #f6f6f6 !important;
    border: none
}

.panel-table-wrapper td.reduce #transactionDetail .row>div {
    border: none
}

.panel-table-wrapper td.reduce #transactionDetail .row>div>div {
    border: 1px solid #e8e8e8;
    background: #fff;
    color: #365977;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600
}

.panel-table-wrapper td.reduce #transactionDetail .row>div>div b {
    color: #474747;
    font-size: 21px;
    font-weight: 300
}

.panel-table-wrapper td.reduce #transactionDetail .row>div>div b small {
    font-size: 13px
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper td.reduce #transactionDetail .row>div>div b small {
        font-size:11px
    }
}

@media screen and (max-width: 991px) {
    .panel-table-wrapper td.reduce #transactionDetail .row>div>div b {
        font-size:20px
    }
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper td.reduce #transactionDetail .row>div>div {
        font-size:12px
    }

    .panel-table-wrapper td.reduce #transactionDetail .row>div>div b {
        font-size: 17px
    }
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper .panel-heading .text-right {
        text-align:left
    }

    .panel-table-wrapper td.reduce h4 .pull-right.bgb b {
        font-size: 20px
    }
}

.panel-table-wrapper.trade-search .btn-sm {
    padding: 3px 6px
}

.panel-table-wrapper.trade-search thead th {
    white-space: nowrap
}

.panel-table-wrapper.trade-search tbody td:nth-last-child(-n+2),.panel-table-wrapper.trade-search thead th:nth-last-child(-n+2) {
    text-align: center
}

.panel-table-wrapper.trade-search tbody td:last-child .btn-sm {
    padding: 3px 9px
}

#steps {
    background-color: #F4F4F4;
    border-bottom: 1px solid #e8e8e8
}

#steps .step-bar {
    background: url(imgs/steps-bar-bg.png) #dedede
}

#steps .step-bar b:nth-of-type(odd).done,#steps .step-bar b:nth-of-type(odd).active {
    background-color: #006c7b
}

#steps .step-bar b:nth-of-type(even) {
    text-align: center;
    background-color: #f6f6f6;
    border: 2px solid #9F9F9F;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 700;
    color: #5C5C5A
}

#steps .step-bar b:nth-of-type(even) span {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #5C5C5A
}

#steps .step-bar b:nth-of-type(even).done {
    background-color: #0a7888;
    color: #0a7888;
    border-color: #0a7888
}

#steps .step-bar b:nth-of-type(even).done span {
    color: #0a7888
}

#steps .step-bar b:nth-of-type(even).done:after {
    background: url("svg/sprite-gb-online.svg") 98.125% 82.97872% no-repeat
}

#steps .step-bar b:nth-of-type(even).active {
    background-color: #0a7888;
    color: #fff;
    border-color: #0a7888;
    box-shadow: 0 0 0 8px rgba(32,80,109,0.15)
}

#steps .step-bar b:nth-of-type(even).active span {
    color: #0a7888
}

#steps.five-steps .step-bar b:nth-of-type(odd).done {
    background-color: #006c7b
}

#steps.five-steps .step-bar b:nth-of-type(even) {
    text-align: center;
    background-color: #f6f6f6;
    border: 2px solid #9F9F9F;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 700;
    color: #9d9d9d
}

#steps.five-steps .step-bar b:nth-of-type(even) span {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #5C5C5A
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #steps.five-steps .step-bar b:nth-of-type(even) span {
        font-size:12px
    }
}

#steps.five-steps .step-bar b:nth-of-type(even).done {
    background-color: #0a7888;
    color: #0a7888;
    border-color: #0a7888
}

#steps.five-steps .step-bar b:nth-of-type(even).done span {
    color: #0a7888
}

#steps.five-steps .step-bar b:nth-of-type(even).done:after {
    background: url("svg/sprite-gb-online.svg") 98.125% 82.97872% no-repeat
}

#steps.five-steps .step-bar b:nth-of-type(even).active {
    background-color: #0a7888;
    color: #fff;
    border-color: #0a7888;
    box-shadow: 0 0 0 8px rgba(32,80,109,0.15)
}

#steps.five-steps .step-bar b:nth-of-type(even).active span {
    color: #0a7888
}

@media screen and (max-width: 767px) {
    .tab-wrapper {
        margin-bottom:20px
    }
}

.tab-wrapper .tab-text {
    text-transform: uppercase;
    font-weight: 500
}

.tab-wrapper .nav-tabs-wrapper a.pull-right {
    font-size: 14px;
    color: #007588
}

.tab-wrapper .nav-tabs {
    border-bottom: none
}

.tab-wrapper .nav li {
    border: 0;
    border-left: none;
    border-bottom: none
}

.tab-wrapper .nav li a {
    border: 1px solid #e8e8e8;
    border-radius: 0;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 0;
    color: #5C5C5A
}

.tab-wrapper .nav li.active a {
    border: 1px solid #006c7b;
    background-color: #006c7b;
    color: #fff;
    border-bottom: 0
}

.tab-wrapper .nav li:hover a {
    border: 1px solid #006c7b;
    background-color: #006c7b;
    color: #fff;
    border-bottom: 0
}

.tab-wrapper .tab-content {
    border: 1px solid #e8e8e8
}

.panel-cash .panel-heading {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    background-color: #f6f6f6;
    color: #5C5C5A;
    border: 1px solid #e8e8e8
}

.panel-cash .panel-heading.active {
    background-color: #006c7b;
    border: 1px solid #006c7b;
    color: #fff
}

.panel-cash .summary-detail .value {
    color: #5C5C5A
}

.panel-cash .summary-detail.active .value {
    color: #006c7b
}

.panel-horizontal {
    border-collapse: collapse
}

.panel-horizontal .panel-body {
    background-color: #f6f6f6
}

.panel-horizontal .panel-body .summary-detail {
    border: 1px solid #e8e8e8;
    border-collapse: collapse;
    border-left: none;
    color: #5C5C5A;
    border-top: 0;
    border-bottom: 0
}

.panel-horizontal .panel-body .summary-detail strong {
    color: #5C5C5A
}

.panel-horizontal .panel-body .summary-detail .value {
    color: #5C5C5A
}

.panel-horizontal .panel-body .summary-detail.active {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-top: 0;
    border-bottom: 0
}

.panel-horizontal .panel-body .summary-detail.active:after {
    background-color: #006c7b
}

.panel-horizontal .panel-body .summary-detail.active .value {
    color: #006c7b
}

@media screen and (max-width: 767px) {
    .panel-horizontal {
        border:0
    }

    .panel-horizontal .panel-body .cblk {
        border-bottom: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8
    }
}

.tab-currencies .panel {
    border-collapse: collapse
}

.tab-currencies .panel-body {
    background-color: #f6f6f6
}

.tab-currencies .panel-body .summary-detail {
    border: 1px solid #e8e8e8;
    border-collapse: collapse;
    border-left: none;
    color: #5C5C5A
}

.tab-currencies .panel-body .summary-detail strong {
    color: #5C5C5A
}

.tab-currencies .panel-body .summary-detail .value {
    color: #5C5C5A
}

.tab-currencies .panel-body .summary-detail.active {
    background-color: #fff
}

.tab-currencies .panel-body .summary-detail.active:after {
    background-color: #006c7b
}

.tab-currencies .panel-body .summary-detail.active .value {
    color: #006c7b
}

.tab-currencies .panel-body .panel-body-row:first-of-type .cblk {
    border-top: none
}

.tab-currencies .panel-body .panel-body-row:last-of-type .cblk {
    border-bottom: none
}

@media screen and (max-width: 767px) {
    .tab-currencies .hidden-sm.hidden-md.hidden-lg .panel-body {
        background-color:#fff
    }

    .tab-currencies .panel-heading {
        background-color: #006c7b;
        color: #fff
    }

    .tab-currencies .panel-body .cblk {
        border-right: none
    }

    .tab-currencies .panel-body .form-group label {
        color: #4f6581;
        font-size: 13px !important;
        font-weight: 700 !important
    }

    .tab-currencies .tab-content .panel-horizontal {
        border: 0
    }

    .tab-currencies .tab-content .panel-horizontal .panel-body .cblk {
        border-bottom: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8
    }

    .tab-currencies .tab-content .panel-horizontal .panel-body .panel-body-row:last-of-type .cblk {
        border-top: 0
    }
}

body.Login {
    background: url("imgs/login_bg.jpg") top center no-repeat #182d41
}

body.Login header {
    background: none
}

body.Login main {
    background-color: transparent
}

body.Pre-login-long {
    background: url("imgs/login_long_bg.jpg") top center no-repeat #182d41
}

body.Pre-login-long header {
    background: none
}

body.Pre-login-long header>.container .client-login {
    color: #fff;
    font-size: 14px;
    font-weight: 400
}

body.Pre-login-long main {
    background-color: transparent
}

.password-strength {
    border: 1px solid #e8e8e8;
    background-color: #f6f6f6;
    font-size: 13px;
    font-weight: 400;
    color: #474747
}

.password-strength .list-unstyled li {
    line-height: 30px
}

.password-strength .progress {
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0 0 0 0;
    border: 1px solid #e8e8e8
}

.password-strength .progress .progress-bar {
    background: #0faa21
}

.typeahead {
    border: 1px solid #e8e8e8;
    box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.07);
    border-radius: 0
}

.typeahead>li>a {
    text-align: left;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 400;
    color: #595959 !important;
    line-height: 25px
}

.typeahead>li>a:hover,.typeahead>li>a:focus,.typeahead>li>a:active {
    color: #fff !important
}

.typeahead>li>a:hover strong,.typeahead>li>a:focus strong,.typeahead>li>a:active strong {
    color: #fff !important
}

.typeahead>li>a strong {
    font-weight: 600;
    color: #006c7b
}

.typeahead>li.active a {
    color: #fff !important
}

.typeahead>li.active a strong {
    color: #fff !important
}

.pad1 .panel-heading b {
    font-family: "Open Sans", sans-serif;
    color: #006c7b !important;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    line-height: 29px
}

.pad1 .panel-heading b span {
    font-size: 13px;
    font-weight: 400;
    color: #595959;
    text-transform: lowercase
}

.list-group .list-group-item {
    border-width: 1px 0;
    font-size: 13px;
    font-weight: 400;
    color: #007588
}

.list-group .list-group-item span.date {
    font-size: 13px;
    color: #474747
}

.list-group .list-group-item span.cols-wrap {
    min-width: 120px;
    text-align: right;
    color: #474747;
    font-weight: 600
}

.list-group .list-group-item .mov-no {
    font-weight: 400
}

.list-group.pm-lists,.list-group.pm-list-detail {
    border: 1px solid #e8e8e8
}

.list-group.pm-lists .list-group-item,.list-group.pm-list-detail .list-group-item {
    color: #474747
}

.list-group.pm-lists .list-group-item span,.list-group.pm-list-detail .list-group-item span {
    font-weight: normal;
    text-align: left
}

.list-group.pm-lists .list-group-item:first-child,.list-group.pm-list-detail .list-group-item:first-child {
    border-top: none;
    border-radius: 0
}

.list-group.pm-lists .list-group-item:last-child,.list-group.pm-list-detail .list-group-item:last-child {
    border-bottom: none;
    border-radius: 0
}

.list-group.pm-lists .list-group-item:focus,.list-group.pm-lists .list-group-item:active,.list-group.pm-lists .list-group-item.active {
    background: #f6f6f6;
    border-color: #e8e8e8
}

.list-group.pm-lists .list-group-item:hover {
    background: #006c7b;
    color: #fff
}

.list-group.pm-lists .list-group-item:hover span {
    color: #fff
}

.list-group#blog .list-group-item:last-child {
    border-bottom: none
}

.list-group#blog .thread {
    box-shadow: none
}

.list-group#blog .thread .date {
    color: #474747;
    font-size: 12px
}

.list-group#blog .thread .categtory:before {
    background-color: #9a9a9a;
    border-radius: 50%
}

.modal-sm {
    text-align: center
}

.modal-sm .modal-body h3 {
    font-size: 20px;
    font-weight: 400;
    color: #006c7b;
    text-transform: none;
    text-align: center
}

.modal-sm .modal-footer {
    text-align: center
}

.modal-cta {
    border-radius: 0;
    border: 0
}

.modal-cta .modal-content {
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.13)
}

.modal-cta .modal-content .modal-header {
    background: #365977
}

.modal-cta .modal-content .modal-header .modal-title {
    font-size: 24px;
    font-weight: 300;
    color: #fff !important;
    text-align: center;
    text-transform: capitalize
}

.modal-cta .modal-content .modal-body p {
    font-size: 14px;
    font-weight: 400;
    color: #474747
}

.modal-cta .modal-content .modal-footer {
    border-top: 0
}

@media screen and (max-width: 767px) {
    .modal-cta .modal-content .modal-body h3 {
        font-size:20px;
        font-weight: 400;
        color: #006c7b;
        text-transform: none;
        text-align: center
    }

    .modal-cta .modal-content .modal-body p {
        font-size: 14px;
        font-weight: 400;
        color: #474747
    }
}

.modal-default {
    border-radius: 0;
    border: 0
}

.modal-default .modal-content {
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.13)
}

.modal-default .modal-content .modal-header {
    background-color: #f6f6f6;
    border-bottom-color: #e8e8e8
}

.modal-default .modal-content .modal-header .close {
    font-size: 33px;
    color: #006c7b !important
}

.modal-default .modal-content .modal-header .modal-title {
    font-family: "Open Sans", sans-serif;
    color: #006c7b !important;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    line-height: 29px
}

.modal-default .modal-content .modal-body h3 {
    color: #006c7b;
    line-height: 1.6
}

.modal-default .modal-content .modal-body p {
    font-size: 14px;
    font-weight: 400;
    color: #474747
}

.modal-default .modal-content .modal-footer {
    border-top: 1px solid #e8e8e8
}

.modal-default .modal-content .modal-footer small {
    font-size: 12px;
    color: #5C5C5A;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .accordion-panel-reveal .panel-title {
        font-size:15px
    }
}

.accordion-panel-reveal .panel-title a:after {
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize
}

.accordion-panel-reveal .panel-title a:before {
    background: url("svg/sprite-gb-online.svg") 98.74214% 68.30986% no-repeat;
    font-size: 13px;
    font-weight: 600
}

.accordion-panel-reveal .panel-title a.collapsed:before {
    background: url("svg/sprite-gb-online.svg") 98.74214% 75.35211% no-repeat
}

@media screen and (max-width: 767px) {
    .accordion-panel-expand .panel-title {
        font-size:15px
    }
}

.accordion-panel-expand .panel-title a:before {
    background: url("svg/sprite-gb-online.svg") 99.36709% 47.79412% no-repeat
}

@media screen and (max-width: 767px) {
    .accordion-panel-expand .panel-title a:before {
        font-size:15px
    }
}

.accordion-panel-expand .panel-title a.collapsed:before {
    background: url("svg/sprite-gb-online.svg") 99.36709% 59.55882% no-repeat
}

#notification-strapline {
    background: #3d90c3;
    color: #fff;
    font-size: 13px
}

#notification-strapline .dismiss:after {
    background: url("imgs/close-icon.png")
}

#notification-strapline a {
    color: #fff;
    font-weight: 600;
    text-decoration: underline
}

#notification-strapline a:hover {
    text-decoration: none
}

#notification-strapline button.icon-button {
    color: #fff
}

.notifications-mark-all .sp-label {
    line-height: 32px;
    margin-right: 10px
}

.notification-filters .label-info {
    font-size: 13px;
    color: #474747
}

.notification-filters .filter-search .form-control {
    height: auto
}

@media screen and (max-width: 767px) {
    .notification-filters .filter-date .btn-range,.notification-filters .filter-date .btn-primary {
        margin-top:0
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .notification-filters .filter-date {
        border-top:1px solid #e8e8e8
    }
}

.grid-notifications-client .row[role="rowheader"] .heading {
    color: #365977;
    font-size: 13px;
    font-weight: 700
}

.grid-notifications-client .row[role="row"] {
    border: 1px solid #e8e8e8;
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .grid-notifications-client .row[role="row"]>div[role="gridcell"]:last-of-type {
        text-align:right
    }
}

.grid-notifications-client .row[role="row"] span.text-notification-title {
    color: #b56e1b;
    font-size: 16px
}

@media screen and (min-width: 768px) {
    .grid-notifications-client .row[role="row"] button {
        float:right;
        margin-right: 10px
    }
}

.grid-notifications-account .row {
    border: 1px solid #e8e8e8;
    font-size: 14px;
    font-weight: 400
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .grid-notifications-account .row>div[role="gridcell"]:last-of-type {
        text-align:right
    }
}

@media screen and (max-width: 767px) {
    .grid-notifications-account .row h3 {
        font-size:15px
    }
}

.grid-notifications-account .row.read {
    background: #f6f6f6
}

.grid-notifications-account .row.unread span.title {
    font-weight: bold
}

.grid-notifications-account .row span {
    color: #5d5d5d
}

.grid-notifications-account .row span.title {
    color: #365977;
    font-size: 16px
}

@media screen and (max-width: 767px) {
    .grid-notifications-account .row span.title {
        font-size:15px
    }
}

.grid-notifications-account .row a.collapsed .read-status {
    background: url("svg/sprite-gb-online.svg") 99.36709% 59.55882% no-repeat
}

.grid-notifications-account .row .read-status {
    float: right;
    margin: 3px 10px 0 10px
}

@media screen and (max-width: 991px) {
    .grid-notifications-account .row .read-status {
        margin-right:0
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .grid-notifications-account .row .timeago,.grid-notifications-account .row .text-status {
        font-size:13px
    }
}

.grid-notifications-account .row .text-status {
    float: right;
    text-transform: uppercase;
    font-weight: 600
}

@media screen and (max-width: 767px) {
    .grid-notifications-account .row .text-status {
        font-size:12px
    }
}

.grid-notifications-account .row .abstract {
    display: block
}

.chart-summary h2 {
    font-size: 25px;
    font-weight: 300;
    color: #474747;
    text-transform: initial
}

@media screen and (max-width: 767px) {
    .chart-summary h2 {
        font-size:19px
    }
}

.chart-summary h2 span.value {
    color: #006c7b
}

.chart-summary h2 span.mov-up {
    background: url("svg/sprite-gb-online.svg") 23.56688% 97.05882% no-repeat
}

@media screen and (max-width: 767px) {
    .chart-summary h2 span.mov-up {
        background:url("svg/sprite-gb-online.svg") 89.50617% 85.8156% no-repeat
    }
}

.chart-summary h2 span.mov-dn {
    background: url("svg/sprite-gb-online.svg") 100% 12.5% no-repeat
}

@media screen and (max-width: 767px) {
    .chart-summary h2 span.mov-dn {
        background:url("svg/sprite-gb-online.svg") 82.09877% 85.8156% no-repeat
    }
}

.chart-summary p {
    color: #474747
}

.summary-details h1 {
    color: #fff;
    font-size: 34px
}

.summary-details p  {
    color: #fff;
    font-size: 28px
}

.summary-details p span  {
    font-size: 34px
}

.summary-details h1 span {
    font-weight: 700
}

.summary-details p span {
    font-weight: 800
}

#totalCashVal {
	padding-right: 2px;
}

.summary-details .summary-detail strong {
    color: #FFFFFF
}

.summary-details .summary-detail a {
    display: block;
    color: #fff
}

.summary-details .summary-detail a:hover {
    border-bottom: none !important;
    text-decoration: none !important
}

.summary-details .summary-detail a:hover .value {
    border-bottom: 2px solid #fff !important
}

.summary-details .summary-detail .value {
    color: #fff
}

@media screen and (max-width: 767px) {
    .summary-details h1 {
        color:#fff;
        font-size: 24px
    }
}

.summary-total {
    border-top: 1px solid #e8e8e8;
    background: #f6f6f6
}

.summary-total .sp-label {
    font-size: 16px;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .summary-total .sp-label {
        line-height:44px
    }
}

.summary-total span.sp-total {
    color: #006c7b;
    font-size: 28px;
    font-weight: 600
}

.trade-confirm p {
    font-size: 20px;
    color: #006c7b
}

@media screen and (max-width: 767px) {
    .trade-confirm p {
        font-size:17px
    }
}

@media screen and (min-width: 768px) {
    .trade-search-filters .sp-label {
        line-height:32px
    }
}

.trade-search-filters label {
    font-size: 13px
}

@media screen and (max-width: 767px) {
    .trade-search-filters .last-xs {
        border-bottom:none !important
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .trade-search-filters .col-md-5 {
        border-right:none !important
    }

    .trade-search-filters .row-eq-height-md .row-eq-height-md {
        border-bottom: 1px solid #e8e8e8 !important
    }
}

.quick-links strong {
    color: #fff;
    text-transform: uppercase
}

.quick-links .btn.btn-chevron {
    text-align: left;
    text-transform: capitalize;
    font-weight: normal
}

@media screen and (max-width: 767px) {
    .quick-links strong {
        color:#fff;
        text-transform: uppercase
    }

    .quick-links .btn.btn-chevron {
        text-align: left;
        text-transform: capitalize
    }
}

@media screen and (max-width: 767px) {
    .pnlx {
        border:1px solid #e8e8e8;
        border-radius: 0 !important
    }

    .pnlx .panel-heading {
        background-color: #f6f6f6;
        border-radius: 0;
        border-bottom: 1px solid #e8e8e8
    }

    .pnlx .panel-heading b {
        font-family: "Open Sans", sans-serif;
        color: #006c7b !important;
        text-transform: uppercase;
        font-size: 17px;
        font-weight: 700;
        line-height: 29px
    }

    .pnlx .panel-heading b span {
        font-size: 13px;
        font-weight: 400;
        color: #595959;
        text-transform: lowercase
    }

    .pnlx .panel-body a {
        font-size: 13px;
        font-weight: 400;
        color: #3d90c3;
        border: 0
    }

    .pnlx .panel-body a span {
        text-align: right;
        color: #474747;
        font-weight: 600
    }

    .pnlx .panel-body a .mov-no {
        font-weight: 400
    }
}

#right-nav {
    list-style: none
}

#right-nav li {
    list-style: none
}

#right-nav li a {
    font-weight: 300;
    line-height: 24px;
    color: #262626
}

#right-nav>li {
    border-bottom: 1px solid #e8e8e8
}

#right-nav>li>ul>li.active a {
    color: #3d90c3;
    font-weight: normal
}

#right-nav>li.current>a {
    color: #3d90c3
}

#right-nav>li.active>a {
    color: #3d90c3;
    font-weight: normal
}

#right-nav>li a {
    font-size: 16px
}

#right-nav>li>ul>li>a {
    font-size: 15px
}

#right-nav>li>ul>li.active a {
    font-size: 15px
}

.dropdown .btn {
    text-align: left
}

.dropdown.checkboxlist .btn {
    font-weight: 400;
    text-transform: inherit;
    background: #fff;
    text-align: left;
    border-color: #e8e8e8
}

.dropdown.checkboxlist .btn .icon-down {
    border-left: 4px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid #262626
}

.dropdown.checkboxlist .btn:hover,.dropdown.checkboxlist .btn:focus,.dropdown.checkboxlist .btn:active {
    background: #fff;
    box-shadow: 0 0 0
}

.dropdown.checkboxlist .dropdown-menu {
    border: 1px solid #e8e8e8;
    border-radius: 0;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
    background-clip: padding-box
}

.clearfix-border:after {
    background: #e8e8e8
}

.container+div[class^="container-borders-"] {
    border-top: 1px solid #e8e8e8
}

.panel-body-no-padding>ul.list-group li:first-of-type {
    border-top: none
}

.panel-body-no-padding>ul.list-group li:last-of-type {
    border-bottom: none
}

.container-borders-cols>.row {
    border-bottom: 1px solid #e8e8e8
}

@media screen and (min-width: 768px) {
    .container-borders-cols>.row>div[class^="col-"] {
        border-right:1px solid #e8e8e8
    }

    .container-borders-cols>.row>div[class^="col-"].col-sm-row {
        border-bottom: 1px solid #e8e8e8
    }

    .container-borders-cols>.row>div[class^="col-"]:last-of-type {
        border-right: none
    }
}

@media screen and (max-width: 767px) {
    .container-borders-cols>.row>div[class^="col-"][class^="col-xs"] {
        border-right:1px solid #e8e8e8
    }

    .container-borders-cols>.row>div[class^="col-"][class^="col-xs"]:last-of-type {
        border-right: none
    }

    .container-borders-cols>.row>div[class^="col-"][class^="col-sm"] {
        border-bottom: 1px solid #e8e8e8
    }

    .container-borders-cols>.row>div[class^="col-"][class^="col-sm"]:last-of-type {
        border-bottom: none
    }

    .container-borders-cols>.row>div[class^="col-"][class^="col-md"] {
        border-bottom: 1px solid #e8e8e8
    }

    .container-borders-cols>.row>div[class^="col-"][class^="col-md"]:last-of-type {
        border-bottom: none
    }

    .container-borders-cols>.row>div[class^="col-"][class^="col-lg"] {
        border-bottom: 1px solid #e8e8e8
    }

    .container-borders-cols>.row>div[class^="col-"][class^="col-lg"]:last-of-type {
        border-bottom: none
    }
}

.container-borders-cols>.row:last-of-type {
    border-bottom: none
}

.container-borders-cols>.row.row-no-borders>div[class^="col-"] {
    border-right: none
}

.container-borders-rows>.row {
    border-bottom: 1px solid #e8e8e8
}

.container-borders-rows>.row:last-of-type {
    border-bottom: none
}

.container-borders-rows>.row:only-child {
    border-bottom: 1px solid #e8e8e8
}

.contact-box .link-btn.grey {
    color: #262626
}

@media screen and (min-width: 768px) {
    .equal-height {
        display:-webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 768px) {
    .row-eq-height {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .row-eq-height .panel {
        height: 100%;
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .row-eq-height-md {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 25px
    }

    .row-eq-height-md .panel,.row-eq-height-md #notifications,.row-eq-height-md .tab-wrapper {
        height: 100%
    }
}

.panel-group .panel {
    overflow: visible
}

@media screen and (min-width: 992px) {
    .panel .row-eq-height-md {
        margin-bottom:0
    }
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.clearfix-border:after {
    content: "";
    height: 1px;
    display: table;
    width: 100%
}

.clearfix-block:after {
    height: 20px
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none
}

.center-block>.btn-lg {
    margin: 20px 0 40px 0
}

@media screen and (max-width: 991px) {
    .container {
        max-width:970px
    }
}

@media screen and (max-width: 991px) {
    .container-sm-flush .panel-primary {
        margin-bottom:0
    }
}

.container-outer {
    padding-top: 20px
}

@media screen and (max-width: 767px) {
    .container-dashboard {
        padding-top:20px
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .container-dashboard {
        padding-top:30px
    }
}

@media screen and (min-width: 992px) {
    .container-dashboard {
        padding-top:50px
    }
}

.container-no-padding {
    padding: 0
}

.container-slim-padding {
    padding-top: 0;
    padding-bottom: 0
}

.panel-body-no-padding .container-grid-padding {
    padding-left: 15px;
    padding-right: 15px
}

.panel-body-no-padding .container-grid-padding .row {
    margin-left: -15px;
    margin-right: -15px
}

.panel-body-no-padding .container-grid-padding .row div[class^="col-"] {
    padding: 15px 8px
}

.panel-body-no-padding .container-grid-padding .row div[class^="col-"]:first-child {
    padding-left: 15px
}

.panel-body-no-padding .container-grid-padding .row div[class^="col-"]:last-child {
    padding-right: 15px
}

@media screen and (max-width: 767px) {
    .panel-body-no-padding .container-grid-padding {
        padding-left:8px;
        padding-right: 8px
    }

    .panel-body-no-padding .container-grid-padding .row {
        margin-left: -8px;
        margin-right: -8px
    }

    .panel-body-no-padding .container-grid-padding .row div[class^="col-"]:nth-child(odd) {
        padding: 8px 4px 8px 8px
    }

    .panel-body-no-padding .container-grid-padding .row div[class^="col-"]:nth-child(even) {
        padding: 8px 8px 8px 4px
    }
}

@media screen and (max-width: 767px) {
    .panel-body-no-padding .container-grid-padding {
        padding-left:8px;
        padding-right: 8px
    }

    .panel-body-no-padding .container-grid-padding .row {
        margin-left: -8px;
        margin-right: -8px
    }

    .panel-body-no-padding .container-grid-padding .row div[class^="col-"]:nth-child(odd) {
        padding: 8px 4px 8px 8px
    }

    .panel-body-no-padding .container-grid-padding .row div[class^="col-"]:nth-child(even) {
        padding: 8px 8px 8px 4px
    }
}

@media screen and (max-width: 767px) {
    .container-divide-xs {
        padding-top:22px;
        border-top: 1px solid #e8e8e8
    }
}

@media screen and (min-width: 768px) {
    .row-slim-padding div[class^="col-"] {
        padding:0 8px !important
    }

    .row-slim-padding div[class^="col-"]:first-of-type {
        padding: 0 8px 0 15px !important
    }

    .row-slim-padding div[class^="col-"]:last-of-type {
        padding: 0 15px 0 8px !important
    }
}

@media screen and (max-width: 767px) {
    .row-slim-padding div[class^="col-"] {
        padding:0 5px !important
    }

    .row-slim-padding div[class^="col-"]:first-of-type {
        padding: 0 5px 0 15px !important
    }

    .row-slim-padding div[class^="col-"]:last-of-type {
        padding: 0 15px 0 5px !important
    }
}

.panel-body .container-no-padding {
    padding-left: 15px;
    padding-right: 15px
}

.panel .panel-body-no-padding,.panel-body .container-no-padding>.row>div[class^="col-"],.col-no-padding {
    padding: 0 !important
}

@media screen and (min-width: 1200px) {
    #FUMOverview .panel-body-no-padding {
        margin-top:15px
    }
}

@media screen and (max-width: 1199px) {
    #FUMOverview .panel-body-no-padding .chart-summary:nth-child(2) {
        margin-top:35px
    }
}

@media screen and (min-width: 768px) {
    .form-inline .form-control,.form-inline .btn-group {
        margin:0 10px
    }
}

@media screen and (max-width: 767px) {
    .form-inline-sm .form-control {
        margin:0;
        width: 100% !important
    }
}

.form-horizontal .form-group {
    margin-bottom: 0
}

.form-horizontal .form-group>div[class^="col-"] {
    padding: 0 0 0 15px !important
}

.form-horizontal .form-group>div[class^="col-"] .form-control,.form-horizontal .form-group>div[class^="col-"] .btn {
    margin-left: -15px !important
}

@media screen and (max-width: 767px) {
    .panel .panel-body-no-padding-xs {
        padding-left:0 !important;
        padding-right: 0 !important
    }
}

@media screen and (max-width: 767px) {
    .panel-body-no-padding .container div[class^="col-"] {
        padding:15px 8px
    }
}

@media screen and (min-width: 768px) {
    .panel-body-no-padding .container div[class^="col-"] {
        padding:22px
    }
}

.panel-body-no-padding .container div[class^="col-"] h3 {
    margin-top: 0
}

.panel-body-no-padding .container-slim-padding div[class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px
}

.flush-bottom {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

@media screen and (min-width: 768px) {
    .flush-bottom-sm {
        padding-bottom:0 !important;
        margin-bottom: 0 !important
    }
}

.flush-top {
    padding-top: 0 !important;
    margin-top: 0 !important
}

@media screen and (max-width: 767px) {
    .flush-top-xs {
        padding-top:0 !important;
        margin-top: 0 !important
    }
}

.flush-left {
    padding-left: 0 !important;
    margin-left: 0 !important
}

@media screen and (min-width: 768px) {
    .flush-left-sm {
        padding-left:0 !important;
        margin-left: 0 !important
    }
}

.flush-right {
    padding-right: 0 !important;
    margin-right: 0 !important
}

@media screen and (min-width: 768px) {
    .padding-right-sm {
        padding-right:15px !important
    }
}

@media screen and (max-width: 767px) {
    .push-xs {
        width:100px
    }
}

.btn-block {
    margin-top: 0 !important
}

@media screen and (max-width: 767px) {
    .btn-block-xs {
        display:block;
        width: 100%;
        margin: 10px 0
    }
}

@media screen and (min-width: 768px) {
    .pull-left-sm {
        float:left !important
    }

    .pull-right-sm {
        float: right !important
    }
}

@media screen and (min-width: 992px) {
    .pull-left-md {
        float:left !important
    }

    .pull-right-md {
        float: right !important
    }
}

@media screen and (max-width: 767px) {
    .pull-left-xs {
        float:left !important
    }

    .pull-right-xs {
        float: right !important
    }
}

@media screen and (max-width: 767px) {
    body.Login main>.container {
        padding-left:10px;
        padding-right: 10px
    }
}

.form-inline .radio,.form-inline .checkbox {
    display: inline-block;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 15px
}

.form-inline .radio:last-of-type,.form-inline .checkbox:last-of-type {
    margin-right: 0
}

.form-inline .radio input[type="radio"],.form-inline .radio .form-inline .checkbox input[type="checkbox"],.form-inline .checkbox input[type="radio"],.form-inline .checkbox .form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px
}

.form-inline .radio+.radio,.form-inline .checkbox+.checkbox {
    margin-top: 10px
}

@media (min-width: 992px) {
    .pull-right-md {
        float:right
    }
}

@media (max-width: 991px) {
    .pull-right-md {
        display:block !important;
        margin-bottom: 15px !important
    }

    .pull-right-md input {
        width: 100% !important
    }
}

.panel .panel-body ul {
    padding-left: 20px
}

.panel .panel-body ul.dropdown-menu {
    padding-left: 0;
    top: 30px
}

@media screen and (max-width: 767px) {
    .panel .panel-body ul.dropdown-menu {
        top:auto;
        margin-top: -2px
    }
}

.panel .panel-body ul.list-unstyled {
    padding-left: 0
}

.panel-primary.tc-panel {
    margin-top: 9px;
    margin-bottom: 63px
}

@media screen and (max-width: 991px) {
    .panel-primary.tc-panel {
        margin-bottom:0
    }
}

.panel-primary.tc-panel .panel-body {
    padding: 21px 30px 55px 30px
}

@media screen and (max-width: 767px) {
    .panel-primary.tc-panel .panel-body {
        padding-left:15px;
        padding-right: 15px
    }
}

.panel-primary.tc-panel .panel-body .border-box {
    margin-top: 20px;
    padding: 0 21px;
    height: 376px;
    margin-bottom: 21px
}

.panel-primary.tc-panel .panel-body .border-box h2 {
    margin-bottom: 22px
}

.panel-primary.tc-panel .panel-body .border-box p,.panel-primary.tc-panel .panel-body .border-box ul {
    margin-bottom: 21px
}

.panel-primary.tc-panel .panel-body .checkbox {
    padding-left: 21px;
    margin-bottom: 25px
}

@media (min-width: 768px) and (max-width: 991px) {
    .container.newPanel {
        max-width:100%
    }

    .tc-panel {
        margin-bottom: 0
    }
}

#right-nav {
    margin: 0;
    padding: 0;
    margin-top: 62px
}

#right-nav>li {
    padding: 12px 0
}

#right-nav>li>a {
    padding: 0 12px
}

#right-nav>li>ul {
    margin: 0;
    padding: 0
}

#right-nav>li>ul li {
    padding: 5px 0 5px 12px
}

#right-nav>li:first-of-type {
    padding-top: 0
}

h1 {
    margin: 0
}

h3 .paged-title {
    display: table;
    width: 185px
}

h3 .paged-title a,h3 .paged-title span {
    display: table-cell;
    vertical-align: top
}

h3.text-center .paged-title {
    margin: 0 auto
}

#PFHOverview h3 {
    margin-bottom: 22px
}

dl {
    margin: 0 0 10px 0
}

dl dt span {
    display: inline !important
}

@media screen and (min-width: 768px) {
    dl {
        float:left;
        width: 100%
    }

    dl dt,dl dd {
        display: inline;
        margin: 5px 0
    }

    dl dt {
        float: left;
        clear: left
    }

    dl dd {
        float: right
    }
}

@media screen and (max-width: 767px) {
    dl dd {
        margin-bottom:5px
    }
}

iframe {
    width: 100%
}

.latest-news .thread {
    margin-bottom: 0
}

@media screen and (min-width: 480px) and (max-width: 991px) {
    .latest-news .thread a.post-image {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .page-links {
        margin-top:10px
    }
}

.page-links a {
    margin: 0 20px 0 0;
    display: inline-block
}

@media screen and (max-width: 767px) {
    .page-links a {
        margin-top:10px
    }
}

.page-links.page-links-sm a {
    padding: 0 5px 12px 3px;
    margin: 0 9px 0 5px
}

.form-inline .form-group .form-control {
    width: auto
}

@media screen and (max-width: 767px) {
    .form-inline .form-group .form-control {
        max-width:100%
    }
}

.form-control-pm {
    padding: 0 20px;
    height: 50px
}

.form-control-ephemeral {
    padding: 25px 20px
}

.sp-label {
    display: block
}

.sp-label-inline {
    display: inline
}

.form-group .form-control {
    height: 39px;
    -webkit-box-shadow: none
}

.form-group .form-control[disabled],.form-group .form-control[readonly],.form-group fieldset[disabled] .form-control {
    cursor: not-allowed;
    -webkit-box-shadow: none
}

.form-group .inside {
    width: 100%
}

@media screen and (max-width: 767px) {
    .form-group .inside {
        margin-bottom:10px
    }
}

@media screen and (min-width: 768px) {
    .form-group .inside {
        padding-right:20px
    }
}

.form-group.form-group-padded .form-control {
    margin-top: 10px;
    margin-bottom: 20px;
    height: 39px
}

.checkbox {
    margin: 0
}

.checkbox input {
    vertical-align: middle;
    position: relative;
    bottom: -3px
}

.well.well-no-padding {
    padding: 0
}

.well.well-inline {
    display: inline-block;
    margin: 10px 0
}

.well.radio {
    padding-bottom: 24px;
    margin-bottom: 16px
}

.well.radio input {
    margin-right: 16px;
    margin-top: 5px;
    margin-left: 1px
}

.well.radio:last-of-type {
    margin-bottom: 20px
}

.well.cta {
    padding: 16px;
    font-size: 14px
}

.well.cta .cta-title {
    margin: 0 10px
}

.border-box {
    overflow-y: scroll;
    padding: 15px;
    height: 157px
}

.radio {
    margin-top: 0
}

.radio input {
    vertical-align: middle;
    position: relative;
    bottom: -3px
}

.input-group .input-group-addon span {
    width: 26px;
    height: 26px;
    display: block
}

.input-group .form-control {
    height: 49px
}

.input-group.input-group-sm {
    width: 114px
}

.input-group.input-group-sm .form-control {
    height: auto;
    width: 87px;
    padding: 6px 8px 6px 10px;
    margin: 0
}

.input-group.input-group-sm .input-group-btn .btn {
    padding: 6px 12px 6px 0
}

@media screen and (min-width: 768px) {
    .panel-sm {
        max-width:460px;
        margin: 0 auto
    }
}

@media screen and (min-width: 768px) {
    .panel-md {
        max-width:1006px;
        margin: 0 auto
    }
}

.panel-primary>.panel-heading {
    padding: 22px 20px 20px
}

.panel-primary>.panel-heading h1 {
    margin: 0
}

.panel-primary .panel-footer {
    padding: 22px
}

.panel-primary .panel-footer p {
    margin: 0
}

.tab-pane>.panel-default {
    border: none;
    margin-bottom: 0
}

.panel-default .panel-heading {
    padding: 9px 10px 9px 20px
}

@media screen and (max-width: 767px) {
    .panel-default .panel-heading {
        padding:9px 10px 9px
    }
}

.panel-default .panel-heading.panel-heading-no-padding {
    padding: 0
}

.panel-default .panel-heading.panel-heading-no-padding .pull-left,.panel-default .panel-heading.panel-heading-no-padding .pull-right {
    padding: 9px 22px 9px
}

.panel-default .panel-heading.panel-heading-no-padding .link-toggle {
    min-width: 110px
}

.panel-default .panel-heading.panel-heading-no-padding .link-toggle .svg-link-arrow-right {
    margin-left: 8px
}

.panel-default .panel-heading.panel-heading-no-padding .link-toggle .svg-link-arrow-left {
    margin-right: 8px
}

.panel-default .panel-heading h2,.panel-default .panel-heading h3 {
    margin: 0
}

@media (min-width: 768px) {
    .panel-default .panel-heading span {
        margin-left:10px
    }
}

.panel-default .panel-heading strong {
    margin-left: 10px
}

.panel-default .panel-heading .icon-buttons .icon-button span {
    margin: 0
}

.panel-default .panel-heading .form-group {
    margin-bottom: 0
}

.panel-default .panel-body {
    padding: 22px
}

@media screen and (max-width: 767px) {
    .panel-default .panel-body {
        padding:15px 8px
    }
}

.panel-default .panel-body.panel-body-only-child strong.header-style {
    margin: 0
}

@media screen and (min-width: 480px) and (max-width: 991px) {
    .panel-default .panel-body small.text-left {
        max-width:230px
    }
}

.panel-default.panel-trade .summary-xs {
    padding-top: 22px !important;
    padding-bottom: 22px !important
}

.panel-default.panel-trade .summary-xs .summary-detail {
    margin: 0
}

.panel-default.panel-trade .summary-xs .value {
    font-size: 22px
}

@media screen and (min-width: 992px) {
    .panel .panel-body-extra-padding {
        padding-left:65px;
        padding-right: 65px;
        padding-top: 30px
    }
}

.accordion-panel .panel-heading {
    padding: 14px 18px 13px
}

.btn {
    position: relative;
    padding: 10px 20px
}

.btn-popover {
    padding: 10px;
    margin-right: 10px
}

.btn-fluid {
    width: 100%
}

.btn-sm {
    padding: 6px 16px
}

.btn-sm.btn-range {
    padding: 6px 20px 6px 10px
}

.btn-sm.btn-range .svg-range-select-arrow {
    position: absolute;
    margin: 7px 0 0 6px
}

.btn-xs {
    padding: 3px 5px
}

.btn-lg {
    padding: 14px 15px
}

@media screen and (min-width: 768px) {
    .btn-lg {
        min-width:120px
    }
}

.btn:focus,a:focus {
    outline: none
}

.form-group-vertical label {
    margin-bottom: 13px
}

.form-group-vertical .btn-group {
    width: 100%
}

.btn-group .btn-primary {
    -webkit-box-shadow: 0 0 0 0;
    padding: 10px 15px;
    margin-left: 0 !important
}

.btn-group.disabled .btn-primary {
    cursor: not-allowed
}

.form-horizontal .btn-group.col-sm-10 {
    padding-left: 3px
}

.form-horizontal .btn-group.col-sm-10 .btn {
    padding: 10px 13px
}

.form-horizontal div[class^="col-"] .form-group:only-child {
    margin-bottom: 0
}

.form-horizontal div[class^="col-"] .btn {
    margin-left: 15px
}

.form-horizontal div[class^="col-"] .btn:only-child {
    margin-left: 0
}

.form-horizontal div[role="rowheader"] {
    border-bottom-width: 2px
}

.form-horizontal div[role="rowheader"] div[class^="col-"] {
    padding-top: 15px;
    padding-bottom: 15px
}

.form-horizontal div[role="gridcell"] .form-group label {
    padding-left: 0;
    text-align: left
}

.btn-sm.btn-icon {
    padding: 6px 12px
}

.btn-icon span[class^="svg-download-"] {
    position: relative;
    top: 2px;
    margin-left: 3px
}

.btn-icon .svg-button-arrow-right {
    position: relative;
    top: -1px;
    margin-left: 5px
}

.btn-icon .svg-button-arrow-left {
    position: relative;
    top: -1px;
    margin-right: 5px
}

.summary-detail .value span {
    display: inline-block;
    margin-right: 10px
}

.summary-detail strong {
    display: block;
    letter-spacing: 1.2px
}

.summary-detail>small {
    display: block
}

.summary-detail.cell {
    padding: 14px 20px
}

.summary-detail.small {
    margin-bottom: 22px
}

.summary-detail.small strong {
    display: block
}

.summary-detail.small>small {
    display: block
}

.summary-detail.summary-detail-horizontal strong,.summary-detail.summary-detail-horizontal small {
    display: inline-block;
    margin-right: 12px
}

.panel-table-expandable table tbody tr td:last-of-type:after {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 23px
}

@media screen and (max-width: 767px) {
    .panel-table-expandable table tbody tr td:last-of-type:after {
        right:10px
    }
}

.panel-table-expandable table tbody tr td.reduce:after {
    display: none
}

.panel-table-wrapper table {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .panel-table-wrapper th:first-of-type,.panel-table-wrapper td:first-of-type {
        padding-left:22px
    }

    .panel-table-wrapper th:last-of-type,.panel-table-wrapper td:last-of-type {
        padding-right: 22px
    }
}

.panel-table-wrapper thead tr th {
    vertical-align: top;
    padding-top: 15px;
    padding-bottom: 11px
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper thead tr th {
        padding-left:6px;
        padding-right: 6px
    }
}

.panel-table-wrapper thead tr th.srt-dn:after {
    content: " \25BC"
}

.panel-table-wrapper thead tr th.srt-up:after {
    content: " \25B2"
}

.panel-table-wrapper tbody tr td {
    padding-top: 15px;
    padding-bottom: 13px
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper tbody tr td {
        padding-left:6px;
        padding-right: 6px
    }
}

.panel-table-wrapper tbody tr td:last-of-type {
    position: relative
}

.panel-table-wrapper tbody tr td:last-of-type .svg-open {
    position: absolute;
    right: 22px;
    top: 15px;
    cursor: pointer
}

.panel-table-wrapper tfoot tr th {
    padding-top: 15px;
    padding-bottom: 19px
}

.panel-table-wrapper .panel-body {
    padding: 0
}

.panel-table-wrapper .panel-heading {
    padding: 11px 22px 12px
}

.panel-table-wrapper .panel-heading .text-right {
    padding-right: 12px
}

.panel-table-wrapper .panel-heading input {
    height: 31px;
    padding: 5px 13px;
    width: 192px;
    margin-left: 6px
}

.panel-table-wrapper .panel-heading input:focus {
    outline: none
}

.panel-table-wrapper .panel-heading #title strong {
    margin: 0
}

.panel-table-wrapper .panel-footer {
    padding: 14px 15px;
    min-height: 64px;
    position: relative
}

.panel-table-wrapper .panel-footer h5 {
    position: absolute;
    display: block;
    width: 100px;
    left: 1px;
    right: 0;
    top: 24px;
    margin: auto
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .panel-table-wrapper td.reduce {
        padding:15px
    }
}

.panel-table-wrapper td.reduce .grey4 .pull-right.bgb .svg-close {
    margin-left: 15px
}

.panel-table-wrapper td.reduce #transactionDetail {
    padding: 0;
    margin-top: 15px
}

.panel-table-wrapper td.reduce #transactionDetail .row {
    margin-left: -8px;
    margin-right: -8px
}

.panel-table-wrapper td.reduce #transactionDetail .row>div {
    padding: 8px
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper td.reduce #transactionDetail .row>div:nth-child(odd) {
        padding-right:4px
    }

    .panel-table-wrapper td.reduce #transactionDetail .row>div:nth-child(even) {
        padding-left: 4px
    }
}

.panel-table-wrapper td.reduce #transactionDetail .row>div>div {
    padding: 15px;
    padding-right: 5px;
    height: 85px
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper td.reduce #transactionDetail .row>div>div {
        height:75px
    }
}

.panel-table-wrapper td.reduce #transactionDetail .row>div>div b {
    display: block;
    margin-top: 3px
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper td.reduce #transactionDetail .row>div>div {
        padding:15px 8px
    }
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper .panel-heading {
        padding:11px 8px 12px
    }

    .panel-table-wrapper .panel-heading .row {
        margin-right: -8px
    }

    .panel-table-wrapper .panel-heading .text-right {
        padding-right: 8px
    }

    .panel-table-wrapper .panel-heading .text-right .btn-group a {
        width: 100%
    }

    .panel-table-wrapper .panel-heading .text-right input {
        float: right;
        max-width: 150px
    }

    .panel-table-wrapper .panel-heading #tradingBtn {
        display: block;
        width: 100%;
        margin: 10px 0
    }

    .panel-table-wrapper .panel-footer {
        padding: 14px 10px
    }

    .panel-table-wrapper .panel-footer h5 {
        left: 0;
        width: auto;
        position: relative;
        top: 0;
        text-align: left;
        display: inline-block
    }

    .panel-table-wrapper td.reduce h4 {
        margin-top: 0
    }

    .panel-table-wrapper td.reduce h4 .pull-left.bgb {
        margin-bottom: 10px
    }

    .panel-table-wrapper td.reduce h4 .pull-right.bgb {
        float: left !important
    }

    .panel-table-wrapper td.reduce h4 .pull-right.bgb .svg-close {
        margin-left: 15px;
        position: absolute;
        top: 15px;
        right: 10px
    }

    .panel-table-wrapper tbody tr td:last-of-type {
        width: 100px
    }

    .panel-table-wrapper tbody tr td:last-of-type .svg-open {
        right: 10px;
        top: 17px
    }
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper.trade-search .text-right .form-group {
        width:100%
    }

    .panel-table-wrapper.trade-search .text-right input {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
        float: none
    }
}

.panel-table-wrapper.trade-search tbody td {
    line-height: 32px;
    padding-top: 10px;
    padding-bottom: 10px
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper.trade-search tbody td:last-child {
        width:40px;
        padding-right: 8px
    }
}

@media screen and (min-width: 768px) {
    .panel-table-wrapper.trade-search thead th:nth-last-child(-n+2) {
        width:60px
    }
}

@media screen and (max-width: 767px) {
    .panel-table-wrapper.trade-search thead th:last-child {
        width:40px;
        padding-right: 8px
    }
}

#steps {
    display: block;
    padding-top: 43px;
    padding-bottom: 74px
}

#steps .step-bar {
    height: 5px;
    position: relative
}

#steps .step-bar b {
    width: 12%;
    height: 5px;
    position: absolute;
    top: 0
}

#steps .step-bar b:nth-of-type(even) {
    width: 37px;
    height: 37px;
    position: absolute;
    z-index: 1;
    padding: 4px;
    top: 0;
    bottom: 0;
    margin: auto
}

#steps .step-bar b:nth-of-type(even) span {
    margin-top: 33px;
    position: absolute;
    white-space: nowrap;
    width: 200px;
    margin-left: -100px;
    top: 19px
}

#steps .step-bar b:nth-of-type(even).done:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 9px;
    width: 14px;
    height: 11px;
    display: inline-block
}

#steps .step-bar b:nth-of-type(1) {
    width: 29%;
    left: 0
}

#steps .step-bar b:nth-of-type(2) {
    left: 29%
}

#steps .step-bar b:nth-of-type(3) {
    width: 21%;
    left: 29%;
    margin: auto
}

#steps .step-bar b:nth-of-type(4) {
    left: 0;
    right: 0;
    margin: auto
}

#steps .step-bar b:nth-of-type(5) {
    width: 20%;
    left: 50%
}

#steps .step-bar b:nth-of-type(6) {
    right: 29%
}

#steps .step-bar b:nth-of-type(7) {
    right: 0;
    width: 40%
}

@media screen and (max-width: 767px) {
    #steps {
        padding-top:37px;
        padding-bottom: 37px;
        min-height: 80px
    }

    #steps .step-bar b span {
        display: none
    }

    #steps .step-bar b:nth-of-type(1) {
        width: 13%;
        left: 0
    }

    #steps .step-bar b:nth-of-type(2) {
        left: 13%
    }

    #steps .step-bar b:nth-of-type(3) {
        width: 37%;
        left: 17%;
        margin: auto
    }

    #steps .step-bar b:nth-of-type(4) {
        left: 0;
        right: 0;
        margin: auto
    }

    #steps .step-bar b:nth-of-type(5) {
        width: 37%;
        left: 50%
    }

    #steps .step-bar b:nth-of-type(6) {
        right: 13%
    }

    #steps .step-bar b:nth-of-type(7) {
        right: 0;
        width: 40%
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #steps {
        padding-top:50px;
        padding-bottom: 75px
    }

    #steps .step-bar b:nth-of-type(1) {
        width: 17%;
        left: 0
    }

    #steps .step-bar b:nth-of-type(2) {
        left: 17%
    }

    #steps .step-bar b:nth-of-type(3) {
        width: 30%;
        left: 20%;
        margin: auto
    }

    #steps .step-bar b:nth-of-type(4) {
        left: 0;
        right: 0;
        margin: auto
    }

    #steps .step-bar b:nth-of-type(5) {
        width: 30%;
        left: 50%
    }

    #steps .step-bar b:nth-of-type(6) {
        right: 17%
    }

    #steps .step-bar b:nth-of-type(7) {
        right: 0;
        width: 40%
    }
}

#steps.five-steps .step-bar b {
    width: 12%;
    height: 5px;
    position: absolute;
    top: 0;
    right: auto
}

#steps.five-steps .step-bar b:nth-of-type(even) {
    width: 37px;
    height: 37px;
    position: absolute;
    z-index: 1;
    padding: 4px;
    top: 0;
    bottom: 0;
    margin: auto
}

#steps.five-steps .step-bar b:nth-of-type(even) span {
    margin-top: 33px;
    position: absolute;
    white-space: nowrap;
    width: 200px;
    margin-left: -100px;
    top: 19px
}

#steps.five-steps .step-bar b:nth-of-type(even).done:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 9px;
    width: 14px;
    height: 11px;
    display: inline-block
}

#steps.five-steps .step-bar b:nth-of-type(1) {
    width: 20%;
    left: 0
}

#steps.five-steps .step-bar b:nth-of-type(2) {
    left: 20%
}

#steps.five-steps .step-bar b:nth-of-type(3) {
    width: 15%;
    left: 20%
}

#steps.five-steps .step-bar b:nth-of-type(4) {
    left: 35%
}

#steps.five-steps .step-bar b:nth-of-type(5) {
    width: 15%;
    left: 35%
}

#steps.five-steps .step-bar b:nth-of-type(6) {
    left: 50%
}

#steps.five-steps .step-bar b:nth-of-type(7) {
    left: 50%;
    width: 15%
}

#steps.five-steps .step-bar b:nth-of-type(8) {
    left: 65%
}

#steps.five-steps .step-bar b:nth-of-type(9) {
    left: 65%;
    width: 15%
}

#steps.five-steps .step-bar b:nth-of-type(10) {
    left: 80%
}

#steps.five-steps .step-bar b:nth-of-type(11) {
    left: 80%;
    width: 20%
}

@media screen and (max-width: 767px) {
    #steps.five-steps {
        padding-top:37px;
        padding-bottom: 37px;
        min-height: 80px
    }

    #steps.five-steps .step-bar b:nth-of-type(1) {
        width: 8%;
        left: 0
    }

    #steps.five-steps .step-bar b:nth-of-type(2) {
        left: 8%
    }

    #steps.five-steps .step-bar b:nth-of-type(3) {
        width: 18%;
        left: 8%
    }

    #steps.five-steps .step-bar b:nth-of-type(4) {
        left: 26%
    }

    #steps.five-steps .step-bar b:nth-of-type(5) {
        width: 18%;
        left: 26%
    }

    #steps.five-steps .step-bar b:nth-of-type(6) {
        left: 44%
    }

    #steps.five-steps .step-bar b:nth-of-type(7) {
        left: 46%;
        width: 18%
    }

    #steps.five-steps .step-bar b:nth-of-type(8) {
        left: 63%
    }

    #steps.five-steps .step-bar b:nth-of-type(9) {
        left: 62%;
        width: 18%
    }

    #steps.five-steps .step-bar b:nth-of-type(10) {
        left: 80%
    }

    #steps.five-steps .step-bar b:nth-of-type(11) {
        left: 80%;
        width: 20%
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #steps.five-steps {
        padding-top:50px;
        padding-bottom: 75px
    }

    #steps.five-steps .step-bar b:nth-of-type(1) {
        width: 7%;
        left: 0
    }

    #steps.five-steps .step-bar b:nth-of-type(2) {
        left: 7%
    }

    #steps.five-steps .step-bar b:nth-of-type(3) {
        width: 23%;
        left: 7%
    }

    #steps.five-steps .step-bar b:nth-of-type(4) {
        left: 27%
    }

    #steps.five-steps .step-bar b:nth-of-type(5) {
        width: 23%;
        left: 27%
    }

    #steps.five-steps .step-bar b:nth-of-type(6) {
        left: 47%
    }

    #steps.five-steps .step-bar b:nth-of-type(7) {
        left: 47%;
        width: 23%
    }

    #steps.five-steps .step-bar b:nth-of-type(8) {
        left: 67%
    }

    #steps.five-steps .step-bar b:nth-of-type(9) {
        left: 67%;
        width: 23%
    }

    #steps.five-steps .step-bar b:nth-of-type(10) {
        left: 87%
    }

    #steps.five-steps .step-bar b:nth-of-type(11) {
        left: 87%;
        width: 23%
    }
}

@media screen and (min-width: 992px) {
    #steps.five-steps .step-bar b:nth-of-type(1) {
        width:14%;
        left: 0
    }

    #steps.five-steps .step-bar b:nth-of-type(2) {
        left: 14%
    }

    #steps.five-steps .step-bar b:nth-of-type(3) {
        width: 18%;
        left: 14%
    }

    #steps.five-steps .step-bar b:nth-of-type(4) {
        left: 32%
    }

    #steps.five-steps .step-bar b:nth-of-type(5) {
        width: 18%;
        left: 32%
    }

    #steps.five-steps .step-bar b:nth-of-type(6) {
        left: 50%
    }

    #steps.five-steps .step-bar b:nth-of-type(7) {
        left: 50%;
        width: 18%
    }

    #steps.five-steps .step-bar b:nth-of-type(8) {
        left: 68%
    }

    #steps.five-steps .step-bar b:nth-of-type(9) {
        left: 68%;
        width: 18%
    }

    #steps.five-steps .step-bar b:nth-of-type(10) {
        left: 86%
    }

    #steps.five-steps .step-bar b:nth-of-type(11) {
        left: 86%;
        width: 14%
    }
}

@media screen and (max-width: 991px) {
    .tab-wrapper {
        margin-bottom:20px
    }
}

.tab-wrapper .nav-tabs-wrapper a.pull-right {
    padding: 15px 0
}

@media screen and (max-width: 767px) {
    .tab-wrapper .nav {
        width:100%
    }
}

.tab-wrapper .nav li {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .tab-wrapper .nav li {
        width:50%
    }
}

.tab-wrapper .nav li a {
    margin: 0;
    padding: 15px 23px;
    margin-right: -1px
}

.tab-wrapper .nav li a span.tab-icon {
    margin-right: 10px
}

@media screen and (max-width: 767px) {
    .tab-wrapper .nav li a {
        padding:15px 10px
    }

    .tab-wrapper .nav li a span {
        display: block;
        float: left
    }

    .tab-wrapper .nav li a span.tab-text {
        position: relative;
        top: 2px;
        max-width: 90px
    }
}

.tab-currencies .panel-body {
    padding: 0
}

.tab-currencies .panel-body .cblk {
    padding: 15px
}

.tab-currencies .panel-body .cblk.active {
    position: relative
}

.tab-currencies .panel-body .cblk.active:after {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0
}

@media screen and (max-width: 767px) {
    .tab-currencies .summary-detail.small {
        margin-bottom:-1px
    }

    .tab-currencies .panel-body .form-group-padded {
        padding-right: 15px;
        padding-left: 15px
    }

    .tab-currencies .panel-body .form-group label {
        margin-bottom: 5px;
        margin-top: 15px
    }

    .tab-currencies .tab-content .panel-horizontal .panel-heading {
        width: 100%
    }

    .tab-currencies .tab-content .panel-horizontal .panel-body {
        width: 100%
    }

    .tab-currencies .tab-content .panel-horizontal .panel-body .cblk {
        margin-bottom: 0
    }
}

.panel-cash .panel-heading {
    padding-top: 16px;
    padding-bottom: 16px
}

.panel-horizontal {
    margin-bottom: 24px
}

.panel-horizontal .panel-heading {
    vertical-align: top;
    width: 98px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 22px;
    text-align: left
}

.panel-horizontal .panel-body {
    padding: 0;
    display: table
}

.panel-horizontal .panel-body .cblk {
    padding: 16px 22px 14px
}

.panel-horizontal .panel-body .cblk.active {
    position: relative
}

.panel-horizontal .panel-body .cblk.active:after {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0
}

@media screen and (max-width: 767px) {
    .panel-horizontal .panel-heading {
        width:100%
    }

    .panel-horizontal .panel-body {
        width: 100%
    }

    .panel-horizontal .panel-body .cblk {
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) {
    main {
        min-height:600px
    }
}

body.Login header {
    min-height: 0
}

body.Login header>img {
    width: 192px;
    margin: auto;
    display: block;
    margin-top: 92px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    body.Login header>img {
        margin-top:45px
    }
}

@media screen and (max-width: 767px) {
    body.Login header>img {
        margin-top:30px
    }
}

@media screen and (min-width: 768px) {
    form.login {
        margin:10px 0
    }
}

@media screen and (min-width: 768px) {
    body.Pre-login-long header {
        min-height:100px
    }
}

@media screen and (min-width: 992px) {
    body.Pre-login-long header {
        min-height:147px
    }
}

body.Pre-login-long header>.container>img {
    width: 148px;
    margin-left: -10px;
    margin-top: 13px
}

body.Pre-login-long header>.container .client-login {
    position: relative;
    margin-top: 42px;
    padding-left: 30px
}

body.Pre-login-long header>.container .client-login span.svg-client-login {
    position: absolute;
    top: 0;
    left: -2px
}

@media screen and (max-width: 991px) {
    body.Pre-login-long main {
        min-height:auto
    }
}

body.Pre-login-long main .long-login {
    min-height: 2246px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .password-col .password-strength {
        padding-left:12px;
        margin-left: -10px;
        margin-right: -10px
    }

    .password-col .password-strength .list-unstyled li {
        padding-left: 23px;
        font-size: 12px
    }
}

.password-success {
    margin-bottom: 25px
}

.password-strength {
    padding: 10px 16px 15px;
    margin-top: 25px;
    margin-bottom: 20px;
    position: relative
}

.password-strength:before {
    content: url("imgs/popup-arrow.png");
    position: absolute;
    top: -21px;
    left: 0;
    right: 0;
    width: 39px;
    margin: auto
}

.password-strength .form-group {
    margin-bottom: 0
}

.password-strength .list-unstyled {
    margin-bottom: 9px
}

.password-strength .list-unstyled li {
    padding-left: 28px;
    position: relative
}

.password-strength .list-unstyled li span span {
    position: absolute;
    left: 0;
    top: 5px
}

.password-strength .text-center {
    position: relative
}

.password-strength .text-center i:nth-of-type(2) {
    position: absolute;
    display: block;
    left: 0;
    right: 0
}

.password-strength .progress {
    height: 23px;
    margin-bottom: 0;
    -webkit-box-shadow: 0 0 0 0;
    width: 100%
}

.typeahead {
    width: 215px;
    right: 0;
    left: auto;
    top: 34px;
    padding-top: 5px;
    display: none
}

.typeahead:after {
    display: none
}

.typeahead li a {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 12px;
    height: 25px
}

.mobile-search .typeahead {
    width: 100%
}

.pad1 .panel-heading {
    padding: 12px 22px 13px
}

.pad1 .panel-heading b {
    margin: 0
}

.list-group {
    padding: 0 !important
}

.list-group .list-group-item {
    position: relative;
    padding: 13px 25px 13px 15px
}

.list-group .list-group-item span.date {
    display: inline-block;
    margin-bottom: 5px
}

.list-group .list-group-item span.date span.svg-notifications-bell-grey {
    position: relative;
    top: 3px
}

.list-group .list-group-item .svg-medium-up-green,.list-group .list-group-item .svg-medium-down-red {
    position: absolute;
    left: 22px;
    top: 18px
}

.list-group .list-group-item .mov-no {
    position: absolute;
    left: 25px;
    top: 14px
}

.list-group.pad5 .list-group-item {
    padding-left: 44px
}

.list-group.pad0 .list-group-item {
    padding-left: 0;
    padding-right: 0
}

.list-group.pm-lists {
    max-height: 460px;
    overflow-y: auto;
    margin-bottom: 0
}

.list-group.pm-lists .list-group-item {
    padding: 13px 20px
}

.list-group.pm-lists .list-group-item .icon-button {
    margin-top: 10px
}

.list-group.pm-list-detail {
    max-height: 336px
}

.list-group.pm-list-detail .list-group-item {
    min-height: 65px;
    padding-right: 10px
}

@media screen and (max-width: 767px) {
    .list-group.pm-list-detail .list-group-item>span {
        max-width:85%
    }
}

.list-group#blog {
    margin-bottom: 0
}

.list-group#blog .list-group-item {
    padding: 0
}

.list-group#blog .thread {
    min-height: 0;
    margin-bottom: 0
}

.list-group#blog .thread .heading {
    height: auto
}

.list-group#blog .thread .categtory {
    display: inline;
    padding-left: 15px;
    position: relative
}

.list-group#blog .thread .categtory:before {
    content: '';
    height: 5px;
    width: 5px;
    left: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .panel-performers .list-group {
        margin-bottom:0
    }

    .panel-performers .list-group .list-group-item>span:first-child {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 210px
    }

    .panel-performers .list-group .list-group-item .cols-wrap {
        min-width: 100px
    }

    .panel-performers .list-group .list-group-item .icon-performance {
        position: relative;
        top: 0;
        left: 0;
        margin-right: 5px
    }

    .panel-performers .list-group .list-group-item:last-child {
        border-bottom: none
    }
}

@media screen and (max-width: 767px) {
    .panel-performers .list-group {
        margin-bottom:0;
        border-bottom: none !important
    }

    .panel-performers .list-group .list-group-item>span:first-child {
        display: block;
        width: 100%;
        text-align: left;
        color: #006c7b;
        font-weight: normal
    }

    .panel-performers .list-group .list-group-item>span:first-child .cols-wrap span:before {
        content: "("
    }

    .panel-performers .list-group .list-group-item>span:first-child .cols-wrap span:after {
        content: ")"
    }
}

.modal-sm {
    max-width: 480px
}

.modal-sm .modal-body {
    padding: 20px 40px
}

.modal-sm .modal-body h3 {
    margin-top: 29px;
    margin-bottom: 17px
}

.modal-sm .modal-footer {
    padding-bottom: 46px
}

@media screen and (min-width: 992px) {
    .modal-lg {
        width:1015px
    }
}

.modal-lg .modal-body {
    padding: 25px;
    padding-bottom: 0
}

.modal-lg .modal-body .tab-wrapper {
    padding-top: 10px
}

.modal-lg .modal-footer {
    padding: 15px 25px 35px 25px
}

.modal-cta {
    padding-left: 3px;
    padding-right: 5px
}

@media screen and (max-width: 767px) {
    .modal-cta {
        padding-left:0;
        padding-right: 0;
        margin: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .modal-cta {
        width:95%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .modal-cta .modal-body {
        padding-left:15px;
        padding-right: 15px
    }
}

.modal-cta .modal-body p {
    line-height: 24px
}

.modal-cta .modal-body .tab-wrapper {
    padding-top: 8px
}

.modal-cta .modal-body .tab-wrapper .nav li a {
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .modal-cta .modal-body .tab-wrapper .nav-tabs-wrapper {
        margin-left:-10px;
        margin-right: -10px
    }

    .modal-cta .modal-body .tab-wrapper .nav:before,.modal-cta .modal-body .tab-wrapper .nav:after {
        display: table;
        content: " "
    }

    .modal-cta .modal-body .tab-wrapper .nav li a {
        padding: 15px 10px;
        border-bottom: 1px solid #e8e8e8
    }

    .modal-cta .modal-body .tab-wrapper .nav li a span {
        float: inherit;
        max-width: 100%;
        width: 100%;
        text-align: center
    }

    .modal-cta .modal-body .tab-wrapper .nav li a:focus,.modal-cta .modal-body .tab-wrapper .nav li a:hover,.modal-cta .modal-body .tab-wrapper .nav li a:active {
        border-bottom: 1px solid #006c7b
    }

    .modal-cta .modal-body .tab-wrapper .nav li:last-of-type a {
        border-right: 0;
        margin-right: 0
    }

    .modal-cta .modal-body .tab-wrapper .nav li.active a {
        border-bottom: 1px solid #006c7b
    }

    .modal-cta .modal-body .tab-wrapper>.panel {
        border: 0
    }

    .modal-cta .modal-body .tab-wrapper .tab-content .tab-pane>.panel {
        border: 0
    }

    .modal-cta .modal-body .tab-wrapper .tab-content .tab-pane>.panel>.panel-body {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0
    }

    .modal-cta .modal-body .tab-wrapper .tab-content .tab-pane>.panel>.panel-body>.row {
        margin-left: 0;
        margin-right: 0
    }

    .modal-cta .modal-body .tab-wrapper .tab-content .tab-pane>.panel>.panel-body>.row .col-sm-6 {
        padding-left: 0;
        padding-right: 0
    }
}

.modal-cta .modal-body .row-slim-padding {
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .modal-cta .modal-body .row-slim-padding {
        margin-bottom:0
    }

    .modal-cta .modal-body .row-slim-padding .panel {
        margin-bottom: 0
    }

    .modal-cta .modal-body .row-slim-padding .panel-body {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 15px
    }
}

@media screen and (max-width: 767px) {
    .modal-cta>.modal-content>.modal-body {
        padding-bottom:0
    }
}

.modal-cta .modal-content {
    -webkit-box-shadow: 1px 3px rgba(0,0,0,0.13)
}

@media screen and (max-width: 767px) {
    .modal-cta .modal-content {
        border:0;
        box-shadow: 0 0 0
    }
}

.modal-cta .modal-content .modal-header {
    padding: 18px 20px 16px
}

.modal-cta .modal-content .modal-header .modal-title {
    margin: 0
}

.modal-cta .modal-content .modal-footer {
    margin-top: 4px
}

.modal-cta .modal-content .modal-footer .btn-primary {
    width: 175px
}

.modal-cta .modal-content .modal-footer .btn-default {
    margin-right: 10px
}

@media screen and (max-width: 767px) {
    .modal-cta .modal-footer {
        margin-top:0;
        background: #fff;
        border-top: 0;
        padding: 0 10px 20px 10px
    }

    .modal-cta .modal-footer .btn-default {
        margin-bottom: 15px;
        width: 48% !important;
        margin-left: 0
    }

    .modal-cta .modal-footer .pull-right .btn {
        width: 100%;
        margin-left: 0;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .modal-cta .modal-content .modal-header {
        padding:18px 15px 16px
    }

    .modal-cta .modal-content .modal-body {
        padding: 20px 10px
    }

    .modal-cta .modal-content .modal-body h3 {
        margin-top: 0;
        margin-bottom: 17px
    }

    .modal-cta .modal-content .modal-footer {
        padding-bottom: 15px;
        padding-top: 0
    }

    .modal-cta .modal-content .modal-footer .btn-primary {
        width: 100%;
        margin-left: 0
    }

    .modal-cta .modal-content .modal-footer .btn-default {
        margin-bottom: 15px;
        width: 100%;
        margin-right: 0
    }
}

.modal-default {
    max-width: 1025px;
    width: 100%
}

.modal-default .modal-content {
    -webkit-box-shadow: 1px 3px rgba(0,0,0,0.13)
}

.modal-default .modal-content .modal-header {
    padding: 9px 30px 9px
}

.modal-default .modal-content .modal-header .close {
    margin: -3px;
    opacity: 1
}

.modal-default .modal-content .modal-header .modal-title {
    margin: 0
}

.modal-default .modal-content .modal-body {
    padding: 20px 40px
}

.modal-default .modal-content .modal-footer {
    margin-top: 2px;
    padding: 21px 30px 23px
}

.modal-default .modal-content .modal-footer .btn-primary {
    float: right
}

.modal-default .modal-content .modal-footer .btn-default {
    float: left
}

.modal-default .modal-content .modal-footer small {
    margin-top: 10px;
    display: inline-block
}

@media screen and (max-width: 767px) {
    .modal-default .modal-content .modal-footer {
        padding:52px 30px 23px;
        position: relative
    }

    .modal-default .modal-content .modal-footer small {
        margin-top: 10px;
        display: inline-block;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0
    }
}

@media screen and (max-width: 767px) {
    .accordion-panel-reveal .panel-heading {
        padding-left:10px;
        padding-right: 10px
    }
}

.accordion-panel-reveal .panel-title a:after {
    content: "Hide Details";
    float: right
}

@media screen and (max-width: 767px) {
    .accordion-panel-reveal .panel-title a:after {
        display:none
    }
}

.accordion-panel-reveal .panel-title a:before {
    content: "";
    width: 15px;
    height: 10px;
    display: inline-block;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    margin-left: 13px
}

@media screen and (max-width: 767px) {
    .accordion-panel-reveal .panel-title a:before {
        margin-right:0
    }
}

.accordion-panel-reveal .panel-title a.collapsed:after {
    content: "See Details";
    float: right
}

.accordion-panel-reveal .panel-title a.collapsed:before {
    content: "";
    width: 15px;
    height: 10px;
    display: inline-block
}

@media screen and (max-width: 767px) {
    .accordion-panel-expand .panel-heading {
        padding-left:10px;
        padding-right: 10px
    }
}

.accordion-panel-expand .panel-title a:before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    float: right;
    margin-right: 5px;
    margin-top: 6px
}

@media screen and (max-width: 767px) {
    .accordion-panel-expand .panel-title a:before {
        margin-right:0
    }
}

.accordion-panel-expand .panel-title a.collapsed:before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block
}

#notification-strapline {
    padding: 16px 0
}

#notification-strapline .messages {
    display: table;
    width: 80%
}

#notification-strapline .messages span.messages-icon,#notification-strapline .messages span.messages-content {
    display: table-cell
}

#notification-strapline .messages span.messages-icon {
    width: 30px
}

@media screen and (max-width: 767px) {
    #notification-strapline .messages span.messages-icon {
        width:25px
    }
}

#notification-strapline .messages span.messages-icon .svg-strapline-bell {
    position: relative;
    top: 3px
}

#notification-strapline .dismiss:after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    top: 4px
}

.trade-search-filters .form-inline {
    margin: 0
}

.trade-search-filters .form-inline .radio {
    margin-top: 0 !important;
    margin-bottom: 0
}

.trade-search-filters div[class^="col-"]>div.trade-search-filter-wrap {
    padding: 15px
}

@media screen and (max-width: 767px) {
    .trade-search-filters div[class^="col-"]>div.trade-search-filter-wrap {
        padding:8px
    }
}

@media screen and (max-width: 767px) {
    small+.filter-date {
        margin-top:10px
    }
}

@media screen and (min-width: 768px) {
    .filter-date .btn-range,.filter-date .input-group-date {
        margin-right:10px
    }
}

@media screen and (max-width: 767px) {
    .filter-date .input-group-sm input {
        min-width:130px
    }

    .filter-date>button {
        min-width: 100px
    }
}

@media screen and (max-width: 767px) {
    .filter-date-range .input-group-sm input {
        min-width:100px
    }
}

.filter-labels {
    margin-bottom: 20px
}

.filter-labels .sp-label {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 5px;
    margin-bottom: 10px
}

.grid-notifications-client {
    margin-bottom: 15px
}

.grid-notifications-client .row[role="rowheader"] .heading {
    margin-bottom: 15px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .grid-notifications-client .row[role="rowheader"]>div:nth-of-type(2) {
        padding-left:25px;
        padding-right: 0;
        white-space: nowrap
    }
}

.grid-notifications-client .row[role="row"] {
    margin-bottom: -1px;
    padding-top: 21px;
    padding-bottom: 22px
}

@media screen and (max-width: 767px) {
    .grid-notifications-client .row[role="row"] .col-md-7 {
        float:left;
        margin-top: 15px;
        margin-bottom: 5px
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .grid-notifications-client .row[role="row"]>div:nth-of-type(2) {
        padding-left:25px;
        padding-right: 0;
        white-space: nowrap
    }
}

.grid-notifications-client .row[role="row"] span.svg-notifications-info {
    display: block;
    position: absolute;
    top: 5px
}

.grid-notifications-client .row[role="row"] span.text-notification-title {
    display: inline-block;
    padding-left: 18px
}

.grid-notifications-client .row[role="row"] span.text-notification-detail {
    display: block
}

.grid-notifications-client .row[role="row"] .svg-notifications-bell-grey,.grid-notifications-client .row[role="row"] .svg-notifications {
    position: absolute;
    top: 6px;
    left: 27px
}

@media screen and (max-width: 767px) {
    .grid-notifications-client .row[role="row"] .svg-notifications-bell-grey,.grid-notifications-client .row[role="row"] .svg-notifications {
        top:3px
    }
}

@media screen and (max-width: 767px) {
    .grid-notifications-client .row[role="row"] .svg-notifications-bell-grey,.grid-notifications-client .row[role="row"] .svg-notifications {
        left:auto
    }
}

.grid-notifications-client .row[role="row"] .btn-primary {
    margin-top: 5px
}

.grid-notifications-account .well {
    float: left;
    width: 100%
}

@media screen and (max-width: 767px) {
    .grid-notifications-account .col-md-7 {
        float:left;
        margin-top: 15px;
        margin-bottom: 5px
    }
}

.grid-notifications-account .row {
    margin-bottom: -1px;
    padding-top: 21px;
    padding-bottom: 22px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .grid-notifications-account .row>div:nth-of-type(2) {
        padding-left:25px;
        padding-right: 0;
        white-space: nowrap
    }
}

@media screen and (max-width: 767px) {
    .grid-notifications-account .row h3 {
        margin-top:0px
    }
}

.grid-notifications-account .row a[data-toggle="collapse"] {
    display: block
}

.grid-notifications-account .row a[data-toggle="collapse"]:before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    float: right;
    margin-right: 5px;
    margin-top: 6px
}

@media screen and (max-width: 767px) {
    .grid-notifications-account .row a[data-toggle="collapse"]:before {
        margin-right:0
    }
}

.grid-notifications-account .row .svg-notifications-bell-grey,.grid-notifications-account .row .svg-notifications {
    position: absolute;
    top: 6px;
    left: 27px
}

@media screen and (max-width: 767px) {
    .grid-notifications-account .row .svg-notifications-bell-grey,.grid-notifications-account .row .svg-notifications {
        top:3px
    }
}

@media screen and (max-width: 767px) {
    .grid-notifications-account .row .svg-notifications-bell-grey,.grid-notifications-account .row .svg-notifications {
        left:auto
    }
}

.grid-notifications-account .row .btn {
    margin-top: 5px
}

@media screen and (max-width: 767px) {
    .grid-notifications-account .row .btn {
        width:100%
    }
}

.chart-summary h2 {
    margin-top: 0
}

@media screen and (min-width: 768px) {
    .chart-summary h2 {
        margin-bottom:20px
    }
}

@media screen and (min-width: 768px) {
    .chart-summary h2 span.value {
        margin-left:10px
    }
}

@media screen and (max-width: 767px) {
    .chart-summary h2 span.value {
        display:block;
        margin-top: 10px;
        padding-left: 20px
    }
}

.chart-summary h2 span.progress-cue {
    width: 17px;
    height: 16px;
    margin-right: 10px;
    display: inline-block
}

@media screen and (max-width: 767px) {
    .chart-summary h2 span.progress-cue {
        width:12px;
        height: 11px;
        display: inline-block
    }
}

.chart-summary p {
    padding-left: 30px
}

@media screen and (max-width: 767px) {
    .chart-summary p {
        padding-left:20px
    }
}

.chart-summary p span {
    margin-right: 20px
}

@media screen and (max-width: 767px) {
    .chart-summary p span {
        display:block
    }
}

.summary-details {
    margin-bottom: 85px;
    margin-top: 30px
}

.summary-details h1 {
    margin-top: 14px;
    margin-bottom: 28px
}

@media screen and (max-width: 767px) {
    .summary-details h1 {
        margin-top:5px
    }
}

.summary-details h1 span {
    display: block;
    margin-top: 6px
}

.summary-details p span {
    display: block;   
    margin-top: 6px
}

.summary-details .summary-detail {
    float: left;
    width: 197px
}

.summary-details .summary-detail:nth-of-type(2) {
    margin-right: 101px
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .summary-details {
        padding-right:0
    }

    .summary-details .summary-detail:nth-of-type(2) {
        margin-right: 40px
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .summary-details {
        margin-bottom:20px;
        margin-top: 20px;
        float: left;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .summary-details {
        margin-bottom:0;
        margin-top: 15px;
        float: left;
        width: 100%
    }

    .summary-details h1 {
        margin-bottom: 30px
    }

    .summary-details h1 span {
        display: inline-block
    }

    .summary-details .summary-detail {
        width: 100%;
        margin: 0 0 20px
    }

    .summary-details .summary-detail:nth-of-type(2) {
        margin-right: 0
    }
}

.summary-breakdown span.pull-right {
    min-width: 60px
}

.summary-total .sp-label {
    margin-bottom: 0
}

.timer {
    margin-top: 10px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .timer canvas {
        width:60px !important;
        height: 60px !important
    }

    .timer .dial {
        font-size: 14px !important;
        margin-top: 13px !important;
        margin-left: -58px !important
    }
}

.trade-confirm {
    padding: 30px 0 0 0 !important
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .trade-confirm .well {
        border-left:none;
        border-right: none;
        border-bottom: none;
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .trade-confirm {
        padding:30px 65px !important
    }
}

.trade-confirm p {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .trade-confirm dl {
        float:none;
        width: 470px;
        margin: 0 auto
    }

    .trade-confirm dl dt,.trade-confirm dl dd {
        min-width: 230px
    }
}

@media screen and (max-width: 767px) {
    .trade-confirm dl dd {
        margin-bottom:5px
    }
}

.quick-links {
    margin-bottom: 53px;
    margin-top: 78px;
    padding-left: 34px;
    padding-right: 18px;
    float: left
}

.quick-links strong {
    margin-bottom: 10px;
    display: block
}

.quick-links .btn.btn-chevron {
    width: 100%;
    margin-bottom: 12px;
    padding-left: 15px
}

.quick-links .btn.btn-chevron span.svg-button-arrow-right {
    position: relative;
    top: 5px
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .quick-links {
        margin-bottom:50px;
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 18px;
        float: left;
        width: 100%
    }

    .quick-links .btn.btn-chevron {
        width: 49%;
        float: left
    }

    .quick-links .btn.btn-chevron:nth-of-type(even) {
        float: right
    }
}

@media screen and (max-width: 767px) {
    .quick-links {
        margin-bottom:30px;
        margin-top: 0;
        padding-left: 15px;
        padding-right: 18px;
        float: left;
        width: 100%
    }

    .quick-links strong {
        margin-bottom: 10px;
        display: block
    }

    .quick-links .btn.btn-chevron {
        width: 100%;
        margin-bottom: 12px;
        padding-left: 15px
    }
}

@media screen and (max-width: 767px) {
    .pnlx {
        margin-bottom:15px !important
    }

    .pnlx .panel-heading {
        padding: 12px 10px 13px
    }

    .pnlx .panel-heading b {
        margin: 0
    }

    .pnlx .panel-body {
        padding: 0
    }

    .pnlx .panel-body a {
        position: relative;
        padding: 13px 25px 10px 29px
    }

    .pnlx .panel-body a .icon-performance {
        position: absolute;
        left: 10px;
        top: 18px
    }

    .pnlx .panel-body a .mov-no {
        position: absolute;
        left: 10px;
        top: 14px
    }
}

@media screen and (min-width: 768px) {
    .panel-horizontal {
        display:table;
        width: 100%
    }

    .panel-body-row {
        display: table-row
    }

    .panel-horizontal .panel-heading {
        display: table-cell
    }

    .panel-horizontal .panel-body {
        display: table;
        width: 100%
    }

    .tab-currencies .panel-horizontal .panel-body {
        display: table;
        width: 100%
    }

    .panel-horizontal .panel-body .summary-detail {
        display: table-cell;
        width: 20%;
        vertical-align: middle;
        float: left;
        margin: 0
    }
}

@media screen and (min-width: 768px) {
    .notification-filters .dropdown {
        margin-left:10px
    }
}

@media screen and (max-width: 767px) {
    .notification-filters .dropdown {
        display:block
    }
}

.dropdown.checkboxlist .btn {
    padding: 7px 20px 6px 11px;
    width: 100%;
    position: relative
}

@media screen and (min-width: 768px) {
    .dropdown.checkboxlist .btn {
        max-width:218px
    }
}

.dropdown.checkboxlist .btn .icon-down {
    width: 0;
    height: 0;
    display: inline;
    position: absolute;
    right: 13px;
    top: 13px
}

.dropdown.checkboxlist .dropdown-menu {
    top: auto;
    margin-top: 5px;
    margin-left: 15px;
    min-width: 250px;
    padding: 8px 15px;
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
    height: 220px;
    overflow-y: scroll
}

@media screen and (max-width: 767px) {
    .dropdown.checkboxlist .dropdown-menu {
        margin-left:8px
    }
}

.dropdown.checkboxlist .dropdown-menu .checkbox {
    margin-top: 5px;
    margin-bottom: 5px
}

.dropdown.checkboxlist .dropdown-menu .checkbox label {
    font-weight: normal;
    font-size: 13px
}

.dropdown.checkboxlist .dropdown-menu .checkbox label input {
    top: 1px;
    bottom: 0
}

@media screen and (min-width: 767px) and (max-width: 991px) {
    .visible-sm {
        display:block !important
    }
}

.standard h1 {
    margin-bottom: 19px
}

.search-container {
    max-width: 100%;
    padding: 0
}

.search-container input {
    background-color: #182d41;
    border: none;
    border: none
}

.unbrand-title {
    background: black;
    padding: 10px;
    margin: 10px 0;
    float: left;
    width: 100%
}

.unbrand-list-group .list-group-item {
    border-width: 1px !important
}

.unbrand-title h1,.unbrand-title h2,.unbrand-title h3,.unbrand-title h4 {
    font-size: 20px;
    color: white;
    font-weight: bold;
    padding: 0;
    margin: 0;
    float: left;
    text-transform: none !important
}

.unbrand-title span {
    float: right;
    color: white
}

.unbrand-title span a {
    color: #ffc107
}

.unbrand-title.level1-style {
    background: #fff;
    border: 1px solid #333
}

.unbrand-title.level2-style {
    background: #000
}

.unbrand-title.level3-style {
    background: #555;
    color: black
}

.unbrand-title.level4-style {
    background: #999;
    color: #adadad
}

.unbrand-title.level1-style h1 {
    color: black !important
}

.unbrand-title.level2-style h2 {
    font-size: 18px;
    color: white !important
}

.unbrand-title.levevl3-style h3 {
    font-size: 16px
}

.unbrand-title.level4-style h4 {
    font-size: 14px
}

img.unbrand {
    width: auto;
    display: block
}

a.unbrand {
    color: blue;
    text-decoration: underline
}

hr {
    margin: 0
}


.gbymodal-body{
    height: 250px;
    overflow-y: auto;
}

@media (min-height: 500px) {
    .gbymodal-body { height: 400px; }
}

@media (min-height: 800px) {
    .gbymodal-body { height: 600px; }
}

.epoa-bullet {
    color: #007588;
}

/*
* This is the four step bar
*/

#steps.four-steps .step-bar b {
    width: 12%;
    height: 5px;
    position: absolute;
    top: 0
}
#steps.four-steps .step-bar b:nth-of-type(even) {
    width: 37px;
    height: 37px;
    position: absolute;
    z-index: 1;
    padding: 4px;
    top: 0;
    bottom: 0;
    margin: auto
}
#steps.four-steps .step-bar b:nth-of-type(even) span {
    margin-top: 33px;
    position: absolute;
    white-space: nowrap;
    width: 200px;
    margin-left: -100px;
    top: 19px
}
#steps.four-steps .step-bar b:nth-of-type(even).done:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 9px;
    width: 14px;
    height: 11px;
    display: inline-block
}
#steps.four-steps .step-bar b:nth-of-type(1) {
    width: 20%;
    left: 0
}
#steps.four-steps .step-bar b:nth-of-type(2) {
    left: 19.5%
}
#steps.four-steps .step-bar b:nth-of-type(3) {
    width: 20%;
    left: 20%;
    margin: auto
}
#steps.four-steps .step-bar b:nth-of-type(4) {
    left: 39%;
    margin: auto 0%
}
#steps.four-steps .step-bar b:nth-of-type(5) {
    width: 20%;
    left: 40%
}
#steps.four-steps .step-bar b:nth-of-type(6) {
    left: 58.5%;
    margin: auto 0%
}
#steps.four-steps .step-bar b:nth-of-type(7) {
    left: 60%;
    width: 20%
}
#steps.four-steps .step-bar b:nth-of-type(8) {
    left: 78%
}
#steps.four-steps .step-bar b:nth-of-type(9) {
    left: 80%;
    width: 20%
}
@media screen and (max-width: 480px) {
    #steps.four-steps {
        padding-top: 37px;
        padding-bottom: 37px;
        min-height: 80px
    }
    #steps.four-steps .step-bar b span {
        display: none
    }
    #steps.four-steps .step-bar b:nth-of-type(1) {
        width: 12%;
        left: 0
    }
    #steps.four-steps .step-bar b:nth-of-type(2) {
        left: 12%
    }
    #steps.four-steps .step-bar b:nth-of-type(3) {
        width: 20%;
        left: 12%;
        margin: auto 0%
    }
    #steps.four-steps .step-bar b:nth-of-type(4) {
        left: 32%;
        margin: auto 0%
    }
    #steps.four-steps .step-bar b:nth-of-type(5) {
        width: 20%;
        left: 35%
    }
    #steps.four-steps .step-bar b:nth-of-type(6) {
        left: 55%;
        margin: auto 0%
    }
    #steps.four-steps .step-bar b:nth-of-type(7) {
        left: 55%;
        width: 20%
    }
    #steps.four-steps .step-bar b:nth-of-type(8) {
        left: 75%
    }
    #steps.four-steps .step-bar b:nth-of-type(9) {
        left: 75%;
        width: 25%
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    #steps.four-steps {
        padding-top: 37px;
        padding-bottom: 37px;
        min-height: 80px
    }
    #steps.four-steps .step-bar b span {
        display: none
    }
    #steps.four-steps .step-bar b:nth-of-type(1) {
        width: 20%;
        left: 0
    }
    #steps.four-steps .step-bar b:nth-of-type(2) {
        left: 19.5%
    }
    #steps.four-steps .step-bar b:nth-of-type(3) {
        width: 20%;
        left: 20%;
        margin: auto
    }
    #steps.four-steps .step-bar b:nth-of-type(4) {
        left: 39%;
        margin: auto 0%
    }
    #steps.four-steps .step-bar b:nth-of-type(5) {
        width: 20%;
        left: 40%
    }
    #steps.four-steps .step-bar b:nth-of-type(6) {
        left: 58.5%;
        margin: auto 0%
    }
    #steps.four-steps .step-bar b:nth-of-type(7) {
        left: 60%;
        width: 20%
    }
    #steps.four-steps .step-bar b:nth-of-type(8) {
        left: 78%
    }
    #steps.four-steps .step-bar b:nth-of-type(9) {
        left: 80%;
        width: 20%
    }
}
@media screen and (min-width: 767px) and (max-width: 991px) {
    #steps.four-steps {
        padding-top: 50px;
        padding-bottom: 75px
    }
    #steps.four-steps .step-bar b:nth-of-type(1) {
        width: 20%;
        left: 0
    }
    #steps.four-steps .step-bar b:nth-of-type(2) {
        left: 19.5%
    }
    #steps.four-steps .step-bar b:nth-of-type(3) {
        width: 20%;
        left: 20%;
        margin: auto
    }
    #steps.four-steps .step-bar b:nth-of-type(4) {
        left: 39%;
        margin: auto 0%
    }
    #steps.four-steps .step-bar b:nth-of-type(5) {
        width: 20%;
        left: 40%
    }
    #steps.four-steps .step-bar b:nth-of-type(6) {
        left: 58.5%;
        margin: auto 0%
    }
    #steps.four-steps .step-bar b:nth-of-type(7) {
        left: 60%;
        width: 20%
    }
    #steps.four-steps .step-bar b:nth-of-type(8) {
        left: 78%
    }
    #steps.four-steps .step-bar b:nth-of-type(9) {
        left: 80%;
        width: 20%
    }
}