/*
	The following file is based on the HTML5 Boilerplate and has been adapted by Lulie Roughley for Somowebsite.
	Credit to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team.
==========================================================================
	Base styles
========================================================================== */
:root {
  --sans-serif: "made_tommy_light", Helvetica, Arial, sans-serif;
  --monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --headings-font: "made_tommy_light", Helvetica, Arial, sans-serif;
}
@font-face {
  font-family: 'made_tommy_light';
  src: url('/frontend/html/assets/build/src/fonts/made_tommy_light-webfont.woff2') format('woff2'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_light-webfont.woff') format('woff'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'made_tommy_thin';
  src: url('/frontend/html/assets/build/src/fonts/made_tommy_thin-webfont.woff2') format('woff2'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_thin-webfont.woff') format('woff'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'made_tommy_regular';
  src: url('/frontend/html/assets/build/src/fonts/made_tommy_regular-webfont.woff2') format('woff2'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_regular-webfont.woff') format('woff'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'made_tommy_medium';
  src: url('/frontend/html/assets/build/src/fonts/made_tommy_medium-webfont.woff2') format('woff2'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_medium-webfont.woff') format('woff'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'made_tommy_bold';
  src: url('/frontend/html/assets/build/src/fonts/made_tommy_bold-webfont.woff2') format('woff2'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_bold-webfont.woff') format('woff'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'made_tommy_black';
  src: url('/frontend/html/assets/build/src/fonts/made_tommy_black-webfont.woff2') format('woff2'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_black-webfont.woff') format('woff'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'made_tommy_extrabold';
  src: url('/frontend/html/assets/build/src/fonts/made_tommy_extrabold-webfont.woff2') format('woff2'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_extrabold-webfont.woff') format('woff'),
  url('/frontend/html/assets/build/src/fonts/made_tommy_extrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
html, button, input, select, textarea {
    color: #1a1a1a;
    font-family: var(--sans-serif);
}
table th {
    zoom: 0.8;
}
small {
    font-size: 12px;
}
select {
    background-color : #fff;
}
select:disabled {
    background-color: #ddd;
}
html {
    height: 100VH;
    height: calc(var(--vh, 1vh) * 100);
    scroll-behavior: smooth;   

}
body {
    font-size: 1em;
    line-height: 1.4;
    height: 100VH;
    height: calc(var(--vh, 1vh) * 100);
    
}
body, html {
	width: 100%;
	margin: 0;
	padding: 0;
    /*min-width:400px;*/
    position: relative;
}
body {
	margin: 0 auto;
    overflow-x: hidden;
}
input[type="text"]:disabled {
    background: #dddddd;
}
a {
	text-decoration: none;
    outline: 0;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
img {
    vertical-align: middle;
}
.payment-details-container img {
    max-width: 100%;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
#nav2,
.logo {
	pointer-events: auto;
}
strong {
    font-weight: 700;
}
select{
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 99% 50%;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
    text-indent: 10px;
    max-width: 400px;
}
th {
    text-transform: uppercase;
}
/* ==========================================================================
   Utility
   ========================================================================== */
.u-no-style {
	list-style: none;
}
.u-rel {
	position: relative;
}
.text-large {
	font-size: 1.5em;
}
.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.indent-60 {
    display: block;
    margin-left: 60%;
}
.indent-45 {
    display: block;
    margin-left: 45%;
}
/* ==========================================================================
   Layout
   ========================================================================== */
* html .l-row {zoom: 1;} /*IE6*/
*:first-child+html .clearfix {zoom: 1;} /*IE7*/
.stairs {
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #1a1a1a;
    margin-bottom:50px;
}
.stairs .top,
.stairs .middle,
.stairs .bottom {
    padding: 30px;
}
.stairs .top {
    margin-left: 45%;
    margin-top:40px;
    position:relative;
    padding-right: 12%;
    padding-bottom:50px;
    border-top: 5px dotted #eee;
    border-left: 5px dotted #eee;
    background-color: #fff;
    bottom: -10px;
    z-index: 3;
}
.stairs .middle {
    position: relative;
    margin-left: 25%;
    padding-right: 35%;
    padding-bottom:50px;
    border-top: 5px dotted #eee;
    border-left: 5px dotted #eee;
    bottom: -5px;
    background-color: #fff;
    z-index: 2;
}
.stairs .bottom {
    padding-right: 60%;
    padding-left: 12%;
    margin-bottom:50px;
    border-top: 5px dotted #eee;
    z-index: 1;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #050f2a;
    padding: 0.2em 0;
}

/* ==========================================================================
   MAIN STYLING
   ========================================================================== */
#mti_wfs_colophon {
	display: none !important;
}



/* FORMS */

#loginWindow {
  position: fixed;
  width: 600px;
  max-width:100%;
  z-index:900;
  top:10%;
  margin: 0 auto;
  right: 50%;
}
#loginWindow #customerLoginButton {
    width: 200px;
    margin-top:30px !important;
}
#loginWindow .inner {
  position: relative;
  background-color: #fff;
  right: -50%;
  
  z-index:901;
}
#loginWindow .inner input[type="email"],
#loginWindow .inner input[type="password"] {
    border: 0 !important;
    border-bottom: 1px solid #1a1a1a !important;
}
#loginWindow .inner h3 {
    font-family: var(--headings-font)
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: -30px;
    font-size: 32px;
    text-transform: uppercase;
}
#loginWindow .inner label {
    visibility: hidden;
}
#loginWindow .inner a {
    font-size:16px;
}
#login form.normal {
    max-width: none;
    border: none;
}
#login form.normal .full {
    max-width: 800px;
    margin-left: auto;
    padding: 0;
    margin-right: auto;
}
#login .top h4,
#login .top h2 {
    color: #fff;
}
label {
  display: block;
  margin-top: 10px;
  margin-bottom: 5px;
}
form.normal input,
form.normal textarea {
  display: block;
  background-color: #fff;
  border: 1px solid #ddd;
  width: 100%;
}
form.normal textarea {
    min-height: 60px;
}
label.error{
  display: block;
  position: static;
  padding: 5px;
  background-color: #dd2222;
  color: #fff;
}
.full h2 {
    margin-bottom: 30px;
}
form div {
  position: relative;
}
form.normal,
.payment-details-container {
    max-width: 480px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin: 10px auto 20px;
    padding: 30px;
}
#investor_make_investment_form {
    max-width: 620px;
    background-color: #c9e5f2;
}
#investor_make_investment_form select {
    background-color: #fff;
}
#investor_make_investment_form .checkbox label {
    font-size: 12px;
}
form .money,
form .moneyNoComma {
    position: relative;
}
form .money span,
form .moneyNoComma span {
    position: absolute;
    left: -15px;
    top: 7px;
    font-size: 17px;
}
.subheading {
    width: 550px;
    margin: 20px auto;
}
.payment-details-container table {
    width: 100%;
}
.payment-details-container table tr {
    border-bottom: 1px solid #ddd;
}
.payment-details-container table tr:nth-child(2n) {
    background-color: #fdfdfd;
}
.payment-details-container table tr:last-child {
    border-bottom: none;
    background-color: #f8f8f8;
}
.payment-details-container table td {
    font-size: 12px;
    padding: 15px 10px;
    font-weight: bold;
    text-align: left;
}
.payment-details-container table td:nth-child(2n) {
    font-weight: normal;
    text-align: right;
}
form.normal input,
form.normal textarea {
    box-sizing: border-box;
    margin-bottom: 15px;
}
form.normal textarea {
    padding: 5px;
}
form.normal .break {
    border-top: 1px solid #ddd;
    display: block;
    margin: 20px 0 40px
}
form.normal label {
    margin-bottom: 5px;
    font-size: 14px;
}
.content-break-2 {
    padding-top: 60px;
    margin-bottom:60px;
    border-bottom: 1px solid #aaa;
}
form.normal label.error {
    margin-bottom: 5px;
    font-size: 14px;
    clear:both;
    top: -15px;
    position: relative;
}
form.normal select {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 4px;
    margin-bottom: 15px;
}
form.normal input[type="checkbox"],
form.normal input[type="checkbox"]+label,
form.normal input[type="checkbox"]+label+label {
    display: inline;
    width: auto;
}
form.normal input[type="checkbox"]+label.error+label {
    margin-bottom: 42px;
    display: inline-block
}
form.normal input[type="checkbox"]+label.error {
    position: absolute;
    width: 100%;
    top: 27px;
    left: 0;
}
form.normal input[type="checkbox"] {
    position: relative;
    top: 2px;
}
.note p {
    color: #fff;
    padding: 10px 0;
    background-color: #121212;
}
.note p a {
    color : #fff;
}
/* notifications */
#notifications {
    position: absolute;
    left: 50%;
    width:300px;
    padding:20px;
    box-sizing: border-box;
    top: 60px;
    margin-left: -150px;
    z-index: 97;
    opacity: 1;
    transition: opacity 1s;
}
#notifications .errors p,
#notifications .warnings p,
#notifications .successes p,
#notifications .generals p {
    color: #fff;
    padding:20px;
    box-sizing: border-box;
    text-transform: capitalize;
    opacity: 1;
}
#notifications .errors p {
    background-color: #cd0303;
}
#notifications .warnings p {
    background-color: #cd9103;
}
#notifications .successes p {
    background-color: #1a1a1a;
}
#notifications .generals p {
    background-color: #222;
}
#notifications .errors  p:nth-child(2n),
#notifications .warnings  p:nth-child(2n),
#notifications .successes  p:nth-child(2n),
#notifications .generals  p:nth-child(2n) {
    opacity: 0.9;
}
/* BUTTONS */

div input.btn-med,
div div.btn-med,
div button.btn-med,
.btn-med {
    border: 0;
    background: #76C8E5 !important;
    color: #fff !important;
    width: auto;
    box-sizing: border-box;
    padding: 10px 30px !important;
    height: 37px !important;
    margin: 15px auto 0 !important;
    line-height: 18px;
    text-align: center;
    border-radius: 50px;
}
.btn-med.larger {
	padding: 20px 45px !important;
	font-size: 22px !important;
	font-weight: normal !important;
}
.btn-med.secondary {
	background-color: #76C8E5 !important;
}
html body #container .btn-med.white {
    color: #121212 !important;
    border: 1px solid #121212 !important;
    background-color: #fff !important;
}
.btn-med.transparent {
    border:1px solid #fff !important;
    background-color: transparent !important;
} 
.btn-med.transparent-blk {
    border:1px solid #121212 !important;
    color: #121212 !important;
    background-color: transparent !important;
}
.btn-med.white:hover {
    color: #343434 !important;
    background-color: #f1f1f1 !important;
}
.btn-med.transparent:hover {
    border:1px solid #f1f1f1 !important;
    color: #f1f1f1 !important;
    background-color: transparent !important;
} 
.btn-med.transparent-blk:hover {
    border:1px solid #121212 !important;
    color: #121212 !important;
    background-color: transparent !important;
}
/*.rounded {
	border-radius: 50px;
}*/
input[type="text"].rounded {
	text-indent: 15px;
}
.btn-med:hover {
    /*background-color: #E2C386 !important;*/
    background-color: #77bbda !important;
    border: 0 !important;
}

#customerLoginButton:hover {
    background-color: #c9b04c !important;
}
/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6, p, a, ul, li, button, form, fieldset, textarea, input section, header, footer, table, td, tr, small, select, label {
	font-family: var(--sans-serif);
    font-style: normal;
	margin: 0;
	padding: 0;
	font-weight: 500;
	color: #010101;
}
h1 {
	font-size: 40px;
}
p, a, ul, li, button, form, formset, textarea, input section, header, footer {
    font-family: var(--sans-serif);
    font-style: normal;
	font-weight: 500;
	margin: 0;
	padding: 0;
	font-size: 13px;
}
p {
	letter-spacing: 3;
}
.subNote {
	display:block;
	margin-top:20px;
}
.subNote.smaller {
	font-size: 9px;
}

/* DEFAULTS */
input[type="text"], input[type="date"], input[type="email"], input[type="password"], input[type="number"] {
	font-family: var(--sans-serif);
    font-style: normal;
    font-weight: 500;
	height: 33px;
	border: 1px solid #ccc;
	text-indent: 6px;
	padding:5px;
}

/* CONTAINER */
body, html {
	color: #1a1a1a;
	background-color: #ffffff;
}
#container {
    width: 100%;
    min-height: 100%;
    background-color: #fff;
    position: relative;
    /*max-width: 1600px;*/
    margin: 0 auto;
    /*min-width:400px;*/
}

/*#main {
    margin: 2px 0;
}*/
.spacer {
	padding: 70px 0;
}
.spacer-small {
    padding: 30px 0;
}
.spacer-large {
	padding: 37px 0;
}
.nonfooter {
	position: relative;
	clear: both;
	overflow: visible;
    padding-bottom: 63px;
}
#home .nonfooter {
	padding-bottom:0;
}
.mainfooter {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    height: 78px;
}
h2.black {
    color: #1a1a1a !important;
}
.black-grad {
    background: rgb(64,61,57);
	background: linear-gradient(180deg, rgba(64,61,57,1) 0%, rgba(32,30,29,1) 50%, rgba(25,24,22,1) 100%);
}
.grey-grad {
    background: #fff;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(25,25,25,0.1) 100%);
}
.black-grad-left {
    background: rgb(64,61,57);
    background: linear-gradient(270deg, rgba(64,61,57,0.0) 0%, rgba(32,30,29,0.1) 50%, rgba(25,24,22,1) 100%);
}
.fields-underline input[type="text"] {
	background-color: transparent !important;
	border: 0;
	border-bottom: 1px solid #fff;
	color: #fff !important;
}
.greyscale {
/*    -webkit-filter: grayscale(100%);  Safari 6.0 - 9.0 
    filter: grayscale(100%);*/
}
.title-b span {
    display: inline-block;
}
.contact-content {
    display: none;
}
.contact-content.selected {
    display: block;
}
.contact-content p {
    margin-bottom: 20px;
    font-size:14px;
}
.contact-content p a,
.contact-content p span {
    font-weight: bold;
}
.sub-footer {
    height: 12px;
    background-color:#121212;
    padding: 10px 10px 12px;
    text-align: center;
    color: #fff;
}
.sub-footer a {
    display: inline-block;
    color: #fff;
    margin: 0 10px;
}
.top-footer {
    color: #fff;
    position: relative;
    height: 56px;
    text-align: center;
}
.top-footer nav {
    margin-top: 6px;
}
.--home__content .top-footer nav {
    text-align: center;
}
.top-footer a {
    display: inline-block;
    color: #222;
    padding: 17px 10px;
    margin: 0 1px;
}
.ex.full p {
    color: #fff;
    font-size: 12px;
    margin-bottom:5px;
}
.positioned {
    text-align: left;
    display: inline-block;
}
.foot-note {
    background-color: #fff;
    padding: 30px;
    box-sizing: border-box;
    position: absolute;
    bottom: -70px;
    left: 0;
    margin: 0 15% 0 0;
}

.foot-note p {
    color: #222;
    margin-bottom: 20px;
}
.foot-note p:last-child {
    margin-bottom: 0;
}
.foot-note img {
    opacity: 0.7;
    margin-bottom:20px;
}
.legal-content {
    padding: 0 40px;
    height: 0;
    background-color: #fff;
    overflow: hidden;
}
.legal-content.selected {
    height: auto;
}
.legal-content p {
    margin-top: 15px;
}
.legal-content p:first-child {
    margin-top: 0;
    padding-top: 26px;
}
.legal-content p:last-child {
    padding-bottom: 26px;
}

