/* Colours */

:root
{
    --white: #ffffff;
    --gold: #c8b496;
    --brown: #907463;
    --grey: #5e7784;
    --lightgrey:  rgb(244, 244, 244);
    --lightgold: #f0e1cb;;
    
}

/* Fonts */
@font-face {
  font-family: "Europa";
  src: url("/library/fonts/Europa/Regular.otf")
    format("opentype");
}

@font-face {
  font-family: "EuropaBold";
  src: url("/library/fonts/Europa/Bold.otf")
    format("opentype");
}

@font-face {
  font-family: "CirceLight";
  src: url("/library/fonts/Circe-Light.otf")
    format("opentype");
}

@font-face {
  font-family: "CirceExtraLight";
  src: url("/library/fonts/Circe-Extra-Light.otf")
    format("opentype");
}


/* CSS reset */

* {background-repeat: no-repeat;background-position: center center;box-sizing: border-box;}
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: var(--white);color: var(--black);font-family: Europa;font-size: 110%;line-height: 1.4;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a { color: #000000; text-decoration: none; font-weight: normal; }
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; color:var(--grey); }
h1, .searchpage h2 {font-size:200%; color: var(--brown); text-align:center; /* text-transform: uppercase; */ font-variant-caps: small-caps;  }
h2, h3, h4, h5, h6 { Color:var(--brown);padding-bottom: 20px; margin: 0px; font-size: 100%; font-weight: bold; line-height: 1; }
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select { font-family: Europa; font-size: 90%; border: none; background-color: #ffffff; padding: 5px; color: #000000; box-sizing: border-box; }
input[type=text], input[type=password]  {height: 50px;}
select { height: 50px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p { color:var(--grey); padding: 0px 0px 10px 0px;margin: 0px;}
strong, b { font-weight: normal; font-family: EuropaBold; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
th { font-family: EuropaBold; font-weight: normal; }
.hidden { display: none; }
.spacer {clear: both;height: 0px;display: none;}
img {max-width: 100%;height:auto;} 
table { border-spacing: 0px; }
td, th { padding: 0px; }

/* general rules*/

.util_expandtext .text { margin: 20px; }
.util_expandtext .link a { display: block; padding:20px; }
.util_expandtext  { border: 1px solid var(--gold); border-radius: 5px 40px ; margin:20px auto 20px auto;   background-color: var(--gold); text-align: center; color: white; border: 2px solid var(--brown); }
.util_expandtext a { color: white;}
.util_expandtext .text {background-color: white; padding: 10px 10px 5px 10px; border: 2px solid var(--navy);border-radius: 5px 20px;}
.pagesubtitle_inner {font-size:110%}
.util_expandtext .text a{color:var(--brown); font-family: EuropaBold;}

@media ( min-width: 701px )
{
  .util_expandtext { max-width:700px; }
}
@media ( max-width: 700px )
{
  .util_expandtext { width: 90%; }
}

.surv_standard .label {display: none;}
.surv_standard .input {padding-bottom: 15px;}

/* buttons */
input[type=button], input[type=submit] {background-color: var(--gold); border-radius: 5px 20px; border: 2px solid var(--brown); cursor: pointer;  color: #ffffff; padding: 10px 20px 10px 20px; }
input[type=button]:hover, input[type=submit]:hover {background-color: var(--lightgold); color:var(--white); border: 2px solid var(--lightgold);}

/* Layout */

.layoutmiddle { background-color: #fefefe; }
.layouttopmenu {background-color: var(--gold);text-align: center;margin: 0px auto 0px auto}
.layoutbanner {background-color: var(--gold); max-height: 400px; border-bottom: 5px solid var(--brown); }
.layoutbanner_inner {text-align:center; margin: 0px auto 0px auto}

.layoutcontent {max-width: 1300px; margin: 20px auto 50px auto;}

@media ( max-width: 1340px )
{
  .layoutcontent { max-width: 100%; margin: 0px 20px; }
}


.layoutcredits { padding: 10px 20px; font-size: small; display: none;}
.layoutfooter a { color: var(--grey); font-family: EuropaBold; }
.layoutfooter a:hover { color: var(--gold); text-decoration: underline;  }

.pagecontent h2{font-size:120%; text-align: center; padding: 30px}

@media ( min-width: 1000px )
{
  .pagecontent {  margin: auto 200px 40px 200px; } 
  .layoutbanner img { display: none; }
  .section260 .layoutbanner img { display: block; margin: 0px auto; }
}

@media ( max-width: 999px )
{
  .layoutbanner img { background-size: cover;  }
}


/* Header*/

@media ( min-width: 450px )
{
  .headerlogo img {
    width: 400px;
}
}
@media ( max-width: 449px )
{
  .headerlogo img {   max-width: 320px;  }
}

.headerlogo a { display: block; width: fit-content; margin: 0px auto;}
.headerlogo img {display:block;margin: 0px auto 0px auto;}
.headercontact {color:var(--brown);font-size: 95%;}
.headercontact a { color: var(--brown);}

.layoutheader .searchbar { position: relative; width: 280px; }
.layoutheader .searchbar input[type=text] { background-color: #f3f3f3; height: fit-content; border-radius: 20px; padding: 5px 10px; box-sizing: border-box; width: 250px;  }
.layoutheader .searchbar input[type=text]:focus { outline: 2px solid var(--gold);  }
.layoutheader .searchbar button { position: absolute; right: 25px; top: 5px; background: none; border: none; color: var(--brown); cursor: pointer; font-size: 90%; }

@media ( min-width: 1001px )
{
  .layoutheader_inner{ display:flex; align-items:center; justify-content:flex-end; margin: 15px auto; max-width:1200px;}
  .headerlogo { display: block;  width: 60%; }
}
@media ( min-width: 1257px )
{
  .headercontact { text-align: right; width: 20%; }
}
@media ( max-width: 1256px )
{
  .headercontact { text-align: center; max-width:400px; margin: 0px auto 0px auto; padding-bottom: 20px; }
}

/* Navigation */

.layouttopmenu .nav_multilevel li a { color:var(--white); text-transform: uppercase; font-family: EuropaBold; }
.layouttopmenu .nav_multilevel .link260 {/* display: none !important; */}

@media (min-width: 1200px)
{
  .layouttopmenu .nav_multilevel .level1>li {display:inline-block;padding: 25px 30px;}
  .layouttopmenu .nav_multilevel li a:hover {text-decoration: underline;}
  .layouttopmenu .nav_multilevel .level1>li:hover .level2{ position: absolute; opacity: 0.95; width: 1200px; margin-left: -287px; margin-top:25px; display: flex; justify-content:space-evenly; text-align: left; background-color: var(--gold); z-index: 50; padding: 10px;}
  .layouttopmenu .nav_multilevel .level2 ul {padding-top: 10px;}
  .layouttopmenu .nav_multilevel .level2 a {color: white;font-size: 130%;}
  .layouttopmenu .nav_multilevel .level3 a {font-size:90%; text-decoration: none;}
  .layouttopmenu .nav_multilevel .level2 a:hover {text-decoration: none; cursor: auto;}
  .layouttopmenu .nav_multilevel .level2 {display:none;}
  .layouttopmenu .nav_multilevel .level3 a:hover { text-decoration: underline; cursor: pointer; }
  .layouttopmenu .toggle { display: none; }
}

@media (max-width: 1199px)
{
  .layouttopmenu { border-bottom: 10px solid var(--yellow);}

  .layouttopmenu .toggle {position:absolute;;cursor:pointer;}
  .layouttopmenu .toggleon .level1 {display:block; position: absolute;  width: 100%; background-color: #967c6d; z-index: 50; opacity: 0.9; }
  .layouttopmenu .titletxt {position: absolute;top: 30px;right: 55px;}
  
  .layouttopmenu .toggleoff ul {display:none;}
  .layouttopmenu svg path {fill: #967c6d;}
  .layouttopmenu svg {width: 40px; height: 40px; }

  .layouttopmenu .nav_multilevel .level2 {display:none;}
  .layouttopmenu .nav_multilevel .expand {color: black;cursor: pointer; float:right;}
 
  
  .layouttopmenu .nav_multilevel ul li { padding: 5px 10px 5px 10px;}
  .layouttopmenu .nav_multilevel ul li a {line-height: 30px;}
  .layouttopmenu .nav_multilevel .level2 {background-color: var(--beige);}
}
@media ( min-width: 1001px ) and ( max-width: 1199px )
{
  .layouttopmenu .toggle { top:120px;right:15px; }
}
@media ( max-width: 1000px )
{
  .layouttopmenu .toggle {top:130px;right:15px;}
}
@media (max-width: 499px)
{
  .layouttopmenu svg {width: 40px; height: 40px;}
  
  
}

/* homepage content*/

.homepagecontent .title {text-align: center; font-size: 190%;}
.homepagecontent .subtitle {text-align: center; font-size:120%; margin-bottom: 40px;}
.homepagecontent p {text-align:left; padding-bottom:25px;} 

.homepagecontent .components {margin-top:30px}
.homeabout {background-image: url(/images/4uUAivpkO2TKFv463NGe2te00s.png);width: 100%;background-size: contain;background-position: bottom;/* margin-bottom:  50px; */padding-bottom:  50px;}


@media ( min-width: 1200px )
{
  .homeabout .imageleft { margin: 0px 35px 30px 70px; float: left;    } 
  .homeabout p {/* float: right; *//* width: 65%; */}
  

}
@media ( max-width: 1199px )
{
  .homeabout .imageleft { text-align: center; padding-bottom: 20px;  }
  .homepagecontent  { padding: 0px 20px;  } 
}


/* procedures landing page */

.procedures .pagecontent p {text-align: center}

.procedure_landing ul.level1 {display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1240px;margin:  0p;}
.procedure_landing ul.level1>li>a { color: var(--brown); font-size: 120%; }
.procedure_landing ul.level1 .level2>li>a { color: var(--grey); }
.procedure_landing ul li a:hover { text-decoration: underline; }


@media ( max-width: 1000px )
{
  .procedure_landing ul.level1 { flex-direction: column; gap: 20px; margin: 0px auto; max-width: 100%;}
}

/* procedures pages */

.feat_procedure h2, .feat_procedure .description { text-align: center; }
.feat_procedure .information {margin: 0px auto;display: flex;justify-content: space-evenly;border: 5px solid var(--brown);border-radius: 100px 40px;background-color: var(--gold);padding: 40px;margin: 20px auto;flex-wrap: wrap;}
.feat_procedure .information ul li  { display: flex;justify-content: space-between; }
.feat_procedure .information ul li h3 {  color: white;   }
.feat_procedure .information ul li .value {   color: white;  }
.feat_procedure .information img {  border: 2px solid white;} 

.feat_procedure .beforeandafter .util_container { padding: 30px 0px}
.feat_procedure .beforeandafter .util_container h2 { text-align: center; font-size: 150%; font-variant-caps: small-caps; }

.feat_procedure .image img { border: 2px solid var(--brown); }

.feat_procedure .secondimage img { display: block; margin: 0px auto; }

@media ( min-width: 1015px )
{
  .feat_procedure .information { width: 80%; }
  .feat_procedure .information ul li h3 { width: 50%;   }
  .feat_procedure .information ul li .value {width: 50%;padding-bottom: 20px;}
  .feat_procedure .information ul li  { width: 420px }
  .feat_procedure .information ul li h3 {   padding-bottom: 30px; }

  .feat_procedure .introcont {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 50px 0px;}
  .feat_procedure .image { width: 40%;}
  .feat_procedure .faq { width: 50%; }
}
@media ( max-width: 1014px )
{
  .feat_procedure .information { width: 90%; }
  .feat_procedure .information ul li  { flex-direction: column; text-align: center; }
  .feat_procedure .information ul li h3 {   padding-top: 20px; }

  .feat_procedure .image { text-align: center; }
}

/*
.procedures_breast h2, .procedures_breast p, .procedures_abdominal h2, .procedures_abdominal p, .procedures_face h2, .procedures_face p{text-align: center; margin-bottom: 20px;}
.procedure_info .util_textbox_inner{ display: flex; justify-content: space-evenly; border: 5px solid var(--lightgold); border-radius: 100px 40px ; width:80%; background-color: var(--gold); padding: 40px ;  margin:20px auto;}
.procedure_info img {height: auto;width: 500px; border:2px solid white} 
.procedure_info td { padding: 10px ; margin: 10px; color:white ;} */

.procedure_questions .util_expandtext .text{ background-color: white; padding: 20px 10px 5px 10px; border: 2px solid var(--navy); border-radius: 16px;}
.procedure_questions {margin-top: 50px}
.procedure_questions .util_expandtext a {font-size: 120%; color:var(--brown)}
.procedure_questions .util_expandtext a:hover {text-decoration: underline; }

/* About us */

.aboutuscontent .pagecontent { margin: auto 200px 0px 200px; }
.aboutuscontent img {margin: 30px 60px 20px 0px; max-width:270px; }
.about {max-width: 1000px;margin: 0px auto;/* border-bottom: 3px solid var(--gold); */padding: 40px;}
.aboutuscontent h2 {text-align: center; font-size: 120%; text-decoration: underline; padding-bottom: 80px; }
.aboutuscontent h3 { font-size: 130%; }

@media ( min-width: 701px )
{
  .aboutuscontent img { float: left; }
}
@media ( max-width: 700px )
{
  .aboutuscontent img { display: block; margin: 40px auto; } 
  .aboutuscontent h3 { text-align: center;}
}


/* Consultation */

.consultationsurvey .formbuilder select { color: #7b7982; }
.consultationsurvey .formbuilder input, .consultationsurvey .formbuilder textarea { outline: none; }
.consultationsurvey .formbuilder textarea { max-width: 1220px; }
.consultationsurvey {background-color: var(--gold);padding: 40px;margin-top: 40px;border-radius: 160px 30px; border: 5px solid var(--brown); }
.consultationsurvey .titletxt {text-align: center; font-size: 150%; margin-bottom: 30px; color: var(--white);}
.consultationsurvey .form-control {width:100%;outline: none;color: black;}
.consultationsurvey #fb-1-div {float:left; width:50%; padding-right: 15px; box-sizing: border-box;}
.consultationsurvey #fb-2-div {float:left;width:50%;}

@media ( max-width: 1330px )
{
  .consultation { padding: 0px 20px; }
}

/*Home Testimonials*/

@media ( min-width: 1001px )
{
  .homepagecontent .quotescarousel .carousel { height: 350px; }


}
@media ( max-width: 1000px )
{
  .homepagecontent .quotescarousel .carousel { height: 350px; }
  .homepagecontent .quotescarousel i { display: none; }

  
}

.homepagecontent .quotescarousel {padding-top: 50px;}
.homepagecontent .quotescarousel p, .homepagecontent .quotescarousel h3 { text-align: center; }
.homepagecontent .quotescarousel .carousel {overflow: hidden;  max-width: 1200px; margin: 0px auto; position: relative; padding-top: 30px; margin-bottom: 0px;   }
.homepagecontent .quotescarousel .carousel ul { width: 20000em; position: relative;  }
.homepagecontent .quotescarousel .carousel li { min-height: 300px;max-width:380px; margin-right: 20px; padding: 35px; float: left; border: solid 2px var(--brown); border-radius: 10px;  }

/*
.quotescarousel {padding-top: 40px; width: 1200px; margin: 0px auto; } */
.homepagecontent .quotescarousel .titletxt {color: var(--brown);font-weight: 700;font-size: 35px;text-align: center;padding-top: 0px;}
.homepagecontent .quotescarousel .nextprevious{max-width: 1300px; margin: 0 auto; position: relative; bottom: 170px;} 
.homepagecontent .quotescarousel .carousel-next,.quotescarousel .carousel-prev{width:18px;height:27px;display:inline-block;bottom:200px; }
.homepagecontent .quotescarousel .carousel-next {float:right; color:var(--gold)}
.homepagecontent .quotescarousel .carousel-prev {float: left; color: var(--gold)}
/* .quotescarousel{background: #ffffff;text-align:center;width:100%;overflow:hidden;}
.quotescarousel .std_content_inner .content{ margin: 0 auto;  }
.quotescarousel {overflow: hidden; position: relative;}
.quotescarousel .carousel {padding: 30px 0px; overflow: hidden; position: relative;  }
.quotescarousel .carousel ul{width:20000em;position:relative; display: flex; align-items: top; justify-content: center; }
.quotescarousel .carousel li{padding: 35px; box-sizing: border-box; margin-right: 30px; overflow: hidden;}  */
.homepagecontent .quotescarousel i {color: var(--green);}
.homepagecontent .quotescarousel i.fa-chevron-left, .quotescarousel i.fa-chevron-right {font-size: 150%;}
.homepagecontent .quotescarousel .carousel li i.fas.fa-star {padding-bottom: 10px;}

.homepagecontent .testimonialstxt a,  .homeabout a  { float: right; color: var(--brown); font-family: EuropaBold; }
.homepagecontent .testimonialstxt a:hover, .homeabout a:hover { color: var(--gold); text-decoration: underline; }

/* Testimonials */

.testimonials { max-width: 1440px; margin: 0px auto; text-align: center; }
.testimonials .quotes { display: flex;   }
.testimonials .quotes .items { display: flex; flex-wrap: wrap;  justify-content: center; flex: 1 1 0; width: 0;  }
.testimonials .quotes .items .quote {  width: 400px;  margin: 40px 20px 0px 10px; height: 300px;  box-sizing: border-box; box-shadow: 0 0 10px lightgray; border-radius: 10px; padding: 30px 10px 0px 10px;   }
.testimonials .quotes .items .quote h3 { padding-top: 10px; }

.testimonials .testimonialslinks  {  margin: 40px auto 0px auto; /* width: 700px; height: 200px;  box-sizing: border-box; box-shadow: 0 0 10px lightgray; border-radius: 10px;  padding: 45px; */   }
.testimonials .testimonialslinks img { height: auto; }

@media ( min-width: 640px )
{
  .testimonials .testimonialslinks img { width: 600px; }
}
@media ( max-width: 639px )
{
  .testimonials .testimonialslinks img { width: 100%; }
}


/* Contact */

.contact .contact_content {margin-top: 60px;}
.contact .contact_content .items {display:flex; justify-content: space-evenly; flex-wrap: wrap;}
.contact .address {text-align: center; width: 33.3%; }
.contact .address h2 {text-align: center;}
.contact .googlemap img { border: 1px solid lightgrey ; box-shadow: 5px 5px 5px grey; }

.confirm p { color: white; text-align: center;}

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

}

/* FAQ page */

.faqcontainer a {  font-weight: bold; font-size: 110%;}
.faqcontainer a:hover { opacity: 0.5; }
.faqcontainer p { padding:15px; background-color: white; text-align: left; color:black;}
.faqcontainer ol { padding: 15px; }
.faqcontainer li  {background-color: white;text-align: left;/* padding: 10px 60px; */ color: black; font-family: Europa;  }

/* footer (Flexbox)*/

.footeraffiliations { max-width: 1200px;margin: 30px auto 30px auto; background-color: #fefefe; }
.footeraffiliations ul { display: flex;  flex-wrap: wrap; }
.footeraffiliations ul li { display: flex; align-items: flex-end; max-width: 150px;  }

.footercontainer { background-color: rgb(244, 244, 244);  margin-bottom: 40px;  } 
.util_container h2 { color: var(--brown);}
.footercontainer p {color: var(--grey); font-size: 80%; padding:0px}

@media ( min-width: 800px )
{
  .footercontainer {  padding: 20px 0px 20px 0px;  } 
  .footercontainer .items {display:flex;justify-content: space-between;align-items:baseline;color:var(--grey);margin:30px;max-width: 1200px;margin: 0px auto;}
  .util_container h2 {text-align: Left; }
  .footeraffiliations ul { flex-direction: row;  justify-content: space-around; }
  
 
}
@media ( max-width: 799px )
{
 .footercontainer { padding: 30px 0px; }
 .footercontainer .items { text-align: center; }
 .footeraffiliations ul { flex-direction: column;  align-items: center; }
 .footeraffiliations ul li { margin-bottom: 20px; }
}

/* before and after */

.beforeandafter .feat_beforeafter {  max-width: 700px; margin: 0px auto; text-align: center; padding: 40px 0px;  }
.beforeandafter .feat_beforeafter .images { display: flex; justify-content: space-evenly; flex-wrap: wrap; }
.feat_procedure .introduction { text-align: center; }

@media ( max-width: 730px )
{
  .beforeandafter  { padding: 0px 20px;}
}

/* Privacy Policy */ 

.privacypolicy h3 { padding: 40px 0px 20px 0px;}
.privacypolicy a { color: var(--grey); text-decoration: underline; }
.privacypolicy a:hover { color: var(--gold); }
.privacypolicy ul { margin-left: 20px; }
.privacypolicy li { list-style: disc;}
.privacypolicy li:first-of-type { padding-bottom: 15px; }
.privacypolicy ul:first-of-type li:first-of-type { padding-bottom: 0px; }

@media ( max-width: 1325px )
{
  .privacypolicy .doc_privacypolicy { padding: 0px 20px; }
}

.about  { background-image: url(/images/4uUAivpkO2TKFv463NGe2te00s.png); width: 100%; background-size: contain;  background-position: bottom; }
.about:last-child { background: none; padding-bottom: 0px; }
.about a { color: var(--grey); font-family: EuropaBold; transition: all .3s ease-in-out;  }
.about a:hover { text-decoration: underline; }

/* Search page */

.searchpage #result_report { text-align: center; padding-bottom: 30px; color: var(--brown); font-family: EuropaBold; }
.searchpage .title { margin-bottom: 10px;}
.searchpage .result>.title b { background: none; }
.searchpage .result>.title>b { color: black; background: none;}
.searchpage a {  padding: 3px 6px; background-color: var(--gold); color: white; transition: all .3s ease-in-out; }
.searchpage a:hover { background-color: var(--brown); }
.searchpage b { color: white; background-color: var(--brown); padding: 3px 6px; font-size: 90%; }