/* This library is stupid, we dont need row margin*/

.row {
    margin-bottom: 0px;
}

@font-face {
    font-family: noto;
    src: url("./noto.otf") format("opentype");
}


/* Layout design ------------- */


body {
/*    font-family: 'Noto', serif;*/
    font-family: sans-serif;
    
}

header {
    height: 60px;
}

footer {
    height: 80px;
}

main {
    min-height: calc(100vh - 60px - 80px);
}


.index_background {
    position: absolute;
    background-image: url(img/bk.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: calc(100vh - 80px);
    z-index: -1;
    
}





/*---------------------------*/

header {
    padding: 4px 0px 0px 0px;
}

header img {
    max-width: 50px;
}

.menu_button {
    padding-top: 16px;
    color: white;
}

.background {
    background-image: url(img/bk.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Menu ----- */

.side-nav {
    background-color: #c2ac99;
    padding: 30px 0px;
}

.side-nav p {
    color: #ffffff;
}

.side-nav img {
    margin-left: 30px;
}



/** Main */

.index_main {
    padding-top: 20vh;
}




.index_text {
    width: 100%;
    color: #ffffff;
    position:absolute;
    bottom:100px;
    left: 10px;

    
}

footer {
    padding: 10px 0px 20px 0px;
    background-color: #c2ac99;
    color: #ffffff;

}


footer a {
    margin: 0px 4px;
    text-decoration: none;
    color: #ffffff;
}

footer p {
    color: #ffffff;

}


.footer_small p {
    font-size: 10px;
}


a {
    font-size: 13px;
}

p {
    font-size: 13px;
    margin: 0px;
}




h1 {
    font-size: 18px;
    margin: 30px 0px 0px 0px;
}



.title {
    padding-top: 20px;
    margin-bottom: 20px;

}

.title img {
    max-width: 300px;
    margin: 10px 0px 0px 0px;
}


.small_text {
    font-size: 9px;
}


.cap {
    text-transform: uppercase;
}

/*-----------------our services-----------*/

.topic_list {
    padding: 40px 0px;
    
}

.topic_list a {
    color: #c2ac99;
}

.topic_list ul {
    margin: 0px;
    
}

.diamond {
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-bottom-color: #957458;
    position: relative;
    top: -6px;
    display: inline-block;
    margin-right: 10px;
}

.diamond:after {
    content: '';
    position: absolute;
    left: -4px;
    top: 4px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #957458;
}

.padding_d {
    padding-bottom: 20px;


}

/*-----------------1.consolidating-----------*/

.topic_content {
    background-color: #e8e4e1;
    padding: 30px;
    margin-bottom: 30px;

}

.topic_content img {
    width: 100%;
    max-width: 500px;
    padding: 30px 0px;
    vertical-align: middle;
}

/*-----------------2.Introducing Asset Managers-----------*/

/*-----------------3.Introducing Private Banks-----------*/

/*-----------------4.Introducing Venture Capital Funds-----------*/

/*-----------------5.Introducing Insurance Companies-----------*/

/*-----------------6.Assisting Trust Set-ups-----------*/

/*-----------------7.Assisting Corporation Set-ups in HK-----------*/

/*-----------------8.Visa Applications-----------*/

/*-----------------9.Introducing Art Auction Houses, Art Galleries-----------*/

/*-----------------Services Fees-----------*/

/*-----------------Office Address-----------*/

.btn {
    color: #ffffff;
    background-color: #c2ac99;
    margin-bottom: 30px;
}

.btn:hover {
    background-color: #c2ac99;
}



.input-field input[type="text"]:focus {
    border-bottom: 1px solid #c2ac99 !important;
    box-shadow: 0 1px 0 0 #c2ac99 !important;

}


.input-field input[type="email"]:focus {
    border-bottom: 1px solid #c2ac99 !important;
    box-shadow: 0 1px 0 0 #c2ac99 !important;


}

.input-field textarea[id="textarea1"]:focus {
    border-bottom: 1px solid #c2ac99 !important;
    box-shadow: 0 1px 0 0 #c2ac99 !important;

}


.input-field input {
    font-size: 14px !important;
}

.input-field textarea {
    font-size: 14px !important;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #7c7c7c;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:     #7c7c7c;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:     #7c7c7c;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:     #7c7c7c;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:     #7c7c7c;
}

form {}