*{
    box-sizing: border-box;
}

body{
    padding: 0;
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 13px; 

}

a,
button,
img,
header,
.searchIcon:after {
    transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}


button, a{
    cursor: pointer;
    text-decoration: none;
}


a{
    color: black;
}
button:disabled{
    cursor: default;
}
h1{
    font-size: 18px;
}
h2{
    font-size: 16px;
}

p {
    line-height: 20px;
    margin-bottom:10px!important;
}
.display{
    display: block!important;
}
.hide{
    display: none!important;
}
.blueColor{
    color: #00AEEE;
}
.bold{
    font-weight: bold;
}

/* header */

header{
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 11;
}
.button{
    background-color: #00AEEE;
    color: white;
    padding: 4px;
    border-radius: 4px;
    width: 100px;
    border: 1px solid #00AEEE;
    margin-top: 20px;
}
.grayButton{
    background-color: #404040;
    color: white;
    border-radius: 4px;
    width: 100px;
    padding: 4px;
    border: 1px solid #404040;
}

.mainHeaderContainer{
    height: 55px;
    max-width: 1440px;
    z-index: 999;
    display: flex;
    background-color: #404040;
    padding: 10px 15px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 0 auto;
    box-shadow: 0 6px 5px -7px #aaa;
}

.toggleButton{
    height: 30px;
    width: 40px;
    background-color: #404040;
    border: #404040;
    cursor: pointer;
}
.toggleButton span:after{
    content: "\f0c9";
    font-family: FontAwesome;
    color: white;
    font-size: 22px;
}

.whitelogoContainer{
    width: 150px;
}

.mainMenu{
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: white;
    transform: translateX(-100px);
    opacity: 0;
    transition: 0.3s opacity, 0.3s transform, 0.3s visibility;
    visibility: hidden;
}
.openMenu{
    transform: translateX(0px);
    opacity: 1;
    visibility: visible;
}
.mainMenu ul{
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
}
.mainMenu ul li{
    text-align: center;
    background-color: #404040;
    margin-top: 1px;
}

.mainMenu ul li a{
    color: white;
    padding: 20px 0;
    display: inline-block;
    width: 100%;
    background-position: left bottom 3px;
}
.mainMenu ul li a:hover{
    background-image:url('../images/line2.png');
    background-position: left bottom 15px;
    background-repeat:repeat-x;
}
.mainMenu ul li a.activeMenu{
    font-weight: bold;
}
.mainMenu .registerContainer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
}

.mainMenu .register{
    background-color: #00AEEE;
    color: white;
    width: 240px;
    padding: 15px;
    text-align: center;
    border-radius: 4px;
    margin: 30px auto 15px;
    font-weight: bold;
}
.mainMenu .registerFund{
    background-color: white;
    color: #00AEEE;
    border: 1px solid #00AEEE;
    margin: 0 auto 15px;
}
.mainMenu .login{
    text-align: center;
    color: #00AEEE;
    font-weight: bold;
}
.mainMenu .login span{
    color: #404040;
}

.desktopLogin{
    display: none;
}
.closeMenuIcon{
    display: none;
    color: white;
    font-size: 22px;
    font-weight: 800;
    display: none;
    padding: 10px;
    cursor: pointer;
    width: 40px;
}

.searchBar{
   position: absolute;
   background-color: #404040;
   width: 100%;
   top: 100%;
   left: 0;
   opacity: 0;
   transform: translateY(-10px);
   transition: 0.3s transform, 0.3s opacity, 0.3s visibility;
   visibility: hidden;
}