.featured-in {
    background-color: #fff;
    padding: 20px 0;
    text-align: center;
    z-index:4;
    position: relative;

}
.featured-in img,
.featured-in p {
    width: auto;
    margin: 0 1%;
    margin-right: 1%;
    text-align: center;
    max-height:38px;
    display:inline-block;
}
.featured-in p {
    width:12%;
}
.featured-in p {
    font-size: 10px;
}
.subHead {
    background-color: rgba(1, 1, 1, 1);
    opacity: 0.9;
    padding-left: 12%;
    padding-right: 12%;

    margin-bottom:20px;
/*    max-height:86px;
    overflow:hidden;*/
}
.document_button {
    cursor: pointer;
}
.subHead .left,
.subHead .left .box {
    float: left;
    /*padding-bottom: 0 !important;*/
}
.subHead .left .box {
    padding: 10px !important;
    padding-left: 0 !important;
    border-radius: 5px;
}
.subHead .left .box p {
    border-bottom: 1px solid #111;
    padding-bottom: 5px;
}
.subHead .left .box ul p {
    border-bottom: none;
    font-family: var(--sans-serif);
}
.subHead .right,
.right .box {
    float: right;
}
.subHead .box,
.append-to .box {
    padding: 19px 22px;
}
.subHead .box p {
    color: #fff;
}
.subHead  .right .box p,
.append-to .box p {
    text-align: center;
}
.subHead .box .large,
.subHead .box .large a {
    font-size: 20px;
    position: relative;
    color: #fff;
    font-family: var(--headings-font)
}
.somoyellow {
	color: #DFB560;
}
.circle {
    border-radius: 1000px !important;
}
@keyframes starAnimation {
    0% {
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
    50% {
        -ms-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }
    100% {
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
}
@-webkit-keyframes example {
    0% {
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
    50% {
        -ms-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }
    100% {
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
}
.subHead .box .funds-low-star {
    width: 22px;
    position: absolute;
    top: -3px;
    right: -30px;
    animation-name: starAnimation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
.full {
    background-color: #fff;
    padding: 2% 12%;
    position: relative;
    box-sizing: border-box;
}
.footer {
    padding: 2% 12%;
}
#home {
    overflow-x:hidden;
}
#home .bg-white {
	width: 50%;
	overflow: hidden;
}
#home .bg-white,
#home .bg-black {
    position:absolute !important;
    top: 0;
}
#home .bg-white .static,
#home .bg-black .static {
    position: absolute;
    width: 100%;
    top: 22VH;
    width: 76VW;
}
#home #main {
    height: 100VH;
    height: calc(var(--vh, 1vh) * 100);
    display: block !important;
    transition: opacity 0.5s;
}
#home .bg-white .static {
    left: 12VW;
    text-align: center;
}
#home .bg-black .static {
    right: 12VW;
    text-align: center;
}
#home .static h2 {
    font-size: 92px;
    line-height: 60px;
}
#home .static h3 {
    font-size: 22px;
    line-height: 80px;
}
.smallText {
    font-size: 12px !important;
}
#home .bg-black {
	right: 0;
	background-image: url('../img/homeB.jpg');
	background-position: 50% 85%;
	background-size: 200%;
    background-repeat:no-repeat;
    background-color: #363636;
    /*transition: width 0.3s;*/
    overflow:hidden;
    height:100VH;
    height: calc(var(--vh, 1vh) * 100);
    padding: 0;
    width: 100VW;
}
#home .bg-white {
	left: 0;
	background-image: url('../img/homeW.jpg');
	background-position: 0% 85%;
	background-size: 200%;
    background-repeat:no-repeat;
    background-color: #d3d3d3;
    /*transition: width 0.3s;*/
    overflow:hidden;
    height:100VH;
    height: calc(var(--vh, 1vh) * 100);
    padding: 0;
}
.home-footer-container {
    background-color:#dfb560;
    box-sizing: border-box;
    padding:0;
    position:absolute;
    bottom:0;
    width:100%;
}
.controlLine {
	position: absolute;
	top: 0;
	left: 50VW;
	width:0;
	cursor: pointer;
	height: 100%;
    z-index: 100;
}
.investContent,
.borrowContent {
    float: left;
    width: 432px;
    position:relative;
    background-color: rgba(0,0,0,0.3);
    padding: 20px;
    margin-top: -2%;
}
#lendText,
#borrowText {
    position:relative;
}
#lendText {
    float: right;
}
#borrowText {
    float: left;
}
.borrowContent {
    float: right;
    background-color: rgba(255,255,255,0.5);
}
.investContent table,
.borrowContent table {
    width: 100%;
}
.investContent table td ,
.borrowContent table td {
    border-bottom: 1px solid #76C8E5;
    padding: 10px;
    text-align: left;
    color: #fff;
}
.borrowContent table td {
    color: #121212;
}
.noBorder {
    border: 0 !important;
}
/*.controlLine div {
	width:0;
	border-left: 2px solid #343434;
    border-right: 2px solid #343434;
	height: 100%;
}*/
.controlLine div,
.controlLine span {
    position: absolute;
    top: 30VH;
    width:100px;
    height:100px;
}
.controlLine .left {
    left: -10px;
    width: 0; 
    height: 0; 
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #d9a441;
    opacity: 0.5;
    margin-left:20px;
    transition: left 0.2s;
    padding: 0 20px;
}
.controlLine .right {
    width: 0; 
    height: 0; 
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent; 
    border-right: 15px solid #343434; 
    right: -10px;
    margin-right:20px;
    opacity: 0.5;
    transition: right 0.2s;
    padding: 0 20px;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
.full.nofill {
	background-color: transparent;
}
.full .half {
    width: 50%;
    padding: 10px;
    float: left;
    box-sizing: border-box;
}
.full .half .payment-details-container {
    margin: 0;
}
.full .third {
    width: 33.333%;
    padding: 10px;
    float: left;
    box-sizing: border-box;
    /*min-width: 520px;*/
}
.footer-a .full .third,
.footer-b .full .third {
	min-width: 0;
	padding: 2%;
}
.full .third .payment-details-container {
    margin: 0;
}
.av1 {
	display: inline-block !important;
	max-width: 320px;
}
.av2 {
	display: none !important;
}
/* ==========================================================================
   Header
   ========================================================================== */
.headerFullpage {
   width:100%;
   padding: 3% 12%;
   transition: all 0.4s ease;
   box-sizing: border-box;
   z-index: 98;
   position: relative
}
.mainMenu {
   float: right;
   height:64px;
}
.sideMenu {
   float: right;
   margin-left: 20px;
}
#sidr {
    display: none;
    /*position:absolute;*/
}
#sidr .--row * {
    color: #CE8E00;
    text-transform: capitalize;
}
#sidr b {
    font-family: var(--headings-font)
    color: #fff !important;
    font-weight: bold;
}
.sidr ul li,
.sidr ul {
    border: none;
}
/*#sidr ul ul {
    display:none;
}*/
.mainMenu a.menu,
.subMenu {
   position: relative;
   padding: 9px 15px;
   display: block;
   float: right;
   font-size: 15px;
}
.menu.somoyellow:hover {
	color: #E4C586 !important;
}
.subMenu img {
    display: none;
}
.subMenu {
    padding: 0;
    margin: 0;
    top: 0;
    background-image: url(../img/down.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 85% 50%;
}
.down-icon {
    width: 14px;
    margin-top: -3px;
    margin-left: 4px;
}
.nav-button.purple {
    border: none;
    background-color: rgba(255, 255, 255,0.2);
}
.nav-button.green {
    border: none;
    background-color: rgba(255, 255, 255,0.2)
}
.nav-button.purple:hover {
    background-color: rgba(255, 255, 255,0.4);
    color: #fff!important;
}
.nav-button.green:hover {
    background-color: rgba(255, 255, 255,1);
    color: rgba(24, 160, 126,0.9)!important;
}

/* BORROW AND LEND*/
#lend .mainMenu a {
	color: #fff;
}
#lend .headerFullpage,
#borrow .headerFullpage {
	position: absolute;
}
#lend .page-header,
#borrow .page-header {
	height: 100VH;
    height: calc(var(--vh, 1vh) * 100);
	border-bottom: 2px solid rgba(255,255,255,0.5);
    background-image: url(../img/homeWf.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0% 75%;
}
#borrow .page-header {
    border-bottom: 2px solid rgba(1,1,1,0.5);
}
#lend .page-header {
    background-image: url(../img/homeBf.jpg);
}
#lend .page-header h2,
#borrow .page-header h2 {
	color: #fff;
	font-size: 80px;
	line-height: 82px;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
#borrow .page-header h2 {
    color: #343434;
}
.btn-flex {
	opacity: 0.6;
}
.btn-flex:hover {
	opacity: 1;
}
.btn-flex * {
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.btn-flex:hover * {
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
}
#lend .page-header p,
#borrow .page-header p {
	color:#D8A33E;
	line-height: 52px;
    font-size: 40px;
    font-weight: 300;
}
#lend .faqs-inner,
#borrow .faqs-inner {
	padding: 2% 12%;
}
#lend .faqs-inner:after,
#lend .faqs-inner:before,
#borrow .faqs-inner:after,
#borrow .faqs-inner:before {
	content: " "; /* 1 */
    display: table; /* 2 */
}
#lend .faqs-inner:after,
#borrow .faqs-inner:after {
	clear:both;
}
#lend .third-list,
#borrow .third-list {
	width:33.33%;
	float: left;
	padding: 20px;
	box-sizing: border-box;
}
.vert-container {
	width: 100%;
	height: 100VH;
    height: calc(var(--vh, 1vh) * 100);
	position:absolute;
	pointer-events: none;
	box-sizing: border-box;
	padding: 0 12%;
	top: 0;
	left: 0;
}
.vert-lines-r,
.vert-lines-l {
	position:absolute;
	height: 100VH;
    height: calc(var(--vh, 1vh) * 100);
	pointer-events: none;
	box-sizing: border-box;
}

.vert-lines-r {
	right:37.4%;
	border-left: 2px solid rgba(255,255,255,0.5);
}
.vert-lines-l {
	left:37.4%;
	border-right: 2px solid rgba(255,255,255,0.5);
}

#borrow .vert-lines-r,
#brokers-and-introducers .vert-lines-r {
    border-left: 2px solid rgba(1,1,1,0.5);
}
#borrow .vert-lines-l,
#brokers-and-introducers .vert-lines-l {
    border-right: 2px solid rgba(1,1,1,0.5);
}
.flex-end {
	align-self: flex-end;
}
.flex-start {
	align-self: flex-start;
}
.flex-center {
    display: inline;
	align-self: center;
	margin: 0 auto;
}
.flex-inner {
    display: flex;
    margin: 0 auto;
    align-content: center;
}

#lend .mainarea {
    height: 150VH;
    background-color: rgba(25,24,22,1);
}
#borrow .mainarea {
    height: 100VH;
    height: calc(var(--vh, 1vh) * 100);
    background-color: #fff
}
.mainarea a {
    transition: all 0.1s ease-in-out;
}
.mainarea .full.double {
    display: flex;
}
.mainarea .full.double .third {
    width: 50%;
}
.mainarea .full.double .third:first-child {
    border-right: 2px solid rgba(255,255,255,0.5);
}
.mainarea .full {
	height: 50VH;
	background-color: transparent;
    padding: 0 12%;
}
.mainarea .third {
    padding: 0 50px;
    position: relative;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    overflow: hidden;
    transition: height 0.4s;
}
.mainarea .third .inner-content {
    display: block;
    opacity: 1;
    font-size: 16px;
    transition: all 0.4s;
}
.mainarea .hidden-inner-content .inner-content {
    display: none;
} 
.mainarea .invisible-inner-content .inner-content {
    opacity: 0;
}
#borrow .mainarea .third .flex-center .inner-content {
    text-align: justify;
}
.mainarea p,
.mainarea .serif {
	color: #fff;
	text-align:center;
}
#borrow .mainarea p,
#borrow .mainarea .serif {
    color: #343434;
    text-align:center;
}
#borrow .mainarea .inner-content {
    font-family: var(--headings-font)
    font-size: 17px;
}
.mainarea p {
	font-size: 17px;
}
.mainarea p {
	text-align: justify;
}
.mainarea p.top {
	text-align: center;
	margin-bottom: 10px;
}
.mainarea .serif {
	font-size: 38px;
	line-height: 40px;
	padding-bottom:15px;
	margin-bottom: 10px;
}
.mainarea .btn-med {
	background-color: #fff !important;
	text-align:center;
	margin-left: auto;
	display: block;
	margin-right: auto;
	box-shadow: 0 6px 10px 0 #010101;
    transition: all 0.1s ease-in-out;
	width: 200px;
	color: #343434 !important;
}
.mainarea span.btn-med {
    display: none;
}
.mainarea .btn-med:hover {
	box-shadow: 0 6px 14px 0 #222;
    transform: scale(1.02);
    background-color: #D39812 !important;
}
.mainarea  .flex-center p,
.mainarea  .flex-center h4 {
	opacity: 0.7;
}
.mainarea  .flex-center p,
.mainarea  .flex-center h4 {
	opacity: 1;
}
/* END BORROW AND LEND*/
.faded {
    opacity: 0.5;
}
.mainMenu a.menu span {
    box-sizing: border-box;
    display: none;
    width:80%;
    position: absolute;
    bottom: 21%;
    left: 10%;
}
.mainMenu a.menu.selected span,
.mainMenu a:hover span {
    display: block;
}
.mainMenu a.menu.selected {
    font-weight: bold;
}
.mainMenu a.menu:hover {
    /*text-decoration: underline;*/
}
.mainMenu ul a:hover {
    border-bottom: none;
}
.mainMenu a.menu.first {
    margin-right: 0;
}
.subMenu {
    cursor: default;
}
.subMenu ul li a {
    color: #1a1a1a !important;
}
.logo {
   float: left;
}
.logo span {
    font-size: 20px;
    line-height: 34px;
    display: block;
}
.logo img {
    position:relative;
}
.mainMenu a span {
    color: #fff;
}
.mainMenu #logregButton {
    margin-right: 0;
    border: 1px solid #1a1a1a;
    padding: 10px 20px;
    top: -5px;
    margin-left:10px;
}
#home .mainMenu #logregButton,
#lend .mainMenu #logregButton {
    border: 1px solid #fff;
}
.subMenu li {
    list-style-type: none;
    text-transform: uppercase;
    font-size: 16px;

}
.subMenu li.title {
    z-index:100;
}

.subMenu li.title a {
    position: relative;
    padding: 5px 15px;
    display: block;
    float: right;
    font-size: 15px;
}
.subMenu:hover {
    margin-left:-1px;
}
.subMenu ul {
    display: none;
    position: absolute;
    top: 17px;
    list-style-type: none;
    left: 1px;
    margin-top: 11px;
    background-color: #fff;
    width: 180px;
    box-sizing: border-box;
    z-index: 98;
    -webkit-box-shadow: 2px 2px 3px 2px rgba(94,94,94,0.22);
    -moz-box-shadow: 2px 2px 3px 2px rgba(94,94,94,0.22);
    box-shadow: 2px 2px 3px 2px rgba(94,94,94,0.22);
}
.mainMenu .subMenu ul {
    top: 28px;
}
.subMenu ul:hover {
    margin-top: 12px;
}
.subMenu ul li {
    color: #fff;
    display: block;
    text-align: right;
}
.subMenu ul li:last-child {
    border-bottom: none;
}
.subMenu ul li a {
    display: block;
    color: #343434;
    text-align: left;
    text-transform: uppercase;
        padding: 12px 15px;
    font-size: 12px;
}
.subMenu ul li a:hover {
    background-color: #c9e5f2;
    transition: all 0.2s;
}
.subMenu:hover ul {
    display: block;
}
.subMenu ul .highlighted {
    background-color: rgba(1, 1, 1,0.05);

}
.subMenu ul .highlighted a {
    color: #222;
}
.subMenu ul .highlighted:hover {
    background-color: rgba(1, 1, 1,0.15);
}
.mainMenu .subMenu {
    background-image: none;
}
.mainMenu .subMenu a.menu {
    top: 0;
    height: 40px;
    padding-top: 9px;
    margin-right: 0;
    padding-right: 41px;
    box-sizing:border-box;
    z-index:100;
    font-weight: 400;
}
.mainMenu .subMenu:hover  a.menu {
    border-left:1px solid rgba(94,94,94,0.12);
    border-top:1px solid rgba(94,94,94,0.12);
    border-right:1px solid rgba(94,94,94,0.12);
    background-color: #fff;
}
.mainMenu .subMenu.b ul li a {
    padding: 10px 15px;
}
.sidr {
    font-family: var(--sans-serif);
    background: #121212;
    box-shadow: 0 0 5px 5px #050505 inset;
}
.secondary-menu {
    margin: 0 12%;
    font-size: 0;
    box-sizing: border-box;
}
.secondary-menu a {
    padding: 2px 15px;
    margin-right:15px;
    display: inline-block;
    font-weight: bold;
    color: rgba(11, 11, 11,1);
    box-sizing: border-box;
    text-transform: capitalize;
}
.secondary-menu a:hover,
.secondary-menu a.selected {
    color: rgba(11, 11, 11,0.7);
    box-sizing: border-box;
}
.secondary-menu a:last-child {
	border-right: 0;
}
.secondary-menu .right {
    float: right;
    font-size: 0;
    margin-top: 10px;
}
.mainMenu .first {
    margin-right: -15px !important;
}
.helper {
    display: inline-block;
    color: #fff;
    padding: 0 15px;
    font-size: 12px;
}
.content-break {
     border-top:1px solid #eee;
     clear:both;
     margin: 0;
     height: 0;
}
.secondary-menu .right .on,
.secondary-menu .right a:hover {
    box-sizing: border-box;
    border-bottom: 4px solid #76C8E5;
}
.secondary-menu .right a {
	border-right: 0 !important;
}
.account-options {
    display: none;
    position: absolute;
    box-sizing: border-box;
    width: 200px;
    overflow: hidden;
    top: 7px;
    z-index:901;
    padding: 20px 0;
}
.account-options p a {
    color: #fff;
    display: block;
    background-color: #010101;
    padding: 5px 10px;
    font-size:14px !important;
}

.account-options p:nth-child(2n) a {
    background-color: #444;
}
.account-options p a:hover {
    background-color: #555;
}
.accounts-selector {
    position: relative;
}
.accounts-selector:hover .account-options {
    display: block;
}

.btn-flat {
    background-color: transparent;
    border: 1px solid #fff;
    width: 50%;
    color: #fff;
    padding: 10px 0;
    font-size: 16px;
}
html body #container .btn-flat.orange {
    border: 1px solid #76C8E5;
    color: #fff !important;
}
/* ==========================================================================
  Loans
  ========================================================================== */
.utilityForm {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    display: none;
    top: 0;
}
.utilityForm .background {
    width: 100%;
    z-index: -1;
    height: 100%;
    position: absolute;
    background-color: #fff;
    opacity: 0.6;
}
.utilityForm .normal {
    background-color: #fff;
    margin-top: 50px;
    z-index: 2;
}
.grad {
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: -1;
    top: 20px;
    position: absolute;
}
.control-btn {
    width: 50px;
    height:50px;
    border-radius: 25px;
    border: 1px solid #eee;
    background-color: #fff;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    position: relative;
    color:rgba(24, 160, 126,0.98);;
    margin: 0 auto;
    top: 40%;
    z-index: 1;
}
.availability-bar {
    background-color: #eee;
    height: 5px;
    width: 100%;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}
.availability-bar::after {
  content: "";
  background-image: url(../img/wov.png);
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.availability-bar span {
    display: block;
    height: 5px;
    width: 0;
    background: #76C8E5;
}
#apply form.normal {
    max-width: none;
    border: 0;
}
#apply form.normal h2 {
    text-align: left;
}
#apply .top * {
    color: #fff;
}
#apply .half{
    padding-left: 2%;
    padding-right: 0;
}
#apply .section {
    margin-top: 20px;
}
#apply .section .half:nth-child(2n+1) {
    padding-left: 0;
    padding-right: 2%;
}
#apply1 .alt {
    background-image: url(../img/peer-to-peer-lending-uk.jpg);
    background-position: center;
}
#apply1 .alt label,
#apply1 .alt h2 {
    color: #fff;
}
#apply1 {
    padding: 0;
}
.items-per-page .paginate,
.paginate.user-success {
    min-width:80px;
}
#apply1 .inner {
    max-width: 800px !important;
    margin-left: auto;
    margin-right: auto;
}
#apply1 .inner .full {
    margin-top: 20px;
    margin-bottom: 20px;
}
#apply1 .alt .sign {
    color: #fff;
}
#invest_form_button {
    color: #fff !important;
    font-size: 22px;
    display: block;
    background-color: #76C8E5 !important;
}
#invest_form_button:hover {
    opacity: 0.8;
}
/*#invest_form_button:hover {
    color: #fff !important;
    border: 1px solid #76C8E5;
    font-size: 22px;
    display: block;
    background-color: #76C8E5 !important;
}*/
.box.yellow {
    margin-top:50px;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    width:100px;
    opacity: 0.75;
}
.box.yellow:hover {
    opacity: 0.95;
}
#apply #apply1 .inner input.btn-med {
    /*background-color : #fff !important;*/
	background-color: rgba(89, 83, 158,1) !important;
    /*color: #343434 !important;*/
    color: white !important;
    border: none !important;
}
#apply #apply1 .inner input.btn-med:hover {
    background-color : rgba(14, 150, 116,1) !important;
    border: none !important;
}

