/* General settings */
  
/*
Content width: 1240
Padding: 10 on left right
Desktop threshold 1260

*/

/* Colours */
:root
{
    --gold: #bb872f;
    --green: #53a998;
    --palegrey: #b1b1b1;
    --navy: #1a2043;
    --white: #ffffff;
}


  body{margin:0;padding:0;font-family: azo-sans-web, sans-serif; font-weight: 400; font-style: normal; color:#595959;}
  *{padding:0;margin:0;font-size:100%;}
  p{margin:0 0 10px 0;line-height:1.8;}
  a{color: #595959;text-decoration:none;}
  fieldset{border:none}
  .hidden{display:none}
  input,select,textarea{font-size:100%;padding: 15px;box-sizing:border-box;width:100%;font-family: azo-sans-web, sans-serif;font-weight: 400;font-style: normal;} 
   input:focus, textarea:focus, select:focus{outline: none;}
   .submit {background-color: var(--gold); color: #ffffff; border: 1px solid var(--gold); cursor: pointer; padding: 12px 0px;}
  select{border:1px solid grey}
  textarea{box-sizing:border-box;}
  img{border:none;max-width:100%;height:auto;}
  img.left{margin:5px 25px 5px 5px;}
  img.right{margin: 5px 5px 5px 25px;}
  li {list-style-type: none;}
  .questioncontainer li, .yourjourneyexpandable li {list-style-type:disc;}
  textarea{max-width:100%;}
  .spacer{clear: both;}
  h1,h2,h3,h4,h5,h6{font-size:100%;margin-bottom:10px; font-family: azo-sans-web, sans-serif; font-weight: 700; font-style: normal;}
  div.label {display:none;}
  ::placeholder {color: var(--gold);}
  strong {font-family: azo-sans-web, sans-serif; font-weight: 700; font-style: normal;}
  .surv_standard .message {color: red; margin-bottom: 10px;}
  table { border-spacing: 0px; }
td, th { padding: 0px; }


  /* General page layout */

.pagebanner {max-height: 400px;overflow: hidden; margin-bottom: 20px;}
.pagebanner img {width: 100%;height: auto;}
.pageheader {clear: both;}
a.turquoiselink {color: var(--green);}
.home .firstbox .content p:first-child a {color: var(--navy); text-decoration: underline; }


  .pagecontent h2 { color: var(--navy); font-size: 120%;}
  .pagecontent ul li { list-style-type: disc; line-height: 1.8; }
  .pagecontent ol li { list-style-type: decimal; }
  .pagecontent, .pagecomponents, .pagetitle, .util_sitesearch { max-width: 1240px; margin: 0px auto 0px auto; }
  .pagetitle, .util_sitesearch .titletxt, .yourjourneytitle {color: var(--gold);text-align: center;font-size: 200%;font-weight: 400;border-bottom: 3px solid var(--gold);letter-spacing: 2px;margin-bottom: 40px;text-transform: uppercase;}
  .page_standarda li {list-style-position: inside;line-height: 1.8;}
  .surv_standard .label {display: none;}
  .surv_standard .input {padding-bottom: 15px;}
  .util_video {text-align: center;}
  .util_video video {max-width: 100%;}

  .home .firstbox .util_textbox_inner h2 {font-weight: bold; font-size: 45px; margin-bottom: 50px;}

@media (max-width: 1299px){
.pagecomponents, .pagecontent {padding: 0px 20px;}
.pagecomponents.home, .pagecontent.home {padding: 0px;}
  }

  
  /* Header */

.layoutheader {height: 123px;}
.layoutheader .nav_multilevel {text-transform: uppercase;}
.layoutheader .nav_multilevel .titletxt {display: none;}
.layoutheader .searchbar input {border: 1px solid var(--gold); border-radius: 16px; height: 30px; padding: 5px; box-sizing: border-box;}
.layoutheader .toggle svg path {fill: var(--green);}
.layoutheader .homelogo img {width: 180px /* 210px */; height: auto;}

@media (min-width: 1101px) {
  .home .util_textbox.firstbox h2{color: var(--gold);font-size:25px;padding-top:20px; text-align: center; }
  .layoutheader .headerphone {float: right; padding-top: 10px; font-size: 95%; position: absolute; right: 35px;  }
  .layoutheader .nav_multilevel .level1>li {line-height: 123px; font-size: 98%; }
  .layoutheader {max-width: 1240px; margin: auto;}
  .layoutheader .homelogo {float: left; margin-top: 12px;}
  .layoutheader .homelogo ul {display: flex;}
  .layoutheader .homelogo .link2 img{width: 120px; padding-top: 10px;}
  .layoutheader .toggle {display: none;}
  .layoutheader .nav_multilevel { float: right; }
  .layoutheader .nav_multilevel .level1>li {float: left; padding-right: 15px;}
  .layoutheader .nav_multilevel .level1>li a:hover {color: var(--gold);}
  .layoutheader .nav_multilevel .level1>li:hover .level2 { display: block; }
  .layoutheader .nav_multilevel .level2 { display: none; position: absolute; line-height: 1.4; background: #f8f8f8; width: 200px; z-index: 50; padding: 10px; }
  .layoutheader .nav_multilevel .level2>li {padding: 10px;}
  .layoutheader .nav_multilevel .level2>li>a:hover { color: var(--gold);}
  .layoutheader .nav_multilevel .level2>li:hover .level3 { display: block;}
  .layoutheader .nav_multilevel .level3 { display: none; position: absolute; margin: -20px 0px 0px 188px; background: var(--navy); width: 250px; padding: 10px; }
  .layoutheader .nav_multilevel .level3>li>a {display: block;padding: 10px; color: #ffffff;}
  .layoutheader .nav_multilevel .level3>li>a:hover { color: var(--gold);}
}

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

@media (max-width: 1100px) {
  .layoutheader {position: relative; padding: 20px; box-sizing: border-box;}
  .layoutheader .headerphone {float: right; padding: 30px 0px 10px 0px;}
  .layoutheader .toggleoff .nav_multilevel .level1 {position: absolute; top: 66px; right: 20px;}
  .layoutheader .nav_multilevel .level1>li:last-of-type {padding-right: 0px;}
  .layoutheader .homelogo {float: left;}
  .layoutheader .homelogo ul {display: flex;}
  .layoutheader .toggleoff ul {display:none;}
  .layoutheader .toggleon.nav_multilevel .links {background-color: var(--green);width:100%;position: absolute;top: 123px;left:0;padding:15px;box-sizing: border-box;z-index: 1000;}
  .layoutheader .toggleon ul a {color: #000000;}
  .layoutheader .toggle svg#Layer_1 {position: absolute; top: 90px; right: 20px; cursor: pointer;}
  .layoutheader .nav_multilevel .expand {position: absolute ;right: 0px;margin-top: -30px;width: 40px;text-align: center;color: var(--navy);line-height: 40px;cursor: pointer;}
  .layoutheader .nav_multilevel li {padding: 8px 0px;}
  .layoutheader .nav_multilevel li a {display: block;}
  .layoutheader .nav_multilevel .level2, .layoutheader .nav_multilevel .level3  {display:none;}
  .layoutheader .nav_multilevel .level2 li a{padding-left:20px;}
  .layoutheader .nav_multilevel .level3 li a{padding-left:40px}
  .layoutheader .nav_multilevel .titletxt {display: block;position: absolute;top: 100px;right: 60px;}
  .layoutheader .headerphone {float: right; padding-top: 20px;}
  
}

@media ( max-width: 500px )
{
  .layoutheader .homelogo .link2 img {width: 100px;}
}

  
  /* Home */ 
  
  .home .pagecomponents { max-width: none; padding: 0px; }

  .home .homemaincarousel {overflow: hidden;position: relative;height: 800px;max-width: 100%;margin: auto;}
  .home .homemaincarousel ul{width:20000em; position: relative;}
  .home .homemaincarousel li {height: 800px;background-size: cover;background-position: top center;}
  .home .homemaincarousel .introduction { background-color: #00000070; padding: 20px; position: absolute; left: 10px; bottom: 10px; z-index: 500;}

@media ( max-width: 400px )
{
  .home .feat_carousel .introduction h2:last-of-type { display: none; }
  .home .intromob { display: block; padding: 20px; text-align: center;}
}


  .home .firstbox {padding: 40px 0px;}
  .home .firstbox .imageleft img {border-radius: 50%;max-height: 500px;}
  .home .homebannerbox {background-size:cover;height: 640px;background-color: #00000055;}
  .home .homebannerbox p{color:#ffffff;}
  .home .homebannerbox h2, .home .homemaincarousel .introduction h2, .home .intromob h2 {font-size: 120%; color: var(--gold);}
  .home .homebannerbox h2 u {text-decoration: none; color: #ffffff;}
  .home .homebannerbox h3, .home .homemaincarousel .introduction h3 {font-size: 130%; color:#ffffff;}
  .home .util_textbox .link {color: #ffffff;text-transform: uppercase;background-color: var(--green); border-radius: 3px;text-align: center;width: 150px;padding: 10px 0px;}
  .home .util_textbox .link a {color: #ffffff;}
  .home .util_textbox.firstbox h2{color: var(--gold);font-size: 35px;padding-top:20px;text-align: center;}
  .home .firstbox .content p:last-child a, .home .consultation a, .home .homebreastaugmentation a {display: block; margin: auto; background-color: var(--green); padding: 10px 20px; color: #ffffff; text-transform: uppercase; width: 200px; text-align: center; border-radius: 16px;}

.home .homeconsultant {position: relative; background-size: cover; background-position: center center;}


.quotescarousel {padding-top: 40px;}
.quotescarousel .titletxt {color: var(--gold); font-weight: 700; font-size: 35px;}
.quotescarousel .nextprevious{max-width: 1440px; margin: 0px 10px; position: relative; bottom: 200px;} 
.quotescarousel .carousel-next,
.quotescarousel .carousel-prev{width:18px;height:27px;display:inline-block;bottom:200px; }
.quotescarousel .carousel-next{ background-image: url(/reflection/images/); background-repeat: no-repeat; float:right; }
.quotescarousel .carousel-prev{background-image: url(/reflection/images/);background-repeat: no-repeat; float: left;}
.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;}
.quotescarousel .carousel ul{width: 20000em;position:relative; display: flex; align-items: top; justify-content: center;}
.quotescarousel .carousel li{padding: 40px; box-sizing: border-box; border: 3px solid var(--green); border-radius: 16px; margin-right: 30px;}
.quotescarousel i {color: var(--green);}
.quotescarousel i.fa-chevron-left, .quotescarousel i.fa-chevron-right {font-size: 250%;}
.quotescarousel .carousel li i.fas.fa-star {padding-bottom: 10px;}
.morereviewslinks {text-align: center; padding-bottom: 40px; padding-top: 20px;}
.morereviewslinks a.button {display: inline-block;width: 200px;background-color: var(--green);color: #ffffff;text-transform: uppercase;padding: 20px;border-radius: 16px;}

@media (min-width: 1100px) and (max-width: 1299px) {
  .home .homebreastaugmentation {background-position: 0px -80px;}
}

@media (min-width: 1300px) {
  .home .imageright {background-size:cover;float:right;border:#000000;border-radius:50%;background-position:center;position:absolute;left: 50%; }
  .home .imagetop {display:none;}
  .home .firstbox {max-width: 1240px; margin: auto;}
  .home .firstbox .util_textbox_inner {align-items: center;justify-content: center;}
  .home .firstbox .util_textbox_inner h2 {font-weight: bold; font-size: 35px; margin-bottom: 50px;}
  .home .firstbox .content, .home .firstbox .link {width: 50%; float: right; box-sizing: border-box;}
  .home .firstbox .imageleft {width: 50%;float: left;}
  .home .consultation, .home .homebreastaugmentation {position: relative;}
  .home .consultation h2 {font-size: 350%;}
  .home .consultation .content {background-color: #00000070; padding: 20px; position: absolute; right: 40px; bottom: 80px;}
  .home .homebreastaugmentation .content {max-width: 50%; background-color: #00000070; padding: 20px; position: absolute; right: 40px; bottom: 80px;}
  .home .homebreastaugmentation {background-position: 0px -240px;}
  .quotescarousel .carousel li { width: 693px !important };
}

@media (min-width: 1650px) {
  .home .homebreastaugmentation {background-position: 0px -340px;}
}

@media( max-width: 1299px )
{
  .home .homebannerbox {position: relative;}
  .home .homebannerbox .content {position: absolute; bottom: 150px; background-color: #00000070;padding: 20px;width: 100%;box-sizing: border-box;text-align: center;z-index: 1000;}
  .home .consultation h2 {font-size: 350%;}
  .home .firstbox {padding: 40px;}

}

@media (min-width: 901px) and (max-width: 1299px) {
.home .firstbox .content, .home .firstbox .link {width: 50%; float: right; box-sizing: border-box;}
.home .firstbox .content {padding-left: 40px; box-sizing: border-box;}
.home .firstbox .imageleft {width: 50%;float: left; text-align: center;}
.quotescarousel .carousel li { width: 693px !important };



}

@media (max-width: 900px) {
.home .homemaincarousel .introduction {position: absolute; left: 0px; bottom: 20px; width: 100%; text-align: center; z-index: 50; box-sizing: border-box;}
.home .firstbox {padding: 20px;}
.home .firstbox .imageleft {text-align: center; margin-bottom: 20px;}
.home .consultation h2 {color: #ffffff; font-size: 250%;}
.morereviewslinks a.button {display: block; margin: auto;margin-bottom: 10px;}
.quotescarousel { width: 100%; }
.home .homebannerbox .content { background-color: #00000070;padding: 20px;width: 100%;box-sizing: border-box;text-align: center;z-index: 1000;}
}

@media (max-width: 415px /* smaller Phones */){

.home .pagecomponents {margin-bottom: 800px;}

.home .feat_carousel { margin-top: 20px;}
.home .homebannerbox .content {position: absolute; bottom:0px ;}
.home .homebannerbox { height: 925px;}
.home .consultation { height:250px;}
.home .consultation .content {position: absolute; top: 220px; background-color: white;}
.home .consultation .content h2{ color:var(--gold)}
.home .quotescarousel { margin-top: 210px;}
.home .quotescarousel .nextprevious {width: 295px;}
.home .homebreastaugmentation {height:300px;}
.home .homebreastaugmentation .content {position: absolute; top: 300px;background-color: white;}
.home .homebreastaugmentation .content p {color: var(--gold); padding-bottom: 15px;}
.home .homebreastaugmentation .content u {color:var(--green)}
 }



.home .votelink {width: 200px; position: absolute; top: 105px; left: 15px;}

@media (max-width: 750px) {
  .home .votelink {width: 100px; top: 110px;}
}

.certificates {margin: 20px 10px 100px 10px;}
.certificates h2 {color: var(--gold); font-weight: 700; font-size: 35px; text-align: center; margin-bottom: 20px;}
.certificates p {max-width: 80%; text-align: center; margin: 0 auto; margin-bottom: 40px;}
.certificates ul {display: flex; justify-content: center; gap: 50px; justify-content: center; align-items: center;}
.certificates ul li {text-align: center; }
.certificates ul li a img {max-width: 200px; height: auto;}
.certificates strong {font-size: 110%;}
.certificates .content {text-align: center;}

@media (max-width:450px) {
  .certificates ul {flex-direction: column;}
  .certificates ul li a img {max-height: 200px;}
}


/* Expandable text boxes */
.util_expandtext .link {clear: both;}
.util_expandtext .link a {display: block;margin: auto; background-color: var(--navy);margin-bottom: 20px;padding: 20px;border-radius: 16px;text-align: center; color: var(--white);}
.util_expandtext .text {padding: 25px; margin-bottom: 20px; border: 2px solid var(--navy); border-radius: 16px;}

  
/* Your consultation */
.consultationsurvey .titletxt {text-align: center; font-size: 150%; margin-bottom: 30px; color: var(--gold);}
.consultationsurvey .form-control {width:100%; color: var(--gold);}
.consultationsurvey #fb-1-div {float:left; width:50%; padding-right: 15px; box-sizing: border-box;}
.consultationsurvey #fb-2-div {float:left;width:50%;}
.consultationsurvey #fb-4.form-control {height:200px;}
.consultationsurvey .message { color: var(--white); }

/* Surgical Layout */
.surgicallayout .titletxt {font-size: 150%; color: var(--gold); margin-bottom: 20px;}
.surgicallayout .surgicaldetails {overflow-x: auto; max-width: 100%;}
.surgicallayout .surgicaldetails table {max-width: 100%;}
.surgicallayout .surgicaldetails tr td {padding: 5px;}
.surgicallayout .surgicallayoutextratext {clear: both; margin-bottom: 40px;}
.surgicallayout .questioncontainer .titletxt {text-align: center;}

@media (min-width: 1300px){
.surgicallayout .pagecontent.content {margin-bottom: 40px;}
.surgicallayout .surgicaldetails {float: left; width: 40%; margin-bottom: 40px; padding-left: 20px;}
.surgicallayout .questioncontainer { clear: both; box-sizing: border-box; margin-top: 40px; margin-bottom: 40px;}
.surgicallayout .surgicalhalfimage {width: 50%; float: left;}
.surgicallayout .surgicalhalfimage .imagetop {text-align: center;}
.surgicallayout .surgicalhalfimage img {border: 25px solid var(--navy); border-radius: 16px; box-sizing: border-box;}
.surgicallayout .consultationsurvey {clear: both; margin-top: 40px;}
}

@media (max-width: 1299px) {
  .surgicaldetails, .questioncontainer {margin-bottom: 20px;}
  .questioncontainer {margin-top: 20px;}
  .surgicallayout .titletxt {text-align: center;}
}

/* Biography */
.biography .homemaincarousel {overflow: hidden; position: relative; height: 400px; margin-bottom: 20px; width: 1240px; max-width: 100%;}
.biography .homemaincarousel ul{width:20000em; position: relative;}
.biography .homemaincarousel li {height: 400px;max-width: 1240px;background-size: cover;background-position: center center;}
.biography .homemaincarousel .introduction {z-index: 500; color: var(--white);}
.biography .bioqualifications {font-size: 150%; padding-bottom: 40px;}

@media (min-width: 901px) {
  .biography .homemaincarousel .introduction {position: absolute; bottom: 0px; right: 30px; z-index: 500; font-size: 300%; text-align: right;}
}

@media (min-width: 751px) and (max-width: 900px) {
  .biography .homemaincarousel .introduction {font-size: 200%; position: absolute; bottom: 0px; right: 30px; z-index: 500; text-align: right;} 
}

@media (max-width: 750px) {
  .biography .homemaincarousel .introduction {position: absolute; bottom: 0px; width: 100%; font-size: 100%; background-color: #000000; display: flex; justify-content: space-around;}
  .biography .homemaincarousel .introduction p {display: inline-block;}
}

/* Your Journey */

.yourjourney .homemaincarousel {overflow: hidden; position: relative; height: 400px; margin-bottom: 20px; max-width: 100%;}
.yourjourney .homemaincarousel ul{width:20000em;position: relative;}
.yourjourney .homemaincarousel li {height: 400px;max-width: 1240px;background-size: cover;background-position: center center;}

.yourjourneytitle .titletxt {font-weight: 400;}
.yourjourney .yourjourneyintro h2 {font-size: 200%; color: var(--navy);}
.yourjourney .surgicalhalfimage .imagetop {text-align: center;}
.yourjourney .surgicalhalfimage img {border: 25px solid var(--navy); border-radius: 16px; box-sizing: border-box;}

@media (min-width: 900px) {
  .yourjourney .yourjourneyintro {float: left; width: 60%;}
  .yourjourney .surgicalhalfimage {width: 40%; float: left; margin-bottom: 40px;}
}

@media (max-width: 899px) {
  .yourjourney .surgicalhalfimage {margin-bottom: 20px;}
  .yourjourney .yourjourneyintro {margin-bottom: 30px;}
  .yourjourney #carouselitem-1 {background-position-x: 75%;}
  .yourjourney #carouselitem-2 {background-position-x: 45% ;}
  .yourjourney #carouselitem-3 {background-position-x: 65%;}
  .yourjourney #carouselitem-4 {background-position-x: 37%;}
  .yourjourney #carouselitem-6 {background-position-x: 85% ;}
}
/* Testimonials page*/

.testimonials .morereviewslinks {padding: 40px 0px 0px 0px;}

/* Contact page */

.consultationsurvey {background-color: var(--navy); padding: 40px; margin-top: 40px;}
.contactpage .contactinfocontainer { margin: auto; padding-top: 40px; padding-bottom: 40px;}
.locationbox h2, .contactoffice h2 {color: var(--gold); font-size: 120%;}
.locationimage img, .googlemap img {/* border: 1px solid var(--navy); */box-sizing: border-box;}
.contactoffice {clear: both; padding-top: 40px;}

  @media (min-width: 1300px){
  .locationbox, .locationimage, .googlemap {width: 33.3%; float: left;}
  }

  @media (min-width: 700px) and (max-width: 1299px) {
    .contactinfocontainer {max-width: 700px; margin: auto;}
    .locationbox {float: left;}
    .locationimage, .googlemap { float: right;}
    .googlemap {clear: right;}
  }

  @media (max-width: 699px) {
    .consultationsurvey { padding: 20px; }
    .locationbox, .locationimage, .googlemap {text-align: center;}
  }

/* Footer */

.layoutfooter .homelogo img {width: 210px; height: auto;}
.layoutfooter .footerlogo {clear: both;}
.layoutfooter .footerlogo ul {display: flex; justify-content: center; align-items: center;}
  
.layoutfooter .footercontainer2 {padding: 20px; background-color: var(--palegrey); color: #ffffff;}
.layoutfooter .titletxt {color: #ffffff; text-transform: uppercase;}
.layoutfooter a {color: #ffffff;}
.layoutfooter .footerfollow li {float: left; padding-right: 5px;}
.layoutfooter svg {width: 30px; height: 30px;}
.layoutfooter svg path {fill: #ffffff;}
.layoutfooter .privacypolicy { background-color: var(--palegrey); color: #ffffff; }
.layoutfooter .privacypolicy .content {display: flex; justify-content: space-between; padding: 0 20px;}
.layoutfooter .footercontainer2 .items {display: flex; justify-content: space-between;}

.beachshore {display: none;}

@media (min-width: 1000px) {
  .footerlogo ul {display: flex; justify-content: center; align-items: center;}
  .footerlogo li {width: 16.6%; text-align: center;}

}

@media (max-width: 1000px) {
  .layoutfooter .footercontainer2 .items {flex-direction: column; text-align: center; }
  .nav_linklist.footerfollow .links {display: flex;justify-content: center; align-items: center; list-style: none; padding: 0; margin: 0;}
  .nav_linklist.footerfollow .link1 {display: flex; justify-content: center;align-items: center; padding-bottom: 20px;}

}

@media (max-width: 550px) {
  .layoutfooter .privacypolicy .content {flex-direction: column;}
}

/* Dialog */

.ui-widget-overlay { position: fixed; background: #00000077; width: 100%; height: 100%; top: 0px; }
.ui-front { z-index: 2; }
.ui-dialog { background-color: #ffffff; padding: 10px; }
.ui-dialog-titlebar { text-align: right; }

/* Blog */

.allblogs .list { display: flex; justify-content: space-evenly; flex-wrap: wrap;   }
.allblogs .article { width: 350px; margin-bottom: 40px; box-shadow: 0px 0px 10px #e8ebe9; padding: 20px; border-radius: 5px; }
.allblogs .article:hover, .allblogs .article:hover  a { background-color: var(--green); color: white; }
.allblogs .bgimage { height: 300px; background-size: cover; background-position: center center;}

.std_newsarticlea { max-width: 1000px; margin: 0px auto;}
.std_newsarticlea .headline, .std_newsarticlea .created.datetime, .std_newsarticlea .image, .std_newsarticlea .abstract {text-align: center;}
.std_newsarticlea .image { padding: 20px 0px; }
.std_newsarticlea .image img { height: auto; width: 350px; }
.std_newsarticlea h1 {font-size: 130%; margin-top: 20px;}
.std_newsarticlea h2 {font-size: 110%; padding-top: 20px;}
.std_newsarticlea ol, .std_newsarticlea ul  {padding-left: 30px;}
.std_newsarticlea ol li {list-style-type: decimal; padding: 8px 0;}
.std_newsarticlea ul li {list-style-type: disc;}
.std_newsarticlea .article a {text-decoration: underline; color: var(--navy);}

.std_newsarticlea .awardsphotos ul {display: flex; flex-wrap: wrap; gap: 20px; margin-top: 60px;}
.std_newsarticlea .awardsphotos ul li { list-style: none;}
.std_newsarticlea .awardsphotos ul li img {width: 300px;}
.std_newsarticlea .article blockquote {max-width: 800px; margin: 0 auto;}


@media (max-width: 1299px) {
.std_newsarticlea {padding: 20px;}
}

/* Procedures page */
.procedurespage .nav_multilevel {background-color: var(--green); color: var(--navy); padding: 20px; border-radius: 16px; max-width: 500px; margin: auto; margin-bottom: 20px;}
.procedurespage .nav_multilevel .titletxt {text-transform: uppercase; text-align: center;}
.procedurespage .nav_multilevel a {color: var(--white);}



/*** LANDING PAGES ***/
.landing {max-width: 1000px;margin: 0 auto;padding: 0 20px;}
.landing a {color: var(--navy); text-decoration: underline;}
.landing h1 {text-transform: uppercase; font-size: 170%; color: var(--gold); text-align: center; border-bottom: 3px solid var(--gold); padding-bottom: 10px;}
.landing h2 {font-size: 140%;}

.landing .header {text-align: center; margin-top: 30px; margin-bottom: 30px;}

.landing .intro {display: flex; margin: 50px 0; gap: 30px;}
.landing .intro img { width: 100%;}

/* .landingprocedures h1 {color: var(--gold); border-bottom: 3px solid var(--gold); padding-bottom: 10px; text-align: center; margin-bottom: 20px;} */

.landingprocedures .info ul {display: flex; gap: 30px; padding: 5px 0;}
.landingprocedures .info ul li:first-child {flex: 1; font-weight: bold;}
.landingprocedures .info ul li:nth-child(2) { flex: 4;}
.landingfaqs h2 {margin-top: 30px;}

.landing .info {display: flex;}


.landing .content {margin-bottom: 50px;}
.landing .content h1 {text-align: center; margin: 80px 0 30px 0;}

.landing .location {display: flex;}
.landing .location .locationbox {flex: 1; margin-top: 30px;}
.landing .location .googlemap {margin-top: 30px;}

.about img { float: right; margin-left: 20px; max-width: 40%; height: auto;}
.about p, .about h2 { margin-bottom: 20px;}
.about {overflow: hidden;}

.landing .more {margin-top: 30px; margin-bottom: 50px;}


@media(max-width: 700px) {
  .landing .intro {flex-direction: column; align-items: center;}
  .landing .intro img { padding: 30px 0;}
  .landingprocedures .info ul li:first-child {flex: 1;}
  .landingprocedures .info ul li:nth-child(2) { flex: 2;}

  .landing .location {flex-direction: column;}
  .landing .googlemap {margin-top: 0 !important;}
  .about img {float: none; display: block; margin: 0 auto 20px auto; max-width: 100%;}
  .info .infoimg {display: none;}
}