.displaySearchBar{
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

.searchBar input{
    width: 90%;
    padding: 5px 10px;
    margin: 7px auto;
    border-radius: 4px;
    display: block;
    border: 1px solid #404040;
}

.searchIcon:after{
    content: "\f002";
    color: white;
    font-family: FontAwesome;
    font-size: 16px;
    padding: 15px;
    cursor: pointer;
}
.teamC .activeText {background-color: white!important;
    background-size: cover;
    color: #00AEEE!important;}
.searchIcon:hover:after {
    color: #ccc;
}
.whatWeDo .activeText:after {

    background-color: transparent!important;}
.closeSearchIcon{
    color: white;
    font-size: 22px;
    font-weight: 800;
    display: none;
    padding: 10px;
    cursor: pointer;
    width: 44px;
}
.grayBack{
    background-color: #000;
    opacity: 0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    transition: 0.3s opacity, 0.3s visibility;
    visibility: hidden;
}
.modalGrayBack{

}
.grayBack.search--opened{
    opacity: 0.5;
    visibility: visible;
}



/* homepage main content */


.mainConytainer{
    max-width: 1440px;
    margin: 0 auto;
}
.thunderingBanner{
    background: url('../images/Group\ 32.png') no-repeat;
    background-size: cover;
    height: 460px;
    background-position-x: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.thunderingBanner .imgCont{
    width: 250px;
    
}
.thunderingBanner:after{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.thunderingBanner .thunderingBannerContent{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 10;
}
.thunderingBanner h1{
    font-size: 16px;
    color: white;
    text-align: center;
    margin-bottom: 15px!important;
    max-width: 300px;
}
.thunderingBanner .register{
    display: flex;
    flex-direction: column;
}
.thunderingBanner .register a{
    width: 160px;
    padding: 8px;
    text-align: center;
    background-color: white;
    color: #00AEEE;
    border-radius: 4px;
    font-weight: bold;
}
.thunderingBanner .register a:nth-child(2){
    margin-top: 10px;
}

.thunderingBanner .register a:hover {
    background-color:#00AEEE;
    color:#fff;
}

.aboutUs{
    background-color: white;
    color: black;
    display: flex;
    flex-direction: column;
    padding: 30px 30px 0;
}
.aboutUs h2{
    margin-bottom: 15px!important;
}
.aboutUs p{
    text-align:left!important;
}
.aboutUs a{
    display: inline;
    color: #00AEEE;
    font-weight: bold;
}

.whatWeDo{
    background-color: #EAEAEA;
}
.whatWeDo h2{
    text-align: center;
    padding: 20px 0;
}.whatWeDo h4{
    margin-top: 0px;
}
.whatWeDo .imgCont{
    position: relative;
    cursor: pointer;
}
.whatWeDo .imgCont:after{
    position: absolute;
    content: '\A';
    background-color:rgba(0, 174, 238, 0.4);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.3s opacity;
}
.whatWeDo .imgCont:hover:after{
    opacity: 1;
}
.whatWeDo .imgCont.activeText:after{
    opacity: 1;
}
.whatWeDo .investmentImg{
    background: url('../images/aboutus/Group\ 77.png') no-repeat;
    background-color: #00AEEE;
    background-size: cover;
    color: white;
    padding: 30px;
    margin: 0 auto;
}
.whatWeDo .investmentImg1{
    
    background-color: #00AEEE;
    background-size: cover;
    color: white;
    padding: 30px;
    margin: 0 auto;
}
.whatWeDo .investmentImg2{
    /*background: url('../images/aboutus/Group\ 77.png') no-repeat;*/
    background-color: #404040;
    background-size: cover;
    color: white;
    padding: 30px;
    margin: 0 auto;
}
.hidden {visibility: hidden;}
.whatWeDo h3 .rolestyle {font-weight:normal!important;font-size: 12px;}
.whatWeDo h3{
    font-size: 13px;
    text-align: center;
}
.whatWeDo .textCon{
    padding: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.3s, 0.3s opacity ;
}
.whatWeDo .textCon.displaytextCon{
    padding: 30px;
    height: auto;
    opacity: 1;
}


.whatWeDo .textCon a.thButton{
    text-align: center;
    display: block;
    padding: 8px;
    color: white;
    background-color: #00AEEE;
    border-radius: 4px;
    width: 185px;
    margin: 15px auto;
    font-weight: bold;
}
.whatWeDo .serviceImg{
    background: url('../images/quote/Group\ 81.png') no-repeat;
    background-size: cover;
    color: white;
    padding: 30px;
    margin: 0 auto;
}

.whatWeDo .fundImg{
    background: url('../images/community/Group\ 78.png') no-repeat;
    background-size: cover;
    color: white;
    padding: 30px;
    margin: 0 auto;
}

.whatWeDo .alternateInvest{
    background: url('../images/community/Group\ 78.png') no-repeat;
    background-size: cover;
    color: white;
    padding: 30px;
    margin: 0 auto;
}
.whatWeDo h4{
    text-align: left;
}
.whatWeDo .abstText a{
    color: #00AEEE;
    font-weight: bold;
}
.whatWeDo .abstText span{
    text-align: left;
    display: inherit;
}
.clientLogo{
    text-align: center;
    padding: 20px;
}
.clientLogo h2{
    margin-bottom: 15px;
    padding: 20px 20px 10px;
}
.clientLogo p{
    padding-bottom: 20px;
}
.clientLogo .owl-carousel{
    /* margin: 20px; */
    position: relative;
}
.owl-carousel .owl-prev{
    position: absolute;
    top:2px;
    left: -10px;
}
.owl-carousel .owl-next{
    position: absolute;
    top:2px;
    right: -10px;
}

.owl-carousel .owl-stage-outer{
    width: 85%;
    margin: 0 auto;
}
.owl-nav span{
    font-size: 30px;
    padding: 10px;
    line-height: 30px;
    display: block;
    height: 56px;
}
.clientLogo .owl-carousel .item{
    width: 120px;
    height: 60px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.owl-theme .owl-nav [class*=owl-],
.owl-theme .owl-nav {
    margin:0!important;
}

.clientLogo .owl-carousel .item img {
    width: 120px!important;
    height: 60px!important;
    border:solid 1px #EAEAEA;
}


.articlesCont{
    background: #404040;
}
.articlesCont h2{
    display: none;
}
.articlesCont h3{
    color: #00AEEE;
}
.articlesCont .articletext{
    margin-top: -3px;
    background-color: #404040;
    color: white;
    padding: 30px 40px;
}
.articlesCont .articletext span{
    font-size: 8px;
}

.subscriptionForm{
    padding: 30px 40px;
}
.subscriptionForm form{
    width: 90%;
    margin: 0 auto;  
    text-align: center           
}
.subscriptionForm form h3{
    margin: 0;
    padding-bottom: 20px;
    font-size: 13px;  
}
.subscriptionForm form input{
    padding: 5px 10px;
    width: 100%;
    border: 1px solid #404040;
    border-radius: 4px; 
    margin-bottom: 10px;
    text-align: center;
    height: 30px;
}
.subscriptionForm form button{
    color: white;
    background: #00AEEE;
    border-radius: 4px;
    padding: 5px 20px;
    margin: 5px;
    border: 1px solid #00AEEE;
    font-weight: bold;
    height: 30px;
}
.contactUs{
    text-align: center;
    background-color: #00AEEE; 
    color: white;
    padding: 30px;
}
.contactUs h3{
    margin: 0;
    padding-bottom: 20px;
    font-size: 13px;  
}
.contactUs a{
    color: #00AEEE;;
    background-color: white;
    border-radius: 4px;
    padding: 8px 10px;
    width: 100px;
    text-align: center;
    font-weight: bold;
    margin: 5px;
}
.footerContainer{
    background: #404040;
    color: white;
    padding: 20px 40px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    margin: 0 auto;

}
.footerContainer .social{
    display: flex;
    justify-content: space-around;
    width: 65px;
    margin: 0 auto 10px;
}
.footerContainer .facebook:after{
    font-family: FontAwesome;
    content: "\f09a";
    color: black;
    background-color: white;
    font-size: 14px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footerContainer .twitter:after{
    font-family: FontAwesome;
    content: "\f099";
    color:#404040;
    background-color: white;
    font-size: 14px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.footerContainer .linkedin:after{
    font-family: FontAwesome;
    content: "\f0e1";
    color:#404040;
    background-color: white;
    font-size: 14px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footerContainer p {
    margin: 0;
}
.footerContainer .socialCont{
    display: flex;
    flex-direction: column;  
}
.footerContainer .socialCont a{
    color: white;
    margin-bottom: 5px;
}


/* program page main content */
.mainContainer{
    max-width: 1440px;
    position:relative;
    margin: 0 auto;
}

.mainContainer h1, .mainContainer h2, .mainContainer h3, .mainContainer p{
    margin: 0;
}
.mainContainer h2{
    font-size: 13px;
}
.mainContainer a{
    font-size: 13px;
}
.bannerCont{
    height: 300px;
    color: white;
    padding: 25px;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bannerCont h1:first-child{
    margin-bottom: 15px;
}

.overviewCont{
    padding: 50px 30px;
}
.overviewCont .overview{
    margin-bottom: 25px;
}
.overviewCont .quest{
    border-bottom: 1px solid #404040;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    align-items: center;
    cursor: pointer;
}
.overviewCont .minus{ 
    display: none;
}
.overviewCont .answer{
    margin-top: 10px;
}
.overviewCont .answer{
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s opacity, 1s height, 0.3s visibility;
    overflow: hidden;
}
.overviewCont .displayAnswer{
    height: auto;
    opacity: 1;
    visibility: visible;
}
.applyCourse{
    color: white;
    background: #404040;
    padding: 30px;
    text-align: center;
}
.applyCourse .signUp{
    width: 120px;
    display: inline-block;
    margin-top: 15px;
    padding: 10px;
    border-radius: 4px;
    font-weight: bold;
    color: white;
    background: #00AEEE;
}
.getIntouch{
    padding: 30px;
    text-align: center;
}
.getIntouch a{
    width: 120px;
    display: inline-block;
    margin-top: 15px;
    padding: 10px;
    border-radius: 4px;
    font-weight: bold;
    color: white;
    background: #00AEEE;
}
.MPKModal button{
    color: black;
    background-color: white;
    border: none;
    position: absolute;
    top: 0px;
    right: 0px;
}
.MPKModal h3{
    margin-bottom: 15px;  
}
.MPKModal p{
    margin-bottom: 10px;
}
.MPKModal a{
    color: #00AEEE;
}

/* about us main content */
.programBanner{
    background: url('../images/compcourse/Group\ 76.png') #ccc no-repeat;
    background-size: cover;
}
.aboutusBanner{
    background: url('../images/community/Group\ 78.png') no-repeat;
    background-size: cover;
    height: 400px;
    position: relative;
}
.aboutusBanner:after{
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bannerZIndex{
    z-index: 8;

}
.aboutUsContainer{
    display: flex;
    flex-direction: column;
}
.aboutUsContainer > div{
    width: 100%;
}
.sideAboutUsImage{
    background: url(../images/quote/Group\ 81.png) #ccc no-repeat;
    background-size: cover;
    display: inline;
    width: 50%;
    height: 290px;

}
.thCommunityBanner{
    background: url('../images/Group\ 32.png') no-repeat;
    background-size: cover;
    height: 400px;
}
.contactBanner{
    background: url('../images/Group\ 32.png') no-repeat;
    background-size: cover;
    height: 815px;
    position: relative;
}
.contactBanner:after{
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.communityBanner{
    background: url('../images/community/Group\ 78.png') no-repeat;
    background-size: cover;
}
.communityBanner h1:first-child{
    margin-bottom: 15px;
}
.ourStory{
    padding: 30px;
    text-align: center
}
.ourStory h2{
    margin-bottom: 15px;
}
.ourStory p{
    text-align: left;
}
.ourMission{
    padding: 30px;
    text-align: center;
    color: white;
    background: #404040;
}
.ourMission h2{
    margin-bottom: 15px;
}
.ourMission p{
    text-align: left;
}
.teamCont{
    padding: 0 15px 30px;
}
.teamCont .team{
    width: 100%;
    margin: 0;
    margin-bottom: 30px;

}
.teamCont .team > div{
    position: relative;
}
.teamCont .team .teamText{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
    opacity: 0;
    transition: 0.3s opacity;
    cursor: pointer;
}
.teamCont .team .teamText:hover{
    opacity: 1;
}
.teamCont .team .teamText p{
    color: white;
    margin-bottom: 10px;
    font-size:12px;
    line-height:18px;
}
.teamCont .team .teamText div{
    display: flex;
}
.teamCont .team .imgCont{
    width: 100%;
    padding-bottom:80%;
    background-position: center center;
    background-size: cover;
}
.teamCont .twitter:after{
    font-family: FontAwesome;
    content: "\f099";
    color: #aaa;
    background-color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;

}
.teamCont .linkedin:after{
    font-family: FontAwesome;
    content: "\f0e1";
    color: #aaa;
    background-color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.teamCont .name{
    font-weight: bold;
    margin: 5px 0 0;
}
.teamCont .role{
    color: #404040;
}
.principal{
    padding: 0 30px 60px ;
    width: 90%;
    margin: 0 auto;
}
.principal h2{
    margin-bottom: 25px;
}
.principal h3{
    margin-bottom: 10px;
}
.principal p{
    margin-top: 5px;
    font-size: 10px;
}
.principal p:before{
    content: "\f058";
    color: #00AEEE;
    background-color: white;
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 5px;
}
.principal .compCont{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.principal .transCont{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.principal .compInv{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
    margin-right: 24px;
}
.principal .transInv{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
    margin-right: 24px;
}
.principal .imgCont{
    color: white;
    background-color: #ccc;
    width: 90px;;
    height: 90px;;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.p


/* community of practice page content */
.advantage div:first-child{
    background: url(../images/advantages/rawpixel-788601-unsplash.png) no-repeat;
    background-size: cover;
    height: 270px;
    width: 100%;
}
.advantage div:nth-child(2){
    background-color: #404040;
    color: white;  
    padding: 30px; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.advantage div:nth-child(2) h2{
    margin-bottom: 15px;
}
.interestingInCol{
    padding: 30px;
    text-align: center
}
.interestingInCol h2{
    margin-bottom: 15px;
}
.interestingInCol a{
    width: 120px;
    padding: 10px;
    color: white;
    background-color: #00AEEE;
    border-radius: 4px;
    font-weight: bold;
    display: inline-block;
}

/* story page content */
.storiesCont{
    padding: 20px;
}

.storiesCont h2{
    margin-bottom: 30px;
    font-size: 16px;
}
.storiesCont .featuredStories{
    margin-top: 20px;
}
.stories .article  {
    position: relative;
}
.stories .article h3{
    color: #00AEEE;
}
.article-link {
    width: 100%;
    height: 100%;
    position: absolute;
}
.stories .article h4{
    margin: 5px 0;
}
.stories .article .imgCont,

.articlesCont .articleRow .article .imgCont {
    margin-bottom: 25px;
background-position: center center;
    background-size: cover;
    height: 180px;
border:solid 1px #ddd;
}
.stories .article .articletext{
    margin-bottom: 40px;
}
.stories .article span{
    font-size: 10px;
}
.article1{
    background: url('../images/article/article\ \(1\).png') no-repeat;
    background-size: cover;
    height: 180px;
    
}
.article2{
    background: url('../images/article/article.png') no-repeat;
    background-size: cover;
    height: 180px;
    
}
.article3{
    background: url('../images/ourValues/Group\ 75.png') no-repeat;
    background-size: cover;
    height: 180px;
    
}
.article4{
    background: url('../images/article/article.png') no-repeat;
    background-size: cover;
    height: 180px;
    
}
.article5{
    background: url('../images/advantages/rawpixel-788601-unsplash.png') no-repeat;
    background-size: cover;
    height: 180px;
    
}
.article6{
    background: url('../images/community/Group\ 78.png') no-repeat;
    background-size: cover;
    height: 180px;
    
}
.article7{
    background: url('../images/community/Group\ 78.png') no-repeat;
    background-size: cover;
    height: 180px;
    
}
.article8{
    background: url('../images/ourValues/Group\ 75.png') no-repeat;
    background-size: cover;
    height: 180px;
    
}
.article9{
    background: url('../images/sloganImg/sloganimg\ \(3\).png') no-repeat;
    background-size: cover;
    height: 180px;
    
}
.storiesCont:first-child{
    padding-bottom: 0;
}
.storiesCont .viewMore{
    color: #00AEEE;
    text-decoration: underline;
    font-weight: bold;
    margin-top: 30px;
    display: block;
}
.storiesHeader input{
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 200px;
    height: 20px;
    padding: 5px 10px;
    box-sizing: content-box;
    margin-bottom: 20px;
    position: relative;
}
.storiesHeader input:after{
    content: "\f002";
    color: #ccc;
    font-family: FontAwesome;
    font-size: 16px;
    padding: 15px;
    cursor: pointer;
    position: absolute;
}



/* contact page content */
.thContact{
    color: white;
    position: absolute;
    top: 80px;
    width:100%!important;
}
.contactMainCont{
    padding: 50px;
}
.contactMainCont .contactDetails{
    margin-bottom: 50px
}
.contactMainCont .contactDetails h1{
    margin-bottom: 30px
}
.contactMainCont .contactDetails h2{
    margin-bottom: 15px;
    font-size: 14px;
}
.contactMainCont .contactDetails h3{
    font-size: 13px;
}
.contactMainCont .contactDetails p{
    margin-bottom: 10px
}
.contactMainCont .contactDetails .noMargin{
    margin: 0;
}
.contactMainCont .userType{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.contactMainCont .userType > label{
    padding: 0 0 10px 5px;
    font-weight: bold;

}

.contactMainCont input[type="radio"]{
    margin-bottom: 5px;
}
.contactMainCont input[type="text"], .contactMainCont input[type="email"], .contactMainCont select, .contactMainCont textarea{
    width: 100%;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #404040;
    margin-bottom: 10px;
    font-size: 13px;

}
.contactMainCont button{
    width: 120px;
    padding: 5px;
    background-color: #00AEEE;
    color: white;
    border-radius: 4px;
    border: 1px solid #00AEEE;
    font-weight: bold;
}
.contactMainCont .buttonCont{
    text-align: center;
}
.contactMainCont p{
    margin-bottom: 15px;
}
.thanksContact{
    margin-top: 20px!important;
    font-weight: bold;
}
.userTypeOption{
    margin-bottom: 10px;
    display: flex;
    align-items: center!important;
}

/* login page content */
.mainContainerLogin{
    background: url('../images/Group\ 32.png') no-repeat;
    height: 100vh;
    position: relative;
    background-size: cover;
}
.mainContainerLogin:before{
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.mainContainerLogin .loginContent{
    position: absolute;
    width: 90%;
    max-width: 350px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;

}
.mainContainerLogin .registerNewUser{
    color: #00AEEE;
    display: inline;
}
.mainContainerLogin a{
    width: 90%;
    display: inline-block;
    max-width: 350px;
}
.mainContainerLogin .formInput{
    align-items: center;
}
.mainContainerLogin  a{
    color: white;
}
.mainContainerLogin input{
    width: 100%!important;
}
.mainContainerLogin h1{
    font-size: 16px;
    margin-bottom: 10px;
}
.mainContainerLogin p{
    margin-bottom: 15px;
}
.mainContainerLogin input[type="checkbox"]{
    width: 20px!important;
    margin-bottom: 5px!important;
}
.mainContainerLogin .checkbox{
    margin-bottom: 5px!important;
}
.mainContainerLogin .loginFooter{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.signin.buttonCont{
    justify-content: center;
}

/* register main Content */
.bannerCont.registerBanner{
    background: url('../images/Group\ 32.png') no-repeat;
    background-size: cover;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 50px;
}
.register{ 
    padding: 10px 50px;
}
.register .stage{
    margin-top: 30px;
    width: 150px;
    height: 20px;
    border-top: 2px solid #404040;
    position: relative;
}
.register .investorStage{
    width: 100px
}
.register .stage p {
    color: white;
    background-color: #00AEEE;
    border-radius: 50%;
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-size: 10px;
    padding-top: 3px;
    top: -50%;
}

.register .stage p:nth-child(2){
    left: 50%;
    background-color: #404040;
}
.register .stage p:nth-child(3){
    left: 100%;
    background-color: #404040;
}
.register .investorStage p:nth-child(2){
    left: 100%;
}

.formInput{
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}
.formInput input{
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    width: 200px;
}
.buttonCont{
    display: flex;
}
form button{
    color: white;
    background-color: #00AEEE;
    padding: 4px;
    width: 100px;
    border: 1px solid #00AEEE;
    margin-top: 20px;
    border-radius: 4px;
    font-weight: bold;
}
form select{
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    width: 200px;
}
form label{
    margin: 5px 0;
}
form h3{
    margin: 30px 0!important;
}

.backButton{
    background-color: #404040;
    border: 1px solid #404040;
    margin-right: 20px;
}
.groupInput{
    display: flex;
    flex-direction: column;
}
.groupInput .radio{
    display: flex;
    align-items: center;
}
.groupInput input[type="radio"]{
    width: 20px;
    text-align: right;
    margin-left: 0;
}
.groupInput > label{
    margin: 15px 0 10px;
}
.formInput.checkbox{
    display: flex;
    flex-direction: row;
}

input[type="checkbox"]{
    width: 20px;
    text-align: right;
    margin-left: 0;
    margin-top: 6px; 
}
.groupInput > label{
    margin: 15px 0 10px;
    display: inline-block;
}
.formInput.radio{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.formInput.radio label{
    margin: 0;
}
.groupInputRadio{
    display: flex;
    justify-content: space-between;
    width: 200px;
}
.smallradio{
    justify-content: flex-start
}
.smallradio .radio:first-child{
    margin-right: 40px;

}



.textareacompany{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 400px;
    margin: 15px 0;
}
.textareacompany textarea{
    border-radius: 4px;
    padding: 8px;
}
.companyDetailsTabMenu .textareacompany{
    max-width: 1360px;
}
.companyDetailsTabMenu .tab4TabContent .answerBlue{
    background-color: #00AEEE;
    color: white;
    padding: 5px;
    border-radius: 4px;
}
.debt_type{
    display: none;
}

.investorIndividualDetails{
    display: block;
}
.investorCompanyDetails{
    display: none;
}
.attachDocument a{
    color: #00AEEE;
    margin: 5px 0 10px;

}
.boldLabel{
    font-weight: bold;
}

/* loggedin header */

.loggedinmainHeaderContainer{
    background-color: #404040!important;
    height: 80px!important;

}
.loggedinmainHeaderContainer .toggleButton{
    background-color: #404040;
}
.loggedinmainHeaderContainer .mainMenu ul li{
    background-color: #404040;
}
.loggedinmainHeaderContainer .mainMenu .registerContainer {
    padding: 20px 0; 
    margin: 0!important;
    color: white;
    background-color: #404040;
    border-top: 1px solid white;
}
.loggedinmainHeaderContainer .mainMenu .login{
    color: white;
}
.loggedinmainHeaderContainer .username{
    background-color: #fff;
    color: #00AEEE;
    position: relative;
    font-size: 13px;
}

.inlineRadio{
    margin-left: 30px
}
.inlineRadio .radio{
    margin-left: 30px;
}

/* fundseeker menu */
.responsiveTabMenu{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}
.responsiveTabMenu h1{
    font-size: 16px;
    text-align: center;
    margin-bottom: 25px;
}
.responsiveTabMenu ul.tabContainer{
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.responsiveTabMenu ul.tabContainer li.tab:nth-child(2n+1){
    color: white;
    text-align: left;
    padding: 15px;
    background-color: #404040;
    font-size: 13px;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 3px;
    cursor: pointer;
}
.responsiveTabMenu ul.tabContainer li.tab:nth-child(2n+1).backgoundBlue{
    background-color: #00AEEE;
}
.responsiveTabMenu ul.tabContainer li.tab:nth-child(2n+1).backgoundBlue::after{
    transform: rotate(180deg);
}
.responsiveTabMenu ul.tabContainer li.tab:nth-child(2n+1):after{
    content: "\f078";
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
}
.responsiveTabMenu ul.tabContainer li.tab:nth-child(2n){
    height: 0;
    opacity: 0;
    transition: 0.3s opacity;
    display: none;
}
.responsiveTabMenu ul.tabContainer li.tab.displayContainer{
    display: inline;
    height: auto;
    opacity: 1;
    padding: 50px 15px;
}
.loggedinMainContainer{
    padding: 15px 5px;
}
.overview{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.overview .circle{
    width: 0;
    height: 0;
}
.overview .circle{
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-top: 20px solid #00AEEE;
    border-right: 20px solid #00AEEE;
    border-left: 20px solid #00AEEE;
    border-bottom: 20px solid transparent;
    border-radius: 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.overview .circle h5{
    margin: 0;
    font-size: 20px;
    font-weight: bold;
}
.overview .circle p{
    margin-top: 5px;
    margin-bottom: 0;
    
}
.responsiveTabMenu .accordiaonGroup{
    display: flex;
    flex-direction: column;
}
.responsiveTabMenu .details{
    display: none;
}
.companyDetails h1{
    font-size: 24px!important;
}
.companyDetails .details{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.displayContainer .details{
   display: flex;
   align-items: center;
   margin-bottom: 8px;
   
}
 .displayContainer .details p{
    margin: 0;
}
.displayContainer .details p:first-child{
    width: 55px;
    border-radius: 4px;
    padding: 4px;
    text-align: center;
    margin-right: 10px;
    color: white;
}

.commitment p:first-child{
    background-color: #00AEEE;
}
.investorReceived p:first-child{
    background-color: #404040;
}
.availabeInvestor p:first-child{
    background-color: #ccc;
}
.overview{
    max-width: 500px;
    margin: 0 auto;
}
.chart{
    display: flex;
    max-width: 500px;
    margin: 0 auto;
}
.chart p:first-child{
    width: 80%;
    background-color: #00AEEE;
    text-align: center;
    margin: 0;
    padding: 8px;
    border-radius: 4px 0 0 4px;
    color: white;
}
.chart p:nth-child(2){
    width: 20%;
    background-color: #404040;
    text-align: center;
    margin: 0;
    padding: 8px;
    border-radius: 0 4px 4px 0;
    color: white;
}
.responsiveTable{
    width: 100%;
}
.responsiveTable thead{
    display: none;
}
.responsiveTable tbody tr{
    display: flex;
    flex-direction: column;
    padding: 5px 10px;
    border-radius: 4px;
}
.responsiveTable td{
    display: flex;
    width: 100%;
    color: black;
    padding: 10px 8px 0;
}
.responsiveTable td:last-child{
    padding-bottom: 10px;
}
.responsiveTable td span{
    width: 125px;
}
.responsiveTable.investment td span{
    width: 165px;
}
.responsiveTable tbody tr:nth-child(2n){
    background-color: #ddd;
}
.responsiveTable tbody tr:nth-child(2n).displayRow{
    display: table-row;
}
.responsiveTable tbody tr:nth-child(2n+1){
    cursor: pointer;
    background-color: #aaa;
}
 .ApplicationDetails{
    list-style: none;
    padding: 20px 0;
    width: 100%;
} .ApplicationDetails li:nth-child(2n+1){
    cursor: pointer;
    padding: 20px;
}
.ApplicationDetails li:nth-child(2n){
    height: 0;
    overflow: hidden;
    position: relative;
    transition: 0.3s height;
    color: black;
    opacity: 0;
    transition: 0.3s opacity;
}
.ApplicationDetails li:nth-child(2n+1):after{
    content: "\f078";
    font-family: FontAwesome;
    position: absolute;
    margin-left: 10px;
}
.ApplicationDetails li.displayContainer:nth-child(2n){
    height: auto!important;
    padding: 10px;
    opacity: 1;
}
.ApplicationDetails li.displayContainer:nth-child(2n) .header{
    margin-bottom: 25px;
}
.ApplicationDetails li.displayContainer:nth-child(2n) a.pdf{
    color: white;
    background-color: #404040;
    border-radius: 4px;
    padding: 8px;
    border: 1px solid #404040;
    width: 200px;
    font-size: 13px;
    display: inline-block;
    margin-bottom: 10px;
}
.ApplicationDetails li.displayContainer:nth-child(2n) a.pdf:last-child{
    margin-bottom: 0;
}
.ApplicationDetails .heading{
    color: white;
    background-color: #404040;
    border-bottom: 1px solid white;
}
.ApplicationDetails .heading.active:after{
    transform: rotate(180deg);
}
.tab1TabContent table tr{
    cursor: default;
    display: table-row;
}
.tab2TabContent table tr{
    display: table-row;
}

.detailContianer, .detailContianer > div{
    display: none;
}
.detailContianer.companyDetails{
    display: block;
}
.detailContianer.companyDetails > div{
    display: block;
}
.detailContianer{
    padding: 20px 10px;
}
.detailContianer h1{
    font-size: 16px;
    text-align: left
}
.detailContianer button.back{
    position: relative;
    align-items: center;
    left: 20px;
    margin-bottom: 20px;
    border: 1px solid #00AEEE;
    background: white;
    border: none;
    padding: 15px;
    font-weight: bold;
}
.detailContianer button.back:before{
    content: '\f054';
    font-family: FontAwesome;
    position: absolute;
    transform: rotate(180deg);
    left: -10px;
}
.responsiveTable tr td:last-child button{
    width: 150px;
    padding: 5px;
    border-radius: 4px;
    background-color: #00AEEE;
    color: white;
    border: 1px solid #00AEEE;
    font-weight: bold;
    
}
.tab2TabContent .responsiveTable tr td:last-child{
    display: flex;
    justify-content: center;

 }
 .detailContianer .responsiveTable tr{
    background-color: #00AEEE!important;
    color: white!important;
 }
 .detailContianer .responsiveTable td, .detailContianer .responsiveTable th {
    color: white!important;
 }
 .detailContianer .documentsDetails{
     display: flex;
     flex-direction: column;
     margin: 20px 0;
 }
 .ApplicationDetails .updatesDetails{
     background-color: #ccc;
 }
 .documentsDetails h3{
     margin-top: 0;
 }

 /* investor header */
 .investorHeader{
    padding: 10px;
    background-color: #00AEEE;
    position: fixed;
    width: 100%;
    max-width: 1440px;
    z-index: 10;

 }
 .investorHeader ul{
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
    width: 310px;
 }
 .investorHeader ul li a{
    color: white;
    font-size: 13px;
    padding: 7px;
 }
 .investorHeader ul li a:hover{
    color: black;
 }
.investorActiveMenu{
    color: black!important;
}

/* investor portfolio */
.responsiveTabMenu.investorMenu{
    padding: 15px 5px;
    position: relative;
    top: 25px;
}
.responsiveTabMenu.investorMenu .tab3{
    left: 290px;
}
.responsiveTabMenu.investorMenu .tab2{
    left: 175px;
}

/* my acoount */
button.updatePassword{
    width: 170px;
}
.securityContainer .formInput{
    align-items: flex-start;
}
.updatePreferences{
    width: 250px;
}
.unsubscribeP{
    text-align: left;
    margin-left: 25px;
}
.subscribeGroup{
    margin-left: 25px;
}
.myAccount .documentList{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.myAccount .documentList a{
    margin: 10px 0;
}
.myAccount .documentList a:before{
    content: "\f15c";
    font-family: FontAwesome;
    font-size: 20px;
    margin-right: 10px;
}
.editUserForm h3{
    text-align: left;
}
.editUserForm label{
    text-align: left;
}
.editUserForm .groupInput{
    text-align: left;
}

/* investor login */
.fileInput{
    border: none!important;
}
.noInvestments{
    text-align: left;
    margin-bottom: 20px;
}
.noInvestments a{
    color: white;
    background-color: #00AEEE;
    padding: 8px;
    width: 100px;
    border-radius: 4px;
    display: inline-block;
    text-align: center
}
.openDealsContainer{
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.oDeal{
    background-color: #eaeaea;
    padding: 10px;
    margin-bottom: 15px;
    width: 300px;
}
.oDeal .firstRow{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}
.oDeal .firstRow .imgCont{
    width: 40%;
    margin-right: 20px;
}
.oDeal .firstRow .companyDetails{
    width: 55%;
}
.oDeal .firstRow .companyDetails h4{
    margin-top: 0;
    margin-bottom: 8px;
}
.oDeal .firstRow .companyDetails p{
    margin-top: 0;
}
.openDeals button{
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #00AEEE;
    background-color: #00AEEE;
    color: white;
    font-size: 13px
}
.oDeal .secondRow{
    display: flex;
}
.oDeal .secondRow p:first-child{
    width: 25%;
    color: white;
    background-color: #00AEEE;
    text-align: center;
    padding: 4px;
    border-radius: 4px 0 0 4px;
}
.oDeal .secondRow p:nth-child(2){
    text-align: center;
    padding: 4px;
    width: 75%;
    color: white;
    background-color: #404040;
    border-radius: 0 4px 4px 0;
}
.oDeal .thirdRow{
    display: flex;
    justify-content: space-between;
}
.oDeal .thirdRow p{
    margin: 8px 0;
}
.oDeal .thirdRow p:last-child{
    font-weight: bold;
}
.transactionsContainer{
    padding: 10px!important;
    position: relative;
}
.participatedDeals .oDeal{
    position: relative;
}
.participatedDeals button{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 0 20px;
}
.statistics{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.statistics .statisticsCircle{
    width: 150px;
    height: 150px;
    border: 20px solid #00AEEE;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.statistics .statisticsCircle:first-child{
    margin-right: 10px;
}
.statistics .statisticsCircle p{
    margin-top: 5px;
    font-size: 10px;
}
.statistics .statisticsCircle p:first-child{
    font-size: 28px;
    font-weight: bold;
    margin: 0;
}
.statistics .closedDeal{
    border-top: 20px solid #00AEEE;
    border-bottom: 20px solid #a8dff3;
    border-right: 20px solid #a8dff3;
    border-left: 20px solid #a8dff3;
}
.transactionsContainer .viewMore{
    margin-bottom: 20px;
}
.modal{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 40px;
    border-radius: 8px;
    opacity: 0;
    transition: 0.3s opacity;
    z-index: 1000;
    width: 310px;
    visibility: hidden;
}
.displayModal{
    opacity: 1;
    visibility: visible;
}
.notPermittedModal button{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.notPermittedModal p:first-child{
    font-weight: bold;
}
.agreementModal p:first-child{
    font-weight: bold;
}
.agreementModal .checkbox{
    align-items: center;
}
.agreementModal .terms{
    color: #00AEEE;
}

/* project details */
.detailContianer.companyDetails{
    display: flex;
    flex-wrap: wrap;
}
.detailContianer.companyDetails > div{
    width: 100%;
}
.companyDetails .logo{
    background-color: #ccc;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.companyDetails .invest{
    display: inline-block;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 0;
}
.companyDetails{
    margin-bottom: 50px;
}

.companyDetails .details{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    
 }
  .companyDetails .details p{
     margin: 0;
 }
 .companyDetails .details p:first-child{
     width: 55px;
     border-radius: 4px;
     padding: 4px;
     text-align: center;
     margin-right: 10px;
     color: white;
 }
 .companyDetails > div:first-child{
     margin-bottom: 30px;
     padding: 15px;
 }
 .investordetailContainer.detailContianer{
    position: relative;
    top: 20px;
}
.investInCompanyID form{
    margin-bottom: 50px;
}
.investInCompanyID span{
    width: 200px;
    text-align: right;
    font-size: 10px;
}
.companyDetailsTabMenu .tab2TabContent a{
    color: white;
    display: flex;
    background-color: #00AEEE;
    padding: 8px;
    border-radius: 4px;
    max-width: 200px;
    justify-content: center;

}

#whatwedo {
    background-color:#EAEAEA;
}

#latestarticle {
    background-color:#404040;
}

#contactus {
background-color:#00AEEE;
padding:0 0 5px;
}

footer {
    background-color:#404040;
}

#whatwedo .textCon p {
    margin-bottom:10px;
}
#whatwedo .textCon p a {
    color:#00AEEE;
}
#whatwedo .textCon ul {
    padding-left:15px;
}

section {
    padding:40px 0;
    display: inline-block;
    width:100%;
}

.default {
    padding: 30px 85px;
}

.default h2 {
    font-size:15px!important;
    margin-bottom:15px!important;
}

textarea {
    font-size:12px;
    font-family: 'Lato', sans-serif;
}


@media(min-width: 769px) {
    
    /* header */
 
    h1{
        font-size: 20px;
    }
    header{
        background-color: unset;
        position: fixed;
    }
    .mainHeaderContainer{
        background-color: unset;
        padding: 10px 40px;
        transition: 0.3s background-color;
        height: 54px;
        box-shadow: none;
    }
    
    .headerScroll{
        box-shadow: 0 6px 5px -7px #333;
        background-color: #404040;
    }
    .whitelogoContainer{
        width: 200px;
    }

    .whitelogoContainer img:hover {
        opacity:0.9;
    }
   
    .toggleButton{
        display: none;
    }

    .mainMenu{
        position: relative;
        width: 60%;
        top: auto;
        left: auto;
        background-color: unset;
        transform: translateX(0);
        opacity: 1;
        transition:none; 
        font-size: 10px;
        display: flex;
        justify-content: flex-end;
        visibility: visible;
    }

    .mainMenu ul{
        display: flex;
        font-weight: normal;
        width: 100%;
        justify-content: space-around;
    }
    .mainMenu ul li{
        background-color: unset;
    }
    .mainMenu ul li a{
        color: white;
        font-size: 13px;
        
    }
    .mainMenu .registerContainer{
        display: none;
    }
    .searchIcon{
        width: 5%;
    }

    .searchIcon:after{
        content: "\f002";
        color: white;
        font-family: FontAwesome;
        font-size: 16px;
        padding: 15px;
        cursor: pointer;
    }
    .closeSearchIcon{
        color: white;
    }
    .desktopLogin{
        display: flex;
        font-weight: bold;
        width: 23%;
        list-style: none;

    }
    .desktopLogin > li {
        width: 150px;
        margin: 0 10px 0 5px;
    }
    .desktopLogin > li > a{
        width: 150px;
        color: #00AEEE;
        background-color: white;
        text-align: center;
        padding: 7px 0;
        border-radius: 4px;
        display: inline-block;
        font-weight: normal;
    }
    .desktopLogin > li > a:hover{
        background-color: #fff;
        color: #00AEEE;
    }
    .desktopLogin .login{
        background-color: #00AEEE;
        color: white;
        width: 150px;
        padding: 10px 5px;
    }
    .desktopLogin .registerCon{
        position: relative;
    }
    .desktopLogin .registerType{
        position: absolute;
        top: 100%;
        display: flex;
        flex-direction: column;
        background-color: #00AEEE;
        color: white;
        border-radius: 4px;
        list-style: none;
        width: 120px;
        text-align: center;
        padding: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 0;
        overflow: hidden;
        transition: 0.3s height;
    }
    .showRegisterDropDown{
        height: 68px!important;
    }
    .desktopLogin .registerType li{
    }
    .desktopLogin .registerType a{
        color: white;
        text-align: center;
        padding: 10px;
        display: inline-block;
    }
    .desktopLogin .registerType a.investors{
        border-bottom: 1px solid #404040;
    }
    .desktopLogin .registerType a:hover{
        text-decoration: underline;
    }

    /* homePage main content */
    .thunderingBanner{
        background: url('../images/Group\ 32.png') no-repeat;
        background-size: cover;
        height: 600px;
        background-position-x: unset;
    }
    .thunderingBanner h1{
        max-width: 950px;
        font-size: 18px;
    }
    .thunderingBanner a{
        margin-top: 0!important;
        width: 180px!important;
    }
    .thunderingBanner .register{
        flex-direction: row;
        justify-content: space-between;
        width: 460px;
    }
    .thunderingBanner .register a{
        
    }
    .thunderingBanner .register a:nth-child(2){
        margin-left: 20px;
    }
    .aboutUs,.aboutTeam{
        padding: 30px 45px 0 !important;
    }
    .aboutUs p{
        text-align: left;
    }
    .aboutUs h2{
        text-align: left;
    }
    #contactreason {
        height: 34px;
    }
    .whatWeDo{
        padding: 0 30px 30px; 
    }
    .whatWeDoCont{
        display: flex;
        justify-content: space-around;
    }
    .whatWeDoCont > div{
        width: 30%;
        max-width: 400px;
    }
    .teamCont > div{
        width: 20%;
        max-width: 400px;
    }
    .whatWeDo .imgCont{
        padding: 80px 10px; 
    }
   
    .whatWeDo .serviceText{
        left: -40%;
    }
    .whatWeDo .alternateText{
        left: -145%;
    }
    .whatWeDo .alternateText p{
        text-align: left;
    }
    .whatWeDo .textCon a.thButton{
        margin: 15px 0;
    }
    .whatWeDo .textCon.displaytextCon{
        padding: 20px 20px 15px;
        background-color:#fff;
        height: auto;
    }
    .whatWeDo .textCon.displaytextCon p{
        text-align: left;
    }
    .clientLogo{
        padding: 0 100px 20px;
    }
    .owl-carousel .owl-stage-outer{
        width: 95%;
        margin: 0 auto;
    }
    .articlesCont{
        padding: 30px;
    }
    .articlesCont h2{
        display: block;
        color: white;
        text-align: center;
        margin: 0;
        margin-bottom: 20px;
    }
    .articlesCont .articleRow{
        display: flex;
        display: flex;
        width: 95%;
        margin: 0 auto;
    }
    .articlesCont .articleRow .article{
        display: flex;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .articlesCont .article h3, .articlesCont .article h4{
        margin: 10px 0;
    }
    .articlesCont .article h4{
        font-size: 13px;
    }
    .articlesCont .articleRow .article .imgCont{
        width: 450px;
    }
    .articlesCont .articletext{
        padding: 0 15px;
    }
    .subscriptionForm .inputContainer{
        display: flex;
        width: 70%;
        margin: 0 auto;
        justify-content: center;
    }
    .subscriptionForm .inputContainer input{
       font-size: 13px;
       height: 30px;
       margin: 0 10px 10px 10px;
       width: 200px;
    }
    .subscriptionForm .inputContainer button{
        margin-top: 0; 
        font-size: 13px;
    }
    .footerContainer{
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }
    .footerContainer .social{
        margin: 0;
    }
    .footerContainer .socialCont{
        flex-direction: row;
        align-items: center;
        flex-direction: row-reverse;
    }

    .footerContainer .privacy, .footerContainer .term{
        margin: 0 15px 5px;
        font-size: 10px;
    }

    /* .aboutUs main content*/
    .teamCont{
        display: flex;
        flex-wrap: wrap;
        padding: 0px;
    }
    .teamCont .team{
        width: 30%;
        float:left;
        margin:0 20px;
    }
    .principal {
        padding: 0 15px 60px;
    }
    .principal h2 {
        font-size: 16px;
    }
    .principal p{
        font-size: 13px;
    }
    .principal .compInv{
        margin-right: 8px;
    }
    .principal .transInv{
        margin-right: 30px;
    }
    .principal .imgCont{
        width: 150px;
        height: 75px;
    }

    .principal .imgCont img {
        width:100%;
        border:solid 1px #EAEAEA;
        height:auto;
    }

    /* program page main content */
    .bannerCont{
        padding: 0 45px;
    }
    .overviewCont{
        padding: 50px 200px;
    }
    
    .advantage{
        display: flex
    }
    .advantage div{
        width: 50%!important;
    }

    /* story page content */
    .stories{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 80%;
    }
    .storiesHeader{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .stories .article{
        width: 45%;
        display: flex;
        justify-content: space-between;
    }
    .storiesCont{
        padding:30px 50px;
    }
    .stories .article .imgCont{
        width: 45%;
    }
    .stories .article .articletext{
        width: 45%;
    }
    .storiesCont.popularCont .stories{
        display: block;
    }

    /* contact page content */
    .contactBanner{
        height: 600px;
    }
    .contactMainCont{
        display: flex;
        padding: 50px 100px 100px;
        width:100%!important;
        max-width:1440px;
        margin:0 auto;
        justify-content: space-between;
    }
    .contactMainCont .userType{
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .contactMainCont .userType > label, .contactMainCont .userType > div:nth-child(2){
        margin-right: 20px;
    }
    .contactMainCont .userType > div{
        display: flex;
        align-items: flex-start;
    }
    .contactMainCont .contactDetails{
        width: 20%;
    }
    .contactMainCont .contactForm{
        width: 50%;
    }
    .contactMainCont input[type="text"], .contactMainCont input[type="email"], .contactMainCont select, .contactMainCont textarea{
        width: 80%;
    }
    .contactMainCont .buttonCont{
        text-align: left;
    }
    /* fundseekerForm page */
    .fundseekerForm .name{
        display: flex;
        justify-content: space-between;
        width: 430px;
    }

    .fundseekerForm .password{
        display: flex;
        justify-content: space-between;
        width: 430px;
    }
    .groupInputRow{
        display: flex;
        justify-content: space-between;
        width: 450px;
    }

    /* //about us page */
    .sideAboutUsImage{
        background: url('../images/quote/Group\ 81.png') #ccc no-repeat;
        background-size: cover;
        display: inline;
        width: 50%;
    }
    .aboutUsContainer{
        flex-direction: row;
    }

    /* login page */
    .mainContainerLogin .loginFooter{
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .mainContainerLogin .forgetpassword{
        width: 180px;
        margin-bottom: 5px;
    }
    
    /* loggedinheader */

    .loggedinMainContainer{
        padding: 0 60px;
        max-width: 1440px;
        margin: 85px auto 0;
        position: relative;
    }
    .investorloggedinMainContainer{
        max-width: 1440px;
        margin: 80px auto 0;
        position: relative;
    }
    .responsiveTabMenu{
        padding: 30px 60px;

    }
    .responsiveTabMenu ul.tabContainer{
        flex-direction: row;
    }
    .responsiveTabMenu ul.tabContainer li.tab:after{
        content:""!important;
    }
    .responsiveTabMenu ul.tabContainer li.tab{
        margin-right: 5px;
        text-align: center!important;
        border-radius: 4px 4px 0 0!important;
        width: 100px!important;
        padding: 10px!important;
    }
    .responsiveTabMenu ul.tabContainer li.tab.tab4{
        width: 160px!important;
        left: 450px;
    }
    .responsiveTabMenu.investorMenu ul.tabContainer li.tab{
        width: 105px!important;
    }
    .loggedinmainHeaderContainer .showRegisterDropDown {
        height: 32px!important;
    }
    .loggedinmainHeaderContainer .desktopLogin{
        width: 15%;
    }
    .responsiveTabMenu .accordiaonGroup{
        display: flex;
        flex-direction: column;
    }
    .responsiveTable thead{
        display: table-header-group;
        background-color: #404040;
        color: white;
    }
    .responsiveTable span{
        display: none;
    }
    .responsiveTable thead th{
        width: 20%;
        padding: 10px;
    }
    .responsiveTable.investment thead th{
        width: 16.7%;
    }
    .responsiveTable tbody tr{
        display: table-row;
    }
    .responsiveTable tbody tr td{
        display: table-cell;
        width: 20%;
        text-align: center;
        padding: 10px;
    }
    .responsiveTable.investment tbody tr td{
        width: 16.7%;
    }
    .responsiveTabMenu .accordiaonGroup{
        width: 100%;
    }
    .responsiveTabMenu ul.tabContainer li.tab:nth-child(2n+1){
        position: absolute;
    }
    .responsiveTabMenu .tab2{
        left: 230px;
    }
    .responsiveTabMenu .tab3{
        left: 340px;
    }

    .responsiveTabMenu ul.tabContainer li.tab:nth-child(2n){
        width: 0!important;
        height: 0;
        padding: 0!important;
        margin: 0;
    }
    .responsiveTabMenu ul.tabContainer li.tab.displayContainer{
        width: 100%!important;
        padding: 15px!important;
        margin-top: 65px!important;
        height: auto!important;
    }
    .responsiveTabMenu .displayContainer .overview{
        flex-direction: row;
        align-items: center;
    }
    .responsiveTabMenu .displayContainer .overview, .responsiveTabMenu .displayContainer .chart{
        width: 500px;
        margin: 0 auto;
    }
    .responsiveTabMenu h2{
        text-align: left;
    }
    .ApplicationDetails{
            text-align: left;
        }
        
    .tab2TabContent .responsiveTable tr td:last-child{
        display: table-cell!important;
    }
    .ApplicationDetails li.displayContainer:nth-child(2n){
        padding: 30px;
    }
    .responsiveTabMenu h1{
        text-align: left;
    }
    .companyDetails .flexRow{
        display: flex;
    }
    .companyDetails .flexRow > div{
        width: 20%;
    }

    /* investor portfoio */
    .responsiveTabMenu.investorMenu{
        padding: 15px 60px!important;
        position: relative;
        top: 25px;
    }
    .investordetailContainer.detailContianer{
        padding: 15px 60px;
    }
    /* my account */
    ul.usernameDropDown.showRegisterDropDown{
        height: 68px!important;
    }
    ul.usernameDropDown a{
        color: #00AEEE!important;
        background-color: white!important;
    }
    .responsiveTabMenu.admin ul.tabContainer li.tab5{
        width: 204px!important;
        left: 670px;
    }
    .responsiveTabMenu.admin ul.tabContainer li.tab4{
        left: 478px;
        width: 185px!important;
    }
    .responsiveTabMenu.admin ul.tabContainer li.tab3{
        left: 387px;
        width: 84px!important;
    }
    .responsiveTabMenu.admin ul.tabContainer li.tab2{
        width: 160px!important;
        left: 220px;
    }
    .responsiveTabMenu.admin ul.tabContainer li.tab1{
        width: 93px!important;
    }

    /* portfolio */
    .openDealsContainer{
        display: flex;
        justify-content: space-between
    }
    .openDealsContainer .oDeal{
        width: 30%;
    }

    .statistics .statisticsCircle:first-child{
        margin-right: 40px;
    }
    .modal{
        width: 400px;
    }

    /* .companyDetails */
    .detailContianer.companyDetails > div:first-child{
        width: 60%;
        
    }
    .detailContianer.companyDetails > div:last-child{
        width: 40%;
    }
    .companyDetailsTabMenu{
        background-color: #404040;
        color: white;
    }
    .companyDetailsTabMenu.responsiveTabMenu ul.tabContainer li.tab:nth-child(2n+1).backgoundBlue{
        color: #00AEEE;
        background-color: #404040;
    }
    .companyDetailsTabMenu .tab1TabContent p{
        text-align: left;
    }
    .companyDetailsTabMenu.responsiveTabMenu.admin ul.tabContainer li.tab2{
        width: 126px!important;
        left: 149px;
    }
    .companyDetailsTabMenu.responsiveTabMenu.admin ul.tabContainer li.tab3{
        left: 270px;
    }
    .companyDetailsTabMenu.responsiveTabMenu.admin ul.tabContainer li.tab4{
        left: 371px;
        width: 107px!important;
    }
    .companyDetailsTabMenu .tab2TabContent a{
        color: white;
        display: flex;
        background-color: #00AEEE;
        padding: 8px;
        border-radius: 4px;
        max-width: 200px;
        justify-content: center;

    }

    .responsiveTabMenu .companyDetails .overview{
        flex-direction: row;
        align-items: center;
    }
    .responsiveTabMenu .companyDetails .overview, .responsiveTabMenu .displayContainer .chart{
        width: 500px;
        margin: 0 auto;
    }
    .companyDetailsTabMenu .tab4TabContent .answerBlue{
        text-align: left;
        padding: 20px;
    }
    .companyDetailsTabMenu .tab4TabContent .question{
        text-align: left;
    }

  

}
.teamCont {
    width: 100% !important;
}
@media (min-width: 1024px) {
    .mainMenu ul {
        width: 70%!important;
    }
    .loggedinmainHeaderContainer .desktopLogin{
        width: 12%;
    }
    
    
}

@media (min-width: 1200px) {
    /* header */
    .mainMenu ul {
        width: 60%!important;
    }
    .aboutUs,.aboutTeam{
        padding: 30px 85px 0 !important;
    }
    .aboutTextCon {
        position: absolute;
        padding: 20px 20px 15px;
        background-color: #fff;
        height: auto;
        left: 85px!important;
        width: calc(100% - 170px) !important;
    }
    .mainMenu ul li a{
        font-size: 13px;
    }
    .desktopLogin{
        width: 20%;
    }
    .desktopLogin a{
        width: 150px;
        padding: 10px 5px;
    }

    /* homepage content */
    .sloganRow h1{
        width: 330px;
        font-size: 22px;
    }
   /* .companyDetails */
   .detailContianer.companyDetails > div{
    width: 50%!important;
}
}

 /***********************************************************************************************************/
 /*.teamC {padding-bottom:185px}*/

 .aboutTeam {padding-top:0px !important}
 .teamCont .imgCont  {
    padding: 30px 10px;
}
 .whatWeDo .investment .investText {
    margin-left: 0;
    margin-right: -1035px;
 }

 .whatWeDo .investment .serviceText {
    margin-left: -345px;
    margin-right: -690px;
 }

 .whatWeDo .investment .fundText {
    margin-left: -690px;
    margin-right: -345px;
 }

 .whatWeDo .investment .alternateText {
    margin-left: -1035px;
    margin-right: 0;
 }

 .bannerZIndex {
     max-width:1270px;
     margin:0 auto;
 }

 .desktopLogin {
     margin:0 0 0 20px;
     padding:0;
     width:150px;
     float:right;
     text-align: center;
 }

 .desktopLogin form button {
     margin-top:4px;
 }

 .desktopLogin > li {
     margin: 0;
     padding:0;
 }
 
 .mainMenu ul {
     display: block;
     width:100%;
     margin-right:25px;
 }
 .mainMenu {
     width: calc(100% - 295px);
 }

 .mainMenu ul li {
    margin-left:25px;
     float: left;
 }

 .mainMenu ul {
     width: auto!important;
 }

 .contactMainCont .contactDetails h1 {
     margin-top:0;
 }
 .whatWeDo .investment .teamText1 {
    margin-left: 0;
    margin-right: -1000px;
 }
 .whatWeDo .investment .teamText2 {
    margin-left: -250px;
    margin-right: -750px;
 }
 .whatWeDo .investment .teamText3 {
    margin-left: -500px;
    margin-right: -500px;
 }
 .whatWeDo .investment .teamText4 {
    margin-left: -750px;
    margin-right: -250px;
 }
 .whatWeDo .investment .teamText5 {
    margin-left: -1000px;
    margin-right: 0px;
 }
 @media screen and (max-width:1480px) {
    .whatWeDoCont > div {
        width: 25%;
        max-width: inherit;
        float:left;
    }
    .teamCont > div {
        width: 20%;
        max-width: inherit;
        float:left;
    }
    .whatWeDoCont {
        width:1120px;
        margin:0 auto;
    }
    .teamCont {
        width:100%;
    }
    .whatWeDo .investment .investText {
        margin-left: 0;
        margin-right: -840px;
     }
    
     .whatWeDo .investment .serviceText {
        margin-left: -280px;
        margin-right: -560px;
     }
    
    .whatWeDo .investment .fundText {
        margin-left: -560px;
        margin-right: -280px;
    }

    .whatWeDo .investment .alternateText {
        margin-left: -840px;
        margin-right: 0;
     }
     .whatWeDo .investment .teamText1 {
        margin-left: 0;
        margin-right: -891.2px;
     }
     .whatWeDo .investment .teamText2 {
        margin-left: -222.8px;
        margin-right: -668.4px;
     }
     .whatWeDo .investment .teamText3 {
        margin-left: -445.6px;
        margin-right: -445.6px;
     }
     .whatWeDo .investment .teamText4 {
        margin-left: -668.4px;
        margin-right: -222.8px;
     }
     .whatWeDo .investment .teamText5 {
        margin-left: -891.2px;
        margin-right: 0px;
     }

}

 @media screen and (max-width:1199px) {
    
    
    .whatWeDoCont {
        width:915px;
        margin:0 auto;
    }

    .whatWeDo .investment .investText {
        margin-left: 0;
        margin-right: -686px;
     }
    
     .whatWeDo .investment .serviceText {
        margin-left: -229px;
        margin-right: -457px;
     }
    
    .whatWeDo .investment .fundText {
        margin-left: -458px;
        margin-right: -229px;
    }

    .whatWeDo .investment .alternateText {
        margin-left: -686px;
        margin-right: 0;
     }

 }
 @media screen and (min-width:992px) {
    .whatWeDo .investment .droptext {
 margin-left: 0;
 margin-right: 0;
 position: absolute;
 left: 30px;
 width: 1380px;
 }
 .aboutTextCon {
    position: absolute;
    padding: 20px 20px 15px;
    background-color: #fff;
    height: auto;
    left: 45px;
    width: calc(100% - 90px);
   }
}
@media screen and (max-width:991px) {
    .whatWeDo h3 {
        font-size:11px!important;
        font-weight:normal!important;
    }

    .whatWeDoCont {
        width: 100%;
        padding:0;
        margin: 0 auto;
        display:block;
    }

    .whatWeDoCont > div {
        width: 100%;
        max-width: inherit;
        float:left;
    }

    .whatWeDo .imgCont  {
        padding:75px 15px;
    }

    .whatWeDo .textCon {
        margin:0!important;
    }

    .whatWeDo .textCon.displaytextCon {
        padding: 15px 15px 5px!important;
    }
    .whatWeDo {
        background-color:transparent!important;
    }

    #whatwedo {
        background-color:transparent!important;
        padding-top:0px!important;
        padding-bottom:0!important;
        margin-bottom:0!important;
        margin-top: -3px;
    }
    
        .hidden {display: none;}
       
    
    #ourportfolio {
        padding:0 0 25px;
    }

    #ourportfolio p {
        margin-bottom:15px!important;
        padding-bottom:0!important;
    }

    #latestarticle {
        padding:0!important;
    }

    .stories {
        width:100%;
    }
}

@media screen and (max-width:767px) {

    .principal {
        padding: 0 15px;
        width: 100%;
        margin:0;
    }

    .principal .compInv {
        display: block;
        width: 50%;
        flex-direction: inherit;
        align-items: inherit;
        margin:0;
        float:left;
        padding:0;
    }

    .principal .compInv img {
        width: 100%;
        height:auto;
        border:solid 1px #f4f4f4;
    }

    .principal .compCont {
        margin-left:-15px;
    }

    .principal p {
        margin-left:15px;
    }

    .principal .imgCont {
        background-color:transparent;
        width: calc(100% - 30px);
        height:auto;
        display:block;
        padding:0;
        justify-content: inherit;
        align-items: inherit;
        margin:0 15px;
    }
    
    .mainMenu ul li a:hover {
        background-image:none!important;
    }
    .articlesCont .articletext {
        margin:0!important;
        padding:15px!important;
    }
    .whatWeDo h3 {
        font-size:13px!important;
        font-weight:bold!important;
    }

    .default {
        padding: 15px;
    }

    .aboutUs p {
        text-align: left!important;
    }

    .aboutUs {
        padding:30px 15px;
    }

    .bannerCont {
        padding: 25px 15px;
    }

    .whatWeDo h3 {
        font-size:13px;
        font-weight:bold;
    }

    .mainMenu ul li {
        margin:0;
        width: 100%;
        border-bottom:solid 1px #fff;
    }

    .mainMenu {
        width: 100%;
    }

    .mainMenu ul {
        width: 100%!important;
        border-top:solid 1px #fff;
    }

    .mainMenu .registerContainer {
        width:100%;
    }

    .contactMainCont {
        padding: 25px 15px 50px;
    }
}

@media screen and (max-width:500px) {
    .principal .imgCont {
        width: 100%;
        margin: 0;
    }
    .principal .compInv {
        width: 100%;
    }
    .principal .compCont {
        margin:0;
    }

    .principal p {
        margin-left:0;
        margin-bottom:15px!important;
    }

}