.relatebox a {
	color:white !important;
}



/* FONTS */


@font-face {
    font-family: 'ITC-Giovanni-Std';
    src: url('..//assets/fonts/ITC-Giovanni-Std/ITC-Giovanni-Std-Book.otf') format('opentype');	 
    font-weight: normal;
    }


@font-face {
    font-family: 'ITC-Giovanni-Std';
    src: url('..//assets/fonts/ITC-Giovanni-Std/ITC-Giovanni-Std-Bold.otf') format('opentype');	 
    font-weight: bold;
    }   
    
    

@font-face {
    font-family: 'ITC-Giovanni-Std';
    src: url('..//assets/fonts/ITC-Giovanni-Std/ITC-Giovanni-Std-Bold-Italic.otf') format('opentype');	 
    font-weight: bold;
    font-style: italic;
    }    



@font-face {
    font-family: 'ITC-Giovanni-Std-Black';
    src: url('..//assets/fonts/ITC-Giovanni-Std/ITC-Giovanni-Std-Black.otf') format('opentype');	 
    font-weight: normal;
    }


@font-face {
    font-family: 'ITC-Giovanni-Std-Black';
    src: url('..//assets/fonts/ITC-Giovanni-Std/ITC-Giovanni-Std-Black-Italic.otf') format('opentype');
    font-style: italic;
    }
            


@font-face {
    font-family: 'Libre-Baskerville';
    src: url('..//assets/fonts/Libre_Baskerville/LibreBaskerville-Regular.ttf') format('truetype');	 
    font-weight: normal;
    }


@font-face {
    font-family: 'Libre-Baskerville';
    src: url('..//assets/fonts/Libre_Baskerville/LibreBaskerville-Bold.ttf') format('truetype');	 
    font-weight: bold;
    }   
    
    

@font-face {
    font-family: 'Libre-Baskerville';
    src: url('..//assets/fonts/Libre_Baskerville/LibreBaskerville-Italic.ttf') format('truetype');	
    font-weight: normal; 
    font-style: italic;
    }    
    

@font-face {
    font-family: 'HelveticaNeueMedium';
    src: url('..//assets/fonts/HelveticaNeueMedium/HelveticaNeueMedium.ttf') format('truetype');	 
    font-weight: normal;
    }


    




a {
    color: inherit;
}

.pagebody a {
	text-decoration:underline !important;
	color:white !important;
}




.page-wrap a:hover, footer a:hover{

    text-decoration: underline;
}


body{
    background: white;
    font-family: 'ubuntu';
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Libre-Baskerville';
    font-weight: bold;
}


.preh1{
    font-family: 'ubuntu';
    letter-spacing: 0.25em;
    text-transform: uppercase;
    font-weight: 400;


}



.headtext{
    color: #fff !important;
}


/* NAVBAR */

/* LOGO */

.cm-logohome{
    height: 70px;

}

 #menu-top-menu{
    margin-left: auto;
    

 }

 .nav-item{
    padding-right: 105px;
 }

 .navcalltoaction{
    color: white;
 }

 .navcalltoaction a{
    text-decoration: none;
    color: white;
 }


 .navcalltoaction a:hover{
    text-decoration: underline;
}

 .cta-envelope{
    height: 18px;
    
 }


 .navbar {
    background-color: rgb(44, 51, 57);
    font-family: 'ITC-Giovanni-Std';
   

}




.navcta p {
 line-height: 90%;
}



.navcta h5 {
    font-size: 1.4rem;
    font-weight: normal;
   }





.offcanvas{

    background: rgb(41, 54, 57);
}





.navbar-toggler-icon{

	
	color: white;
	z-index: 4;
	
}

.navbar-toggler{

	z-index: 4;
	border: none;
	
}


.navbar-toggler:focus-visible
{
    outline: solid !important;
    border: 4px !important;
    box-shadow: none;
	color: white !important;
}

.navbar-toggler:focus {
    outline: none;
    border: none;
    box-shadow: none;
	color: white;
}


.cta-envelope:hover{
    background-color: rgb(74, 74, 74);
}



/*  HOMEPAGE CSS */


.homewrap{
	margin-top:0px;
}

/* HOMEPAGE IMAGE CONTAINER */



.housing{
	position: relative;
	max-height: 90vh;
   
	
}


/* IMAGE */

.homecover {

	max-height: 90vh;
    min-height: 90vh;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	object-fit: cover;
	width:100%;
	z-index: -1;
	position: relative;
	

}

.housing h6{
   margin: 0;
   position: absolute;               /* 2 */
   top: 25%;
   right: 50%;                         /* 3 */
   transform: translate(50%, -50%); 
   color: white;
   text-align: center; 

}