.loan-square p,
.loan-square h4 {
    text-align: center;
}
.loan-square h3,
.loan-square h4 {
	font-family: var(--headings-font)
    font-style: normal;
    font-weight: 300;
}
.loan-square h4 {
	font-size:20px;
}
#lend .loan-square img {
    margin-top: 10px;
    margin-left: -30%;
   	min-width: 130%;
}
.loan-list,
.loan-squares {
    position: relative;
    margin-top: 30px;
    display: none;
}
.loan-list.selected,
.loan-squares.selected {
    display: block !important;
}
.loan-square {
    width: 25%;
    margin-left: 0%;
    float: left;
    border: 2px solid #fff;
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 30px;
    cursor: pointer;
}
#lend .loan-square {
    width: 32%;
}
.loan-square:hover {
    background-color: rgba(223, 181, 95,0.20);
    border: 2px solid #fafafa;
}
.loan-square:nth-child(4n+1) {
    clear:left;
    margin-left: 0;
}
#lend .loan-square:nth-child(4n+1) {
    clear:none;
}
.loan-square .logregloanbook {
	overflow: hidden;
}
.loan-square .left {
    width: 50%;
    display: block;
    float: left;
    box-sizing: border-box;
    margin:10px 0;
}
.loan-square .right {
    width: 50%;
    display: block;
    margin:10px 0;
    float: right;
    box-sizing: border-box;
    border-left: 1px solid #eee
}
.loan-square .bottom {
    clear: both;
    display: block;
    border-top: 1px solid #eee;
    box-sizing: border-box;
}
.loan-square .bottom h4 {
    margin-bottom: 10px;
}
.loan-square .bottom p {
    margin-top: 10px;
}
.loan-square {
    overflow: hidden;
}
.loan-square img {
    height: 300px;
    width: auto;
    min-width: 120%;
    margin-left: -10%;
}
.loan-square h3 {
    margin: 10px;
    font-size: 20px;
    min-height: 63px;
    max-height: 63px;
    overflow: hidden;
}
.loan-square p {
    margin-bottom:5px;
    text-transform: capitalize;
}
.standard-table {
    border-right: 1px solid #ddd;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}
.standard-table img {
    height: 50px;
}
.standard-table tr td:first-child {
	text-align: left !important;
	padding-left: 20px;
}
.standard-table td,
.standard-table th {
    text-align: center;
    box-sizing: border-box;
    border-left: 1px solid #ddd;
    font-size: 14px;
    padding:4px;
}
.standard-table.lefttab td,
.standard-table.lefttab th {
	text-align: left !important;
	padding-left: 20px;
	padding-right: 20px;
}
.standard-table th {
	background-color: #343434;
	color: #fff;
    border-top:1px solid #ddd;
    font-weight:normal;
}
.standard-table tr {
    border-bottom: 1px solid #ddd
}
.standard-table h3 {
    text-align: left;
}
.standard-table tr,
.standard-table td {
    height: 50px;
    position: relative;
}
.standard-table .fill-cell {
    display: block;
    width:100%;
    height:100%;
    color: #fff;
    line-height: 50px;
}
.standard-table .fill-cell:hover {
    opacity: 0.9;
}
.standard-table .fill-cell.red {
    background-color: #cc4444;
}
.question .standard-table {
    margin-bottom:30px;
}
.loans-details .property .box {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
}
.standard-table form {
    padding:10px;
}
.standard-table form h4 {
    padding-bottom:10px;
}
#admin .standard-table form input[type="number"] {
    padding:8px;
}
#admin .alert-bar a {
    display:block;
    background-color: rgba(234,54,37,0.7);
    padding:20px;
    color:#fefefe;
}
#admin .standard-table form input[type="number"],
#admin .standard-table form select {
    border: 1px solid #dddddd;
    padding: 8px;
    margin-bottom:10px;
}
#admin .standard-table form input.btn-med,
#admin .standard-table form input.btn {
    margin-top:0 !important;
}
.loans-details .property .box .description {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.loans-details .property .box .value {
    font-size: 18px;
    font-weight: 300;
}
.loans-details .property {
    /*margin-top: 20px;*/
}
.loans-details .property .col-1 {
    width: 46%;
    float: left;
    margin-right: 2%;
    overflow: hidden;
    box-sizing: border-box;
}
.loans-details .property .col-1 img {
    min-width: 100%;
    width: 100%;
}
.loans-details .property .col-1 .third img {
    opacity: 0.8;
}
.loans-details .property .col-1 .third img.selected {
    opacity: 1;
}
.col-1 .third {
    overflow: hidden;
    border: 5px solid #fff;
    max-height: 200px;
    margin-top:5px;
}
.col-1 .third img {
    width: 120%;
    margin-left: -10%;
    cursor: pointer;
    margin-top: -20%;
}
.loans-details .property .col-2 {
    width: 25%;
    float: left;
    margin-right: 2%
}
.loans-details .property .col-2 .box {
    margin-bottom: 15px;
    padding-bottom:20px;
}
.loans-details .property .col-2 a {
    display: block;
    color: rgba(24, 160, 126,0.7);
    font-size: 16px;
    font-weight: bold;
}
.loans-details .property .col-2 h4 {
    margin-bottom: 15px;
}
.loans-details .property .col-3 {
    width: 25%;
    float: right;
}
.loans-details .property .col-3 .box {
    padding: 20px;
    box-sizing: border-box;
}
.loans-details .property .col-3 .box.amount-available h4 {
    margin-bottom: 10px;
}
.loans-details .property .col-3 .box * {
    color: #1a1a1a;
}
.loans-details .property .col-3 .box.black {
    position: relative;
    background-color: rgba(1, 1, 1, 1);
    width:150px;
    height:150px;
    box-sizing: border-box;
    padding-top:30px;
    margin: 0 auto;
}
.loans-details .property .col-3 .box.black * {
    color: #fff;
}
.loans-details .property .col-3 .box.black::after {
  content: "";
  background-image: url(../img/wov.png);
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.file-link {
    display: inline-block;
    font-weight: bold;
}
.icon {
    height: 32px;
    margin-right:5px;
}
.details .tabs {
    background-color: #fff;
    margin-top: 20px;
    border-top: 1px solid #76C8E5;
    box-sizing: border-box;
    text-align: left;
    clear: both;
}
.details .tabs a:first-child {
    margin-left: 30px;
}
.details .tab .col {
    width: 33%;
    float: left;
    margin: 10px 0;
}
.details .tab .col p,
.details .tab .col a,
.details .tab .col {
    text-align: left;
}
.details .tab .col p,
.details .tab .col a {
    margin-bottom: 20px;
}
.details .tab .col p strong {
    display: block;
}
.details .tab .text-center {
    margin-top: 10px;
}
.details .tabs a {
    display: inline-block;
    padding: 10px 15px;
    color: #777;
    font-weight: 300;
    position: relative;
    box-sizing: border-box;
    text-transform: uppercase;
    cursor: pointer;
}
.details .tabs a.active {
    background-color: #76C8E5;
    color: #fff;
    top: 1px;
    cursor: default;
}
.details hr {
    border: none !important;
}
.details .tab {
    display: none;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #aaa;
    background-color: #fff;
    padding: 15px;
}
.details .tab p {
    margin-bottom: 5px;
}
.details .tab.active {
    display: block !important;
}
.right-arrow {
    background-image: url(../img/right.png);
    background-position: center;
    background-size: 40%;
    background-repeat: no-repeat;
}
#pagination a {
    padding: 10px;
    background-color: #fff;
    color: #1a1a1a;
    border:1px solid #1a1a1a;
    display: inline-block;
    margin-bottom: 10px;
}
#pagination a:hover {
    opacity: 0.8;
}
#pagination .current {
    background-color: #76C8E5;
    border:1px solid #76C8E5;
}
#pagination .inactive {
    display: none;
}
#pagination select {
    padding: 10px;
    margin-bottom:20px;
}
#pagination select {
    margin-left:12px;
}
/* ==========================================================================
  Type
  ========================================================================== */
.serif {
	font-family: var(--headings-font)
    font-style: normal;
    font-weight: 200;
}
.serif2 {
    font-family: var(--headings-font)
    font-style: normal;
    font-weight: 200;
}
.sanserif {
    font-family: var(--sans-serif);
}
#full .full.orange-underline {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
/* ==========================================================================
  Pages
  ========================================================================== */

.arrow-left,
.arrow-right {
    position: absolute;
    top: 40%;
    cursor: pointer;
    font-size: 40px;
    z-index: 2;
}
.arrow-left {
    left: 10%;
}
.arrow-right {
    right: 10%;
}
#lend .arrow-left {
    left: 1%;
    opacity: 0.4;
    display: none;
}
#lend .arrow-right {
    right: 1%;
    opacity: 0.4;
    display: none;
}
.slider-five {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    bottom: -20px;
    position: relative;
}
.slider-five .inner {
    width: 20%;
    padding: 0.3%;
    box-sizing: border-box;
    float: left;
    position: relative;
}
.slider-five .inner img {
    width: 100%;
}
.slider-five .inner .flex {
    background-color: #cb8c15;
    display: flex;
    height: 240px;
    position: relative;
}
.slider-five .inner .flex h4 a {
    align-self: flex-center;
    font-size: 26px;
    padding: 30% 20px 40%;
    display: block;
}
.slider-five .inner img,
.slider-five .inner .flex {
    width: 100%;
    text-align: center;
}
.full .statistics-text {
    width: 30%;
}
.full .statistics-hero {
    background-color: rgba(255,255,255,0.7);
    padding: 26px;
    width: 70%;
}
.statistics-hero td {
    color: #343434;
    padding: 25px;
    text-align: center;
    font-weight: normal;
}
.statistics-hero tr td:first-child {
    text-align: left;
    font-weight: bold;
}
.statistics-hero tr:first-child td {
    font-weight: bold;
}
.statistics-hero td:nth-child(2n){
    background-color: rgba(255,255,255,0.3);
}
.statistics-hero tr:nth-child(2n) {
    background-color: rgba(255,255,255,0.3);
}
.third-box {
    width: 30%;
    float: left;
    background-color: rgba(24, 160, 126,0.15);
    padding: 20px;
    position: relative;
    box-sizing: border-box;
}
.third-box:nth-child(2n+1) {
    background-color: rgba(24, 160, 126,0.05);
}
.third-box p{
    text-align: center;
    font-size:14px;
}
.third-box:nth-child(3n+2) {
    margin-left: 5%;
    margin-right: 5%;

}
.third-box:nth-child(3n+1) {
    clear: both;
    margin-bottom: 60px;
}
.third-box .larger {
    font-size: 30px;
}

.third-box small {
    font-size: 16px;
    text-align: center;
    display: block;
}
.third-box .larger {
    font-size: 22px;
}
.third-box .l,
.third-box .r {
    width: 49%;
    position:relative;
    box-sizing:border-box;
}
.third-box .l {
    float:left;
}
.third-box .r {
    float:right;
}
.cfgreen-long {
    clear: both;
    background-color: rgba(24, 160, 126,1);
    padding: 30px;
}
.cfgreen-long.blk {
    clear: both;
    background-color: rgba(4, 16, 12,1);
    padding: 30px;
}
.cfgreen-long h4 {
    text-align: center;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
}
.safety-rules {
    padding-bottom: 60px;
}
.safety-rules h2 {
    margin-top: 30px;
}
.safety-rules .full {
    max-width:833px;
    margin: 40px auto;
    padding: 0;
}

.b-white,
.b-green {
    padding: 40px;
    box-sizing: border-box;
    background-color: #E9F5F2;
    margin: 0 auto;
    -webkit-box-shadow: 2px 2px 3px 2px rgba(94,94,94,0.22);
    -moz-box-shadow: 2px 2px 3px 2px rgba(94,94,94,0.22);
    box-shadow: 2px 2px 3px 2px rgba(94,94,94,0.22);
    width:50%;
    position: relative;
    z-index:1;
    background-image: url(../img/graph.png);
    background-repeat: no-repeat;
    background-size: 46px;
    background-position: right 20px top 20px;
}
.b-green {
    background-color: #DDF0EB;
    width:75%;
    z-index:2;
    background-image: url(../img/lock.png);
}
.b-white:last-child {
    width:100%;
    z-index:3;
    background-image: url(../img/house.png);
}
.b-white h4,
.b-green h4 {
    margin-bottom: 20px;
}
.b-white p,
.b-green p {
    text-align: justify;
}

.where-money {
    background-color: rgba(24, 160, 126,1);
    height: 100px;
}
.third-box.left-text {
    background-color: #fff;
}
.left-text strong {
    font-size: 20px;
}
.left-text p {
    text-align: left;
}
.text-table {
    margin: 0 auto;
    width: 75%;
    margin-bottom: 50px;
    font-size: 16px;
}
.text-table strong {
    font-size: 16px;
}
.text-table tr td {
    padding: 10px;
}
.text-table tr:nth-child(2n) td {
    background-color: #efefef;
}
.standard-box {
    height: 420px;
    width: 50%;
    box-sizing: border-box;
    border-right: 2px solid #fff;
    margin-bottom: 2px;
    background-color: rgba(24, 160, 126,0.98);
    display: block;
    overflow: hidden;
    float: left;
    text-align:center;
    background-position: center;
    background-size: cover;
    padding-left:5%;
    padding-right:5%;
    position: relative;
}
.standard-box.alt {
    background-color: rgba(89, 83, 158,0.9);
}
.standard-box.black {
    background-color: #313131 !important;
}
.standard-row:hover .standard-box.black {
    background-color: #414141 !important;
}
.standard-row:hover .standard-box.black .btn-flat {
    background-color: #222;
}
.standard-row:hover .standard-box.black .btn-flat:hover {
    background-color: #fff;
    color: #222;
}
.fade-in {
    top: 100px;
    transition: top 1s ease-out, opacity 1.2s ease, background-color 0.4s ease;
    opacity: 0;
    position: relative;
}
.standard-box * {
    position: inline-block;
    color: #fff;
    position: relative;
    z-index: 2;
}
.double {
    height:842px;
}
.standard-box .overlay {
    width: 100%;
    height: 100%;
    background-color: #00AD7E;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    box-sizing: border-box;
    padding: 50px 15%;
    opacity: 0.25;
}
.standard-box:nth-child(2n) {
    border-right: 0;
}
.standard-box h4 {
    font-size: 36px;
    margin-top: 130px;
    letter-spacing: 1px;
}
.line- {
    position: absolute;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.line-right {
    right:164px;
    bottom: 159px;
    height: 100px;
    -ms-transform: rotate(75deg);
    -webkit-transform: rotate(75deg);
    transform: rotate(75deg);
    border-left: 1px solid rgba(255, 255, 255,1);
}
.line-left {
    left:143px;
    bottom:153px;
    height: 100px;
    -ms-transform: rotate(-85deg);
    -webkit-transform: rotate(-85deg);
    transform: rotate(-85deg);
    border-left: 1px solid rgba(255, 255, 255,1);
}
.line-right span {
    position: absolute;
    -ms-transform: rotate(-65deg);
    -webkit-transform: rotate(-65deg);
    transform: rotate(-65deg);
    width:100px;
    top: -72px;
    right: -70px;
    font-weight: bold;
    color: rgba(255, 255, 255,1);
}
.line-left span {
    position: absolute;
    -ms-transform: rotate(75deg);
    -webkit-transform: rotate(75deg);
    transform: rotate(75deg);
    width:100px;
    top: -59px;
    right: -49px;
    font-weight: bold;
    color: rgba(255, 255, 255,1);
}
.standard-box h4.reduced-margin {
     margin-top: 64px;
}
.standard-box p.alt {
    font-size: 20px;
    margin-top: 30px;
    text-align: center;
}
.standard-box.double p.alt {
    text-align: justify;
}
.standard-box h5 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #ddd;
    letter-spacing: 1px;
}
.standard-box .single {
    margin-top: 70px;
    margin-bottom:20px;
}
.standard-row .standard-box,
.standard-row {
    /*transition: all 0.4s ease;*/
}

.standard-row.alt .standard-box {
    background-color: rgba(89, 83, 158,1);
}
.standard-row:hover .standard-box {
    background-color: rgba(24, 160, 126,0.8);
}
.standard-row.alt:hover .standard-box {
    background-color: rgba(89, 83, 158,0.8);
}

