@font-face {
    font-family: "Brandon";
    src: url("/library/fonts/BrandonText-Regular.otf") format('opentype');
}
@font-face {
    font-family: "Playfair";
    src: url("/library/fonts/PlayfairDisplay-Regular.otf") format('opentype');
}
@font-face {
    font-family: "PlayfairItalic";
    src: url("/library/fonts/PlayfairDisplay-Italic.otf") format('opentype');
}
@font-face {
    font-family: "FontAwesome";
    src: url("/library/fonts/FontAwesome-regular.otf");
}
@font-face {
    font-family: "FontAwesomeBrands";
    src: url("/library/fonts/FontAwesome-brands.otf");
}
@font-face {
    font-family: "FontAwesomeSolid";
    src: url("/library/fonts/FontAwesome-solid.otf");
}

/* colour 

darkgrey {#676362}
pink {#f4b0a5}
middlegrey { #978e8f }
lightgrey { #c6c2c3 }

*/


* { 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: #676363;font-family: Brandon, sans-serif;font-size: 100%;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a { color: #978e8f;; font-weight: normal; text-decoration:underline;}
ul, ol { padding: 0px; margin: 0px; }
li {list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { padding: 0px 10px 10px 0px; margin: 0px; font-size: 100%; font-weight: normal; color: #676362; font-family: OpenSans, sans-serif, Arial;}
fieldset { padding: 0px; margin: 0px; border: none; }
input[type=text], input[type=password], input[type=submit], input[type=button], textarea, select {font-size: 90%;background: transparent;border: none;background-color: #ffffff;padding: 5px;box-sizing: border-box;font-family: Arial;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
input[type=text], input[type=password]  { height: 40px; height: 40px;}
input[type=button], input[type=submit] { cursor: pointer;  padding: 10px 20px 10px 20px; background-color: #f4b0a5; color: #ffffff; text-transform: uppercase; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;}
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; border:1px solid;}
p {padding: 0px 0px 20px 0px;margin: 0px;line-height: 1.5;}
strong { font-weight: bold; font-family: CenturyGothic, }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden {display: none;}
.spacer { clear: both; height: 0px; }
a:hover { color: #f4b0a5; transition: color 0.4s ease 0s; }
table { border-spacing: 0px; }
td, th { padding: 0px; }

.std_contentpage img {max-width: 100%; height: auto; -webkit-box-shadow: 7px 7px 5px rgba(151,142,143,50);-moz-box-shadow:7px 7px 5px rgba(151,142,143, 50);box-shadow: 7px 7px 5px rgba(151,142,143, 50);}
.homepage img {-webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none;}


.layouttopmenu {clear: both;background-image: linear-gradient(to bottom, #ece6e6 0%, #ffffff 30%);width: 100%;height: 80px;position: fixed;z-index:10;}
.layouttopmenu .nav_sitemap {position:fixed;top: 0px;left: 50%;margin: 0px 0px 0px -340px;}
.layouttopmenu li { float: left; padding: 0px 20px; line-height: 80px;}
.layouttopmenu li a {line-height: 80px; text-decoration:none    ;}


.hero {background-image:  linear-gradient(to right, rgb(228, 211, 206), rgba(255, 255,255,0.1)), url(/images/mLx2Uh0Lu6vvFajwqodS14e0m8.jpg);  background-position: top center; height:  800px; background-size: cover; background-attachment: fixed;}
.hero.services {background-image:  linear-gradient(to right, rgb(228, 211, 206), rgba(255, 255,255,0.1)), url(/images/GdAuEwJJdJkKVktZVM2S0rg0go.jpg);  background-position: top center; height:  600px; background-size: cover; background-attachment: fixed;}
.hero.testimonials {background-image:  linear-gradient(to right, rgb(228, 211, 206), rgba(255, 255,255,0.1)), url(/images/RcUuv1MGLE11oU8QPEvs0b40go.jpg);  background-position: top center; height:  600px; background-size: cover; background-attachment: fixed;}

.hero .items  {max-width: 1200px; margin: 0px auto; padding-top: 200px;}
.hero .items .util_textbox { color: #676362; font-family: Playfair; padding: 20px 0px 0px 50px;;  }
.hero .items .titletxt { color: #676362;font-size: 250%; font-family: Playfair; font-family: PlayfairItalic; font-weight: 700; }
.hero .items .content {font-size: 150%; }

.hero.services .items {text-align: center; padding-top: 100px;}

.layoutcontent {padding-top: 80px;margin: 0px 40px;}
.std_contentpage .pagecontent_inner { max-width: 1200px; margin: 0px auto; padding: 0px 40px 40px 40px;}
.std_contentpage .title {font-size: 200%; text-align: center; padding: 50px 0px; }
.std_contentpage { background-color:#f5f2f3;}
.std_contentpage li { list-style-type:disc; margin-left:50px; padding-bottom: 20px;}

img.right {margin-left: 20px; -webkit-box-shadow: 7px 7px 5px rgba(151,142,143,50);-moz-box-shadow:7px 7px 5px rgba(151,142,143, 50); box-shadow: 7px 7px 5px rgba(151,142,143, 50);}

.layoutcontent .homepage {clear: both; padding: 0px 0px; }
.homepage.std_contentpage { max-width: 100% !important;  }
.homepage .fullwidth { background-color:  #f4b0a5; }
.homepage .fullwidth a { background-color:  #ffffff; text-decoration: none; padding: 10px 20px; margin-top: 10px; display: inline-block; font-weight: 900;}
.homepage .fullwidth .util_textbox {max-width: 1200px; margin: 0px auto; padding: 100px 0px;}
.homepage .fullwidth h2 {color: #ffffff; font-size: 200%; font-family: PlayFairItalic; font-weight: 700; }
.homepage .fullwidth .content { color: #ffffff; width: 50%; float: left; padding-right: 100px; box-sizing:border-box; margin-top: 190px;}
.homepage .fullwidth .imagetop {display: none}
.homepage .fullwidth .imageright { width: 50%; float: right; padding-left: 100px;  box-sizing:border-box;}
.homepage .fullwidth  img {-webkit-box-shadow: 8px 8px 10px rgba(228, 211, 206, 50); -moz-box-shadow:7px 7px 5px rgba(236,230,230,30); box-shadow: 0px 0px 0px rgba(151 142 143,50);}
.homepage.std_contentpage li {list-style-type: none; padding: 0px; margin: 0px;}
 
.layoutfooter { padding: 40px;}
.layoutfooter .logo {float: left; }
.layoutfooter .nav_sitemap a {text-decoration: none; line-height: 30px; margin-left: 50px;}
.layoutfooter .contact {text-decoration: none; line-height: 30px; margin-left: 50px; display: inline-block; padding: 25px 0px 0px 0px;}
.layoutfooter .social { clear: both; width: 76px; margin: 0px auto;}
.layoutfooter .social li {float: left;}
.layoutfooter .social li a {text-decoration: none;}
.layoutfooter .social li.link1 a:before {font-family: FontAwesomeBrands; content: '\f082'; font-size: 200%; margin-right: 10px;}
.layoutfooter .social li.link2 a:before {font-family: FontAwesomeBrands; content: '\f16d'; font-size: 200%; margin-right: 10px;}
.layoutfooter .social li a:hover { color: #f4b0a5; transition: color 0.4s ease 0s; }

.layoutcredits { float:right; padding: 0px 40px 20px 40px;}

.label {display:none;}
.surv_standard { max-width: 1200px; margin: 0px auto; background-color: #f5f2f3; padding: 50px 100px 50px 100px; border-radius: 5px;}
input[type=text], textarea { background-color: #f5f2f3;  border-bottom: 1px solid #f4b0a5; width: 100%; margin: 20px 0px; }
.surv_standard::after {overflow: auto;}
.surv_standard .titletxt {display: none;}

/* Carousels */
.feat_carousel {  padding: 50px 0px; background-position: center 50px; width: 70%; float: left;} 
.feat_carousel .carousel { overflow: hidden; position: relative; max-width: 1200px; margin: 0px auto; z-index: 1;}
.feat_carousel .titletxt {text-align: center; font-family: PlayfairItalic; font-size: 250%; font-weight: 700; margin: 0px 0px 50px 0px;;}
.feat_carousel .carousel ul { width: 20000em; position: relative; }
.feat_carousel .carousel li { float: left; list-style-type: none; padding: 0px !important; }
.feat_carousel .carousel .carouselitem {max-width: 800px; border: 2px double #ffffff;margin: 0px 10px;}
.feat_carousel .util_textbox .content {  padding: 50px 50px 50px 50px; background-color: #ffffff; min-height: 470px;}
.feat_carousel .skip { height: 15px;  max-width: 1200px; margin: 15px auto 0px auto; text-align:center; }
.feat_carousel .skip a { display: inline-block;  width: 15px; height: 15px; background-color: #ffffff; margin: 0px 5px 5px 0px; font-size: 0px; border-radius: 50%;}
.feat_carousel .skip a.active { background-color: #f4b0a5; }


.testimonials .util_container {float: left;width: 50%;}
.testimonials .util_textbox { float: left; width: 100%; padding: 0px 20px 20px 20px; box-sizing:border-box }
.testimonials .util_textbox .content { font-family: PlayfairItalic;  background-image: url(/images/pSrC9TYYxxIsuFhJ4WA204602z.png),  url(/images/0O9mmEXt0giqMvKf35Mi04602z.png); background-size: 40px auto; background-position: top 20px left 20px, bottom 20px right 20px;  background-color: #ffffff; margin: 0px 0px 0px 0px; padding: 60px 50px 40px 50px;}
.testimonials .util_textbox .content h3 {font-weight: 900; }
.testimonials .util_textbox:nth-of-type(2n+1) {clear: left;}

.testimonials .util_image {float: left; width: 100%; padding: 0px 0px 20px 0px;  box-sizing: border-box;  }
.testimonials .util_image img { max-width: 100%;height: auto; max-height: 600px; width: auto; margin: 0px auto;text-align:center;display: block;-webkit-box-shadow: 7px 7px 5px rgba(151,142,143,50);-moz-box-shadow:7px 7px 5px rgba(151,142,143, 50);box-shadow: 7px 7px 5px rgba(151,142,143, 50);}
.testimonials .components { max-width: 1200px; margin: 0px auto;}
.testimonials .surv_standard { clear: both; padding-top: 50px;}
.testimonials .surv_standard .titletxt {display: block; font-family: PlayfairItalic; font-weight:900; font-size: 200%; text-align: center;}

.contact .pagecontent_inner {padding: 0px 0px 0px 100px;}
.contact  .introduction {margin-left: 0px;}
.contact  li {list-style-type: none; }
.contact li:first-of-type a:before { color: #676362; font-family: FontAwesomeSolid; font-size: 120%; content: '\f1fa';  margin-right: 10px;  width: 20px; text-align: center; display: inline-block; line-height: 10px; vertical-align: middle}
.contact li:nth-of-type(2):before {color: #676362; font-family: FontAwesomeSolid; font-size: 120%; content: '\f3cd';  margin-right: 10px;  width: 20px; text-align: center; display: inline-block; }


.services .introduction {max-width: 1200px; margin: 0px auto 50px auto;}
.services .introduction img { max-width: 100%; height: auto;}
.services table {width: 100%; margin: 0px auto;  border-radius: 20px;}

.services table tr:first-of-type td:first-of-type {border-radius: 12px 0px 0px 0px;}
.services table tr:first-of-type td {background-color: #ffffff;}
.services table tr:first-of-type td:last-of-type { border-radius: 0px 12px 0px 0px;}
.services table tr:last-of-type td:first-of-type {background-color: #ffffff; border-radius: 0px 0px 0px 12px;}
.services table tr:last-of-type td:last-of-type { border-radius: 0px 0px 12px 0px;}
.services table tr:last-of-type  td {border-bottom: none;}

.services table td {border-bottom: 1px solid #c6c2c3; }
.services table td:first-of-type { width: 300px; background-color: #ffffff; }
.services table td {padding: 20px 20px 20px 20px; background-color: rgb(244, 176, 165, 0.5);}

.layoutfooter .social li.link1 a:before {font-family: FontAwesomeBrands; content: '\f082'; font-size: 200%; margin-right: 10px;}
.layoutfooter .social li.link2 a:before {font-family: FontAwesomeBrands; content: '\f16d'; font-size: 200%; margin-right: 10px;}


@media(max-width: 1300px){

    .homepage .hero { height: 450px; background-attachment: initial;}
    .hero .items  { max-width: 100%; padding: 100px 20px; }
    .hero .items .logo img {height: 100px; width: auto}
 
    .homepage .fullwidth .imagetop {display: block; text-align: center; padding-bottom: 30px;}
    .homepage .fullwidth .content {width: 100%; margin-top: 50px;}
    .homepage .fullwidth .imageright {display:none;  }
    .homepage .fullwidth  img { max-width: 100%; height: auto;}
    .homepage .fullwidth .titletxt { text-align: center; padding-bottom: 30px;}

    .homepage .fullwidth .util_textbox {max-width: 100%; margin: 0px auto;  padding: 40px;}
    .homepage .fullwidth .imageright img { max-width: 100%; height: auto; }
    .homepage .fullwidth .content { padding: 0px 0px;  }
    .homepage .fullwidth .imageright { padding: 0px 50px; }

    .std_contentpage { max-width: 100%; padding: 40px;}

}

@media(max-width: 1300px){ 
    .std_contentpage {  padding: 20px;}

}

@media(max-width: 1000px){ 
     .testimonials .util_container {float: none;width: 100%;}
     .testimonials .util_textbox { padding: 0px 0px 20px 0px;}
     .testimonials .util_textbox .content {padding: 60px 20px;}
     .std_contentpage li { margin-left:20px;}
	 .std_contentpage .title { padding: 10px 0px 20px 0px; }

     .services table {/* display: none; */}
     .services .mobile {display: block;}
     .services .mobile .util_textbox {margin: 0px 0px 30px 0px;}
     .services .mobile .titletxt { border-radius: 12px 12px 0px 0px; background-color: #ffffff;  padding: 20px 20px; font-weight:bold; }
     .services .mobile .content { border-radius: 0px 0px 12px 12px; padding: 20px; background-color: rgb(244, 176, 165, 0.5);  }

}

@media(max-width: 800px){ 
    .layouttopmenu  .logo {display:block; margin-top: 25px;}
    .layouttopmenu .nav_sitemap { max-width: 100%; width: 100%; left: 0px; margin: 0px 0px 0px 0px !important; z-index: 10; }
    .layouttopmenu .nav_sitemap .toggle { position: absolute; top: 30px; right: 40px; width: 30px; height: 30px;  cursor: pointer;  z-index: 10;   }
    .layouttopmenu .nav_sitemap.toggleoff .toggle { background-image:url(/images/Bb2rXBdCswq13kkwaeiA014014.png); background-size: contain;}
    .layouttopmenu .nav_sitemap.toggleon .toggle { background-image:url(/images/NUAMIFMIsmRmwHiR0LZg014014.png); background-size: contain;}
    .layouttopmenu .nav_sitemap li { display: none; border: none; min-width: 100%; clear: both;   box-sizing: border-box; }
    .layouttopmenu .nav_sitemap .level1 { z-index: 20;background-color: #ffffff; position: absolute;  width: 100% !important;max-width: 100%;box-sizing: border-box;padding: 0px 20px 0px 20px !important;margin: 0px 0px 0px 0px !important;left: 0px !important; top: 80px;} 
    .layouttopmenu .nav_sitemap .level1>li {z-index: 20;padding: 0px;border-left: none;border-bottom: unset;}
    .layouttopmenu .nav_sitemap .level1>li:last-of-type { border-right: none;}
    .layouttopmenu .nav_sitemap .level1>li>a {font-weight: bold; border-top: 1px solid #dddddd; line-height: 40px !important;}
    .layouttopmenu .nav_sitemap li a {  display: block; padding: 5px; }
    .layouttopmenu .nav_sitemap.toggleon li { display: block; }
    .layouttopmenu .nav_sitemap li.link5:after, .site-header .nav_sitemap li.link3:after, .site-header .nav_sitemap li.link156:after { font-family: FontAwesome; content: '';  }
    .layouttopmenu .nav_sitemap .level2 { display: block !important; left: initial; margin: 0px; padding: 0px; width: 100%; position: relative;  top: unset; border: unset}
    .layouttopmenu .nav_sitemap .level2 li { display: block; border: none; width: 100%; margin: 0px; line-height: 30px; } 
    .layouttopmenu .nav_sitemap .level2 li a,.nav_multilevel .level2 li .textlink { border: none; text-align: center; width: 100%;  line-height: 1.5em;  margin: 5px 0px; padding: 0px 0px; white-space: initial; }
    .layouttopmenu .nav_sitemap a:hover { color: #676362; border-bottom: unset;}
    .layouttopmenu .nav_linklist { margin-right: 30px;}
	.layouttopmenu .nav_linklist {width: 100%; }

    .layoutfooter {padding: 20px;}
    .layoutfooter .logo {height: 200px;}
	.layoutfooter .logo img { max-width: 100px;  height: auto; }
	.layoutfooter  .nav_sitemap {display: block;float: none;  padding: 0px; margin: 0px;}

	.surv_standard { max-width: 100%;  padding: 30px 0px 50px 0px;}


	.homepage .fullwidth .util_textbox { padding: 20px;}
   
    .layoutcontent {margin: 0px 0px !important;}
	img.right {width: 100%; height: auto; margin-bottom: 20px;}
	.std_contentpage .pagecontent_inner {padding: 0px; }

    
}

@media(max-width: 700px){
 	.layouttopmenu .nav_sitemap .toggle { right: 20px;   }
  	.homepage .logo { padding: 0px 20px; }
}

@media(max-width: 500px){
    .homepage .hero { height: 350px; background-attachment: initial;}
    .hero .items  { max-width: 100%; padding: 50px 0px; }
    .hero .items .util_textbox {padding: 20px; font-size: 80%;}

   .layoutfooter .logo { height: auto; float:right; }
   .layoutfooter .logo img { max-width: 80px;} 
   .layoutfooter  .nav_sitemap a, .layoutfooter .contact {margin: 0px;}
   .layoutcredits {float: left; margin: 0px; padding: 0px 20px;}
}