
html{
  overflow-x: hidden;
}

.company-detail{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.company-detail .company-detail-section .company-detail-video{
    width:100%;
    height:380px;
    object-fit:cover;
    display:block;
    margin:0 auto;
}
.company-detail .company-detail-section .embed-responsive-16by9{
    padding-bottom: 0px;
}
.company-detail .company-detail-section{
    min-height: 400px;
    background-color: #FFFFFF; /* For browsers that do not support gradients */
    background: linear-gradient(180deg, #FFFFFF 25.48%, #B6B5B8 100%);
}
.black-background-bar{
    background-color: #000000;
    padding: 20px;
    min-height: 70px;
}
.company-detail .company-detail-container{
    width: 854px;
    margin: auto;
    padding: 40px;
    min-height: 400px;
}
.company-detail .first-container{
    padding: 40px 4px;
}
.company-detail .company-detail-container .healthy-avatar-box{
    min-height: 400px;
}
.company-detail .company-detail-container .canadian-logo{
    position: absolute;
    left: 48px;
    width: 170px;
}
.company-detail .company-detail-container .presents{
    position: absolute;
    color: #000000;
    font-size: 18px;
    left: 154px;
    top: 70px;
}
.company-detail .company-detail-container .healthy-avatar{
    position: absolute;
    bottom: -47px;
    right: -90px;
}
.company-detail .company-detail-container .healthy-avatar-mobile{
        display: none;
}
.company-detail .company-detail-container .healthy-avatar2-mobile{
        display: none;
}
.company-detail .company-detail-container p{
    margin-bottom: 0px;
    margin-top: 20px;
    text-align: justify;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    line-height: 28px;
}
.company-detail .join-detail-button{
    width: 230px;
    opacity: 1;
    border-radius: 10px;
    background-color: #D5A12B;
    color: #000000;
    font-size: 20px;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 16px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}
.company-detail .learn-more-button{
    width: 230px;
    opacity: 1;
    border-radius: 10px;
    background-color: #056155;
    color: #FFFFFF;
    font-size: 20px;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 16px;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}
.company-detail .company-detail-container .company-detail-info-section{
    text-align: center;
}
.company-detail .company-detail-container .company-detail-info-section .red-heading{
    font-size: 33px;
    color: #C42026;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.company-detail .company-detail-container p{
    font-size: 22px;
    color: #000000;
}
.company-detail .company-detail-container .company-detail-info-section p{
    font-size: 22px;
    color: #000000;
}
.company-detail .company-detail-container .company-detail-info-section p a{
    color: #000000;
}
.company-detail .company-detail-container .company-detail-info-section .start-investing-button{
    opacity: 1;
    border-radius: 10px;
    background-color: #000000;
    color: #D5A12B;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    padding: 16px 56px;
    margin: auto;
    margin-top: 40px;
}
.company-detail .company-detail-container .company-detail-info-section ul{
    font-size: 22px;
    color: #000000;
    text-align: justify;
}
.company-detail .company-detail-container .company-detail-info-section ul li{    
    margin-top: 10px;
}
.company-detail .company-detail-container .company-detail-info-section  ul li::marker {
  font-size: 32px;
}
.company-detail .company-detail-container .company-detail-info-section .shaddow-box{
    box-shadow: 0px 4px 10px 0px #00000040;
    border-radius: 15px;
    padding: 10px 10px 10px 10px;
    background: #FFFFFF;
    margin-top: 24px;
    margin-bottom: 24px;

}
.company-detail .company-detail-container .company-detail-info-section .shaddow-box ul{
    font-size: 20px;
    line-height: 27px;
    color: #000000;
}
.company-detail .company-detail-container .company-detail-info-section .shaddow-box ul li{    
    margin-top: 20px;
}
.company-detail .company-detail-container .healthy-avatar2{
    position: absolute;
    top: 29px;
    right: -26px;
}
.company-detail .company-detail-section .embed-responsive{
    height: 380px;
    margin-top: -1px;
}
.making-billion-background{
    background-image: url('../../images/making-billion-background-min.png');
    background-size: 100%;
    background-position: 0 260px;
    background-repeat: no-repeat;
    height: 1180px;
    background-color: #ffffff;
}
.company-detail .company-detail-container .company-detail-info-section .get-rob-button{
    margin-top: 570px;
}
.graph-mobile{
    display: none;
}
/* Responsive */
@media (min-width: 2560px){
    .making-billion-background{
        height: 1650px;
        background-position: 0 0;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 1009px;
    }
}
@media screen and (min-width: 1920px) and (max-width: 2559px){
    .making-billion-background{
        height: 1426px;
        background-position: 0 140px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 784px;
    }
}
@media screen and (min-width: 1680px) and (max-width: 1919px){
    .making-billion-background{
        height: 1327px;
        background-position: 0 200px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 690px;
    }
}
@media screen and (min-width: 1440px) and (max-width: 1679px){
    .making-billion-background{
        height: 1228px;
        background-position: 0 260px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 590px;
    }
}
@media screen and (min-width: 1366px) and (max-width: 1439px){
    .making-billion-background{
        height: 1190px;
        background-position: 0 270px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 570px;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1365px){
    .making-billion-background{
        height: 1152px;
        background-position: 0 290px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 540px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
    .making-billion-background{
        height: 1052px;
        background-position: 0 360px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 452px;
    }
}
@media screen and (min-width: 991px) and (max-width: 1023px){
    .making-billion-background {
        height: 1128px;
        background-position: 0 460px;
    }
    .company-detail .company-detail-container .healthy-avatar{
        position: relative;
        top:0px;
        right: 0px;
        left: 0px;
        margin-bottom: 10px;
   }
   .company-detail .company-detail-container .healthy-avatar2{
        position: relative;
        top: 0px;
        right: 0px;
        margin-bottom: 10px;
    }
}
/* @media screen and (min-width: 769px) and (max-width: 1023px){
    .making-billion-background {
        height: 1070px;
        background-position: 0 550px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button {
        margin-top: 30px;
    }
} */
@media (max-width: 820px){
    .company-detail .company-detail-container p{
        text-align: left;
    }
    .company-detail .company-detail-container .company-detail-info-section ul{
        text-align: left;
    }
    .company-detail .company-detail-section .company-detail-video{
        height:390px
    }
    .company-detail .company-detail-section .embed-responsive{
        height: 390px;
    }
    .company-detail .company-detail-container{
        width: 100%;
    }
    .company-detail .first-container{
        padding: 54px 35px 0px 35px;
    }
    .company-detail .company-detail-container .canadian-logo{
        position: relative;
        top:0px;
        right: 0px;
        left: 0px;
        margin: auto;
        display: block;
    }
    .company-detail .company-detail-container .presents{
        position: relative;
        margin: auto;
        left: 0;
        top: 0;
        display: block;
        text-align: center;
        margin-top: 20px;
    }
    .company-detail .company-detail-container .healthy-avatar-box{
        min-height: 140px;
    }
    .company-detail .company-detail-container .healthy-avatar{
        position: relative;
        top:0px;
        right: 0px;
        left: 0px;
        margin-bottom: 10px;
        display: none;
    }
    .company-detail .company-detail-container .healthy-avatar-mobile{
        display: block;
        margin: auto;
        margin-bottom: -8px;
    }
    .company-detail .company-detail-container .the-wealthay-logo{
        margin: auto;
        display: block;
    }
    .company-detail .company-detail-container .healthy-avatar2{
        position: relative;
        top: 0px;
        right: 0px;
        margin-bottom: 10px;
        display: none;
    }
    .company-detail .company-detail-container .healthy-avatar2-mobile{
        display: block;
        margin: auto;
        margin-bottom: -8px;
    }
    .company-detail .company-detail-container .company-detail-info-section .start-investing-button{
        padding: 16px 16px;
    }
    .company-detail .join-detail-button{
        margin-bottom: 10px;
    }
    .making-billion-background{
        background-image: url('../../images/1billion-mobile.png');
        height: 1620px;
        background-position: 0 560px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 772px;
    }
    .graph-mobile{
        display: block;
    }
    .graph-desktop{
        display: none;
    }
}
@media screen and (min-width: 769px) and (max-width: 820px){    
    .making-billion-background {
        height: 1750px;
        background-position: 0 220px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 1130px;
    }
}
@media screen and (min-width: 700px) and (max-width: 768px){    
    .making-billion-background {
        height: 1730px;
        background-position: 0 250px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 1050px;
    }
}
@media screen and (min-width: 600px) and (max-width: 700px){    
    .making-billion-background{
        height: 1650px;
        background-position: 0 530px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 840px;
    }
}
@media screen and (min-width: 504px) and (max-width: 599px){
    .making-billion-background{
        height: 1620px;
        background-position: 0 560px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 772px;
    }
}
@media screen and (min-width: 415px) and (max-width: 503px){
    .making-billion-background{
        height: 1620px;
        background-position: 0 714px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 650px;
    }
}
@media (max-width: 414px) {
    .making-billion-background{
        height: 1620px;
        background-position: 0 774px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 610px;
    }
}
@media screen and (min-width: 376px) and (max-width: 411px){
    .making-billion-background {
        height: 1640px !important;
        background-position: 0 800px !important;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 574px!important;
    }
}
@media screen and (min-width: 361px) and (max-width: 375px){
    .making-billion-background {
        height: 1640px !important;
        background-position: 0 850px !important;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 540px!important;
    }
}
@media (max-width: 360px) {
    .company-detail .company-detail-container .company-detail-info-section .start-investing-button{
        font-size: 16px;
    }
    .company-detail .company-detail-container .company-detail-info-section p{
        font-size: 18px;
    }
    .making-billion-background{
        height: 1600px;
        background-position: 0 850px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 560px;
    }
}
@media (max-width: 345px) {
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 526px;
    }
}
@media (max-width: 320px){
    .making-billion-background {
        height: 1690px;
        background-position: 0 974px;
    }
    .company-detail .company-detail-container .company-detail-info-section .get-rob-button{
        margin-top: 480px;
    }
}
.top-red-line{
    border-top: 8px solid #C42026;
    margin-top: 0px;
}
.navbar-inverse{display:none}
.bottomLine{display:none}
footer{display: none !important;}