.standard-row:hover h4 {
    color: rgba(255, 255, 255,1);
}
.standard-row:hover h5 {
    color: #eee;
}
.standard-row .btn-flat {
    transition: background-color 0.4s ease;
    display: inline-block
}
/*.standard-row:hover .btn-flat {
    color: rgba(24, 160, 126,0.98);
    border: 1px solid rgba(24, 160, 126,0.98);
}*/
.standard-row:hover .btn-flat {
    background-color: rgba(0, 0, 0,0.1);
    color: #fff;
}
.standard-row.length-box:hover .btn-flat {
    background-color: rgba(0, 0, 0, 1);
    color: #fff;
}
.standard-row .btn-flat:hover {
    background-color: rgba(255, 255, 255,0.98);
    color: rgba(24, 160, 126,0.98);
}
.standard-row.length-box .btn-flat:hover {
    background-color: rgba(255, 255, 255,0.98);
    color: rgba(0, 0, 0, 1);
}
.faqs-box li {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}
.faqs-box ul,
.faqs-box ol {
    margin-bottom: 20px;
    list-style-position: inside;
    padding: 0;
}
.faqs-box h2 {
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 43px;
    color: #4D4D4D;
}
.faqs-inner {
    margin: 20px 0;
}
.faqs-inner .question {
    border-bottom: 1px solid #eee;
    transition: height 0.4s ease;
    height: 60px;
    text-align: left;
    overflow: hidden;
    position:relative;
}
.faqs-inner .question .faq-expander {
    float: right;
    position: absolute;
    top: 42%;
    right: 4px;
}
.faqs-inner .question.selected .faq-expander {
	top:20px;
}
.faqs-inner .question .faq-expander span {
	font-size: 25px;
	line-height: 0;
}
.faqs-inner .question .faq-expander .minus {
	display: none;
}
.faqs-inner .question.selected .faq-expander .plus {
	display: none;
}
.faqs-inner .question.selected .faq-expander .minus {
	display: block;
}
.faqs-inner .question:hover,
.faqs-inner .question.selected {
    background-color: rgba(1,1,1,1);
    background: linear-gradient(180deg, rgba(64,61,57,1) 0%, rgba(32,30,29,1) 50%, rgba(25,24,22,1) 100%);
}
.faqs-inner .question:hover *,
.faqs-inner .question.selected * {
    color: #fff !important;
}
.faqs-inner .question:first-child {
    border-top: 1px solid #fff;
}
.faqs-inner .question p,
.faqs-inner .question a {
    padding: 20px 40px;
    font-size: 16px;
    text-align: left;
    display:block;
    color: #4D4D4D;
    cursor: pointer;
}
.faqs-inner .question p {
    padding: 20px 20px 20px 0;
    transition: padding 0.2s;
}
.faqs-inner .question .answer {
    padding: 0 40px 20px;
}
.faqs-inner .question.selected p,
.faqs-inner .question:hover p,
.faqs-inner .question:hover a {
    padding: 20px 40px;
}
.faqs-inner .question a {
    background-color: rgba(0,0,0,0.1);
    text-align: center;
}
.faqs-inner .question .answer p {
    font-size: 14px;
    font-weight: normal;
    text-align: justify;
    line-height: 20px;
    color: #4D4D4D;
    padding: 0;
    margin-bottom: 20px;
    cursor: default !important;
}
.faqs-inner .question .answer li {
    color: #4D4D4D;
}
p.large {
    font-size: 16px;
}
.standard-box p.large {
    margin-bottom:20px;
}
p.largeE {
    font-size: 18px
}
.largest {
	font-size: 28px;
}
.footer-a .largest,
.footer-b .largest,
.footer-a p,
.footer-b p,
.footer-a h4,
.footer-b h4 {
	color: #fff;
	text-align: center;
}
.footer-a h4,
.footer-b h4 {
	font-size:32px;
}
#brokers-and-introducers .standard-box h4 {
    margin-top: 109px;
}
.z {
    margin-top: 0 !important;
}
.z .btn-flat {
    margin-bottom: 50px;
}
.standard-row.length-box.alter {
    height: 338px;
}
.alter .full {
    padding-top: 0;
    padding-bottom: 0;
    padding-left:20%;
    padding-right:20%;
    margin-top:20px;
}
.alter p {
    text-align: center;
    padding-bottom: 0 !important;
}
.alter p strong {
    display: block;
    font-size: 20px;
}
.alter a {
    color: #fff; font-size: 16px; font-weight: bold;
}
.hero.alt {
    padding: 135px 25px 200px;
    height: 400px;
}
.very-large {
    font-size: 100px;
    font-weight: bold;
}
.large-large {
    font-size: 70px;
}
.standard-row:hover .large-large,
.standard-row:hover .very-large,
.standard-row:hover .medium-large {
    color: rgba(255, 255, 255,1);
}
.medium-large {
    font-size: 50px;
}
.standard-box .medium-large {
    font-size: 50px;
}

.standard-box .very-large {
    line-height: 70px;
    margin-top: 90px;
}
h4.medium {
    margin-top: 132px;
    margin-bottom: 0;
    font-size: 18px;
}
.length-box {
    background-color: #515453;
    position: relative;
}
.length-box p {
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    color: #fff;
}
.standard-row.length-box {
    height: 280px;
    text-align: center;
}
.standard-row.length-box.b {
    height: 166px;
    overflow: hidden;
    background-color: rgba(89, 83, 158,1);
}
.standard-row.length-box.c {
    height: auto;
    margin-top: 2px;
    padding: 10px 30px 30px;
}
.loan-calc  {
    padding-bottom: 40px;
}
.black .loan-calc *,
.black .loan-calc * *,
.black .loan-calc * * *,
.black .loan-calc * * * * {
    color: #1a1a1a !important;
}
.black .loan-calc #loan_calc_submit {
    border: 1px solid #1a1a1a;
}
.footer-a .loan-calc {
    padding: 20px 0;
}
.absolute-top-right {
    position:absolute;
    top: 0;
    right: 0;
}
.absolute-top-right.calc-months {
    right: 48px;
}
.rangeslider__handle {
    background: rgba(213, 157, 53, 1) !important;
    border: 1px solid rgba(213, 157, 53, 0.8) !important;
}
.rangeslider__fill {
    background: rgba(213, 157, 53, 1) !important;
}
.rangeslider {
    background: rgba(255,255,255,0.3) !important;
}
.rangeslider--horizontal {
    height: 12px !important;
}
.rangeslider--horizontal .rangeslider__handle {
    top: -15px !important;
}
.loan-calc .row {
    padding: 10px 30px 0;
    box-sizing: border-box;
    text-align: left;
    position:relative;
    margin: 20px 0;
}
.footer-a .loan-calc .row {
    padding: 10px 15px 0;
    margin: 20px 0 0;
}
.loan-calc .row.floated {
    width: 50%;
    float: left;
}
.loan-calc label {
    font-size: 18px;
    padding: 6px 6px 10px;
    clear: both;
    color: #fff;
}
.footer-a .loan-calc label {
    font-size: 16px;
    padding: 0px 6px 3px;
}
.loan-calc .money-field {
    font-size: 20px;
    width: 100%;
    display:block;
    color:#fff;
    line-height: 14px;
}
.loan-calc .btn-flat {
    display: block;
    margin: 32px auto 0 !important;
    padding:10px 40px;
    width:auto;
}
.standard-box.double#standardbox9 h4 {
    margin: 96px 30px 10px
}
.range-container {
    position: relative;
    width: 100%;
    display: block;
    margin-top: 30px;
}
.loan-calc select {
    padding: 10px;
    width: 100%;
    box-sizing:border-box;
    color: #fff;
    background-color: transparent;
    border: 1px solid #777;
}
.loan-calc select option {
    color: #222;
}
.loan-calc input[type="text"] {
    color: #fff;
    position: relative;
    top: -1px;
    margin-left:6px;
    font-size: 14px;
    width:70%;
    background-color: transparent;
    border: 1px solid #777;
}
.footer-a .loan-calc .money-field input[type="text"] {
    width:40%;
}
.footer-a .absolute-top-right {
    text-align: right;
    right: 27px;
}
.standard-row.length-box.c .medium-large {
    margin-bottom: 30px;
}
.standard-row.length-box .btn-flat {
    text-align:center;
}
.standard-row.length-box p {
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 30px;
}
.standard-row.length-box .medium-large {
    padding-bottom: 5px;
    padding-top: 40px;
    font-size: 50px;
}
.overlay * {
    display: none;
}
.standard-row:hover .overlay * {
    display: block;
    color: #343434;
}
#brokers-and-introducers .hero h3 {
    font-size: 20px;
}
.standard-row:hover .overlay p {
    display: block;
    text-align: justify;
    margin-bottom: 15px;
    font-size: 15px;
    color: #343434;
}
.standard-box-back {
    transition: background-color 0.4s ease;
}
.standard-row:hover .overlay {
    opacity: 0.9;
    background-color: #fff;
    z-index: 9;
}

.standard-row .overlay {
    transition: opacity 0.4s ease, background-color 0.4s ease;
}
.standard-row .overlay p.overlay-title {
    font-size: 20px;
    font-weight: bold;
    color: rgba(14, 150, 116,1);
    margin-top:50px;
    text-align: center;
}
.standard-row.alt .overlay p.overlay-title {
    color: rgba(89, 83, 158,1);
}
.title-b {
	font-size: 38px;
	padding-top:40px;
}
.loan-portfolio {
    position: relative;
    background-color:#fff;
}
.loan-portfolio .overlay-left {
    right: 0;
    background: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,1));
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}
.loan-portfolio .overlay-right {
    left: 0;
    background: linear-gradient(to left, rgba(255,255,255,0) , rgba(255,255,255,1));
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}
.loan-portfolio .portfolio-control {
    position: absolute;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    height: 100%;
    width: 10%;
    z-index: 2;
}
#investor_selector_field {
    padding: 10px;
}
.funds-available {
    margin-bottom: 20px;
    font-size: 16px;

}
.funds-available span {
    font-weight: bold;
}
#faqsmain .half,
#faqsmain {
    padding: 0;
}
#faqsmain {
	padding: 3% 12%;
}
#faqsmain .half:first-child {
    border-right: 2px solid #fff;;
    background-color: #414141;
}
.faqs-container {
	padding-bottom: 100px !important;
	background-color: #fff;
}
#faqsmain .half .faqs-container {
    margin: 0 !important;
}

.fixed-window {
    display: flex;
    z-index:2000;
    position: fixed;
    width:100%;
    height:100%;
    background-color: rgba(255,255,255,0.95);
    opacity: 1;
    top:0;
    left:0;
    align-items: center;
}
#downloadrates1 .fixed-window {
    zoom: 1.5;
}
.fixed-window .close,
#loginWindow .close {
    background-image: url("/frontend/img/cr.png");
    width:50px;
    height: 50px;
    background-size: cover;
    position: absolute;
    top:25px;
    cursor:pointer;
    z-index:3999;
    right:25px;
}
#loginWindow .close {
    width:25px;
    height: 25px;
    top:15px;
    right:15px;
}
.fixed-window-inner {
    max-width:400px;
    margin: 0 auto;
    min-height:100px;
    background-color: #343434;
    padding: 40px;
    max-height:100%;
    overflow: auto;
}
.fixed-window-inner input {
    color: #222;
    display: block;
    width: 100%;
}
.fixed-window-inner * {
    color: #fff;
}
#sname {
    display: none !important;
}
.results {
    border-top: 1px solid #fff;
}
.fixed-window-inner label,
.fixed-window-inner h4,
.fixed-window-inner p {
    color: #fff;
    margin-bottom:7px;

}
.fixed-window-inner h4 {
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;
}
.fixed-window-inner p {
    font-size: 14px;
    text-align:center;
}
.fixed-window-inner label {
    margin-top: 7px;
}
.fixed-window-inner input.correct {
    background-color:rgba(14, 150, 116,0.1);
    color: #fff;
}
#calc_details_submit {
    opacity:0.5;
    margin-top:20px;
}
.fixed-window-inner small {
    display: block;
    color: #fff;
    text-align: center;
    margin-top:4px;
    font-size: 12px;
}
.fixed-window-inner a {
    display: block;
    margin: 20px auto 0;
    text-align:center;
}
#calc_details_submit.ready {
    opacity:1;
}
.form-table {
    min-width: 800px;
}
.form-table textarea {
    width:100%;
    box-sizing: border-box;
    padding:7px;
    margin-bottom: 0 !important;
}
.form-table tr:nth-child(2n+1) textarea {
    background-color: #fdfdfd;
}
.clickable {
    cursor: pointer !important;
}
.form-table tr:first-child td {
    color:#fff;
    background-color: rgba(1, 1, 1,1);
}
#decinfo .fixed-window-inner {
    max-width: 800px;
    background-color: #fff;
}
#assets-and-liabilities .full {
    overflow: auto;
}
#decinfo p,
#decinfo h4 {
    color: #222;
    text-align: left;
}
.fca-auth {
    text-align: right;
    margin-right:2%;
}
.featured-in .fca-auth {
    width:6%;
}
.fca-auth img {
    display: inline;
    float: none;
    position: absolute;
    width: auto;
    left: 10px;
    top: 5px;
    height: 44px;
}
/* ==========================================================================
  logged-in
  ========================================================================== */

.logged-in .featured-in {
    display: none;
}
.loan-list-table th img {
    width: 10px;
    height:auto;
    margin-left:3px;

}
.loan-list-table th {
	text-align: left;
	min-width: 80px;
}
.loan-list-table th.medium {
    min-width: 110px;
}
.loan-list-table th.long {
    min-width: 144px;
}
.loan-list-table th a {
    box-sizing: border-box;
    padding: 3px;
    color:#fff;
    text-align:left;
    white-space: nowrap;
}
.loan-list-table th img.desc {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.details .tab .col {
    float: none;
    width:100%;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
}
.details .tab .col p strong {
    display: inline-block;
}
.helper {
    position: relative;
    display: inline-block;
}
.helper .button {
    height:24px;
    width:24px;
    border-radius: 12px;
    display: inline-block;
    background-color: #76C8E5;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height:24px;
    cursor: pointer;
}
.helper .content {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 20px;
    width:200px;
    left: 24px;
}
.helper:hover .content {
    display: block;
    background-color: rgba(24, 160, 126,1);
    color: #fff;
    font-size: 12px;
}
.orange-underline h3 {
    padding-bottom: 10px;
    border-bottom: 3px solid #76C8E5;
    display: block;
}
/* ==========================================================================
  Admin
  ========================================================================== */
.fail {
  background-color: #ee2222;
  color: #fff;
  text-align: center;
  padding: 15px;
  width: 100%;
  margin-bottom: 15px;
}
#admin {
    box-sizing: border-box;
    overflow-x: auto !important;
}

.admin-header .mainlogo {
    padding: 15px;
    top: 0;
    background-color: #fff;
    right: 0;
    position: absolute;
}
.admin-header .main-nav {
    width: 210px;
    position: absolute;
    background-color: #343434;
    min-height: 100%;
    left: 0;
}
.admin-header .main-nav p {
    padding: 10px 15px;
    color: #fff;
    font-weight: 300;
    border-bottom: 3px solid #fff;
}
.admin-header .main-nav a {
    display: block;
    padding: 5px 15px;
    color: #fff;
    border-bottom: 1px solid #222;
}
#admin h2 {
    font-weight: 300;
    margin-top:6px;
    margin-bottom: 34px;
}
.admin-header .main-nav a:hover {
    background-color: #010101;
}
#admin #main {
    width: calc(100% - 230px);
    float: right;
    margin-top:20px;
    box-sizing: border-box;
    padding-right:20px;
}
#admin .floated {
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    float: left;
    width:50% !important;
    padding-left: 1% !important;
    box-sizing: border-box;
}
#admin .floated:nth-child(2n) {
    padding-right: 1% !important;
    padding-left: 0 !important;
}
#admin .floated form {
    margin: 0;
}
#admin .login {
    float: none !important;
}
#admin form .form-element {
    margin-bottom: 20px;
    font-weight: 300;
    position: relative;
}
#admin form .form-element label {
    margin-bottom: 5px;
}
#admin form .form-element.date input {
    width: 60px !important;
    display: inline-block !important;
    margin-right:1%;
}
#apply form .form-element.date input {
    width:27%;
    margin-right: 3%;
    float: left;
    box-sizing: border-box;
}
#apply form .form-element.date .year {
    width:40%;
    margin-right: 0;
}
#admin form input[type="text"],
#admin form input[type="number"],
#admin form input[type="password"],
#admin form select,
#admin form textarea {
    padding: 3px;
    height: auto;
    border: 1px solid #343434;
    width: 90%;
    max-width: 300px;
}
#admin form.normal textarea,
#admin form.normal input {
    width: 100% !important;
    max-width: none;
    box-sizing: border-box;
}
#admin form .form-element label {
    display: block;
}
.col-left{
    width: 49%;
    float: left;
}
.col-right {
    width: 49%;
    float: right;
}
.col3-left{
    margin: 0;
    width: 30%;
    float: left;
}
.col3-center{
    margin:0 5%;
    width: 30%;
    float: left;
}
.col3-right {
    margin: 0;
    width: 30%;
    float: left;
}
.col3-left div,
.col3-right div,
.col3-center div {
    margin-bottom:10px;
}
#admin .nonfooter {
    padding: 0 !important;
}
#admin #container {
    background-color: transparent;
}
#admin .normal {
    margin: 10px 0 0;
    background-color: #eee;
}
#admin .normal input[type="text"],
#admin .normal input[type="number"],
#admin .normal input[type="password"],
#admin .normal input[type="email"],
#admin .normal select {
    width: 100%;
    max-width: 100%;
    padding: 5px 0;
}
#admin .normal input.btn-med {
    margin: 0 !important;
}
.dash-box {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    box-sizing: border-box;
    padding: 30px;
    color: #fff;
    background-color: #343434;
    display: block;
}
.dash-box * {
    color: #fff;
    text-align: center;
}
.dash-box h3 {
    font-size: 30px;
}
.dash-box h5 {
    font-size: 15px;
    font-weight: normal !important;
}
.dash-box.withdrawal {
    background-color: #0099cc;
}
.dash-box:nth-child(3n) {
    margin-right: 0;
}
.search-form {
    width: 100%;
    font-size: 16px;
    margin-bottom: -30px;
}
.search-form label {
    display: inline-block;
    margin-right: 10px;
}
.search-form input {
    display: inline-block;
}
.admin-tabs .tab {
    display: none;
}
.admin-tabs .tab.selected {
    display: block;
}
.tab-controller {
    border-bottom: 3px solid #050f2a;
    box-sizing: border-box;
    height: 38px;
    background-color: #eee;
    margin-bottom: 20px;
}
.tab-controller button {
    border: 0;
    background-color: transparent;
    padding: 10px;
    margin: 0 !important;
    border-bottom: 3px solid #010101;
    z-index: 2;
}
.tab-controller button.selected {
    border-bottom: 3px solid orange;
}
.user-single p {
    padding: 15px 10px;
    background-color: #eee;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
.loan-list-table {
    margin-bottom: 20px;
}
#loan_updates a,
#loan_updates a:hover {
    color: #050f2a0EE;
}
#loan_updates .highlighted {
    background-color: rgba(100, 100, 100,0.2);
}
#loan_updates .highlighted:nth-child(2n) {
    background-color: rgba(100, 100, 100,0.1);
}
.close-button {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #010101;
    width:50px;
    height: 50px;
    text-align:center;
    color: #fefefe;
    line-height: 50px;
    z-index:10;
    cursor: pointer;
}
.hidd #main {
    width: calc(100% - 20px) !important;
}
.main-nav.hidd {
    left: -285px;
}
.close-button.hidd {
    background-color: #444;
    transform: rotate(180deg);
}
.loan-status-change {
    display: none;
}
.loan-status-change.selected {
    display: block;
}
.inline-container {
    position: relative;
}
.inline-container .inline-box {
    display: inline-block;
    width:30%;
    margin-right:4%;
    font-size:16px;
    box-sizing: border-box;
    padding:20px;
    font-weight: normal;
}
.inline-container .inline-box:nth-child(3n) {
    margin-right: 0;
}
.toggle {
    color: rgba(24, 160, 126,0.95) !important;
    font-weight: bold;
    cursor: pointer;
}
#SITable img {
    margin-left:10px;
    width:14px;
    height:auto;
}
/* ==========================================================================
   Popups
   ========================================================================== */
