@charset "UTF-8";


@font-face {
  font-family: 'Poppins';
  src: url(/fonts/poppins/Poppins-Regular.ttf); 
  weight:normal;
}

@font-face {
    font-family: 'Poppins Bold';
    src: url(/fonts/poppins/Poppins-SemiBold.ttf); 
    weight:bold;
}

/* Set Colours for project */
:root {
    --first-color: #000;
    --second-color: #022738;
    --third-color: #ee9b73; /* Lime green */
    --fourth-color: #efefef; /* Light grey */
    --panel-head-trans: rgba(2, 39, 56, 0.5);
    --main-font: Poppins;
    --second-font: Poppins Bold;
}

/* CSS Document */

h1, h2, h3, h4, h5, h6 {
    line-height: 110%;
    font-family: var(--second-font)!Important;
}

h1 {
    color: var(--first-color);
    font-size: 34px;
    margin-bottom: 16px;
    font-weight: black;
    line-height: 130%;
}

h2, h3 {
    font-weight: bold;
    line-height: 120%;
}

h2 {
    color: var(--second-color);
    font-size: 27px;
    margin-bottom: 16px;
}

h3 {
    color: var(--first-color);
    font-size: 23px;
    margin-bottom: 14px;
}

h4 {
    color: var(--first-color);
    font-size: 20px;
    margin-bottom: 12px;
}

h5 {
    color: var(--first-color);
    font-size: 16px;
    margin-bottom: 10px;
}

h6 {
    font-size: 10px;
    margin-bottom: 8px;
}

h6.footer-pagelinks {
    text-transform: uppercase;
    font-family: var(--bs-body-font-family);
	font-size:0.9rem;
}

p {
    font-size: 15px;
    margin-bottom: 8px;
    font-weight: normal;
}

a {
    color: var(--third-color)!Important;
    text-decoration: none!Important;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

a:hover {
    color:var(--first-color)!Important;
}

body,
.dxheControl .dxheHtmlViewArea, body.dxheDesignViewArea, body.dxhePreviewArea {
    font-family: var(--main-font)!Important;
    font-size: 15px;
    color: #000;
    line-height: 1.5;
    margin-bottom: 12px
}

body.dxheDesignViewArea {background-color:transparent!Important;padding:2px}
body.dxhePreviewArea {background-color:transparent!Important;padding:2px}
.dxheContentArea {background: #fff}
strong, b{font-family: var(--second-font);}
i, em{font-style:italic}
.caption {font-style: italic;font-size: 90%;margin-bottom:0px}

.legaldisclaimer{font-size:12px;text-transform: none;line-height: normal;margin-top: 5px ! Important;}


.legaldisclaimerimg {
    font-size: 12px;
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    line-height: 0;
    text-transform: none;
    position: relative;
    top: -21px;
}


.feature-heading{text-align:center; font-size:20px; margin-bottom:0px}

.presented{font-size:85%;line-height:1.5}

header .media-icons {
    padding: 0px 4px;
    display: inline-block;
    text-align: center;
}
header .media-icons a {
    font-size: 26px;
    display: inline-block;
    cursor: pointer;
    color: var(--second-color);
    margin-left: 3px;
}
header .media-icons a:hover{color:var(--fourth-color);}
footer .media-icons {
    padding: 0px 4px;
    display: inline-block;
    text-align: center;
}
footer .media-icons a {
    font-size: 26px;
    width: 32px;
    display: inline-block;
    cursor:pointer;
    color:var(--second-color);
}

.media-icons a i {
    line-height: 32px;
}

.black-text {
    color: #000000;
}
.lightblue{color:#B8CFE9}

.tel-no{ font-size:20px;  font-weight:600;  margin-top:5px}

.white{color:#fff}

.homesliderhead{font-size:40px!Important; line-height:105%;  font-size:36px !important}

.product-grid-product-name a{ display:block;  font-size:16px;  height:40px;  line-height:20px;  margin-top:10px;  overflow:hidden}
.product-grid-product-name a:hover{text-decoration:none}

/*  Custom Icons */
.fa-real-estate {
    position: relative;
}
.fa-real-estate:before {
    content: "\f02b";
}
.fa-real-estate:after {
    content: "\f015";
    color: var(--second-color);
    font-size: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/*Styles for screen 667px and lower*/
@media only screen and (max-width:667px){
h1{ font-size:32px}
h2{ font-size:26px}
.legaldisclaimer{font-size:11px}
.grey{width:100%; margin-right:0px; float:left; margin-top:10px}
.txbsitesearch{margin-left:0}
}