* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body { margin: 0px; padding: 0px; width: 100%; height: auto; background-color: #ffffff; color: #000000; font-family: Arial; font-size: 100%; line-height: 1.2; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a {color: #000000;text-decoration: none;font-weight: normal; font-family: museo-sans,sans-serif; font-weight: 500; font-style: normal;}
ul, ol { padding: 0px; margin: 0px; font-family: museo-sans,sans-serif; font-weight: 300; font-style: normal; }
li { list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-size: 100%;  color: #000000; font-family: museo-sans,sans-serif; font-weight: 700; font-style: normal; }
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select { font-size: 90%; background: transparent; border: solid #000000 1px; padding: 5px; color: #000000; box-sizing: border-box; font-family: Arial; }
input[type=text], input[type=password]  { height: 30px; }
input[type=button], input[type=submit] { font-family: museo-sans,sans-serif; font-weight: 300; font-style: normal; cursor: pointer; background-color: #000000; color: #ffffff; padding: 10px 20px 10px 20px; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p { padding: 0px 0px 20px 0px; margin: 0px; font-family: museo-sans,sans-serif; font-weight: 300; font-style: normal; }
strong { font-weight: normal; font-family: museo-sans,sans-serif; font-weight: 700; font-style: normal;  }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { clear: both; height: 0px; }
table { border-spacing: 0px; }
td, th { padding: 0px; }

/* 
font-weight: 300 = Normal
font-weight: 700 = Bold
font-weight: 500 = Link
*/


:root {
    --green: #96c456;
    --lightgreen: #dfedcc;
}

/* Header */ 

.layoutheader {  max-width: 1240px; margin: 0px auto;  }
.layoutheader_inner {  }

.layoutheader .search {  background-color: #f0f0f0; width: 260px;  border-radius: 20px;  padding: 1px 5px; height: 30px;  font-size: 90%; margin-right: 20px;  }
.layoutheader .search form { padding-top: 4px;   }
.layoutheader .search input[type=text] { background-color: #f0f0f0; width: 90%; outline: none;  height: 20px;  border: none;   }
.layoutheader .search button {  float: right; font-size: 90%; color: #645b64; border: none; width: 10%; padding-top: 2px;  cursor: pointer;  }

.layoutheader .flex .items { display: flex; justify-content: space-between; width: 400px; margin: 15px auto 0px auto; align-items: center;  }
.layoutheader .social ul, .layoutfooter .top .socials ul { display: flex; justify-content: space-evenly;  }
.layoutheader .social ul li, .layoutfooter .top .socials ul li {    font-size: 130%; }
.layoutheader .social ul li a, .layoutfooter .top .socials ul a { display: inline-block; color: white; box-sizing: border-box; box-sizing: border-box; width: 35px;  height: 35px; border-radius: 100%; background: #c8c8c8; padding: 7px; transition: 0.3s ease-in; }
.layoutheader .social ul li a:hover, .layoutfooter .top .socials ul li a:hover { color: var(--green); background-color: black;  }
.layoutheader .social ul li:nth-child(1) .fab { padding-left: 3px;}
.layoutheader .social ul li:nth-child(2) .fab, .layoutheader .social ul li:nth-child(3) .fab { padding-left: 1px; }


.layoutheader .logo img { width: auto; height: 150px; }


.layoutheader .menu ul {  display: flex; justify-content: space-between; padding-top: 40px; font-size: 100%; width: 850px; transition: 0.3s ease-in; }
.layoutheader .menu ul li:hover { color: var(--green); }
.layoutheader .menu ul li a:hover { color: var(--green); }
.layoutheader .menu ul li a {  font-family: museo-sans-rounded,sans-serif; font-weight: 500; font-style: normal; text-transform: capitalize; font-size: 110%;   }




@media ( min-width: 1240px )
{
    .layoutheader .menu ul #menu7-6 { display: none; }
    .toggle { display: none; }
    .layoutheader_inner { display: flex; justify-content: space-between; align-items: center; } 
    .layoutheader .social ul, .layoutfooter .top .socials ul {  width: 100px; }
}
@media ( max-width: 1239px )
{
    .layoutheader .menu li a { color: white; }
    .layoutheader .toggle { position: absolute; top: 10px; right: 40px; cursor: pointer; background: var(--green); padding: 7px 7px 0px 7px; border-radius: 7px;   }
    .layoutheader .toggleon ul { display: block; position: absolute; top: 75px; right: 0px;   width: 100%;  background-color: var(--green);  opacity: 0.90; z-index: 50; text-align: center; padding-top: 25px; }
    .layoutheader .toggleon li {  display: block; padding: 10px 0px 10px 20px; }
    .layoutheader .toggleoff ul { display: none; }
    .layoutheader svg path  { fill: white;  }
    .layoutheader svg { width: 30px; height: 30px;  }
    .layoutheader .search, .layoutheader .social { display: none;}
    .layoutheader .logo { text-align: center;}
    .layoutheader .social ul, .layoutfooter .top .socials ul {  display: flex; justify-content: center; }

}


/* Home carousel */



.home .carousel h2, .title, .search h2 { background: var(--green); color: white; text-align: center; box-sizing: border-box; min-height: 55px; padding: 12px 0px; font-size: 160%; text-transform: uppercase; }

@media ( max-width: 480px )
{
    .home .carousel h2, .title, .search h2 { font-size: 130%; min-height: 45px; }
}


.home .carousel .introduction {z-index: 1;position: absolute;background: var(--green);color: white;left: 50%;margin-left: -580px;margin-top: 390px;/* margin-top: 395px; margin-left: 400px; */padding: 20px;width: 320px;height: 125px;box-sizing: border-box;}
.home .carousel .introduction p { padding-bottom: 0px; }
.home .carousel .introduction h3 { color: white; font-size: 170%; padding-bottom: 10px; }

.home .carousel ul li { height: 520px; max-width: 100%; background-size: cover;}

.home .carousel .fas { font-size: 280%; color: white; background: lightgray; opacity: 0.8; border-radius: 50%; padding: 10px; box-sizing: border-box; width: 60px; height: 60px;}
.home .carousel .fas:hover { opacity: 1;}
.home .carousel .carousel-next .fas { padding-left: 20px; }
.home .carousel .carousel-prev { position: absolute; left: 50%; margin-left: -570px; margin-top: 200px; z-index: 1; }
.home .carousel .carousel-next { position: absolute; left: 50%; margin-left: 540px; margin-top: 200px; z-index: 1;  }

.feat_carousel .skip { text-align: center; position: absolute; width: 100%;  margin-top: 460px; z-index: 1;}
.feat_carousel .skip a { border-radius: 50%; display: inline-block; font-size: 0px; width: 20px; height: 20px; }
.feat_carousel .skip a.active {  border: 3px solid white; background-color: var(--green); display: inline-block; opacity: 1; width: 25px; height: 25px;  }
.feat_carousel .skip a {  border: 2px solid white; display: inline-block; background-color: white; opacity: 0.4; margin: 0px 15px 5px 0px; font-size: 0px;  }



.home .feat_carousel  {   overflow: hidden; height: 570px;  position: relative;  background: var(--green);  }
.home .feat_carousel .carousel ul { overflow: hidden; width: 20000em; position: relative; height: 550px; float: left;  }
.home .feat_carousel .carousel ul li { float: left; }


@media ( max-width: 1200px )
{
    .home .carousel .fas { display: none; }
    .home .carousel .introduction { display: none; }

}

@media ( max-width: 800px )
{
    .home .carousel ul #carouselitem-1 { height: 520px; background-size: auto 100%; background-position: right -100px top; }
}

/* Home Mission */

.home .mission { text-align: center; max-width: 950px; margin: 0px auto; padding: 70px 0px 35px 0px;}
.home .mission h3 { font-size: 180%; padding-bottom: 30px; }
.home .mission p { color: #8a8a8a; font-size: 110%; }

@media ( max-width: 980px  )
{
    .home .mission  { padding: 50px 20px 0px 20px;}
}

/* Home Services */

.home .services { background: var(--lightgreen); margin-top: 50px; }
.home .services .links {  margin: 0px auto; display: flex; justify-content: space-between; padding: 40px 0px; }
.home .services .links img { height: 130px; width: auto; }

@media ( min-width: 950px )
{
    .home .services .links { max-width: 800px; }
}
@media ( max-width: 949px )
{
    .home .services .links { flex-direction: column; flex-wrap: wrap; text-align: center; }
    .home .services .links .link { padding-bottom: 20px;}
}


/* Footer */

.layoutfooter .top { background: #ececec; margin-top: 90px; }
.layoutfooter .top .items {margin: 0px auto; display: flex; justify-content: space-between; padding: 50px 0px; align-items: center; flex-wrap: wrap;  }

.layoutfooter .top .socials h2 { padding-bottom: 10px; font-size: 150%; font-weight: 500;  }
.layoutfooter .top .socials ul li { font-size: 150%; }
.layoutfooter .top .socials ul li a { padding: 8px;  width: 40px;  height: 40px; margin-right: 10px; padding-left: 10px; }

.layoutfooter .top .book { text-align: center; }
.layoutfooter .top .book p:first-of-type a { position: relative; top: 0; background: var(--green); color: white; padding: 15px 30px; border-radius: 30px; text-transform: uppercase; font-size: 140%; transition: 0.3s ease-in; font-weight: 700;  }
.layoutfooter .top .book a:hover { top: -10px; opacity: 0.9;  }
.layoutfooter .top .book p { padding-bottom: 0px; font-weight: 500; }
.layoutfooter .top .book p:nth-child(2) { padding-top: 30px;}

.layoutfooter .bottom { background: black; color: white; }
.layoutfooter .bottom .content { display: flex; justify-content: space-between; margin: 0px auto 20px auto; padding-top: 20px;  }
.layoutfooter .bottom a { color: white; font-weight: 700; transition: 0.3s ease-in; }
.layoutfooter .bottom a:hover { opacity: 0.9; text-decoration: underline; }

.layoutcredits { display: none; }


.layoutfooter .logo img { width: auto; height: 130px;;}


@media ( min-width: 1260px )
{
    .layoutfooter .top .items { max-width: 1240px; }
    .layoutfooter .top .book { width: 60%; }
    .layoutfooter .top .socials {width: 25%;}
    .layoutfooter .top .logo { width: 25%; }
    .layoutfooter .socials { flex: 1;}
    .layoutfooter .bottom .content { max-width: 1240px; }
}
@media ( min-width: 1101px ) and ( max-width: 1259px )
{
    .layoutfooter .bottom .content { justify-content: space-between; }
    .layoutfooter .bottom .content { padding: 20px 20px 5px 20px}
    .layoutfooter .top .items { max-width: 900px; }

}
@media ( max-width: 1240px )
{
    .layoutfooter .bottom .content { flex-direction: column; text-align: center;}
    .layoutfooter .top { margin-top: 30px; }
    .layoutfooter .top .items { display: block; text-align: center; padding: 20px 0px; }
    .layoutfooter .top .socials { margin-bottom: 30px;}
    .layoutfooter .top .book a { font-size: 100%; }
    .layoutfooter .bottom { display: block;  }
    .layoutfooter .top .book p:last-of-type a { background: none; font-size: 100%; }
}


/* About Us */

.aboutus .content, .why .content, .tenancy .content { padding-top: 50px; max-width: 900px; margin: 0px auto; font-size: 120%; text-align: center; }
.aboutus .content p, .why  .contentp { padding-bottom: 30px; }
.aboutus .content p:last-of-type { padding: 0px;}

@media ( max-width: 980px )
{
    .aboutus .content p, .why .content p { padding: 20px; font-size: 90%; }
    .areas .content { padding: 0px 20px;}
}

/* Services */ 


.services .imageleft, .services .imageright { width: 300px; height: 300px; background-size: cover;   }

.services .util_textbox .content {   padding-top: 30px;}
.services .util_textbox { background: var(--lightgreen); }
.services .util_textbox:nth-of-type(1), .services .util_textbox:nth-of-type(3) { background: white;}
.services .util_textbox_inner { max-width: 800px; margin: 0px auto; padding: 20px 0px;  }

.services .components h3 { font-size: 200%; padding-bottom: 20px;  }

.services .components ul li { list-style: disc inside;  line-height: 1.5; font-size: 100%; font-weight: 500;  }

.services .flex { background: var(--lightgreen); padding: 20px 0px;  }
.services .flex .items { max-width: 1240px;margin: 0px auto; display: flex; justify-content: center; }
.services .flex .items .std_content { padding-left: 40px; }
.services .flex .items strong { font-size: 120%; }

@media ( min-width: 1101px )
{
    .services .util_textbox .content { float: left; width: 400px; }
    .services .imageleft { margin-right: 50px; }
    .services .imageright { margin-left: 50px; }
    .services .imageleft, .services .imageright { float: left; }
    .services .components ul { margin: 0px 0px 0px 20px; }
    .services .components {  margin: 60px auto 0px auto; }
}
@media ( max-width: 1100px )
{
    
    .services .util_textbox .content { text-align: center; }
    .services .flex .items { flex-direction: column; text-align: center; justify-content: space-between; }
    .services .std_content { margin-top: 20px; }
    .services .imageleft, .services .imageright { margin: 0px auto;}
    .services .util_textbox:nth-of-type(1) ul, .services .util_textbox:nth-of-type(3) ul { padding-bottom: 20px; }
}

/* Search */

.search .title { background: none; color: black; }

.search  { text-align: center; }
.search .include {  background-color: var(--lightgreen); padding: 40px;  margin: 40px auto 0px auto; max-width: 1240px;  }
.search .include .showmore  { text-align: left; }
.search .include .showmore a:hover {  color: var(--lightgreen);  }
.search .include input[type=text] {   background: white; border: none; outline: none; box-sizing: border-box; border-radius: 20px 20px 20px 20px; line-height: 10px; padding: 8px 10px; width: 250px; margin-right: 20px;  }
.search .include input[type=submit] { background-color: var(--green); border-radius: 20px; padding: 10px 40px; font-weight: bold; font-size: 110%; transition: ease 0.3s; border: none;  }
.search .include input[type=submit]:hover {    opacity: 0.8;  }
.search .include #result_report { padding-bottom: 20px; font-size: 120%;  }
.search .include .result { text-align: left; font-size: 110% }
.search .include .result .description b { background-color: var(--green); font-weight: 500; color: white; padding: 3px 10px; font-size: 90%;  }
.search .include .result .title, .searchpage .include .result .title b {  font-weight: 500; padding-bottom: 10px; text-align: left; font-size: 110%; color: black; }
.search .include .result .title:hover, .searchpage .include .result .title b:hover { color: var(--green);  }
b { font-weight: normal;}

@media ( max-width: 500px )
{
    .search .include input[type=submit] { margin-top: 20px; }
    .search .include .url { font-size: 70%; }
}



/* Areas */

.areas .content { max-width: 950px; margin: 30px auto 0px auto;  text-align: center; font-size: 130%; }
.areas .content img { border-radius: 20px; height: 500px; width: auto;}

@media ( max-width: 530px )
{
    .areas .content img { width: 90%; height: auto; }
}

/* Contact */

.contact .content {  text-align: center; }
.contact h3 { font-size: 150%; padding-bottom: 10px;}
.contact p { font-size: 110%; padding: 20px 0px 30px 0px; }
.contact .left a { transition: 0.3s ease-in; color: white; background:  var(--green); padding: 10px 30px; border-radius: 50px; font-size: 110%; text-transform: uppercase; font-weight: 500; }
.contact .left a:hover { opacity: 0.8; }

.contact .components { max-width: 1040px; margin: 30px auto 0px auto;}

.contact .form { border: 2px solid var(--green); border-radius: 20px; padding: 20px;  width: 400px; }
.contact .form .label { padding: 15px 0px 5px 0px; }
.contact .form input[type=text], .contact .form textarea { border: 1.5px solid lightgrey; outline: none; border-radius: 10px; width: 100%; padding: 10px; }
.contact .form input[type=text]:focus, .contact .form textarea:focus {  border: none; outline: 1.5px solid var(--green); }
.contact .form input[type=text] { height: 40px;}
#fb-1-div .label { padding-top: 0px; }
#fb-2-div { float: left; width: 45%; padding-bottom: 15px; }
#fb-3-div { float: right; width: 45%; padding-bottom: 15px; }

.message { color: red; font-weight: 700; padding-bottom: 20px;}
.confirm { color: white; background: var(--green);  padding: 0px 20px; text-align: center; border-radius: 20px;}

.contact .form input[type=submit] { background: var(--green); border: none; transition: 0.3s ease-in; margin-top: 10px; text-transform: uppercase;  }
.contact .form input[type=submit]:hover { opacity: 0.8; }

@media ( min-width: 1161px )
{
    .contact .left { float: left; width: 50%; margin-right: 20px; padding-top: 100px; }
    .contact .right {float: right;  width: 45%; }
    .confirm { margin-top: 80px; }
}
@media ( max-width: 1160px )
{
    .contact .form { margin: 0px auto; }
    .confirm, .message, .contact .left { width: 90%; margin: 0px auto; text-align: center; }
}
@media ( max-width: 440px )
{
    .contact .form { width: 90%; }
	.contact .content { width: 90%; margin: 0px auto;  }
    #fb-2-div {  width: 100%; padding-bottom: 15px; }
    #fb-3-div {  width: 100%; padding-bottom: 15px; }
}

/* 404 */

.pagenotfound  .content { text-align: center; font-size: 130%; padding-top: 100px; }

@media ( max-width: 1240px )
{
    .pagenotfound  .content { padding: 50px 20px 0px 20px; }
}

/* Why */

.why .content { text-align: left; }
.why h2 { font-size: 130%; padding-bottom: 30px }
.why ul { margin: 0px 0px 30px 30px; }
.why li { list-style: disc; line-height: 1.5; }

@media ( max-width: 980px )
{
    .why .content h2 { padding: 0px 20px; font-size: 100%; }
}

/* Tenancy */

.tenancy .content { text-align: left; font-size: 110%; }
.tenancy .content h3 { font-size: 130%; padding-bottom: 20px;}
.tenancy .content ul { margin-left: 5px; padding-bottom: 20px; }
.tenancy .content ul li { list-style: disc inside; line-height: 1.5; }