@font-face
{
    src:url(../fonts/ptserif/PTSerif-Regular.eot);
    src:
        url(../fonts/ptserif/PTSerif-Regular.eot) format("embedded-opentype"),
        url(../fonts/ptserif/PTSerif-Regular.otf) format("opentype-fonts"),
        url(../fonts/ptserif/PTSerif-Regular.svg) format("svg"),
        url(../fonts/ptserif/PTSerif-Regular.ttf) format("truetype"),
        url(../fonts/ptserif/PTSerif-Regular.woff) format("woff"),
        url(../fonts/ptserif/PTSerif-Regular.woff2) format("woff2");
    font-family:pt_serif;
}


html, body {
    color:#475A5B;
    font-family:pt_serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
body, .wrapper {
    min-height: 100vh;
}
.wrapper {
    overflow: hidden;
}

.home h1, .header, .news h3{font-weight: 700;}
.navbar .container{max-width: 100%;padding-left:30px;padding-right:30px;align-items: end;}


/*------------------------------
            Global        
------------------------------*/
a {
    color: #009193;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a:hover {
    color: #efe1ce;
    text-decoration: none;
}
b {
    font-weight: 700;
}
.header {
    color: #475A5B;
    font-size: 2.5rem;
    line-height: 1.3;
    margin-bottom: 1.875rem;
}
.sub-header {
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 2.25rem;
	text-align: justify;
    color:#475A5B;
}
.list-custom {
    padding-left: 1.3rem;
}
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.trans {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
}



.hide_height{height:50px;}

/*------------------------------
            Navbar
------------------------------*/
.navbar {
    z-index: 999;
    padding: 2rem 0;
}
.navbar .navbar-brand {
    width: 13rem;
    margin: 0 .9375rem;
}
.navbar .navbar-toggler {
    cursor: pointer;
    border: none;
    outline: none;
}
.navbar .navbar-toggler .menu{width:40px;float:right;padding:5px 8px 0;cp}
.navbar .navbar-toggler .menu > span{width:100%;float:left;height:3px;background: #fff;margin-bottom: 5px;}

.navbar .fas {
    color: #95b3d7;
    transform: scale(1.5, 1.5);
    padding: 0.5rem;
}
.navbar .nav-item.nav-link {
    color: #475A5B;
    font-size: 18px;
    font-weight: 700;
    padding: .5rem  12px;
}
.navbar .nav-item.nav-link:hover,
.navbar .nav-item.nav-link.active {
    color: #6F6C6C;
}
.navbar .nav-item.nav-link:last-child {
    cursor: pointer;
}
.navbar.navbar-min {
    background-color: #fff;
    padding: 5px 0;
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15);
}
.navbar.navbar-min .navbar-brand {
    width: 8rem;
    /*filter: brightness(0) invert(1);*/
}
.navbar.navbar-min .nav-item.nav-link {
    font-size: 1rem;
    margin: 0 .625rem;
}
.navbar.navbar-min > .container{align-items: center;}


.footer_logo{width:100%;float:left;}
.footer_logo a{width:auto;display: inline-block;margin-bottom: 30px;margin-top: 40px;}
.footer_logo a > img{width:150px;float:left;}

a.scroll{position:absolute;top:90%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);color:#fff;z-index: 9;text-align:center;}
a.scroll:hover, a.scroll:active, a.scroll:focus{color:#fff;}
a.scroll .box{width:30px;margin:auto;display: flex;justify-content: center;align-items: center;flex-direction:column;}
a.scroll .box > .fa{line-height: 70px;font-size:120px;}
a.scroll .box > img{display: inline-block;width:auto;position:static;}
a.scroll span.sc_txt{width:100%;float:left;font-weight:200;font-size:24px;text-transform: uppercase;margin-top:10px;}


.accordion_area{width:100%;float:left;position: relative;margin: 30px 0 100px;}
.accordion_area .accordion_tabs{position: relative;width: 540px;height: 540px;margin: auto;left:25px;transform: rotate(10deg);-webkit-transform: rotate(10deg);}
.accordion_area .accordion_tabs > a{position:absolute;cursor: pointer;}
.accordion_area .accordion_tabs > a.one{top: -22px;left: 46px;}
.accordion_area .accordion_tabs > a.two{top:0;right:0;}
.accordion_area .accordion_tabs > a.three{bottom:-35px;right:7px;}
.accordion_area .accordion_tabs > a.four{bottom:-28px;left:-50px;}
.accordion_area .accordion_tabs > a.five{left:-50px;top:76px;}
.accordion_area .accordion_tabs > a.active path:first-child{fill: #688385;}
.accordion_area .accordion_body{position:absolute;width: 540px;height:100%;margin:auto;top:0;left:0;right:0;bottom:0;}
.accordion_area .accordion_body .accordion_body_show{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);padding:0 75px;display: none;}
.accordion_area .accordion_body .accordion_body_show .head{width:100%;float:left;text-align: center;color: #6F6C6C;font-size: 1.375rem;font-weight: 700;margin-bottom: 1.5rem;text-transform:uppercase;margin-top: 1rem;}
.accordion_area .accordion_body .accordion_body_show  > ul{width:100%;float:left;padding:0 0 0 30px;margin:0;text-align: left;}
.accordion_area .accordion_body .accordion_body_show  > ul > li{width:100%;float:left;list-style: disc;color: #707070;font-size: 1em;line-height: 1.3;margin-bottom: 1rem;}
.accordion_area .accordion_body .accordion_body_show.active{display: block;}


.list_s1{margin-bottom: 20px;padding:0 0 0 20px;text-align: left;}
.list_s1 > li{margin-bottom: 10px;list-style:lower-roman;}
.list_0{margin-bottom: 20px;padding:0 0 0 30px;text-align: left;}
.list_0 > li{margin-bottom: 10px;list-style:decimal;}
.list_2{margin-bottom: 20px;padding:0 0 0 30px;text-align: left;}
.list_2 > li{margin-bottom: 10px;list-style:square;}

.accordion_area .list_s1{padding-left:50px;}
.accordion_area .list_s1 .heads{font-size:20px;}
.accordion_area .list_s1 .heads > b{margin-bottom: 10px;display:block;}
.accordion_area .list_s1 .heads > b ~ *{font-size:16px;}

.accordion_area .list_s1.none{padding-left: 0;}
.accordion_area .list_s1.none > li{list-style: none;}
.accordion_area .list_s1.none > li > *{padding-left: 0;}
.accordion_area .list_s1.none > li > * > *{list-style: none;}

.navbar .navbar-brand .logo{display: none;}
.navbar.navbar-min .navbar-brand .logo{display: block;}
.navbar.navbar-min .navbar-brand .logo_white{display: none;}


.arrow_accord{width:100%;float:left;padding:0;margin:0;display: flex;flex-wrap: wrap;}
.arrow_accord > li{width:20%;list-style: none;}
.arrow_accord > li .arrows{width: calc(100% - 10px);float: left;background: #073863;color: #fff;height: 80px;display: flex;align-items: center;padding: 15px 0 15px 40px;font-weight: bold;font-size: 16px;line-height: 1.3;
position: relative;}
.arrow_accord > li:first-child .arrows {padding:15px 0 15px 15px;}
.arrow_accord > li .arrows::before{width:70%;height:85%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;content:"";border:2px solid #fff;border-right:none;display: none;}
.arrow_accord > li:first-child .arrows::before{width:94%;}
.arrow_accord > li .arrows::after{width:100%;height:100%;position:absolute;top:0;left:0;content:"";}
.arrow_accord > li .arrows > span{position:relative;z-index: 1;}
.arrow_accord > li .arrows > b{width: 0;height: 0;border-top: 40px solid transparent;border-bottom: 40px solid transparent;border-left: 25px solid #f0f5f7;position: absolute;left: 0;}
.arrow_accord > li:first-child .arrows > b{display: none;}
.arrow_accord > li .arrows > i{width: 0;height: 0;border-top: 40px solid transparent;border-bottom: 40px solid transparent;border-left: 25px solid #073863;position: absolute;right: -25px;z-index: 1;}
.arrow_accord > li{color:#475A5B;}
.arrow_accord > li .list_0{padding:30px 15px 15px 32px;margin-bottom: 0;float:left;color:#073863;width:96%; min-height:calc(100% - 80px); display: flex; flex-direction: column;}

.arrow_accord > li .list_0 > li{list-style: square;margin-bottom: 15px;color:#073863;}
.arrow_accord > li .list_0 > li:nth-child(1){min-height:155px;}
.arrow_accord > li:nth-child(odd) > .list_0{background:#e4eaed;}
.arrow_accord > li:nth-child(even) > .list_0{background:#fff;}
.arrow_accord > li:nth-child .arrows{background: #9eb89e;}
.arrow_accord > li:nth-child .arrows > i{border-left-color: #9eb89e;}
.arrow_accord > li:nth-child .arrows::after{background:linear-gradient(-90deg, #9eb89e, transparent);}

.transactions{padding-top: 0 !important;padding-bottom:0 !important;background: none  !important;margin-left:0;margin-right: 0;}
.transactions .name{font-size:18px !important;}


.form_area{width:100%;float:left;margin: 30px 0 50px;background: #879d9e;padding: 50px 50px 30px;}
.form_area .form-control{width:100%;float:left;margin:0 0 15px;}
.form_area input.form-control{height:50px;}
.form_area textarea.form-control{resize: none;height:150px;}
.form_area .btns{text-align: center;width: 100%;float:left;margin-bottom: 15px;}
.form_area .btns input{background: #073863;color:#fff;border:none;outline:none;padding: 17px 40px;line-height: 1;font-weight: bold;border-radius: 4px;width: 100%;float:left;}



.pt_1{padding-top:85px !important;}
.pt_2{padding-top:55px !important;}
.pb_1{padding-bottom:70px !important;}

.navbar-expand-lg .navbar-nav{position: relative;}


.team .about .header{margin-bottom: 0;font-size:30px;}
.team .about{margin-bottom: 30px;}
.team .about .content{padding:0;margin-bottom: 30px;}
.col-lg-6.center-align {
    margin: 0 auto;
    min-width: 571px;
    margin-bottom: 1.8rem;
    display: block;
}

iframe.map_iframe{width:100%;float:left;border:none;outline:none;height:440px;margin:30px 0 50px;}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .fw{position: absolute;top:-35px;right:0;width:250px;display: flex;justify-content: space-between;color:#fff;}
    .navbar-expand-lg .navbar-nav .fw .top_link{padding:0;margin:0;font-size:16px;}
    .navbar.navbar-min .fw{top:-200px;color:#475A5B;width:200px;}
    .navbar.navbar-min .fw .nav-item.top_link{font-size:13px;margin:0;padding:0;}

    
    .navbar:not(.navbar-min) .navbar-brand {
       /* filter: brightness(0) invert(1);*/
    }
    .navbar:not(.navbar-min) .nav-item.nav-link {
        color: #fff;
        text-shadow: 1px 1px 1px grey;
    }
}

@media (max-width: 1199px) {
    .arrow_accord > li:first-child .arrows > b{display: block;}
    .arrow_accord > li:nth-child(odd) > .list_0{background: #fff;}
    .navbar {
        padding: .5rem 0;
    }
    .navbar .navbar-brand {
        width: 10rem;
    }
    .navbar .navbar-nav {
        text-align: center;
        padding: 1rem 0;
        margin: 0;
    }
    .navbar .nav-item.nav-link {
        font-size: 1rem;
        margin: 0;
    }


    .arrow_accord > li{width:100%;margin-bottom:15px;}
    
}
@media (min-width:992px) and (max-width:1199px)
{
    
    .arrow_accord > li:nth-child(1) .arrows::before, .arrow_accord > li .arrows::before{width:97%;}
    .arrow_accord > li:nth-child(1) .arrows{padding-left:50px;}
    .arrow_accord > li .arrows > i {border-left-width:30px;}
    .arrow_accord > li .arrows > i {right:-30px;}

}
@media (max-width: 991px) {
    /* .navbar {
        background-color: #fff;
        box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15);
    } */
    
}
@media (max-width:767px)
{
    .accordion_area{transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);margin:-120px 0 -70px -125px;width:290px;float:none;display: inline-block;}
    
}




/*------------------------------
            Home      
------------------------------*/
.home {
    position: relative;
    overflow: hidden;
    background:url(../images/home_back.jpg) no-repeat center center;background-size:cover;
}
.home .container {
    z-index: 6;
    position: relative;
}
.home .d-flex {
    min-height: 100vh;
}
.home h1 {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    text-align: center;
    text-shadow: 4px 4px 8px rgba(0,0,0,.25);
    margin: 0;padding:0 10px;
    text-shadow: 4px 4px 8px rgb(0 0 0 / 25%);
    position: absolute;
    top: 38%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    width: 100%;
}
.home .video {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    float: left;
    
}
.home .video video {
    width:100%;float:left;
    height: 100vh;
    object-fit: cover;
}
.home .overlay-car {
    z-index: 6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    transition: all 0.3s ease-in-out;
    opacity: 0.25;
}
.home .overlay-car.animated {
    opacity: 1;
}
.home img {
    z-index: 3;
    position: absolute;
    right: 0;
    bottom: 2rem;
    width: 100%;
}

.asset-types .media-body p {
    width: 100%;
    font-size: 14px;
    padding-top: 0.4rem;
}

.num{position:relative;}

.num small {
    position: absolute;
    bottom: 4px;
    left: 43%;
    font-size: 100%;
}


/*------------------------------
            About       
------------------------------*/
.about {
    background: #f0f5f7;
}
.about p.mb-2 {
    color: #fff;
    background-color: #073863;
    text-align: center;
    padding: 0.5rem 0;
    margin-bottom: 0 !important;
}
.about p.mb-2 ~ *{background: #fff;padding:15px;min-height: 150px;}
.about p {
    text-align: justify;
    margin: 0;color:#073863;
}
.about p.prd{padding-top:10px;}

.info {position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 320px; left: 50%; opacity:0; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.info.active {opacity: 1;}
.info.info-1 {
    text-align: justify;
}

/*------------------------------
            News       
------------------------------*/

.news {
    z-index: 4;
    position: relative;
    background-color: #f0f5f7;
    padding: 85px 0 70px;
    
}

.news h3, .contact h3 {
    color: #475a5b;
    font-size: 2.5rem;
    font-weight: 700; 
    line-height: 1.3;
    margin-bottom: 3rem;
}

.news a {
    color: #073863;
}
.news .article {
    padding-bottom: 2rem;
    border-bottom: 1px solid #475A5B;
    margin-bottom: 2rem;
}
.news .date {
    font-size: 1rem;
    text-transform: uppercase;
	color:#475a5b;
}
.news p {
    margin: 0;
	color:#475a5b;
}

.size-in{font-size:18px;}

/*------------------------------
           Approach        
------------------------------*/
.approach .info p {
    color: #707070;
	line-height: 1.3
}

.asset-types {
    color: #fff;
    background: linear-gradient(rgb(0 0 0 / 53%), rgb(21 46 66 / 70%)), url(../images/art/ralf-leineweber-sRMzAdjWK_E-unsplash.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.asset-types .header {
    
}
 
.asset-types .media {
    margin: 2rem 0;
}
.asset-types .media-body {
    flex: none;
    font-size: 1.125rem;
    padding-left: 1rem;
    line-height: 1.3;
}





/*------------------------------
           Approach        
------------------------------*/
hr.border_top{border:none;width:100%;padding:0;background:#475A5B;height:1px;margin:100px 0;}
.content.borders{border-left:1px solid #475A5B;border-right:1px solid #475A5B;}
.approach {
    background-color: #f0f5f7;
}
.approach .content {
    position: relative;
}
.approach .img-container {
    position: relative;
    width: 40rem;
    max-width: 100%;
    margin: auto;
}
.approach .img-container img {
    width: 100%;
}
.approach .info {
    position: absolute;
    top: 50%;
    left: 51%;
    transform: translate(-50%,-50%);
}
.approach .info h5 {
    color: #6F6C6C;
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
	text-align: center;
}
.approach .info ul {
    max-width: 26.875rem;
    padding: 0;
}
.approach ul li {
    color: #707070;
    font-size: 1em;
    line-height: 1.3;
    margin-bottom: 1rem;
}
.approach g, path {
    transition: all .3s ease-out;
}
.approach .approach-disclaimer {
    font-size: .875rem;
    margin-top: 3rem;
}
.approach .list_2 > li > ul{margin-top: 1rem;}
.approach .list_2 > li > ul > li{list-style: square;color:#475A5B;}

.cls-1 {
    fill: #828f99;
}
.cls-2 {
    fill: #009193;
}
.cls-3 {
    fill: #fff;
}
.cls-4 {
    
}





/*------------------------------
            At-A-Glance        
------------------------------*/
.at-a-glance {
    background: #f0f5f7;
    /*background:linear-gradient(rgb(29 40 50 / 31%), rgb(11 29 44 / 70%)), url(../images/glance.jpg) center no-repeat;*/
    background-size: cover;
    background-attachment: fixed;
	color:#fff;
    
}
.at-a-glance h3 {
    margin-bottom: 3rem;
}
.num {
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    margin: 0 auto .25rem;
}
.num span {
    font-size: 170%;
}
 .desc {
    text-align: center;
}





/*------------------------------
            Team
------------------------------*/
.team {
    background-color: #bbd4dd;
    padding: 85px 0 70px;
 
}
.team .white{
	color:#fff;
	text-align:justify;
}
.team .col-lg-6,
.team .col-lg-3 {
    margin-bottom: 1.75rem;
}
.team .media {
    height: 100%;
    max-height: 12.9rem;
    cursor: pointer; 
    overflow: hidden;
}
.team .media:hover > .media-body h6 {
    color: #6394b7;
}

.team .t-bx{
    display: flex;
    justify-content: flex-start;
    margin: 0 -15px;
}

.team .t-bx .bxes{
	width:28%;
    margin: 0 15px;
}

.team .t-bx .bxes .media{	
    width:100%;
}

.team .media-body {
	position:relative;
    background-color: #fff;
    padding: 2rem 3em;
	height:100%;
}
.approach .team .media-body {
    padding: 2rem 1rem;
}

.transactions .name{color: #073863 !important;}
.transactions .bottom{position:absolute;bottom:0;}
.transactions .bottom p{font-size:15px;margin-bottom: 0;color:#073863;}
.transactions .media-body .title{color: #073863;font-weight: normal;}

.team img {
    width: 20rem;
}
.team .name {
    color: #073863;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.125rem;
}
.team .title {
    color: #073863;
    font-size: 0.9375rem;
    font-weight: 700;
    margin-bottom: 1rem;
	margin-top:4px;
}
.team .title span{display:block;margin-top:4px;}
.team p {
    font-size: 0.875rem;
    line-height: 1.3;
    max-height: 4.5rem;
    overflow: hidden;
	text-align: justify;
	color: #073863;
}
.team strong{
	color: #073863;
	margin-top:20px;
}
.team ul {
    font-size: .875rem;
    padding-left: 1.3rem;
}
.team h6 {
    color: #475A5B;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: auto 0 0;
    transition: all 0.3s;
}
.team .person img {
    width: 100%;
}
.team .person {
    cursor: pointer;
    max-width: 100%;
    height: 100%;
    background-color: #fff;
}
.team .content {
    padding: 0.75rem 1rem 0;
}
.team .person .name {
    font-size: 1.125rem;
}





/*------------------------------
          Projects        
------------------------------*/
.projects {
    background-color: #f7f7f7;
    padding: 5rem 0;
}
.projects .row:nth-child(2) {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.projects .tile {
    position: relative;
    background-color: #fff;
    height: 10rem;
    margin-bottom: 2rem;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
}
.projects .desc {
    z-index: 3;
    color: #fff;
    background-color: rgba(81,101,117,.5);
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem .75rem;
}
@media (min-width: 1200px) {
    .projects .col-xl {
        flex: 0 0 20%;
        max-width: 20%;
    }
}





/*------------------------------
            ESG
------------------------------*/
.esg {
    padding: 5rem 0;
}
.esg.back{background: url(../images/esg.jpg) no-repeat center center;background-attachment: fixed;position: relative;background-size: cover;}
.esg.back::before{content: "";width:100%;height:100%;position:absolute;top:0;left:0;background: rgba(0,0,0,0.2);}
.esg.back .header, .esg.back .sub-header, .esg.back ul li{color:#fff;}
.esg ul {
    padding-left: 1.1rem;
    margin-bottom: 3rem;
}

.esg ul{
	text-align:justify;
}
.esg .title {
    height: 3rem;
}
.esg p {
    color: #707070;
}
.esg p b {
    color: #95b3d7;
}





/*------------------------------
             Modal        
------------------------------*/
.modal .modal-content {
    border-radius: 0;
    border: none;
}
.modal .modal-body {
    padding: 2rem;
}
.modal .modal-body.blue {
    background-color: #475A5B;
}
.modal .media img {
    width: 16rem;
    margin-bottom: 0.75rem;
}
.modal .media .name {
    color: #fff;
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}
.modal .title {
    color: #fff;
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
}
.modal p {
    text-align: justify;
    margin-bottom: 1.5rem;
}
.modal .modal-body.blue p {
    color: #fff;
}
.modal p:last-child {
    margin-bottom: 0.5rem;
}
.modal .close {
    cursor: pointer;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    color: #009193;
    padding: 0.5rem;
    transition: all 0.3s;
    opacity: 1;
    text-shadow: none;
}
.modal .modal-body.blue .close {
    color: #fff;
}
.modal .btn {
    color: #475A5B;
    background-color: #fff;
    padding: 0.5rem 1.25rem;
    border: 1px solid #fff;
    margin-top: 1.0rem;
}
.media-body small.ddmmyy {
    padding: 1.2rem 0px;
    display: block;
    color: #b7d4ea;
}
.sub-header.title {
    color: #6F6C6C;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0.5rem;
	margin-top: 2rem;
}
.modal .btn:hover {
    opacity: 0.8;
}
.modal .btn:focus {
    outline: none;
    box-shadow: none;
}
.modal form.invisible {
    display: none!important;
}
#investorsForm .password-validation {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25)
}
.modal .invalid-feedback.invisible {
    visibility: hidden!important;
}





/*------------------------------
            Contact        
------------------------------*/
.contact {
    background: #bbd4dd;
    padding: 100px 0 0;
}
.contact ul li {
    font-size: 1.125rem;
	color:#475a5b;
}
.contact ul li i {
    display: inline-block;
    width: 1.25rem;
}
.contact ul li i.fa-phone {
    position: relative;
    top: 0.05rem;
    transform: rotate(90deg);
}
.contact ul li a {
    color: #475A5B;
}
.contact ul li a:hover {
    color: #009193;
}
.contact .map {
    height: 28rem;
}

.contact .map {
    height: 20rem;
	margin-bottom:2rem;
	display:inline-block;
	border:1px solid #fff;
	width: 100%;
}



/*------------------------------
            Terms        
------------------------------*/
.terms h5 {
    color: #475A5B;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.75rem;
}
.terms h5:not(:first-child) {
    padding-top: 2rem;
}
.terms p {
    color: #6F6C6C;
    margin-bottom: 1.75rem;
}





/*------------------------------
            Footer        
------------------------------*/
footer {
    z-index: 99;
    color: #fff;
    background: #879d9e;
    font-size: 0.875rem;
    padding: 1.5rem 0;
    margin-top: 50px;
}
footer h5 {
    color: #fff;
    font-size: 1.125rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #DEB784;
}





.diagram {position:relative; width:578px; height:578px; margin:0px auto; background:url(images/art/quadrant_bg.svg) no-repeat center center; margin-bottom: 100px;}
.diagram .d1 {position:absolute; top:0; left:0px;}
.diagram .d2 {position:absolute; top:0px; right:0;}
.diagram .d3 {position: absolute; bottom: 0;right: 0;transform: rotate(1deg);-webkit-transform: rotate(1deg);}
.diagram .d4 {position: absolute; bottom: 0; left: 0;}
.diagram .d5 {position: absolute; top: 0; left: 0;bottom:0;}
.fillhover > path:first-child {fill:#475A5B;}
@media(max-width:650px){
    .diagram {left: 50%; transform: translateX(-50%) scale(0.6); margin: -110px 0px -70px 0;}
}
@media(max-width:370px){
    .diagram {transform: translateX(-50%) scale(0.5);}
}




/*------------------------------
          Media Query        
------------------------------*/
@media (min-width: 1200px) {
    .modal-lg {
        max-width: 954px;
    }
}
@media (min-width: 1200px) and (max-width:1399px)
{
    .team img {width:16rem;}
}

@media (max-width: 1199px) {
    
    .home h1 {
        font-size: 3rem;
    }
    .home h1 br{display: none;}
    .asset-types .media {
        margin: 1.5rem 0;
    }
    .asset-types img {
        width: 4.5rem;
    }
    .asset-types .media-body {
        font-size: 1rem;
    }
    .approach .img-container {
        width: 32rem;
    }
    .approach .info h5 {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
	.arrow_accord > li .list_0 > li:nth-child(1){min-height:auto;}
}
@media (min-width:992px) and (max-width:1199px)
{
    .navbar .container{padding-left: 15px;padding-right:15px;}
    .navbar-expand-lg .navbar-nav .fw{width:220px;top:-5px;}
    .navbar.navbar-min .fw {top:-200px;}
    .navbar-expand-lg .navbar-nav .fw .top_link {font-size:14px;}
    .about p.mb-2 ~ * {min-height: 174px;}
    .team img {width:12rem;}
	.team .media-body{height:100%;}
}
@media (max-width: 991px) {
    .navbar .container{padding-left: 0;padding-right:0;}
    .navbar .navbar-brand .logo{display: none;}
    .content.borders{border-left:none;border-right:none;}
    .team.transactions .media-body .title{position: static;}
    .transactions .bottom{position:static;}

    .navbar-expand-lg .navbar-nav .fw > span{display: none;}
    .navbar.navbar-min .navbar-brand .logo_white {
    display: none;
	}   
	.navbar.navbar-min .navbar-toggler .menu > span {
    background: #073763;
	}	

    .header {
        font-size: 2rem;
    }
    .asset-types {
        background-position: left 20% center;
        background-attachment: scroll;
    }
    .modal .close {
        top: -0.25rem;
        right: 0.75rem;
    }
    .modal .media {
        flex-direction: column;
    }
    .wrapper {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
    body.modal-open .transparen-div {
        height: 100vh;
    }
    footer {
        font-size: .875rem;
    }
    footer h5 {
        font-size: 1rem;
        margin: 0;
    }
    footer .col-lg-3 h5 {
        margin-top: 1rem;
    }
	.about p.mb-2 ~ * {
    min-height: auto;
    margin-bottom: 15px;
	}
	.arrow_accord > li .list_0
	{
		width:97.5%;
	}
	.col-lg-6.center-align{
		min-width:inherit;
	}
}
@media (min-width:768px) and (max-width:991px){
    .arrow_accord > li:nth-child(1) .arrows::before, .arrow_accord > li .arrows::before{width:97%;}
    .arrow_accord > li:nth-child(1) .arrows{padding-left:38px;}
    .arrow_accord > li .arrows > i {border-left-width:30px;}
    .arrow_accord > li .arrows > i {right:-30px;}

    .navbar .navbar-brand {width:5rem;}
    .navbar.navbar-min .navbar-brand {width:4rem;}
	.team .media-body {
    padding: 1rem 1rem;
	height: 100%;
	}
}
@media (max-width: 767px) {
    .news h3, .contact h3{font-size: 30px;margin-bottom: 1.25rem;}

    .form_area{margin-top: 0;padding:25px 15px 10px;}
    .pt_1 {padding-top: 50px !important;}
    hr.border_top {margin:50px 0;}
    .arrow_accord > li:first-child .arrows{padding:15px 0 15px 40px;}
    .contact {padding:60px 0 0;}
    footer {margin-top: 10px;}
    .news {padding:50px 0 30px;}
    footer {padding:20px 0 10px;}

    .navbar .navbar-brand{width:7rem;}
    .navbar.navbar-min .navbar-brand {width:6rem;}

    .home h1{padding:6rem 0;}
    .modal {
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
    .home .video video {
        max-height: 100%;
    }
    .home .d-flex, .home .video video{min-height:295px;height:auto;}
    .home h1 {
        font-size: 1.375rem;
    }
    .about p.mob_mb0{margin-bottom: 0;}
    .team {padding:50px 0 30px;}

    .pb_1 {    padding-bottom: 30px !important;}
    .header {
        font-size: 30px;
        margin-bottom: 1.25rem;
    }
    .team .about .header {font-size:24px;}
    .form_area {margin-top:20px;margin-bottom: 0;}
    iframe.map_iframe{height:260px;}
    .about .content .num{font-size:18px;}
    .about .content .desc{font-size:16px;}
    .team .about .content {margin-bottom: 0;}
    .approach .list_2{margin-bottom: 0;}
    .approach .list_2 > li:last-child{margin-bottom: 0;}
    .about p.mb-2 ~ * {min-height: auto;}

    .sub-header {
        font-size: 1rem;
        margin-bottom: 1.75rem;
    }
    .about p {
        font-size: 1rem;
        margin-bottom: 1.75rem;
    }
    .asset-types .media {
        margin: .75rem 0;
    }
    .asset-types img {
        width: 4.0rem;
    }
    .approach .info {
        width: 19rem;
    }
	.approach .info p{ font-size: 1.425rem;  line-height: 1.1;}
    .approach .info h5 {
        font-size: 1.575rem;
        margin-bottom: .75rem;
        text-align: center;
    }
    .modal p {
        text-align: left;
        line-height: 1.4;
    }
    .contact ul li {
        font-size: 1rem;
    }
    .terms h5 {
        font-size: 1.125rem;
        margin-bottom: 1.25rem;
    }
    .terms p {
        margin-bottom: 1.25rem;
    }
    .p-mobile {
        padding: 3rem 0 !important;
    }
    footer a {
        display: block;margin: 5px 0;
    }


    a.scroll{top:91%;}
    a.scroll span.sc_txt{font-size:16px;display: none;}
    a.scroll .box .fa{line-height: 10px;font-size: 50px;}
    a.scroll .box > img{width:36px;}
}

@media (min-width:576px) and (max-width:767px)
{
    .arrow_accord > li:nth-child(1) .arrows::before, .arrow_accord > li .arrows::before{width:97%;}
    .arrow_accord > li:nth-child(1) .arrows{padding-left:50px;}
    .arrow_accord > li .arrows > i {border-left-width:30px;}
    .arrow_accord > li .arrows > i {right:-30px;}
	.team .media-body {
    padding: 1rem 1rem;
	}
}
@media (max-width: 575px) {
    .arrow_accord > li .arrows > b{border-left-width:15px;}

    .team .media {
        height: auto;
        max-height: 100%;
        flex-direction: column;
        max-width: 24rem;
        margin: 0 auto;
    }
    .team .media img {
        width: 100%;
    }
    .modal .modal-body {
        padding: 2rem 1rem;
    }
    .modal .media img {
        width: 100%;
    }
    .contact .map {
        height: 22rem;
    }
    .hide_height{display: none;}

    .arrow_accord > li:nth-child(1) .arrows::before, .arrow_accord > li .arrows::before{width:97%;}
    .arrow_accord > li .arrows > i {border-left-width:15px;}
    .arrow_accord > li .arrows > i {right:-15px;}
	.team .media-body {
    height: auto;
	margin-bottom:10px;
	width: 100%;
	}
	.team .t-bx {
    display: block;
	}
	.team .t-bx .bxes {
    width: 100%;
	}
	
}