.housing h1{
    margin: 0;
    position: absolute;               /* 2 */
    top: 38%;
    right: 50%;                         /* 3 */
    transform: translate(50%, -50%); 
    color: white;
    text-align: center; 
    font-weight: bold;
    font-size: 3em;
    max-width: 640px;

 }


 .homepagebutton{
    padding-right: 25px;
    padding-left: 40px;
    position: absolute;             
    bottom: 32%;
    right: 50%;                         
    transform: translate(50%, -50%); 
    color: white;
    text-align: center; 
    background-color: rgb(194, 173, 146);
    border: none;
    
    border-radius: 0px 0px 30px 0px;
 
 }


 .homepagebutton:hover{
    background-color: rgb(124, 148, 236);

 }
 

 .gt{
    height: 29px;
 }


 .trustpilot{
    margin: 0;
    position: absolute;               /* 2 */
    bottom: 18%;
    right: 50%;                         /* 3 */
    transform: translate(50%, -50%); 
    color: white;
    text-align: center; 
    font-family: 'HelveticaNeueMedium';
    min-width: 341px;
    

 }

.tp{
    height: 23px;
}




/* HOMETITLES */

.hometitles{
    text-align: center;
}

.hometitles h6{
    color:  rgb(194, 173, 146);
    
}

.hometitles h1{
    font-family: 'ITC-Giovanni-Std';
    font-weight: bold;
}

.hometitles {
    max-width: 650px;
}



/* INVESTMENT BOXES */


.investpic{
    
    object-fit: cover !important;
    width: 100%;
    min-height: 100%;
}


.investtext{
    background-color: rgb(242, 242, 244);
}


.investtext h2{
    font-family: 'ITC-Giovanni-Std';
    font-weight: bold;
}

.investbox{
    background-color:white;
    width: fit-content;

    border-radius: 0px 0px 30px 0px;
}


.investbox h4{
    font-family: 'ITC-Giovanni-Std';
    font-weight: bold;
}



.investbox p{
    color:  rgb(194, 173, 146);
}



/* INVESTOR BOXES */


.ib1{
   background-color: rgb(242, 242, 244);
  
}

.investorboxes{
    box-shadow: 0 0 10px 5px rgb(243, 243, 243);
    text-align: center;
    height: 100%;
}


.investorpic{
    min-height: 200px;
    max-height: 200px;
}


.seenin{
    
    color: white;
    text-align: center; 
    background-color: rgb(194, 173, 146);
    border: none;
    border-radius: 0px 0px 30px 0px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    font-family: 'ITC-Giovanni-Std' !important;
    font-weight: bold !important;
    font-size: 1.2em;
 }

li > img{
    height: 60px;
}


/* TESTIMONIAL BOXES */

.greybox{
    background-color: rgb(242, 242, 244);

}

.testimonial{
    box-shadow: 0 0 10px 5px rgb(243, 243, 243);
}





/* FOOTER */

.footercontainer{
    background-color: rgb(44, 51, 57);
}

footer{
    color: white;
}

.cm-logofoot{
    height: 50px;
    width: 226.28px;
    margin-right: -100px;
}

.address{
    line-height: 130%;
}


.footerbox{

    border-left: 2px solid rgb(58, 66, 71);
    
    
}

.footerwrap{


    background-color: rgb(44, 51, 57);

}



.headtextwrap{
    background-color: rgb(57, 64, 66);
    font-size: 0.75em;

}


.phone{
    font-family: 'ITC-Giovanni-Std';
    
}


.footercontainer > p{
    font-size: 0.7em;
}







/* PAGE TEMPLATE */


.pagehead{
    position: relative;
    background-color: rgb(44, 51, 57);
    height: 55vh;
    z-index: -2;
}


.pageimg {
	position: absolute;
	height: 40vh;
	object-fit: cover;
	width:100%;
    top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	z-index: 0;
	
}

.pageimg2 {
	position: absolute;
	height: 35vh;
	object-fit: cover;
	width:100%;
    top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	z-index: 0;
	
}



.pagehead3 h1, .pagehead3 h6{
    color: black !important;
}


.pagehead h6, .pagehead2 h6, .pagehead3 h6{
                       /* 3 */
    color: white;
 
 }
 
 .pagehead h1, .pagehead2 h1, .pagehead3 h1{                         /* 3 */ 
     color: white;
     font-family: 'Libre-Baskerville';
     font-weight: bold;
     font-size: 3em;
    
 
  }


  .trustpilot2{
    margin: 0;
    position: absolute;               /* 2 */
    top: 62%;
    left: 10%;                         /* 3 */ 
    color: white;
     
    font-family: 'HelveticaNeueMedium';
    min-width: 341px;
    

 }
 

.pagebody h1, .pagebody h2, .pagebody h3, .pagebody h4, .pagebody h5, .pagebody h6{
    padding-bottom: 30px;
}


