body {
    font-family: 'Quicksand','Open Sans', sans-serif !important;
}

p {
    color: #4A4A4A !important;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100vh;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: #080d15;
    opacity: .5;
}
.overlay-pages {
    position: absolute;
    width: 100%;
    height: 80vh;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: #080d15;
    opacity: .5;
}

/* WIDTHS */

.sw-3 {
    padding: 3rem;
}

.sw-60 {
    width: 60%;
}

.sw-30 {
    width: 30%;
}

.sw-80 {
    width: 80% !important;
    margin-left: auto;
    margin-right: auto;
}

.sw-50 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
 /* PADDING */

 .spull-r {
     float: right;
 }

 .sr-1 {
    padding-right: 1rem !important;
 }
 .sl-2 {
    padding: 2rem  !important;
 }

 .ptop-xl {
     padding-top: 120px;
 }

 .ptop-l {
     padding-top: 100px;
 }

 .ptop-s {
     padding-top: 25px;
 }

 .ptop-xxs {
    padding-top: 5px;
}
.ptop-xs {
    padding-top: 10px;
}

 .pbtm-s {
     padding-bottom: 25px;
 }
 .pbtm-xxs {
    padding-bottom: 5px;
}

 .pbtm-l {
     padding-bottom: 100px;
 }

 .ptop-m {
     padding-top: 50px;
 }

 .pbtm-m {
     padding-bottom: 50px;
 }

.blue {
    color: #3C70B0 !important;
}

.justify {
    text-align: justify;
}

/* NAVBAR SPACE */

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0rem 1rem !important;
}

.navbar-brand {
    padding: .5rem !important;
    margin-left: 4.5rem;
}

.navbar-light .navbar-nav .active>.nav-link {
    color: #3c70b0 !important;
    font-weight: bolder !important;
}

.t-navbar {
    background: white !important;
}