.popup {
    position: fixed;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    z-index: 100;
}
.popup-back {
    width:100%;
    height:100%;
    position:absolute;
    background-color: #fff;
    opacity: 0.8;
    top:0;
    left:0;
    z-index:1;
}
.popup-inner {
    width:80%;
    margin:auto;
    top: 10%;
    border: 1px solid #eee;
    background-color: #fff;
    position: relative;
    z-index: 2;
    max-height: 80%;
    overflow: auto;
    max-width:800px;
}
.popup-close {
    background-color: #bcbcbc;
    color:#fff;
    font-weight: 400;
    width:25px;
    height:25px;
    text-align:center;
    line-height:24px;
    cursor:pointer;
    position:absolute;
    top:10px;
    border-radius: 13px;
    right:10px;
}
.form-element {
    padding:10px 0;
}
.popup .left {
    width:58%;
    float: left;
}
.popup .right {
    width:39%;
    float: right;
}
.popup .normal {
    border: 0;
    width:100%;
    max-width: 9000px;
}
.popup select {
    margin-top: 20px;
}
.popup .form-element {
    margin-top:15px;
    padding-bottom:25px;
    border-bottom: 1px solid #ddd;
}
.popup table {
    font-size: 16px;
    width:100%;

}
.popup table tr td {
    border-top:1px solid #eee;
    padding:8px;
}
.popup table tr:first-child td {
    border-top:0;
}
.popup-inner-3 p {
    margin: 20px 8px 30px;
}
.popup-inner-3 a {
    margin: 10px 8px;
    float: right;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
    display: none !important;
    visibility: hidden;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
.x {
  display: none !important;
}
.underline {
  text-decoration: underline;
}
.yellow {
    background-color: #76C8E5 !important;
}
.no-border {
    border: 0 !important;
}
.padded-cell {
    padding: 10px;
}
a.large {
    font-size: 16px;
    font-weight: bold;
}
.message-box {
    padding: 20px;
    background-color: rgba(0, 0, 0,0.95) !important;
    font-size: 16px;
    margin-top: 15px;

    font-weight: bold;
}
.message-box p,
.message-box a {
    color: #fff;
}

.ppConsistencies {
    display:none !important;
}
.statement-pages .int-total {
    cursor:pointer;
}
.statement-pages .dd tr {
    background-color: #fff !important;
}
.statement-pages .dd .ff {
    background-color: #eee !important;
}
.statement-pages .form-container {
    display:inline-block;
    text-align: left;
}
.statement-pages .form-container label {
    text-indent: 5px;
    font-weight: bold;
}
.statement-pages .form-container input[type="date"] {
    width:200px;
}
.statement-pages .form-bar {
    margin-bottom:30px;
}
.statement-pages .form-bar select {
    padding: 9px;
    border: 1px solid #ccc;
}
.statement-pages .standard-table.dd {
    margin: 0 auto;
}
.statement-pages .standard-table th {
    text-align: left;
    padding-left:20px;
}
.statement-pages .standard-table tr {
    height:42px;
}
.statement-pages .form-bar .btn {
    width:110px;
}
.statement-pages .form-bar .fa {
    right: -120px !important;
}
#loans-single .tab-3 .floated {
    padding-left: 0 !important;
    margin: 10px 0 !important;
}
#loans-single .tab-3 .floated form {
}
#loans-single .tab-3 .floated form * {
}
.homefooter {
	font-size:24px;
}

#menuIcon {
	cursor: pointer;
}
.interest-iframe {
    position: fixed;
    top:100px;
    margin-left: -200px;
    left: 50%;
    z-index:100;
    width:420px;
    background-color:#fff;
    border: none;
    max-height:740px;
    height:62%;
    border-radius:4px;
}


/* ==========================================================================
   Helper Icons.
   ========================================================================== */

.helperQuestionMarks{
	font-size: 14px;
    font-weight: bold;
    width: 40px;
    height: 20px;
    margin-left: 3px;
    padding: 0px 3px 0px 3px;
    color: #22a383;
}

.helperQuestionMarks:hover{
	cursor:pointer
}

/* ==========================================================================
   Rewards Page.
   ========================================================================== */

.rewards-header{
	text-align: center;
	width: 100%;
	margin-bottom: 130px;
}
.rewards-header-title{
	margin-top: 20px;
	font-size: 35px;
	color: #3c454b;
	font-weight: 200;
}
.rewards-header-text{
	width: 50%;
    margin: auto;
    margin-bottom: 30px;
    color: #647884;
    font-size: 18px;
    font-weight: 300;
}
.page-divider{
	width: 70%;
    height: 2px;
    margin: auto;
    background-image: radial-gradient(rgba(204, 204, 204, 0.2), #FFF), radial-gradient(rgba(204, 204, 204, 0.3), #FFF);
    background-position: 100%, 0, 100%, 0;
}
.rewards-header-small-text{
    width: 50%;
    margin: auto;
    margin-bottom: 65px;
    color: rgba(100, 120, 132, 0.4);
    font-size: 14px;
    font-weight: 300;
}
.rewards-header-small-text span{
	display: block;
}
.rewards-header-small-text i{
	font-size: 18px;
    padding: 4px;
}
.rewards-content{
	text-align: center;
	width: 100%;
	margin-bottom: 130px;
}
.rewards-content-title{
	margin-top: 20px;
	font-size: 35px;
	color: #3c454b;
	font-weight: 200;
}
.rewards-box-wrapper{
	max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid rgba(165, 165, 165, 0.15);
}
.rewards-box-top-half{
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    max-width: 600px;
    height: 150px;
}
.rewards-box-bottom-half{
	padding-right: 2.5rem;
	padding-left: 2.5rem;
    max-width: 600px;
    height: 400px;
    border-top: 2px solid rgba(165, 165, 165, 0.15);
}
.rewards-box-top-content{
    list-style: none;
    border-spacing: 0;
    text-align: left;
    padding: 1rem 1.5rem;
}
.rewards-box-top-content-item{
	display: table;
    width: 100%;
    margin-top: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #d8e4eb;
}
.rewards-box-top-content-item-left-first{
	letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 500;
    color: #647884;
    text-align: left;
    vertical-align: middle;
}
.rewards-box-top-content-item-right-first{
	text-align: left;
    display: block;
    vertical-align: middle;
    color: #647884;
    font-weight: 200;
    font-size: 14px;
    word-break: break-all;
}
.rewards-box-top-content-item-left{
	letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 500;
    color: #647884;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}
.rewards-box-top-content-item-right{
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    color: #647884;
    font-weight: 200;
    font-size: 13px;
}
.rewards-box-bottom-content{
	list-style: none;
    border-spacing: 0;
    text-align: left;
    padding: 1rem 1.5rem;
}
.rewards-box-bottom-content-title{
	margin-top: 20px;
    font-size: 24px;
    font-weight: 200;
    text-align: center;
    margin-bottom: 20px!important;
    color: #647884;
}
.rewards-box-bottom-content-text{
	margin-top: 20px;
    font-size: 17px;
    font-weight: 200;
    text-align: center;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    color: #647884;
}
.rewards-box-bottom-content-textbox-container{
	text-align: center;
    width: 100%;
    margin-top: 30px;
    display: block;
    height: 150px;
}
.rewards-box-bottom-content-textbox{
	margin-left: auto;
    width: 100%;
    margin: auto;
    overflow: scroll;
    height: 145px;
    padding: .624em .75em;
    color: #647884;
    border: 1px solid #d8e4eb;
    display: inline-block;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 200;
    resize: none;
}

.btn.red {
	color: #fff !important;
	background-color: #a11;
}
.btn.red:hover {
	background-color: #c11;
}

.btn.green {
	color: #fff !important;
	background-color: #1a1;
}
.btn.green:hover {
	background-color: #1c1;
}

.btn {
    border-radius: 40px;
    height: 40px;
    width:100%;
    font-size: 14px;
    line-height: 40px;
    border: 0;
    background-color: #76C8E5;
    color: #fff;
    cursor: pointer;
/*    background-image: url('/frontend/img/payl8r-arrow-white.png');*/
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 34px;
    max-width: 291px;
    margin-left:auto;
    text-align:center;
    margin-right:auto;
}
.btn:hover {
    background-color: rgba(118, 200, 229, 0.8);
}
.btn:disabled {
    color: #ADB0B5 !important;
    background-color: #f7f7f7 !important;
/*    background-image: url('/frontend/img/payl8r-arrow-grey.png');*/
}
/* Terms and Conditions */
#tfgdmfgdfsfe{
    width: 500px;
}
#tfgdmfgdfsfe h3{
    text-align: center;
    margin-bottom: 10px;
    font-weight: 400;
}
#tfgdmfgdfsfe form {
    text-align: center;
}
#tfgdmfgdfsfe form .btn{
    margin-bottom: 20px; 
    margin-top: 15px;
}
#tfgdmfgdfsfe ol{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
#tfgdmfgdfsfe ol li{
    padding-top: 1em;
    display: inline-block;
    width: 100%;
}

#tfgdmfgdfsfe ol li h3{
    float: left;
}

#tfgdmfgdfsfe ol li .btn{
    margin: 0px;
    float: right;
    height: 30px!important;
    line-height: 30px!important;
    width: 20%;
}
#tfgdmfgdfsfe h5{
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}

/* Documents */
.document{
	text-align: center;
}
.document-item{
	padding: 20px;
    height: auto;
    width: 50%;
    margin: auto;
    text-align: left;
}
.document-item:nth-child(odd){
	background: #eee;
}
.document-item:last-child{
    border-bottom: 2px solid;
}
.document-item:first-child{
    border-top: 2px solid;
}
.document-item{
    border-left: 2px solid;
    border-right: 2px solid;
}

.table_warning{
	text-align: center; 
	margin: 30px 0px 35px 0px;
}
.larger-text {

}
.larger-text p,
.larger-text a {
    font-size: 18px;
}
.larger-text a {
    text-decoration: underline;
}
.larger-text .serif {
    font-size: 24px;
    margin-top:36px;
    display:block;
}
p.larger {
    font-size: 18px;
}
/* new somo*/
form.regform {
    padding: 0;
	border:0 !important;
	width:100%;
	max-width: none !important;
	position: relative;
}
form.regform .inner-right {
	width: 60%;
	float: right;
	box-sizing: border-box;
}
form.regform .inner-left {
	width: 40%;
	float: left;
	box-sizing: border-box;
}
form.regform label {
    margin-bottom: 12px;
}
form.regform input, 
form.regform textarea {
    margin-bottom: 24px;
}
.page-header {
	padding: 2% 12%;
}
.page-header .text-content {
    margin-top: 13VH;
    margin-left: 34VW;
    width: 45%;
}
#borrow .page-header .text-content {
    margin-top: 18VH;
    margin-left: 27VW;
    width: 70%;
}
.page-header .text-content p {
	width: 80%;
}
#borrow .page-header .text-content p {
    width: 100%;
}
.page-header h2 {
	font-size: 64px;
}
h2.large {
	font-size: 32px;
}
.page-header p.sub-head {
    font-size: 32px;
    color: #444;
    font-weight: 300;
}
h2.larger {
	font-size: 64px;
}
.page-header h2.larger {
	font-size: 92px;
	line-height: 92px;
}
/*.page-header p {
	font-size: 22px;
	margin-bottom:93px;
}*/
.meet-the-team p {
	line-height: 26px;
	font-size: 18px;
	width: 80%;
}
.meet-the-team h2 {
	line-height: 64px;
}
.meet-the-team img {
	width: 100%;
}
.meet-the-team .third {
	padding: 0;
	width: 30%;
}
.meet-the-team .third:nth-child(3n-1) {
	margin: 0 5%;
}
.meet-the-team h4 {
	font-size: 26px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom:15px;
}
.lefted-title {
	position:absolute;
	left:-66%;
	font-size: 34px;
}
form.regform label {
	font-weight: bold;
}
#opc_button {
	border: none;
	background: none;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
	margin-bottom:20px;
}
.greyimg {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
.spacer-large .greyimg {
	position:relative;
	height: 32px;
	margin-right:15px;
}
.footer-b .spacer-large .greyimg {
	margin-top:25px;
}
.spacer-large div h4 {
    font-size: 18px;
}
.spacer-large div {
    position: relative;
}
html body #container .orange {
    color: #D39812 !important;
}
html body #container .orange2 {
    color: #dfb560 !important;
}
html body #container .orange-bg {
    background-color: #D39812 !important;
}
html body #container .blk {
   background-color: #343434 !important;
}
.fullOpacity {
    opacity: 1 !important;
    transition: opacity 2s;
}
.mobile-tooltip {
   display: none;
}
.card {
    padding-right:20%;
}
.card .left {
    width: 40%; 
    float: left;
    border-bottom:3px solid #dfb55f;
}
.card .left img {
    width: 100%;
}
.card .right {
    width: 50%; 
    float: right;
    padding-left: 10%;
}
.card .right h2 {
    font-size:46px;
}
.card .right a.larger {
    text-decoration: underline;
    font-size: 18px;
}
.card-b {
    padding-right:20%;
}
.card-b .right {
    width: 40%; 
    float: right;
    border-bottom:3px solid #dfb55f;
    margin-left: 10%;
}
.card-b .right img {
    width: 100%;
}
.card-b .left {
    width: 46%; 
    margin-right:4%;
    float: left;
    margin-top:30px;
    margin-bottom:30px;
}
.card-b .left h2 {
    font-size:36px;
}
.card-b .left a.larger {
    text-decoration: underline;
    font-size: 18px;
}
#how-it-works .half h4 {
    font-weight: 600;
    margin-top: 50px;
    font-size: 18px;
    margin-bottom: 20px;
}

.sideMenu {
    display: none;
}
#home .homewhite a.menu,
#home .homewhite .submenu {
    color: #fff;
}
i {
  display: inline-block;
}
i.black {
    border: solid #343434; 
    border-width: 0 5px 5px 0;
}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  opacity: 0.5;
  cursor: pointer;
}
.details *,
.details * *
.details * * * {
    text-transform: capitalize;
}
.ltv-cover {
    position:absolute;
    background-color: #DFB560;
    opacity: 0.4;
    width:100%;
    bottom: 0;
    left: 0;
    z-index: 1;
}
html body #container .hover-gold {
    transition: background-color 0.2s;
}
html body #container .hover-gold:hover {
    background-color: #76C8E5 !important;
}
html body #container .white {
    color: #fff !important;
}
.inner-half {
    width:46%;
    margin: 2%;
    padding: 4%;
    box-sizing: border-box;
    float: left;
    display: flex;
}
html body .account-logo {
    width: auto;
    height: 49px;
}
#testimonials .headerFullpage,
#timeline .headerFullpage {
    position: absolute;
}
.logged-in #mainHeader.headerFullpage {
    padding: 1% 12%;
}
.logged-in #mainHeader.headerFullpage .mainMenu {
    height: 39px;
    margin-top: 10px;
}
/*#customer-makePayment,
#customer-makePayment #full {
    overflow-x: hidden;
}*/
.subHead .top .box *,
.subHead .top .box .large a {
    color: #1a1a1a;
}
.subHead .top .box p {
    font-weight: bold;
}
.subHead .top .box .large {
    font-weight: 300;
}
.subHead {
    background-color: transparent !important;
}
#main {
    clear: both;
}
.loan-list-table th,
.loan-list-table th a {
    background-color: transparent;
    color: #1a1a1a;
}
.loan-list-table tr:first-child {
    border-bottom: 1px solid #1a1a1a;
}
.loan-list-table td,
.loan-list-table th,
.loan-list-table tr {
    border: 0;
}
.standard-table.loan-list-table {
    border: 0;
}
.diamond {
    position: relative;
    height: 200px;
    width: 200px;
    line-height: 200px;
    text-align: center;
    margin: 10px auto;
    z-index: 5;
}
.diamond.small {
    height: 100px;
    width: 100px;
    line-height: 100px;
    top: -105px;
    left: 150px;
}
.diamond div {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    transform: rotateX(45deg) rotateZ(45deg);
    box-shadow: 0px 0px 12px gray;
    background-color: #1a1a1a;
    z-index: 1;
}
.diamond .inner {
    color: #fff !important;
    z-index: 2;
    position: relative;
    font-size: 30px;
}
.diamond.small .inner {
    font-size: 18px;
}
.zoom-scale {
    zoom: 1;
    -moz-transform: scale(1);
}
.footer-logos img {
    height: 40px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    margin-right: 10px;
}
.extra-spacing p.larger {
    margin-bottom: 25px;
}
.black-back {
    background-color: #1a1a1a;
}
.black-back *,
.black-back * *,
.black-back * * * {
    color: #fff;
}
.circle {
    text-align: center;
    width: 15vw;
    height: 15vw;
    border-radius: 50%;
    background: #1a1a1a;
    margin: 0 auto;
}
.circle.white {
    background-color: #fafafa;
}

.circle.orange {
    background-color: #f0f0f0;
}
.circle h2 {
    font-size: 50px;
    line-height: 15vw;
    color: #fff;
}
.circle.white h2 {
    color: #1a1a1a;
    font-size: 40px;
}
.circle.orange h2 {
    font-size: 90px;
    color: #1a1a1a;
}

