html, body, h1, h2, h3, h4, h5, h6 {
    color: #525a5e;
    font-family: 'Lato';
    font-weight: 300;

    margin: 0;
}

.customSticky {
    position: fixed;
    top: -4px;
    width: 100%;
}

.background-video {
    width: 100%;
    position: fixed;
    z-index: -2000;
}

.background-video.mobile {
    width: auto;
    height: 100%;
}

.has-video.top-bar {
    height: auto;
}

.background-image {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: -2000;
}

.video-overlay {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.top-bar.viewtrade-blue {
    background-color: rgba(38, 104, 177, 0.5);
}

.button.viewtrade-blue:not(.hollow) {
    background-color: #2668b1;
}

.button.white:not(.hollow) {
    background-color: #fff;
    color: #525a5e;
}

.button.viewtrade-blue.hollow {
    color: #2668b1;
    border-color: #2668b1;
}

.button.white.hollow {
    color: #fff;
    border-color: #fff;
}

.button {
    border-radius: 3px;
}

.navigation-bar {
    z-index: 1000;
    background: #f5f5f5;
    opacity: 1;
    border-bottom: 1px solid rgba(204, 204, 204, 0.48);

}

.navigation-bar, .top-bar ul {
    background-color: #fff;
}

.top-bar {
    background: #fff;
    border-bottom: 1px solid rgba(204, 204, 204, 0.48);
    padding: 0px;
}

.top-bar .item {
    border-left: 1px solid rgba(204, 204, 204, 0.48);
    color: rgb(140, 140, 140);
    padding: 8px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 0.85rem;
    display: inline-block;
}

.top-bar .last.item {
    border-right: 1px solid rgba(204, 204, 204, 0.48);
}

.top-bar .item.link:hover, .top-bar .item.link.selected {
    background: #2668b1;
    color: #fff;
    cursor: pointer;
}

.menu li {
    font-size: 1rem;
    font-weight: 600;
}

.menu li.selected a, .menu li a:hover {
    color: #2668b1;
}

.menu > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
}

.menu li a {
    color: #666
}

.top-bar-left {
    margin: 30px;
    margin-left: 0px;
}

.breadcrumb {
    background: #f8f8f8;
    height: 50px;
}

p, span, li {
    font-size: 1rem;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
    font-weight:bold;
    color: #44474e;
    text-align: center;
    background: transparent;
    padding-bottom: 10px;
    margin-bottom: 10px;
}



h4 {
    text-align: left;
}