.slide-header {
    background-image: url('../img/hm.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
}

.slide-about {
    background-image: url('../img/about.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
}

.slide-ia {
    background-image: url('../img/invest-a.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 80vh;
}

.slide-pc {
    background-image: url('../img/pc.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 80vh;
}

.slide-pr {
    background-image: url('../img/pr.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 80vh;
}
.slide-hiw {
    background-image: url('../img/hiw.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 80vh;
}
.slide-sr {
    background-image: url('../img/sr.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 80vh;
}
.slide-tos {
    background-image: url('../img/tos.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 80vh;
}
.slide-pp {
    background-image: url('../img/tos.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 80vh;
}
.jumbotron {
    margin-bottom: 0em !important;
    padding: 6rem 2rem !important;
    background: linear-gradient(to right, rgb(7, 7, 7, 1), rgba(31, 30, 30, 0.5)), url('../img/hm1.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
}
.jumbotron-a {
    margin-bottom: 0em !important;
    padding: 6rem 2rem !important;
    background: linear-gradient(to right, rgb(7, 7, 7, 1), rgba(31, 30, 30, 0.5)), url('../img/joinus.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
}
.jumbotron-w {
    margin-bottom: 0em !important;
    padding: 6rem 2rem !important;
    background: linear-gradient(to right, rgb(7, 7, 7, .5), rgba(31, 30, 30, 0.5)), url('../img/why.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    color: white;
}
.risk-img {
    margin-bottom: 0em !important;
    padding: 6rem 2rem !important;
    background: linear-gradient(to right, rgb(46, 94, 151), rgba(13, 70, 156, 0.85)), url('../img/hm1.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    color: white;
}

.bg-grey {
    background: #ebebeb;
    min-height: 480px !important;
}
.bg-grey2 {
    background: #f8f8f8;
    min-height: 200px;
}

#ptabs h3 {
    font-family: "Open Sans";
    font-size: 1em;
}

#ptabs .nav-pills .nav-link.active {
    color: #3c70b0 !important;
    background: none !important;
    border-bottom: #3c70b0 3px solid !important;
    border-radius: 0em !important;
}

#line-tabs {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

#ptabs .nav a.nav-link {
    color: #4A4A4A !important;
}

#p2-tabs .nav a.nav-link {
    color: #3C70B0 !important;
}

#p2-tabs .nav-pills .nav-link.active {
    color: white !important;
}

.s-tabs li a {
    color: white !important;
}

.nav-pills .nav-link.active {
    background: #2f5388 !important;
}

footer h4 {
    font-family: "Open Sans";
    font-weight: 200;
}

footer li {
    list-style: none;
}

.bg-footer {
    background: #4A4A4A;
    color: #a7a7a7;
    border-top: #3C70B0 solid 2px;
}

.bg-footer p {
    color: #a7a7a7 !important;
    font-size: .8rem;
    text-align: justify;
}

.bg-footer a {
    color: #a7a7a7;
    text-decoration: none !important;
}

.bg-footer a:hover {
    color: #3c70b0 !important;
    text-decoration: none !important;
}

.trim-p img {
    opacity: 0.1;
    position: absolute;
    width: 800px;
    right: 0px;
    top: 200px;
}

.trim-pc img {
    opacity: 0.1;
    position: absolute;
    width: 800px;
    right: -280px;
    top: -400px;
}

.trim-pr img {
    opacity: 0.1;
    position: absolute;
    width: 800px;
    right: -280px;
    top: -400px;
}

.trim-log img {
    opacity: 0.1;
    position: absolute;
    width: 800px;
    left: -180px;
    bottom: -100px;
}

.trim-a img {
    opacity: 0.1;
    position: absolute;
    width: 800px;
    left: -180px;
    bottom: -100px;
}
.trim-hiw img {
    opacity: 0.2;
    position: absolute;
    width: 900px;
    right: -350px;
    bottom: 280px;
    filter: grayscale(100%);
}

.trim, .trim-p, .trim-a, .trim-pc, .trim-pr, .trim-hiw, .trim-log {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.trim img {
    opacity: 0.1;
    position: absolute;
    width: 800px;
    right: -350px;
    top: 100px;
}
.risk-img {
    height: 100vh;
}

.risk-ass p{
    text-align: justify;
}

/* SLIDE CONTAINER AND CAPTION */

.container-caption {
    position: absolute;
    left: 100px;
    bottom: 100px;
    padding: 2.5em;
    width: 40%;
    z-index: 2;
}
.container-caption-pages {
    position: absolute;
    left: 100px;
    bottom: 200px;
    padding: 2.5em;
    width: 40%;
    z-index: 2;
}

.container-login {
    position: absolute;
    right: 0;
    left: 0;
    top: 180px;
    padding: 5rem;
    border-radius: .5em;
    z-index: 2;
}

.page-login a {
    color: #3c70b0 !important;
}

.container-caption-p {
    position: absolute;
    right: 280px;
    left: 280px;
    top: 200px;
    padding: 2.5em;
    z-index: 2;
    text-align: center !important;
}

.caption, .caption-p, .caption-pages {
    color: white;
}

.caption h2, .caption-pages h2 {
    font-weight: bold;
    font-size: 3em;
    font-family: 'Open Sans';
}

.caption-p p, .caption p, .caption-pages p {
    font-weight: 200;
    font-size: 1em;
    color: white !important;
}

.caption-p h2 {
    font-weight: bold;
    font-size: 3em;
    font-family: 'Open Sans';
    text-align: center !important;
}

.caption h2::after {
    content:'';
    position: absolute;
    height: 3px;
    width: 120px;
    margin-top: 10px;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 2em;

}

.caption-x {
    background: white;
    color: #4A4A4A !important;
    width: 30%;
    padding: 1.5rem;
    border-radius: .3em;
}

.caption-x h2 {
    font-weight: bold;
    font-size: 3em;
    font-family: 'Open Sans';
}

.heading h2::after {
    content:'';
    position: absolute;
    height: 3px;
    width: 120px;
    margin-top: 10px;
    background-color: #3C70B0;
    display: flex;
    flex-direction: column;
    border-radius: 2em;
}
.heading h2 {
    font-family: "Open Sans";
    font-weight: 700;
    color: #3C70B0;
}

.heading-pages h2 {
    font-family: "Open Sans";
    font-weight: 700;
    color: #3C70B0;
    text-align: center !important;
}

.heading-w h2::after {
    content:'';
    position: absolute;
    height: 3px;
    width: 120px;
    margin-top: 10px;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 2em;
}
.heading-w h2 {
    font-family: "Open Sans";
    font-weight: 700;
    color: white;
}

.heading-w p {
    color: white !important;
}
.smart-btn {
    background: #3C70B0 !important;
    color: white !important;
    font-weight: 100 !important;
    font-size: .8rem !important;
}
.faq-btn {
    background: #8db9efb5 !important;
    color: #495057 !important;
    font-weight: 100 !important;
    font-size: 1rem !important;
    text-align: left !important;
}

.text-lg {
    font-size: 1.5em;
}
.bg-blue {
    background: #3C70B0 !important;
    color: white !important;
}
.bg-deepblue {
    background: #003E8A !important;
    color: white !important;
}

.grid-card p {
    color: white !important;
}

  /* OTHERS */
  .social {
    display: inline;
    padding-right: 20px;
}

.fl-social .social {
    color: #4A4A4A !important;
}

.fl-social .social:hover {
    color: #3c70b0 !important;
}
.sw-social .social {
    color: #3c70b0 !important;
}

.sw-social .social:hover {
    color: white !important;
}

.logo {
    width: 14rem;
    height: auto;
}

.team-ditts {
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 1.2em;
}

.tile-grey {
    background: #F9F9F9;
    padding: 3em 2em;
    border-radius: .3em;
    min-height: 372px
}

.tile-grey:hover {
    border-bottom: #4A4A4A solid 5px;
}

.tile-blue {
    background: #3C70B0;
    padding: 3em 2em;
    border-radius: .3em;
    color: white !important;
    min-height: 372px
}

.tile-blue:hover {
    border-bottom: #2f5388 solid 5px;
}

.check-img {
    height: 20px;
}

.numbers {
    position: absolute;
    height: 180px;
    opacity: .1;
    bottom: 20px;
}
.sw-svg {
    height: 88px;
}
.p-img {
    height: 25em;
}

.s-header {
    font-family: "Open Sans";
    font-size: 2em;
}
.login-footer {
    text-align: center;
}
#right-faq {
    position: absolute;
    overflow-y: scroll;
    height: 90%;
    right: 0px;
}
#right-faq h6 {
    font-weight: bold;
}
#left-faq {
    position: sticky;
}
.hidden {
    overflow: hidden;
    position: relative;
    height: 900px;
}
.img-check {
    height: 3rem;
}
.thin-text {
    font-weight: lighter;
}

.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    height: 300px;
    overflow-y: auto;
}

/* MOBILE */

@media(max-width: 411px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 1rem 0rem !important;
    }
    .navbar {
        padding: 1.5rem 2.5rem !important;
    }
    .container-caption {
        position: relative;
        top: 200px;
        right: 0px;
        left: 0px;
        width: 100%;
        padding: 2em;
    }
    .container-caption-pages {
        position: relative;
        top: 250px;
        right: 0px;
        left: 0px;
        width: 100%;
    }
    .caption-p p, .caption p, .caption-pages p {
        font-size: .8em;
    }
    
    .caption-p h2, .caption h2, .caption-x h2, .caption-pages h2 { 
        font-size: 1.8em;
    }
    .caption-x {
        width: 100%;
    }
    .container-caption-p {
        left: 0px;
        right: 0px;
        top: 120px
    }
    .risk-img {
        display: none;
    }
    .container-login {
        display: none;
    }
    .sw-60, .sw-50, .sw-30, .sw-80{
        width: 100% !important;
    }
    .heading h2 {
        font-size: 1.5em;
        font-weight: 700 !important;
        font-family: "Open Sans";
    }
    .logo-login {
        width: 5rem;
    }
    .logo-img {
        height: 5px !important;
    }
    .sw-3 {
        padding: 3rem 1.5rem !important;
    }
    .bg-grey2 {
        min-height: 200px;
    }
    #right-faq {
        margin-top: 200px;
        height: 70%;
    }
    .sl-2 {
        padding: 2rem 1rem !important;
    }
    .navbar-brand {
        padding: .1rem !important;
        margin-left: 0rem;
    }
    .logo {
        width: 10rem;
    }
    .ftbanner {
        display: none;
    }
    .numbers {
        position: relative;
        height: 125px;
        opacity: .5;
        bottom: 0px;
    }
}

/* iPad */
@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .risk-img {
        display: none;
    }
    .s-flex {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .sw-60, .sw-50, .sw-30, .sw-80 {
        width: 80% !important;
    }
    .slide-about, .slide-header, .slide-ia, .slide-hiw, .slide-ia, .slide-pc, .slide-pr, .slide-sr, .slide-tos, .slide-pp {
        height: 50vh;
    }
    .container-caption-pages {
        top: 450px
    }
    .container-caption {
        top:250px;
    }
    .container-caption-p {
        right: 150px;
        left: 150px;
        top: 200px;
    }
    .overlay, .overlay-pages {
        height: 50vh;
    }
    }

    /* View on mobile only */

    @media screen and (min-width: 1025px) {
        .logo-login {
          display: none;
        }
      }