#borrow .mainarea .top {
    margin-bottom:25px;
    font-size: 26px;
    color: #D39812;
}
#products .hidden-products {
    display: none !important;
}
#products .show-products {
    display: block !important;
}
#home .mainfooter {
    position:static;
}
.hover-highlight:hover {
    zoom: 1.04;
    position:relative;
    margin-top: -2%;
    background-color: rgba(255,255,255,0.1);
    transition: background-color 0.4s;
    border-radius: 20px;
}
.abs-or {
    position: absolute;
    width: 100px;
    margin-left: -50px;
    left: 50%;
    top: -50px;
    font-size: 52px;
    height:100px;
    background-color: #fff;
    line-height: 100px;
    text-align: center;
    border-radius: 50px;
}
.hidden {
    display: none;
}
.fixed-window-inner .top {
    text-align: left;
    margin-bottom:20px;
}
.fixed-window-inner .hidden {
    display: inline !important;
    visibility: visible;
}
.fixed-window-inner .readmore {
    display: none !important;
}
.readmore {
}
#borrow .mainarea .third {
    cursor: pointer;
}
#borrow .arrow-left,
#borrow .arrow-right {
    display: none;
}
#container .large-td tr td {
    font-size:20px;
    text-align: center !important;
    padding: 5px !important;

}
.loan-list-table td {
    text-align: left;
}
.loan-list-table td div {
    text-align: center;
}
.loan-list-table td,
.loan-list-table td a,
.loan-list-table th,
.loan-list-table th a {
    font-size: 15px;
}
.loan-list-table tr:hover {
    background-color: #c9e5f2;
}
#account_menu {
    border-top: 2px solid #76C8E5;
}
.--row {
  display: block;
  float: left;
  width: 100%;
  max-width: 1024px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.--row * {
    text-align:center;
    box-sizing: border-box;
}
.--row::after {
  content: "";
  display: block;
  clear: both;
}

.--ctr {
  margin: 0 auto;
  width: 100%;
  padding: 0 2em;
  box-sizing: border-box;
}

.--fs {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

.--flex {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.--flex,
.--flex__left{display:flex;align-items:center}
.--flex__left{align-items: flex-start; justify-content:flex-start}
.--flex__right{display:flex;align-items:center;justify-content:flex-end}
.--flex__bottom__right{display:flex;align-items:flex-end;justify-content:flex-end}
.--fill{height:100%;width:100%}
.--hr{border-top:1px solid #8ea0a0}
.--left{display:block;float:left}
.--right{display:block;float:right}
.--white{color: #fff;}

.--fill {
  height: 100%;
  width: 100%;
}
.wrapflow {
    display: none;
}
.--wrapflow{
  height: auto;
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}
._hero{
    background: url('../img/hero.jpg') no-repeat  0 70%;
    background-size:  cover;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    background-attachment: fixed;
    box-sizing:border-box;
}

.borrow__bg {
  background: url('../img/mbg1.jpg') no-repeat center bottom;
  background-size:  cover;
  height: 100VH;
  height: calc(var(--vh, 1vh) * 100);
}
.invest__bg {
  background: url('../img/mbg2.jpg') no-repeat center bottom;
  background-size:  cover;
  height: 100VH;
  height: calc(var(--vh, 1vh) * 100);
}

.hero__vr{
    background: rgba(0,0,0,0.2);
    height: 100%;
    width: 1px;
    position: absolute;
    left: 33.33%;
    top: 0;
    z-index: 4;
    box-sizing: border-box;
}
.dw2__excerpt p {
    color: #fff;
}
._hero h1 {
    font-family: var(--headings-font)
    font-style: normal;
    font-weight: 600;
    font-size: 2em;
    line-height: 1.2em;
    margin: 0 0 0.5em 0;
}

._hero h2 {
    color: #D8A33E;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.2em;
    margin: 0 0 1em 0;
}

.hero__excerpt {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100%;
  padding: 160px 0 0 0;
  position: relative;
  box-sizing: border-box;
}

.hero__excerpt h1 {
   font-size: 3.8em;
   font-weight: 200;
   line-height: 0.7em;
}
#home .hero__excerpt * {
    text-align: left;
}
.invest .hero__excerpt h1,
.invest .hero__excerpt p,
.invest .hero__excerpt .btn_span {
  color: #fff;
}

.--hero__buttons{
  position: absolute;
  bottom: 2em; 
  left: 0;
}

@-webkit-keyframes anim8-01 {
0%   { opacity: 0; transform: translateY(-40px); }
100% { opacity: 1; transform: translateY(0); }
}
@-moz-keyframes anim8-01 {
0%   { opacity: 0; transform: translateY(-40px); }
100% { opacity: 1; transform: translateY(0); }
}
@-o-keyframes anim8-01 {
0%   { opacity: 0; transform: translateY(-40px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes anim8-01 {
0%   { opacity: 0; transform: translateY(-40px); }
100% { opacity: 1; transform: translateY(0); }
}

.fadeDown{
    -webkit-animation: anim8-01 2s linear;
    -moz-animation: anim8-01 2s linear;
    -o-animation: anim8-01 2s linear;
    animation: anim8-01 2s linear;
}

.dw1--grid {
    display: grid;
    grid-gap: 2px;
    grid-template-columns: 1fr;
}
.dw1--grid.black .dw1 {
    background-color: #1a1a1a;
}
.dw1 {
  overflow: hidden;
  position: relative;
}
.dw1__bg,
.dw1__excerpt {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(1);
  transition: all ease 0.3s;
}
.dw1__bg1 {
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
}
.dw1__bg2 {
  z-index: 2;
  background: rgba(0, 0, 0, 0.1);
}
.dw1__bg3 {
  z-index: 3;
  background: rgba(0, 0, 0, 0.1);
}
.dw1:hover .dw1__bg1 {
  transform: scale(0.95);
  background: rgba(0, 0, 0, 0.5);
}
.dw1:hover .dw1__bg2 {
  transform: scale(0.9);
  background: rgba(0, 0, 0, 0.5);
}
.dw1:hover .dw1__bg3 {
  transform: scale(0.85);
  background: rgba(0, 0, 0, 0.5);
}
.dw1--grid img {
  display: block;
  float: left;
  height: auto;
  transform: scale(1);
  transition: all ease 0.3s;
  width: 100%;
}
.dw1 img {
  transform: scale(1);
  transition: all ease 0.3s;
}
.dw1:hover img {
  transform: scale(1.2);
}
.dw1__excerpt {
  color: #fff;
  display: flex;
  z-index: 4;
}
.dw1__title {
  font-size: 1.6em;
  font-weight: 300;
  display: block;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 10px 0;
  transform: translateY(40px);
  transition: all ease 0.3s;
}
.dw1:hover .dw1__title {
  transform: translateY(0);
}
.dw1__hr {
  background: #fff;
  display: block;
  height: 1px;
  margin: 0 auto 10px auto;
  width: 0%;
  opacity: 0;
  transition: all ease 0.3s;
}
.dw1:hover .dw1__hr {
  width: 50%;
  opacity: 1;
}
.dw1__subtitle {
  font-size: 1em;
  font-weight: 100;
  display: block;
  opacity: 0;
  transform: translateY(-20px);
  transition: all ease 0.3s;
}

.dw1:hover .dw1__subtitle {
  opacity: 1;
  transform: translateY(0px);
}

.dw1 img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.dw2 {
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
  display: grid;
  grid-gap: 2px;
  grid-template-columns: 1fr;
}
.dw2--item {
  overflow: hidden;
  position: relative;
}

.dw2--item img {
    position: absolute;
    z-index:-1;
    top:0;
    left:0;
}

.dw2__excerpt {
  color: #fff;
  background: rgba(0,0,0,1); 
  padding: 0 2em;
  min-height: 50vh;
  box-sizing: border-box;
}
.dw2__title {
  font-family: var(--headings-font)
  font-style: normal;
  font-weight: 300;
  font-size: 1.9em;
  font-weight: 300;
  display: block;
  margin: 0;
  padding: 0 0 10px 0;
  transition: all ease 0.3s;
}

.dw2__hr {
  background: #fff;
  display: block;
  height: 1px;
  margin: 0 auto 10px auto;
  width: 25%;
  opacity: 1;
  transition: all ease 0.3s;
}
.dw2--item:hover .dw2__hr {
    width: 50%;
  }
.dw2__subtitle {
  color: #D39812;
  font-size: 1.3em;
  font-weight: 100;
  display: block;
  opacity: 1;
  transform: translateY(0px);
  margin: 0 0 1em 0;
  transition: all ease 0.3s;
}

.dw2__top{
  transform: translateY(60px);
  opacity: 1;
  transition: all ease 0.3s;
}

.dw2 p{
  transform: translateY(-40px);
  opacity: 0;
  font-size: 1em;
  line-height: 1.4em;
  margin: 0 0 1em 0;
  transition: all ease 0.3s;
}

.dw2--item:hover .dw2__excerpt p,
.dw2--item:hover .dw2__top {
  transform: translateY(0);
  opacity: 1;
}

.dw2--item img {
  -webkit-filter: grayscale(100%) blur(3px);
  filter: grayscale(100%) blur(3px);
  transform: scale(1);
  transition: all ease 0.3s;
}

.dw2--item:hover img {
  -webkit-filter: grayscale(0) blur(0);
  filter: grayscale(0) blur(0);
  transform: scale(1.1);
}

._btn,
._btn_two {
    position: relative; 
    display: block; 
    height: auto; 
    margin: 2em auto; 
    width: 140px; 
    text-align: center;
}
._btn_two {
    margin: 2em auto;
}
._btn_three {
    margin: 0 1em 0 0;
}
._btn_four {
    margin: 0;
}
._btn:hover {
    cursor: pointer;
}
._btn .border {
    stroke-dasharray: 350; 
    stroke-dashoffset: 0; 
    transition: all ease 0.5s;
}
._btn:hover .border {
    stroke-dashoffset: 350; 
    transition: all ease 0.5s;
}
._btn .borderTwo {
    stroke-dasharray: 350; 
    stroke-dashoffset: 350; 
    transition: all ease 0.5s; 
    transition-delay: 0.5s;
}
._btn:hover .borderTwo {
    stroke-dashoffset: 0; 
    transition: all ease 0.5s; 
    transition-delay: 0.5s;
}
._btn_white{
    transform: translateX(-100%); 
    transition: all ease 0.5s; 
    transition-delay: 0.25s;
}
._btn:hover ._btn_white{
    transform: translateX(100%); 
    transition: all ease 0.5s; 
    transition-delay: 0.25s; 
}
._btn_span{
    color: #050f2a; 
    font-size: 0.8em; 
    font-weight: 600; 
    text-transform: uppercase; 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%;
}
.--hero__buttons ._btn:hover ._btn_white{
    transform: translateX(0%); 
    transition: all ease 0.5s; 
    transition-delay: 0.25s; 
}
.rating .star {
    background: url('/frontend/img/star.svg') no-repeat 0 0;
    background-size: 22px 21px;
    display: inline-block;
    height: 21px;
    margin: 0.5em 0.5em 0 0;
    text-align: center;
    width: 22px;
}
.--home__content {
    padding: 2em 0;
}
.--home__content h2 {
    font-size: 2.2em;
    font-family: var(--headings-font)
    font-style: normal;
    font-weight: 400;
    line-height: 0.7em;
    margin: 0 0 1em 0;
}
.--home__content ul {
    list-style-type: none;
    margin: 0 0 2em 0; 
    padding: 0;
}

.--home__content li {
    border-top: 2px solid #76C8E5;
    padding: 0.75em 0;
}

.--home__content li span {
    font-size: 0.7em;
    line-height: 0.7em;
}

.--partner__btn {
    color: #050f2a;
    display: block;
    font-size: 0.7em;
    font-weight: 600;
    text-decoration: none;
    padding: 1em 0;
    margin: 1em 0;
    line-height: 1.6em;
    text-transform: uppercase;
}

.--partner__btn svg {
    height: 1.6em;
    width: auto;
}

.home-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: ". .";
    width: 200%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(0%);
    transition: all ease 0.3s;
}

.home-grid.--invest{
    transform: translateX(-50%);
    transition: all ease 0.3s;
}
.timeline,
.timeline ul,
.timeline li
{
    display: block;
    float: left;
    height: auto;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.timeline ul{list-style-type: none; margin: 0; padding: 0; transition: all ease-in-out 1s;}
.timeline li,
.timeline li.--active{transition: all ease-in-out 1s;}

.timeline
{
    float: none;
    margin: 0 auto;
    max-width: 1440px;
}

.tl__grid
{
    display: grid;
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: 1.4fr 0.2fr 1.4fr;
    grid-template-areas: "year vr info" "spacer spacer spacer";
    height: auto;
}

.timeline li:nth-child(even) .tl__grid
{
grid-template-areas: "info vr year" "spacer spacer spacer";
}

.tl__year
{
grid-area: year;
}

.tl__year__ctr
{
align-items: center;
display: flex;
justify-content: flex-end;
height: 100%;
width: 100%;
}

.timeline li:nth-child(even) .tl__year__ctr
{
justify-content: flex-start;
}

.tl__year__header
{
display: flex;
align-items: center;
justify-content: center;
height: 200px;
position: absolute;
width: 200px;
}

.tl__year__header svg
{
height: 100%;
width: 100%;
transition: all ease-in-out 0.6s;
transform: rotate(90deg);
}

.timeline li:hover .tl__year__header svg,
.timeline li.reveal .tl__year__header svg
{
transform: rotate(0deg);
}

.tl__year__header .svgbgcircle
{
height: 100%;
width: 100%;
transition: none;
z-index: -1;
top: 0;
left: 0;
position: absolute;
transform: rotate(0deg);
}

.tl__year__header circle
{
fill: none;
stroke-dasharray: 432;
stroke-dashoffset: -432;
transition: all ease-in-out 0.6s;
}

.svgbgcircle circle
{
fill: none;
stroke-dasharray: 690;
stroke-dashoffset: 0;
transition: all ease-in-out 0.6s;
}
.timeline li:hover .tl__year__header circle,
.timeline li.reveal .tl__year__header circle
{
stroke-dashoffset: 0;
}
.timeline li.--active .tl__year__header circle
{
stroke-dashoffset: 0;
transition-delay: 1s;
}
.tl__year__header .circle-back
{
stroke: #343434;
stroke-width: 1px;
}
.svgbgcircle .circle-back
{
stroke: #ccc;
stroke-width: 1px;
}
.tl__vr
{
grid-area: vr;
}

.tl__vr__div
{
background: #343434;
display: block;
height: 100%;
margin: 0 auto;
width: 2px;
}

.tl__info
{
grid-area: info;
padding: 6em 0;
}

.tl__info__flex
{
display: flex;
height: auto;
justify-content: left;
align-items: center;
margin: 0;
padding: 0;
width: 100%;
}

.timeline li:nth-child(even) .tl__info__flex
{
justify-content: flex-end;
}

.tl__info__flex__ctr
{
overflow: hidden;
position: relative;
width: auto;
}

.tl__info__flex__bg
{
background: #343434111;
display: block;
height: 100%;
position: absolute;
top: 0;
transition: all ease 0.3s;
left: 50%;
width: 0;
z-index: -1;
}

.timeline li.reveal .tl__info__flex:nth-child(even) .tl__info__flex__bg
{
cursor: pointer;
left: 0;
width: 100%;

}
.timeline li.--active .tl__info__flex:nth-child(1) .tl__info__flex__bg
{
left: 0;
width: 100%;
transition-delay: 1s;
}

.tl__info__flex__content
{
padding: 2em;
}
.timeline li .tl__info__flex:nth-child(odd) .tl__info__flex__content
{
position: relative;
box-sizing: border-box;
}
.timeline li .tl__info__flex:nth-child(odd) .tl__info__flex__content::after
{
  content: '';  
  border-bottom: 1px solid #050f2a;
  position: absolute;
  bottom: 0; left: 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
}

.timeline li .tl__info__flex:nth-child(even) 
{
transform: translateY(-1px);
}
.timeline li.reveal .tl__info__flex:nth-child(even) 
{
transform: translateY(0px);
}
.tl__hwrap
{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
position: absolute;
top: 0;
transition: all ease 0.3s;
left: 0;
width: 100%;
z-index: 2;
}

.timeline h2,
.timeline h3
{
color: #343434;
font-family: "Times-New-Roman", "Sans-Serif";
font-size: 4em;
font-weight: normal;
text-align: center;
line-height: 2em;
transition: all ease 0.3s;
}
.timeline h2{line-height: normal;margin: 0 0 1em 0;padding: 0;}
.timeline h3{font-size: 3em;}
.timeline li:hover h3
{
font-size: 3em;
}

.tl__info span
{
display: block;
transition: color ease 0.3s;
width: 100%;
}

.tl__info__month
{
color: #343434;
font-family: "Times-New-Roman";
font-size: 2.2em;
margin: 0 0 0.12em 0;
text-align: left;
}

li.reveal .tl__info__flex:nth-child(even) .tl__info__month,
li.reveal .tl__info__flex:nth-child(even) .tl__info__title
{
color: #fff;
}

.timeline li.--active .tl__info__flex:nth-child(1) .tl__info__month,
.timeline li.--active .tl__info__flex:nth-child(1) .tl__info__title
{
color: #fff;
transition: delay: 1s;
}

.tl__info__title
{
color: #343434;
font-size: 1em;
margin: 0;
padding: 0;
}

.timeline li:nth-child(even) .tl__info__month,
.timeline li:nth-child(even) .tl__info__title
{
text-align: right;
}

.tl__spacer
{
grid-area: spacer;
height: 30px;
}

.tl__dot
{
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='14px' height='8.056px' viewBox='0 0 14 8.056' enable-background='new 0 0 14 8.056' xml:space='preserve'%3E%3Cpath d='M14,4.028c0,2.211-1.818,4.028-4.028,4.028c-0.983,0-1.867-0.344-2.555-0.884c0.246-0.197,0.787-0.688,1.082-1.818 c0.343,0.393,0.884,0.688,1.474,0.688c1.08,0,1.965-0.884,1.965-1.965c0-1.08-0.885-1.964-1.965-1.964 c-1.082,0-1.965,0.884-1.965,1.964c0,0,0,0.148-0.049,0.394C7.909,4.961,7.762,5.453,7.564,5.895 C7.417,6.189,7.221,6.484,6.976,6.729C6.288,7.565,5.207,8.056,4.028,8.056C1.817,8.056,0,6.287,0,4.028C0,1.817,1.818,0,4.028,0 c0.884,0,1.719,0.295,2.408,0.786C5.796,1.326,5.501,1.965,5.404,2.603c-0.345-0.344-0.835-0.54-1.326-0.54 c-1.082,0-1.966,0.885-1.966,1.965c0,1.081,0.884,1.965,1.966,1.965c1.08,0,1.964-0.884,1.964-1.965V3.979 c0-0.59,0.148-1.082,0.295-1.524c0-0.048,0.048-0.048,0.048-0.098C6.484,2.112,6.631,1.916,6.778,1.67 c0.148-0.196,0.246-0.294,0.295-0.344C7.811,0.491,8.891,0,10.07,0C12.231,0.049,14,1.817,14,4.028L14,4.028z'/%3E%3C/svg%3E") no-repeat center center;
border: 2px solid #050f2a;
border-radius: 100%;
display: block;
height: 30px;
margin: 0 auto;
width: 30px;
}
.header{
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    padding: 2em 0;
    width: 100%;
    z-index: 1000;
  }
  
  .nav--logo {
    display: none;
  }
  .logo,
  .nav--logo svg{
    display: block;
    float: left;
    height: auto;
    width: 150px;
  }
  .nav--logo svg {
    float: none;
    margin: 0 auto 2em auto;
  }
  .nav--footer{
    display: none;
  }
.header .st0{fill:#050f2a; transition: all ease 0.3s;}
.header.--active .st0{fill:#fff; transition: all ease 0.3s;}
/* MENU MODS START */
.menu-container {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index:2000;
  display: none;
}
.hamburger{
  background: none;
  float:right;
  display: block;
  outline: 0;
  border: 0;
  width: 39px !important;
  height: 30px;
  margin: 0 ;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
    scale: 0.7 !important;
}
#lend .hamburger span {
    background-color: #fafafa;
}
#home .hamburger span {
    background-color: #666;
}
#home .hamburger.--active span,
#lend .hamburger.--active span {
    background-color: #666;
}
#home .hamburger.white-hamburger span,
#lend .hamburger.white-hamburger span,
.hamburger.white-hamburger span {
    background-color: #fafafa;
}
#home .hamburger.white-hamburger.--active span,
#lend .hamburger.white-hamburger.--active span,
.hamburger.white-hamburger.--active span {
    background-color: #666;
}
.hamburger span{
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #666;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) {
  top: 0px;
}

.hamburger span:nth-child(2) {
  top: 12px !important;
}

.hamburger span:nth-child(3) {
  top: 24px !important;
}

#app {
  transition: all ease 0.3s
}

#app.--active {
  filter: blur(5px);
}

.hamburger.--active span:nth-child(1) {
  top: 22px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.hamburger.--active span:nth-child(2) {
  opacity: 0;
  left: -50px;
}

.hamburger.--active span:nth-child(3) {
  top: 22px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nav {
  background: rgba(255,255,255,1) no-repeat center bottom;
  background-size: cover;
  display: flex;
  left: 0;
  margin: 0 1em 0 0;
  opacity: 0;
  position: fixed;
  top: -101vh;
  transition: all ease-in-out 0.4s;
  z-index: 500;
}

.nav.--active {
  animation-name: navIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.nav ul {
  height: auto;
}

/* transition in */
.nav li {
  opacity: 0;
  -webkit-transform: translateY(-5em);
  transform: translateY(-5em);
}
.nav li:nth-child(10) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0.6s;
}
.nav li:nth-child(9) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0.7s;
}
.nav li:nth-child(8) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0.8s;
}
.nav li:nth-child(7) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0.9s;
}
.nav li:nth-child(6) {
  transition: all ease-in-out 0.3s;
  transition-delay: 1s;
}
.nav li:nth-child(5) {
  transition: all ease-in-out 0.3s;
  transition-delay: 1.1s;
}
.nav li:nth-child(4) {
  transition: all ease-in-out 0.3s;
  transition-delay: 1.2s;
}
.nav li:nth-child(3) {
  transition: all ease-in-out 0.3s;
  transition-delay: 1.3s;
}
.nav li:nth-child(2) {
  transition: all ease-in-out 0.3s;
  transition-delay: 1.4s;
}
.nav li:nth-child(1) {
  transition: all ease-in-out 0.3s;
  transition-delay: 1.5s;
}
.nav li a {
  color: #343434;
  font-size: 1em;
  font-weight: 100;
  line-height: 1.8em;
  text-align: center;
  text-decoration: none;
  transition: color 0.3s;
}

.nav li b {
  color: #D8A33E;
  font-size: 1.6em;
  font-weight: 300;
  font-family: var(--headings-font)
  font-style: normal;
  line-height: 1.6em;
  text-align: center;
  text-decoration: none;
  transition: color 0.3s;
}

.nav a:hover {
  color: #d6aa77;
}

.nav.--active li {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* transition out */
.nav.--inactive {
  animation-name: navOut;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.nav.top-shift {
    top: -101vh;
    z-index: -10;
}
@keyframes navIn {
  0%   {opacity: 0; top: 0;}
  25%   {opacity: 0; top: 0;}
  100% {opacity: 1; top: 0;}
}
@keyframes navOut {
  0%   {opacity: 1; top: 0;}
  50%   {opacity: 1; top: 0;}
  75%  {opacity: 0; top: 0;}
  99%  {opacity: 0; top: 0;}
  100% {opacity: 0; top: -101vh;}
}
.nav.--inactive li:nth-child(1) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0s;
}
.nav.--inactive li:nth-child(2) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0.1s;
}
.nav.--inactive li:nth-child(3) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0.2s;
}
.nav.--inactive li:nth-child(4) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0.3s;
}
.nav.--inactive li:nth-child(5) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0.4s;
}
.nav.--inactive li:nth-child(6) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0.5s;
}
.nav.--inactive li:nth-child(7) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0.6s;
}
.nav.--inactive li:nth-child(8) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0.7s;
}
.nav.--inactive li:nth-child(9) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0.8s;
}
.nav.--inactive li:nth-child(10) {
  transition: all ease-in-out 0.3s;
  transition-delay: 0.9s;
}