.grey-background {
    background-image: radial-gradient(circle farthest-side at center bottom, #eef0f1, #e6e8e9 100%);
}

.dark-grey-background {
    color: #fff;
    background-image: radial-gradient(circle farthest-side at center bottom, rgba(52, 52, 52, 1), rgb(43, 43, 43) 100%);
}

.dark-grey-background h1, .dark-grey-background h2, .dark-grey-background h3, .dark-grey-background h4 {
    color: #fff;
}

.blue-background {
    color: #fff;
    background-image: radial-gradient(circle farthest-side at center bottom, #2775bf, #002b6d 125%);
}

.blue-background h1, .blue-background h2, .blue-background h3, .blue-background h4 {
    color: #fff;
}

.white-background {
    background-image: radial-gradient(circle farthest-side at center bottom, #fff, #fafafa 100%);
}

.button.padded {
    padding: 20px;
}

.top-bar .button {
    margin: 20px;
    margin-right: 5px;
    margin-left: 5px;
}

.top-bar .logo {
    background-color: transparent;
    height: 60px;
    margin: 10px;
    margin-left: 0px;
    opacity: .8;
}

.top-bar {
    background: transparent;
}

.dotted-bottom-border {
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px dashed rgba(204, 204, 204, 0.5);
}

.footer {
    padding-top: 40px;
    padding-bottom: 40px;
}

.section {
    padding-top: 70px;
    padding-bottom: 50px;
}

.section.extra-padding {
    padding-top: 140px;
    padding-bottom: 140px;
}

.footer .item {
    padding-right: 30px;
    font-size: .9rem;
    font-weight: bold;
}

.footer .sub-item {
    padding-right: 20px;
    font-size: .75rem;
}

.navigation {
    /*background:rgba(51, 51, 51, 0.4);*/
    background: #fff;
    z-index:10000;

}

.top-bar h2, .top-bar p {
    text-align: left;
    color: #fff;
}

.top-bar h2 {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

li {
    margin-bottom: 7px;
}

.top-bar-right {
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0;
    margin-top: 20px;
}

.customSticky .top-bar-right {
    visibility: visible;
    opacity: 1;

}

.top-bar-right .button {
    margin: 0px;
    margin-right: 10px;
}

.read-more .button {
    margin-top: 40px;
}

.tab-set .tab {
    width: 20%;
    height: 80px;
    background: rgba(0, 0, 0, 0.05);
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-right: none;
    display: inline-block;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    padding-top: 30px;
    text-align: center;
}

.tab-set .tab.last {
    border-right: solid 1px rgba(0, 0, 0, 0.1);
}

.tab-set .tab.selected {
    border-bottom: none;
    background: rgba(255, 255, 255, 0);
    box-shadow: inset 0 3px 0 #2668b1;
    color: #2668b1;
}

.turnkey-items div {
    padding-top: 10px;
}

.tab-content {
    margin: 15px;
    display: none;
}

.tab-content.selected {
    display: block
}

.turnkey-label {
    font-size: .8rem;
    line-height: 1.5rem;
    border-radius: 50px;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    margin-right: 5px;
}

.integrated-content-header {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    padding: 5px;
    border-radius: 2px;
    padding-left: 10px;
}

.integrated-content-section li {
    margin-bottom: 0px;
    font-size: 0.9rem;
}

.integrated-content-section ul {
    margin-top: 10px;
    margin-bottom: 40px;
}

.list-header {
    font-weight: bold;
    margin-top: 10px;
    font-size: .9rem;
}

.primary-navigation-item {
    padding-top: 30px;
    cursor: pointer;
    height: 80px;
    display: inline-block;
    color: #666;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 600;
    padding-right: 20px;
    padding-left: 20px;
}

.green.primary-navigation-item:hover, .green.primary-navigation-item.selected, .green.primary-navigation-item.current {
    box-shadow: inset 0 3px 0 #5fa452;
}

.blue.primary-navigation-item:hover, .blue.primary-navigation-item.selected, .blue.primary-navigation-item.current {
    box-shadow: inset 0 3px 0 #2668b1;
}

.red.primary-navigation-item:hover, .red.primary-navigation-item.selected, .red.primary-navigation-item.current {
    box-shadow: inset 0 3px 0 #b10007;
}

.black.primary-navigation-item:hover, .black.primary-navigation-item.selected, .black.primary-navigation-item.current {
    box-shadow: inset 0 3px 0 #000000;
}

.top-bar.fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
    background: rgba(46, 46, 46, 0.65);
    border: none;
}

.sub-navigation-item {
    display: block;
    color: #666;
    text-align: left;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: 400;
    margin-top: 10px;
}

.sub-navigation-item a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.sub-navigation {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 155px;
    padding: 10px;
    padding-top: 0px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid rgba(204, 204, 204, 0.48);
    border-top: none;
}

a {
    color: #2668b1;
}

.sub-navigation-item a {
    color: #666;
}

span.highlighted {
    padding-left: 4px;
    padding-right: 4px;
    display: inline-block;
    background: #e7e7e7;
}

.transaction {
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2)
}

.transaction, .order-flow-item {

    border-radius: 3px;
    margin-bottom: 30px;
}

.transaction img {
    max-height: 95px;
}

.order-flow-title {
    margin: 10px;
    font-weight: 400;
    text-align: left;
    margin-left: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.transaction .company {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 30px;
}

.transaction .logo {
    min-height: 110px
}

.transaction .item {
    font-size: .8rem !important;
}

.team-member {
    margin-bottom: 40px;
}

.buttonish-container {
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 10px;
    text-align: center;
}

.white.buttonish-container {
    border: 1px solid rgba(0, 0, 0, 0.81);
    color: rgba(0, 0, 0, 0.81);

}

.viewtrade-blue.buttonish-container {
    border: 1px solid rgba(38, 104, 177, 0.81);
    color: #2668b1;
}

@media only screen and (max-width: 40em) {
    .fixed-on-small {
        position: fixed;
        width: 100%;
    }

    .facet_sidebar {
        display: none;
    }

    .video-text, .image-text {
        padding-top: 75px;
    }
}



#homepage-image{
    background-position-y: -200px !important;
}


@media only screen and (max-width: 63em) {
    .fixed-on-medium {
        position: fixed;
        width: 100%;
    }
}

@media only screen and (max-width: 64em) {
    #homepage-image {
        background-position-y: -100px !important;
    }
}

.video-text, .image-text {
    margin-top: 5%;
    margin-bottom: 5%;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, .75);
}

#mobile_menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    color: rgba(51, 51, 51, 1);
    padding-top: 65px;
    z-index:10000;
}

#mobile_menu h1 {
    color: rgba(51, 51, 51, 1);
    text-align: left;
    font-weight: 500;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    font-size: 1.2rem;

}

#mobile_menu .item {

    display: block;
    margin-bottom: 1px;
    font-size:1rem;
}

#mobile_menu a
{
    color: rgba(51, 51, 51, 1);
}

.start-hidden {
    display: none;
}

.full-width {
    width: 100%;
}

.dropdown:hover .sub-navigation {
    display: block;
}

.navigation ul {
    list-style-type: none;
    z-index: 10000;
}

.navigation li {
    float: left;
    margin-bottom: 0px;
    position: relative;
    z-index: 10000;
}

.icon-header {
    text-align: center;
    padding-bottom: 0px;
    font-weight: 500
}

p, span, div, li, ul {
    font-size: 1.2rem;
}

.comparison-table td, .comparison-table th {
    text-align: right;
    width: 16%
}

.comparison-table {
    margin-top: 50px;
}

.comparison-table .text-left {
    text-align: left;
}

td.viewtrade-blue {
    background: #2668b1;
    color: #fff;
}

.comparison-table-header {
    background: #e8e8e8;
    font-weight: 500;
}

.fa:hover, .fa-stack:hover {
    color: #2668b1;
}

.fa {
    transition: .5s;
}

* {
    background-attachment: fixed;
}

.contact-person p {
    font-size: 1.1rem;
}

.contact-person .name {
    font-weight: 500;
}

.contact-person .company {
    font-weight: 500;
    font-size: 1.3rem;
    text-decoration: underline;
    margin-bottom: 10px;
}

.language-picker {
    display:inline-block;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.02);
    border-top: none;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 2px 5px;
    font-size: .9rem;
    cursor:pointer;
    vertical-align:top;
    margin-right:10px;
}
.language-picker a{
    color: #707070;
}

.alert
{
    color:red;
}

.document-upload
{
    width:300px;
}


@media only screen and (max-width: 40em) {
    #homepage-image{
        background-position-y: 0px !important;
    }
}