.relatebox{
    background-color: rgb(44, 51, 57);
    color: white;
    border-top: 8px solid rgb(155, 174, 153);
    border-radius: 0px 0px 30px 0px;

}


.pagebox{
    background-color: rgb(242, 242, 244);
    color: black;
    border-top: 8px solid rgb(201, 208, 234);
    border-radius: 0px 0px 30px 0px;

}


.pagebox .preh1{
    color: rgb(194, 173, 146);
    padding-bottom: 10px;
}

.getintouchbtn{
    padding-right: 25px;
    padding-left: 40px;
    color: white;
    text-align: center; 
    background-color: rgb(194, 173, 146);
    border: none;
    
    border-radius: 0px 0px 30px 0px;
 }

 .getintouchbtn:hover{
    background-color: rgb(124, 148, 236);
 }


 .pagehead2{
    position: relative;
    background-color: rgb(44, 51, 57);
    height: 55vh !important;
    z-index: -2;
}


.pagehead3{
    position: relative;
    background-color: rgb(242, 242, 244);
    height: 55vh !important;
    z-index: -2;
}


.blogpic{
    aspect-ratio: 1/0.8;
    width: 100%;
    margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	object-fit: cover;

}


.blogarch{
    text-align: center;
    background-clip: content-box;
    background-color: rgb(242, 242, 244);
}






/* WORDPRESS ALIGN CLASSES */

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
        white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}







/* MEDIA QUERIES */

@media (max-width: 1341px) {	


    .nav-item{
        padding-right: 40px;
     }
    


}



@media (max-width: 1199px) {	

.cm-logofoot{
    height: 40px;
    width: 181.02px;
    margin-right: -100px;
}

}


    


@media (max-width: 1104px) {	


    .nav-item{
        padding-right: 15px;
     }
    


}



@media (max-width: 991px) {	


    .h1, h1 {
        font-size:rem !important;
    }





    .cm-logofoot{
        height: 50px;
        width: 226.28px;
        margin-right: -100px;
    }
    
    }




@media (max-width: 943px) {	


.housing h1{
    margin: 0;
    position: absolute;               /* 2 */
    top: 36%;
    right: 50%;                         /* 3 */
    transform: translate(50%, -50%); 
    color: white;
    text-align: center; 
    font-family: 'ITC-Giovanni-Std';
    font-weight: bold;
    font-size: 2.2em;
    width: 95%;
    max-width: 640px;

 }

 .housing h6{
    margin: 0;
    position: absolute;               /* 2 */
    top: 25%;
    right: 50%;                         /* 3 */
    transform: translate(50%, -50%); 
    color: white;
    text-align: center; 
    width: 95%;
 
 }

 .homepagebutton{
    padding-right: 25px;
    padding-left: 40px;
    position: absolute;             
    bottom: 40%;
    right: 50%;                         
    transform: translate(50%, -50%); 
    color: white;
    text-align: center; 
    background-color: rgb(194, 173, 146);;
    border: none;
    width: 202.82px;
    border-radius: 0px 0px 30px 0px;
 
 }

}


@media (max-width: 701px) {	

.pagehead{
    position: relative;
    background-color: rgb(44, 51, 57);
    height: 60vh;
    z-index: -2;
}


.pagehead2{
    position: relative;
    background-color: rgb(44, 51, 57);
    height: 55vh !important;
    z-index: -2;
}

.pagehead3{
    position: relative;
    background-color: rgb(242, 242, 244);
    height: 55vh !important;
    z-index: -2;
}


.pageimg {
	position: absolute;
	height: 60vh;
	object-fit: cover;
	width:100%;
    top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	z-index: 0;
	
}

.pageimg2 {
	position: absolute;
	height: 55vh;
	object-fit: cover;
	width:100%;
    top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	z-index: 0;
	
}

.trustpilot2{
    margin: 0;
    position: absolute;               /* 2 */
    top: 66%;
    left: 10%;                         /* 3 */ 
    color: white;
     
    font-family: 'HelveticaNeueMedium';
    min-width: 200px;
    

 }


}


@media (max-width: 434px) {	

.pagehead h1, .pagehead2 h1, .pagehead3 h1{
    margin: 0;
    position: absolute;               /* 2 */
    top: 38%;
    left: 10%;                         /* 3 */ 
    color: white;
    font-family: 'ITC-Giovanni-Std';
    font-weight: bold;
    font-size: 2em;
    max-width: 640px;

 }

 .trustpilot2{
    margin: 0;
    position: absolute;               /* 2 */
    top: 66%;
    left: 10%;                         /* 3 */ 
    color: white;
    font-size: 0.8em;
    font-family: 'HelveticaNeueMedium';
    min-width: 200px;
    

 }


}