.nav--grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 0;
  margin: 0;
  padding: 0;
}
.third-box {
    border: 1px solid #dedede;
    background-color: #fff !important;
    padding: 0 0 20px;
}
.third-box h4 {
    color: #fff;
    background-color: #343434;
    text-align: left;
    margin-bottom:20px;
}
.third-box h4,
.third-box p {
    padding: 10px 20px;
    text-align: left;
}
.third-box h4 span,
.third-box p strong {
    text-align: right;
    float:right;
}
.third-box h4 span {
    background: #76C8E5;
    width: 30px;
    text-align: center;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    top: -4px;
    position: relative;
    left: -6px;
}
.third-box h4 a {
    color: #fff;
}
@media (max-width: 730px) {
    .third-box {
        float:none;
        margin: 10px 0 20px !important;
        width: 100%;
    }
}
.--mob-hide{
  display: none;
}
.many-purposes .dw1__subtitle {
    color: #76C8E5;
    font-size: 19px;
}
#sidr ul li ul {
    display: none;
}
#sidr ul.show {
    display: block;
}
.mob-cover a {
    padding: 10px 23px;
}
.mob-cover a.selected {
    background-color: #76C8E5;
    color: #fff;
    font-weight: 300;
}
.b-circle {
    width: 16px;
    height: 16px;
    border-radius: 25px;
    background-color: #119911;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}
.b-circle.yellow {
    background-color: yellow;
}
.dash-figures h4 {
    text-transform: uppercase;
}
#customer-dashboard .third-box .text-center {
    padding-left: 0;
    padding-right: 0;
}
.loans-details p,
.loans-details div {
    text-transform: none!important;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color:#fff;
    z-index:1;
    box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.19);
    -webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.19);
}
#main {
    zoom: 1!important;
}
.mainfooter {
    height: auto!important;
}
.subHead .box {
    zoom: 0.75;
}
.footer {
    background: #343434;
    color: #fff;
    padding: 2em 0;
    font-size: 140%;

}

.footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5em;
}

.footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer li a {
  color: #fff;
  display: block;
  font-size: 1em;
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  position: relative;
  text-decoration: none;
  transition: all ease 0.3s;
}

.footer li:hover a {
  text-decoration: underline;
}

.footer h6 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-family: var(--headings-font)
  font-weight: 300;
  margin: 0 0 1em 0;
  padding: 0 0 0.5em 0;
  font-size: 2em;
}

.footer__notice {
  margin: 2em 0 0 0;
  padding: 2em 0 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.mainfooter {
  position: relative;
}
.footer__notice p {
  font-size: 0.8em;
  color: #fff;
}
.footer p {
    /*font-size: 1.2em;*/
    font-weight: 400;
    line-height: 1.5em;
    margin: 0 0 1em 0;
}
.footer__col h6,
.footer__col a {
  text-align: left;
  color: #fff;
}
.footer .--hr_01, .footer .--hr_02 {
    background: #050f2a;
    display: block;
    height: 1px;
    margin: 1em 0;
    width: 10vw;
}
.small-gold {
    font-size: 50%;
    display: inline-block;
    padding: 2px;
    letter-spacing: 1px;
    font-weight: 400;
    background: #76C8E5;
    color: #000;
    position: relative;
    top: -3px;
}
.footer__grid__2 {
    display: none;
  }
@media only screen and (min-width: 1024px) {
    .footer__grid__2 {
    display: block;
  }
    .nav--footer {
    display: block;
    border-top: 1px solid #050e2b;
    padding: 2em 0 0 0;
    margin: 2em 0 0 0;
    flex-wrap: wrap;
    align-self: flex-end;
    text-align: center;
  }

  .nav--footer ul {
    display: inline-block;
    padding: 0 0 2em 0;
  }
.footer__grid__2 {
  display: block;
}
.footer__grid__2 img {
  width: 109px;
  display: inline;
  position:relative;
  top:5px;
  margin-top: 20px;
}
.footer__grid__2 p {
  dispay: inline;
  color: #fff;
  text-align:left;
  font-size:20px;
}
  .nav--footer li {
    display: inline-block;
    padding: 0 0.5em;
    font-size: 0.8em;
    font-weight: 400;
    position: relative;
  }

  .nav--footer li:after {
    content: "";
    height: 1px;
    background: #050e2b;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: all ease 0.3s;
  }

  .nav--footer li:hover:after {
    width: 100%;
    left: 0;
  }

  .footer__grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .footer__grid__2 {
    grid-template-columns: 3fr 2fr;
    display: grid;
  }
  .footer__grid__2 img {
    width: 109px;
    display: inline;
    position:relative;
    top:5px;
    margin-top: -20px;
  }
  .footer__grid__2 p {
    dispay: inline;
    color: #fff;
    text-align:right;
    font-size:20px;
  }
  .borrow .hero--ctr {
    right: 1em;
  }
  .main--title {
    font-size: 3.2em;
  }

  .hero__excerpt p,
  .main--ul li {
    font-size: 1.2em;
    line-height: 1.3em;
  }
  .footer {
    font-size: 100%;
  }
  .footer__notice p {
    font-size: 1em;
  }
}
@media only screen and (min-width: 768px) {
    .--mob-hide{
      display: block;
    }
  .dw2 {
    grid-template-columns: 1fr 1fr;
  }
  .--ctr {
    margin: 0 auto;
    width: 100%;
    padding: 0 4em;
  }
  .hero h1 {
    font-size: 3em;
  }
  .dw1--grid {
    grid-template-columns: 1fr 1fr;
  }
  .nav li b {
    font-size: 1.7em;
  }
  .nav li a {
    font-size: 1.4em;
    font-weight: 400;
    line-height: 2em;
  }
  .menu-container{
    top: 3%;
    right: 3%;
  }
  .--nav-fs {
    min-height: 100vh;
    height: 100%;
    display:flex;
    align-items:center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .nav--logo {
    display: block;
    border-bottom: 1px solid #343434;
    padding: 2em 0 0 0;
    margin: 0 0 2em 0;
    align-self: flex-start;
    flex-wrap: wrap;
    width: 100%;
  }
  .nav--grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-auto-rows: minmax(auto);
    grid-gap: 0;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    align-items: stretch; // <-- stretch vertical (default value, can be omitted here)
    align-content: center;
  }
  .nav--footer {
    display: block;
    border-top: 1px solid #343434;
    padding: 2em 0 0 0;
    margin: 2em 0 0 0;
    flex-wrap: wrap;
    align-self: flex-end;
    text-align: center;
  }
  .nav--footer ul{
    display: inline-block;
    padding: 0 0 2em 0;
  }
  .nav--footer li{
    display: inline-block;
    padding: 0 0.5em;
    font-size: 0.8em;
    font-weight: 400;
  }
  .fixed-window-inner {
    zoom: 1.5;
  }
  .fixed-window-inner * {
    font-weight: 300;
  }
}
@media (min-width: 2050px) {
    .loan-list-table td,
    .loan-list-table td a,
    .loan-list-table th,
    .loan-list-table th a {
        font-size: 17px;
    }
}
@media (min-width: 2250px) {
    .static h2 {
        font-size: 118px !important;
        line-height: 110px !important;
    }
    .static h3 {
        font-size: 32px !important;
    }
    .page-header .text-content {
        width: 30%;
        margin-top: 19VH;
    }
}
@media (max-width: 2250px) {
    .hide-2250 {
        display: none;
    }
}
@media (max-width: 1840px) {
    .hide-1840 {
        display: none;
    }
    .loan-square {
        width: 33.3%;
    }
    .loan-square:nth-child(4n+1) {
        clear:none;
    }
    .loan-square:nth-child(3n+1) {
        clear:left;
    }
    #lend .loan-square:nth-child(3n+1) {
        clear:none;
    }
}
@media (max-width: 1765px) {
	#lend .page-header h2, 
	#borrow .page-header h2 {
		font-size: 72px;
		line-height: 74px;
		margin-top: 16VH;
	}
	#lend .page-header p, 
	#borrow .page-header p {
		line-height: 45px;
		font-size: 35px;
	}
}
@media (max-width: 1650px) {
    .zoom-scale {
        zoom: 0.8;
        -moz-transform: scale(0.8);
    }
}
@media (max-width: 1600px) {
	#lend .page-header h2, 
	#borrow .page-header h2 {
		font-size: 64px;
		line-height: 67px;
		margin-top: 18VH;
	}
	#lend .page-header p, 
	#borrow .page-header p {
		line-height: 44px;
		font-size: 33px;
	}
    #home #lendText h2,
    #home #borrowText h2 {
        font-size: 82px;
        line-height: 46px;
    }
    #home #lendText h3,
    #home #borrowText h3 {
        font-size: 20px;
        line-height: 72px;
    }
    .hide-1600 {
        display: none !important;
    }
    .show-1600 {
        display: block !important;
    }
}
@media (max-width: 1472px) {
    h2.larger {
        font-size: 42px;
    }
    .page-header h2.larger {
        font-size: 74px;
    }
    .page-header p.sub-head {
        font-size: 26px;
    }
    #home #lendText h2,
    #home #borrowText h2 {
        font-size: 74px;
        line-height: 36px;
    }
    #home #lendText h3,
    #home #borrowText h3 {
        font-size: 18px;
        line-height: 62px;
    }
    #home .bg-white .static, 
    #home .bg-black .static {
        top: 24VH;
    }
    .circle {
        width: 20vw;
        height: 20vw;
    }
    .circle h2 {
        font-size: 50px;
        line-height: 20vw;
    }
    .circle.orange h2 {
        font-size: 80px;
    }
}
@media (max-width: 1420px) {
    .hide-1420 {
        display: none !important;
    }
	#lend .page-header h2, 
	#borrow .page-header h2 {
	    font-size: 57px;
		line-height: 59px;
		margin-top: 20VH;
	}
	#lend .page-header p, 
	#borrow .page-header p {
		line-height: 40px;
    	font-size: 30px;
	}
	#lend .page-header h2, 
	#borrow .page-header h2 {
	    font-size: 57px;
		line-height: 59px;
		margin-top: 20VH;
	}
	#lend .page-header p, 
	#borrow .page-header p {
		line-height: 40px;
    	font-size: 30px;
	}
    #admin .standard-table {
        zoom: 0.8;
        -moz-transform: scale(0.8);
    }
    .slider-five .inner-cover {
        position:relative;
        width: 125%;
    }
    #borrow .arrow-left,
    #borrow .arrow-right {
        display: block;
    }
    .loan-list .loan-list-table {
        zoom: 0.9;
    }
}
@media (max-width: 1360px) {
    .mainMenu {
        zoom: 0.9;
        -moz-transform: scale(0.9);
    }
}
@media (max-width: 1320px){
    .hide-1320 {
        display: none !important;
    }
    .show-1320 {
        display: block !important;
    }
	.homefooter {
		font-size: 22px;
	}
    .card .right a.larger {
        display: inline-block;
        margin-bottom:30px;
    }
    .zoom-scale {
        zoom: 0.6;
        -moz-transform: scale(0.6);
    }
}
@media (max-width: 1260px) {
    .loan-list .loan-list-table {
        zoom: 0.8;
    }
    .show-1260 {
        display: block !important;
    }
    .hide-1260 {
        display: none !important;
    }
    #home #lendText h2,
    #home #borrowText h2 {
        font-size: 64px;
        line-height: 50px;
    }
    #home #lendText h3,
    #home #borrowText h3 {
        font-size: 17px;
        line-height: 55px;
    }
    #home #lendText,
    #home #borrowText {
        width: 290px;
    }
    #home .borrowContent *,
    #home .investContent * {
        font-size: 12px !important;
    }
    #home .bg-white .static, 
    #home .bg-black .static {
        top: 150px;
        box-sizing: border-box;
    }
    .investContent, 
    .borrowContent {
        width: 35%;
    }
	#lend .page-header h2, 
	#borrow .page-header h2 {
	    font-size: 52px;
    	line-height: 55px;
		margin-top: 20VH;
	}
	#lend .page-header p, 
	#borrow .page-header p {
		line-height: 37px;
    	font-size: 29px;
	}
    .homefooter {
        font-size: 18px;
    }
    .home-footer-container img {
        width:100% !important;
    }
}
@media (max-width: 1240px) {
    .loan-square {
        width: 50%;
    }
    .loan-square:nth-child(3n+1) {
        clear:none;
    }
    .loan-square:nth-child(2n+1) {
        clear:left;
    }
    #lend .loan-square {
        width: 32%;
    }
    #lend .loan-square:nth-child(2n+1) {
        clear:none;
    }
    .mainMenu {
        zoom: 0.8;
        -moz-transform: scale(0.8);
    }
    .slider-five .inner-cover {
        position:relative;
        width: 166%;
    }
    .details .tabs a.active {
        border-bottom: 1px solid #aaa;
    }
}
@media (max-width: 1200px) {
	.mainarea .vert-container {
		display: none;
	}
	#lend .mainarea,
    #borrow .mainarea {
		padding-bottom: 0;
		height: auto;
	}
	#lend .mainarea .third {
		width:100%;
		text-align:center;
		float:none;
        opacity:0.1;
		height: auto;
        padding-bottom:60px;
        padding-top: 60px;
        border-bottom: 2px solid rgba(255,255,255,0.5) !important;
         zoom: 1;
        -moz-transform: scale(1);
	}
    #borrow .mainarea .third {
        width:100%;
        text-align:center;
        float:none;
        opacity:0.1;
        height: auto;
        padding-bottom:60px;
        padding-top: 60px;
        border-bottom: 2px solid rgba(1,1,1,0.5) !important;
        zoom: 1;
        -moz-transform: scale(1);
    }
    #lend .mainarea .full:last-child .third:last-child {
        border-bottom: 0 !important;
    }
    #borrow .mainarea .full:last-child .third:last-child {
        border-bottom: 0 !important;
    }
    .mainarea .full.double .third,
    #high_net_worth_statement .third {
        width: 100%;
    }
    #high_net_worth_statement .third .btn {
        display: block;
    }
    #hnw_step_b h3 {
        margin-top: 30px;
    }
	.mainarea .full {
		height: auto;
		border: 0 !important;
	}
    .faqs-inner .question p {
        font-size: 12px;
        line-height:18px;
    }
    .faqs-inner .third-list {
    	width: 100% !important;
    	float: none !important;
    	padding: 0 !important;
    }
    .mobile-navigation a {
        text-transform: uppercase;
    }
    .hero h2 {
        font-size: 35px;
    }
    .statistics-hero td {
        padding:15px;
    }
    .flex-inner {
        display: block;
    }
    .mainarea .flex-inner .third {
        border: 0 !important;
    }
    .mainarea .buttons-panel {
        display: none;
    }
    .mainarea span.btn-med {
        margin-top:30px !important;
        display: inline-block;
    }
    #admin .standard-table {
        zoom: 0.7;
        -moz-transform: scale(0.7);
    }
    .many-purposes .dw1__title {
        font-size: 1.2em;
    }
}
@media (max-width: 1160px){
    .card .left {
        display: none;
    }
    .card .right {
        width: 100%;
        padding-left: 0;
    }
    .card-b .left {
        width: 100%;
    }
    .card-b .right {
        display: none;
    }
    #full .loan-list {
        overflow-x: scroll;
        max-width: 100%;
    }
/*    #full .loan-squares {
        display: block !important;
    }*/
/*    #account_menu .right {
        display: none !important;
    }*/
    .hide-1160 {
        display:none;
    }
    .subHead .interest-rolled,
    .subHead .interest-earned {
        display: none;
    }
}
@media (max-width: 1080px){
    .dw1--grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: ". . " ". .";
    }
}
@media (max-width: 1050px){
    .loan-list .loan-list-table {
        zoom: 0.7;
    }
    .subHead .live-loan-value {
        display: none;
    }
	.meet-the-team .third {
		width: 100%;
		float: none;
		margin: 0 !important;
		margin-bottom: 30px !important;
	}
	.meet-the-team h2.larger {
		font-size: 64px !important;
	}
	.meet-the-team-header {
		width: 100% !important;
		float: none !important;
		margin-bottom: 50px;
	}
    #faqs .half {
        float: none !important;
        width:100% !important;
        padding: 0 !important;
    }
    #faqsmain .half:first-child {
        border-right: 0;
        border-bottom: 2px solid #fff;
    }
    .statistics-hero td {
        padding:10px;
        font-size:14px;
    }

    .full .statistics-text {
        width:40%;
    }
    .full .statistics-hero {
        width: 60%;
    }
    .top-footer a {
        display: none;
    }
    .top-footer #contacts,
    .top-footer #legals,
    .top-footer #legals2,
    .top-footer #privacypolicy {
        display: inline-block;
    }
    h4.medium {
        margin-bottom: 0;
        font-size: 14px;
    }
    .large-large {
        font-size: 47px;
    }
    .subHead .box:first-child {
        display: block;
    }
    .secondary-menu {
        margin: 0 12%;
        margin-bottom:60px;
        height:60px;
    }
    .mob-cover {
        z-index: 6;
        background-color: #fff;
        position:absolute;
        min-width:220px;
    }
    .mob-cover a {
        display: none;
        padding-top: 15px;
        padding-left: 15px !important;
        padding-bottom: 15px;
        color: #fff !important;
        border-bottom:1px solid #343434;
        background-color: #343434 !important;
        -webkit-box-shadow: 2px 2px 3px 2px rgba(94,94,94,0.22);
        -moz-box-shadow: 2px 2px 3px 2px rgba(94,94,94,0.22);
        box-shadow: 2px 2px 3px 2px rgba(94,94,94,0.22);
        opacity: 0.95;
        background-color: #444;
    }
    .mob-cover .selected {
        display: inline-block;
        padding-left:20px;
        background-image: url(../img/down.png);
        background-repeat: no-repeat;
        background-size: 13px;
        padding-right: 48px;
        background-position: 84% 54%;
        opacity: 1;
    }
    .mob-cover:hover .selected {
        background-image: none;
    }
    .mob-cover:hover a {
        display: block;
    }
    .slider-five .inner-cover {
        position:relative;
        width: 250%;
    }
    #borrow .arrow-left,
    #borrow .arrow-right {
        color: #fff;
    }
    #loan-details #account_menu {
        height: 0;
        margin: 0;
        padding: 0;
    } 
}
@media (max-width: 1040px) {
    .page-header .text-content {
        width: 50%;
    }
}
@media (max-width: 1000px) {
    #home .bg-white .static, 
    #home .bg-black .static {
        top: 120px;
    }
}
@media (max-width: 980px) {
    h2.larger {
        font-size: 32px;
    }
    .page-header h2.larger {
        font-size: 62px;
        margin-bottom: 0;
    }
    .circle.white h2 {
        font-size: 30px;
    }
}
@media (max-width: 940px){
	.hide-940 {
		display:none;
	}
    .show-940 {
        display: block !important;
    }
	.expand-940 {
		width: 100% !important;
	}
	.expand-940 h4 {
		padding-top: 10px;
	}
}
@media (max-width: 900px){
    .statistics-hero td {
        padding:10px;
        font-size:14px;
    }
    .mainMenu .navButton {
        display: block;
    }
    
    .mainMenu a.menu,
    .mainMenu .subMenu.b {
        display: none;
    }
    .menu-container {
      display: block;
    }
    .mainMenu .green,
    .mainMenu .purple {
        display: block;
        margin-left:10px;
        margin-right:20px !important;
    }
    .left {
        position: relative;
    }
    .left .sec-sub {
        display: none;
        position: absolute;
        top: 48px;
        left: 0;
        z-index:900;
    }
    .left .sec-sub a {
        width:100%;
        display: block;
        border-bottom: 0;
    }
    .left:hover .sec-sub {
        display: block;
        background-color: #414141;
        width:200px;

    }
    .mainMenu a.menu,
    .mainMenu .subMenu {
        display: none;
    }
}
@media (max-width: 890px){
    .full,
    .page-header,
    .footer,
    .headerFullpage,
    .logged-in #mainHeader.headerFullpage,
    #faqsmain {
        padding: 2% 6%;
    }
    .headerFullpage,
    .logged-in  #mainHeader.headerFullpage, {
        margin-top:10px;
    }
    .mobile-tooltip {
        display: block;
    }
    .standard-box {
        height: 485px;
    }
    .standard-row.length-box .medium-large {
        font-size: 30px;
    }
    .standard-row.length-box.alter {
        height: auto;
        padding-bottom: 50px;
    }
    .loan-portfolio {
        width:100%;
        top: 20px;
    }
    .slide-container::-webkit-scrollbar {
        visibility: hidden;
    }
    .loan-portfolio .full.b {
        padding: 0;
    }
    #lend .loan-squares {
        padding: 0;
        left: 0;
        width: 300%;
    }
    .slide-container {
        width: 100%;
        overflow-x: scroll;
    }
    .loan-portfolio .loan-square {
        width: 33.33%;
        border: 0 !important;
    }
    #lend #lendfaq {
        margin-top: 2px;
    }
    .standard-row.length-box {
        height: auto;
        padding-bottom: 61px;
    }
    .statistics-hero td {
        padding:6px !important;
    }
    .sideMenu {
        display: block !important;
    }
    #lend .arrow-left {
        display: block;
    }
    #lend .arrow-right {
        display: block;
    }
    .subHead {
        padding-left: 0;
        padding-right: 0;
    }
    .secondary-menu {
        margin: 0 6%;
    }
}

@media (max-width: 850px){
    .loan-square {
        width:100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
    .ddd {
        display: none !important;
    }
    .standard-box h4 {
        margin-top: 140px;
    }
    .standard-box .single {
        margin-top: 100px;
    }
    .standard-box .very-large {
        margin-top: 107px;
    }
    .standard-box .medium-large {
        font-size: 38px;
    }
    .btn-flat {
        padding-left:15px;
        padding-right:15px;
    }
    .loan-square img {
        height: auto;
        max-height: 300px;
    }
    .homefooter {
        font-size: 14px;
    }
}
@media (max-width: 820px){
    .logo img {
/*        height: 64px;*/
    }
    h2 {
        zoom: 0.8;
    }
	#lend .page-header img,
	#borrow .page-header img {
		display:none;
	}
	.vert-container {
		display: none;
	}
    #borrow .page-header {
        background-position: 23% 68%;
    }
    #lend .page-header {
        background-position: 23% 68%;
    }
	.page-header .text-content {
		margin: 0 !important;
		width: 100% !important;
	}
	#lend .page-header h2, 
	#borrow .page-header h2 {
	    font-size: 52px;
    	line-height: 55px;
		margin-top: 20VH;
	}
	#lend .page-header p, 
	#borrow .page-header p {
		line-height: 37px;
    	font-size: 29px;
	}
	.lefted-title {
		font-size: 24px;
	}
    .mainMenu .subMenu.b {
        display: none;
    }
    #statistics .half {
        float: none !important;
        width:100% !important;
    }
    #statistics .hero .half {
        margin-top:20px;
    }
    #statistics .hero .half h3 {
        margin-top: -50px;
    }
    #statistics .third-box p {
        font-size: 12px;
    }
    #statistics .third-box p.larger {
        font-size: 16px;
    }
    .left-text strong {
        font-size: 16px;
    }
    .cfgreen-long h4 {
        font-size: 16px;
    }
    .third-box.left-text.xs {
        width:100%;
    }
    .statistics-hero td {
        padding:20px;
    }
    .text-table {
        width:100%;
    }
    .text-table td {
        font-size: 14px;
    }
    .simple-table {
        width:100%;
    }
    .simple-table td {
        font-size: 14px;
    }
    #stat5 p {
        padding: 20px 25px !important;
    }
    .mobile-h {
        display:none !important;
    }
    .featured-in {
        display: none;
    }
    #contact .hero {
        padding: 105px 25px 189px !important;
        height: 270px !important;
    }
    .loans-details .property .col-1,
    .loans-details .property .col-2,
    .loans-details .property .col-3 {
        width:100%;
        margin: 0;
        float: none;
    }
    .zoom-scale {
        zoom: 1.2;
        -moz-transform: scale(1.2);
    }
    .circles .third {
        clear: both;
        text-align: center;
        width: 100%;
    }
    .circle {
        width: 70vw;
        height: 70vw;
    }
    .circle h2 {
        font-size: 110px;
        line-height: 69vw;
    }
    .circle.orange h2 {
        font-size: 180px;
    }
    .circle.white h2 {
        color: #1a1a1a;
        font-size: 70px;
    }
/*    .statement-pages .form-container input[type="date"] {
        width:100%;
    }*/
}
@media (max-width: 780px) {
/*    h2.larger {
        font-size: 22px;
    }*/
    .page-header h2.larger {
        font-size: 46px;
        margin-bottom: 0;
        line-height: 50px;
    }
/*    .page-header p.sub-head {
        font-size: 15px;
    }*/
    #home #lendText h2,
    #home #borrowText h2 {
        font-size: 54px;
        line-height: 40px;
    }
    #home #lendText h3,
    #home #borrowText h3 {
        font-size: 14px;
        line-height: 20px;
        margin-top:10px;
    }
    #home #lendText,
    #home #borrowText {
        width:169px;
    }
    .logo .somoyellow {
        font-size: 14px;
    }
    .largest {
        font-size: 20px;
    }
        .wrapflow {
        display: block;
    }
    #home #main,
    #home .mainfooter {
        display: none !important;
    }
    #home #container,
    #home body, 
    #home html {
        background-color: transparent !important;
    }
    #home .headerFullpage {
        display: none;
    }
    .--home__content *,
    .--home__content * * {
        text-align: left;
    }
    #home #container .invest__bg ._btn_span {
        color: #fff !important;
    }
    #home .header {
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        padding: 2em 0;
        width: 100%;
        z-index: 1000;
    }
    #home .header {
        text-align: left;
    }
    #home .header svg{
        display: block;
        height: auto;
        width: 130px;
    }
    #home .header .st0{fill:#050f2a; transition: all ease 0.3s;}
    #home .header.--invest .st0{fill:#fff; transition: all ease 0.3s;}
    #home ._btn_span {
        font-size: 12.8px;
        /*background-color: #76C8E5;*/
    }
}
@media (max-width: 700px){
    #home .btn-med {
        font-size: 12px;
        padding: 10px !important;
    }
	.page-header h2 {
		font-size: 44px;
	}
	.page-header p {
		font-size: 16px;
	}
    .standard-box {
        height: auto;
        width:100%;
        padding-bottom: 110px;
        background-image: none !important;
        padding-bottom: 70px;
    }
    .standard-box .overlay {
        position: static;
        opacity: 1 !important;
        background-color: transparent !important;
    }
    .standard-box .overlay * {
        display: block;
        text-align: justify;
        margin-bottom: 15px;
        font-size: 15px;
        color: rgba(255, 255, 255,1) !important;
    }
    .standard-row .overlay p.overlay-title {
        font-size: 20px;
        font-weight: bold;
        color: rgba(255, 255, 255,1) !important;
        margin-top: 50px;
        text-align: center;
    }
    .standard-row:hover .standard-box {
        background-color: rgba(24, 160, 126,1);
    }
    .standard-box div {
        background-image: none !important;
    }
    .line- {
        display: none !important
    }
    .lefted-title {
        width: 100%;
        position: static;
    }
    form.regform .inner-right {
        width: 100%;
    }
}
@media (max-width: 640px){
    .fca-auth img {
        display: none;
    }
    .b-white,
    .b-green {
        width: 100% !important;
    }
    .hide-640 {
		display:none !important;
	}
    .homefooter {
        display: none;
    }
}
@media (max-width: 600px){
    #tfgdmfgdfsfe{
        width: auto;
    }
    .mainMenu a.menu {
        display: none;
    }

    .half {
        float: none !important;
        width:100% !important;
        padding: 0 !important;
    }
    #statistics .half {
        padding: 10px !important;
    }
    .statistics-hero td {
        padding:10px;
        font-size:12px;
    }
    .mobile-hh {
        display: none !important;
    }
    .helper {
        display: none;
    }
    #contact .hero {
        padding: 78px 25px 151px !important;
        height: 197px !important;
    }
    .faqs-box h2 {
        font-size: 27px;
    }
    .popup .left {
        width:100%;
        float: none;
    }
    .popup .right {
        width:100%;
        float: none;
    }
    .third-box .l,
    .third-box .r {
        width: 100%;
        border-top:1px solid #ddd;
        margin-top:15px;
        padding-top:10px;
    }
    .third-box {
        margin-top:20px;
    }
    .mob-noflex {
        display: block !important;
    }
    .loan-calc input[type="text"],
    .loan-calc select option,
    .loan-calc select,
    .loan-calc label {
        font-size: 12px;
    }
    .or-full {
        margin-top:30px;
    }
    .before-or {
        padding-bottom: 60px;
    }
    .abs-or {
        top: -81px;
    }
    .card .half {
        zoom: 0.9;
    }
    .absolute-top-right.calc-months {
        right: 27px;
    }
}
@media (max-width: 500px){
    .hero h2 {
        font-size: 31px;
    }
    .bridgecrowd_management_img{
	    margin-left: -25px;
    }
    #borrow .page-header .text-content a {
        bottom: -15px !important;
    }
    .circle h2 {
        font-size: 80px;
        line-height: 69vw;
    }
    .circle.orange h2 {
        font-size: 110px;
    }
    .circle.white h2 {
        font-size: 50px;
    }
    #lend .page-header h2, #borrow .page-header h2 {
        font-size: 44px;
    }
    .interest-iframe {
        zoom: 0.6;
    }
    .interest-iframe *,
    .interest-iframe * * {
        zoom: 0.6;
    }
}
@media (max-width: 440px){
    .bridgecrowd_management_img{
	    margin-left: -65px;
    }

}
@media (max-width: 400px) {
    .borrowContent, .investContent {
        /*display: none;*/
    }
    .investContent {
        float: right;
    }
    .borrowContent {
        float: left;
    }
    #home .bg-black {
        width: 100%;
    }
}
@media (max-width: 399px) {
    #main {
        zoom: 0.8;
        -moz-transform: scale(0.8);
    }
    #home .bg-black, #home .bg-white {
        zoom: 1.25;
        -moz-transform: scale(1.25);
    }
    #home .static {
        zoom: 0.8;
        -moz-transform: scale(0.9);
    }
    .controlLine {
        display: none;
    }
    #lend .page-header h2 {
        font-size: 36px;
        line-height: 37px;
    }
    #lend .page-header .text-content p {
        font-size: 28px;
        line-height: 29px;
    }
}
@media (max-width: 350px) {
    #borrow .page-header .text-content a {
        display: none;
    }
    .circle.white h2 {
        font-size: 35px;
    }
}
@media only screen and (min-width: 768px) {
    .dw2 {
      grid-template-columns: 1fr 1fr;
    }
    .--ctr {
      margin: 0 auto;
      width: 100%;
      padding: 0 4em;
    }
    ._hero h1 {
      font-size: 3em;
    }
    .dw1--grid {
      grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (min-width: 1024px) {
    .--row {
      max-width: 2560px;
    }
    .dw1--grid {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .--ctr {
      margin: 0 auto;
      width: 100%;
      padding: 0 8em;
    }
    .hero h2 {
      font-size: 1.2em;
    }
}
@media only screen and (min-width: 1280px) {
    .dw2 {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .--ctr {
        margin: 0 auto;
        width: 100%;
        padding: 0 16em;
    }
    ._hero h1 {
        font-weight: 300;
        font-size: 4em;
    }
    ._hero h2 {
        font-size: 1.4em;
    }
}