/* CSS Document */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {background-position: center top;  margin: 0px; padding: 0px; background-repeat:repeat-x; background-color:var(--grey-bg-color);  /*background-image:url(/images/bg.webp);*/}

h1 {font-size: 30px;padding: 0px; font-weight: normal;}
h2 {font-size: 26px;  font-weight: normal;}
h3 {font-size: 22px;font-weight: normal;}
h4 {font-weight: normal;font-size: inherit;}
h5 {font-size: 11pt;font-weight: 500;margin: 1px auto 3px auto;}
h6 {text-align: center;font-size: 10pt;font-weight: 500;margin: 2px auto 3px auto;}

#frmForm2 {
  width: 100%;
  max-width: 343px;
  margin: 0 auto;
  display: block;
  padding:10px;
}

#name, #phone, #email, #subject, #message {
  width: 100%;
  max-width: 94%;
  font-size: 18px;
}


/* H-Card Classes */

h5.h-card	{text-align: center; margin: 10px auto; font: normal normal 500 11pt/13pt Arial, Helvetica, sans-serif; color: #000; text-decoration: none;}
.p-name, .p-honorific-suffix, .p-street-address, .p-extended-address, .p-locality, .p-region, .p-postal-code, .p-org u-url	{
font: normal normal 500 11pt/13pt Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000;
}

/* end H-Card Classes */

.dr-main-div { display: block; margin:   50px auto; width: 100%; max-width: 1180px; text-align: center;}

.dr-main-div a { width: 100%; max-width: 29%; margin:0 15px; padding: 0 10px; display: inline-block; text-decoration: none;}

.dr-call-1 { background: url('/content/team/dr-bartlett-callout.webp'); background-position:   center; background-size: cover; border-radius: 100%;
 width: 100%; height: 300px; border: 3px solid var(--black-bg-color);}

.dr-call-2 { background: url('/content/team/dr-castillo-callout.webp'); background-position:  center; background-size: cover; border-radius: 100%;
 width: 100%; height: 300px; border: 3px solid var(--black-bg-color);}

.dr-main-div h4 { text-decoration: none; color: #000; font-size: 20px; font-weight: 600; margin: 15px 0 0 0;}

.contact_us_text	{ color: #000; font-size: 12px;}

/* menu-services */
#menu-services ul{width:95%;   margin:0; padding:15px 2% 15px 2%; border:5px solid #14a76c; border-radius: 10px; 
margin:0 0 20px 0; }
#menu-services ul li{display: inline-block; padding:5px 0px 5px 8px; width:192px;  }
#menu-services ul li a{text-decoration: none;color: #000;    }
#menu-services ul li a:visited {text-decoration: none;color: #000; }
#menu-services ul li a:hover {text-decoration: underline;color: #000;   }
/* menu-services */

/* Default Link Style */ 
a:link    { text-decoration: underline; color: #000;     }
a:visited { text-decoration: underline; color: #333;    }
a:hover   { text-decoration: underline; color: #333;     }
/* Default Link Style */

/* menu-Menu */
nav#menu-thin-pulldown {width:100%;}
nav > ul { margin:0px;padding:13px 0px 13px 0px;text-align:center;}
nav#menu-thin-pulldown > ul > li {color:#fff; display:inline-block; *display:block; zoom:1; border-left:0px solid #6147a7;  }
nav#menu-thin-pulldown > ul > li:first-child { border-left:none; border-top:none;}
nav#menu-thin-pulldown  > ul > li > a {color:#000;line-height:40px;font-size:13px;padding:0 6px;display:block; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; }
nav#menu-thin-pulldown > ul > li > a:hover { text-decoration: underline;  }
nav#menu-thin-pulldown > ul li:hover > ul { display:block; }
/* menu-Menu */

/* Items that are hidden from main website */ 
#pull                { display:none;}
#menu-thin-offer     { display:none;}
#menu-thin-direction { display:none;}
#menu-thin-phone     { display:none;}
#show                { display:none;}
#menu-thin           { display:none;}
ul.images            { display:none;}	
/* Items that are hidden from main website */ 

/* Header Area Alignment of Phone and Adreess */ 
ul.header-NAP     { /*clear:left;*/  width:340px; list-style:none; margin:25px 0 10px 0;float: right; padding:0; text-align:right; }
ul.header-NAP li  { display:block; font-size:20px; list-style:none; margin:0px 0px 3px 0px; border-radius:5px; padding:0; text-align:right; line-height:normal; }
ul.header-NAP a li{ text-decoration: underline; }
ul.header-NAP a { text-decoration: none; color:#000; }
/* Header Area Alignment of Phone and Adreess */ 


#special-menu {width: 100%;text-align: left;margin:0;padding:0px 0 0 0;float:left;}
#special-menu ul {list-style:none;margin:0;padding:0;text-align:left;float:left;}
#special-menu ul li {float:left;list-style:none;margin:0 0 0 0px;padding:0;}

/* Special Horizontal Image Buttons */
ul.special-block { clear:left;   	list-style:none; margin:0px 0px 0 0px;	padding:0; }
ul.special-block li { display:block;  float: right;list-style:none; margin:0px 0px 8px 0px; border-radius:10px; letter-spacing:-1px; padding:10px 5px 10px 18px;width:254px; border:5px solid #13c286;text-align:left;
background-image: url(/go/images/arrow.webp); background-repeat:no-repeat; background-position:95%; background-color:#15793f; /* fallback */
background-image: url(/go/images/arrow.webp), -webkit-gradient(linear, left top, left bottom, from(#15793f), to(#14a76c)); 
background-image: url(/go/images/arrow.webp), -webkit-linear-gradient(top, #15793f, #14a76c); 
background-image: url(/go/images/arrow.webp),    -moz-linear-gradient(top, #15793f, #14a76c); 
background-image: url(/go/images/arrow.webp),     -ms-linear-gradient(top, #15793f, #14a76c); 
background-image: url(/go/images/arrow.webp),      -o-linear-gradient(top, #15793f, #14a76c); 
background-image: url(/go/images/arrow.webp),         linear-gradient(top, #15793f, #14a76c);  }
ul.special-block a li{ text-decoration:none; color:#fff;font-size:24px;  font-family:'Lato', Arial, Helvetica; font-weight: 400;  }
ul.special-block a  { text-decoration:none;}
ul.special-block  a:hover  li{ color:#fff;}
/* Special Horizontal Image Buttons */

/* Main Content Title */
.content-page-title { font-family: 'Alegreya SC', serif; font-size: 34px; line-height: normal; text-transform: uppercase;}

/* Default Tag Style */
body, td, p, ul, ol, li,  div, span, blockquote { font-size:18px; color:#000; font-family:'Pontano Sans',Helvetica,sans-serif;  }

/* Rotator Title */
.rotator-title-text{ font-family: 'Playball', serif;  line-height:30px; font-size:30px; color:#feab5b !important    }

/* Header Style Wrapper */
.header {position:relative;z-index:1001; background-color:var(--dark-grey-bg-color); }

.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}

/* Header Style */
.header-top{ width:977px; margin:0 auto;}

/* Main Menu Style */
#main-menu{ margin:0; background:var(--white-bg-color); /* background-repeat:repeat-y; background-image:url(/style/images/hr-nav.webp); background-position:top center; background-color:#a69466;*/ }
/* Main Menu Style */

/* Practice Name Style */
ul.header-logo { clear:left;  max-width:500px; 	list-style:none; margin:0px 0px 0 0px;float: left;	padding:50px 0 0 0; }
ul.header-logo li { display:block; font-size:18px;   font-family: 'Lato', serif; color:#000; list-style:none; margin:0px 0px 2px 0px; padding:0; } 
ul.header-logo li.header-practice-name{  font-size: 44px; line-height:normal; letter-spacing:-1px; font-weight:normal;     }
ul.header-logo li img { width:100%; height:auto;}
/* Practice Name Style */


a[href^=tel] { color: inherit; text-decoration:none; }

/* Header Phone Number */
#header-phone	{
				color:#000;
				font-family: 'Alegreya SC', serif;
				font-size: 24px;
				font-weight: 700;
}

#header-wrapper{  margin:0px 0 0 0;  width:100%; background-position: center top;  	position: relative;z-index: 500; background-color:var(--white-bg-color); }


.content-wide{width:100%; margin:0;	position: relative; background:var(--grey-bg-color)   }
.content-wrapper{width:977px; margin:0 auto;	position: relative; }
.slider-wrapper{ margin:0 auto;	position: relative; }
#special-wrapper{ float:right;  max-width:300px; margin: 20px 0 0 20px; position: relative; z-index: 1000; }
#special-wrapper-Inner{ float:right;  max-width:300px; margin: 20px 0 0px 20px;  z-index: 1000; }

#content-main{  max-width:1200px; width:100%; margin:10px auto;  }

ul.content { margin:auto; display: inline-block;list-style:none; text-align:left;padding:0;   }
ul.content li { margin:0 0 0px 0; display:block; float:left; list-style:none;  }

#header-NAP{z-index:1001;position: absolute;max-width:277px;margin: 0px 0px 0 0;left: 720px;top: 75px;}

#footer{  padding:10px 0px 10px 0px; text-align: center; position:relative; z-index:1001; background: var(--white-bg-color); color:#fff; display:inline-block; width:100%; 

/*background: #99865c;
background: -moz-linear-gradient(top,  #99865c 0%, #caba7f 50%, #a39163 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99865c), color-stop(50%,#caba7f), color-stop(100%,#a39163)); 
background: -webkit-linear-gradient(top,  #99865c 0%,#caba7f 50%,#a39163 100%);
background: -o-linear-gradient(top,  #99865c 0%,#caba7f 50%,#a39163 100%); 
background: -ms-linear-gradient(top,  #99865c 0%,#caba7f 50%,#a39163 100%); 
background: linear-gradient(to bottom,  #99865c 0%,#caba7f 50%,#a39163 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99865c', endColorstr='#a39163',GradientType=0 );*/

}
#footer a{   color:#000; }
#footer div{   color:#000; }
 			 
ul.special-button-image { clear:left;float:left;list-style:none;margin:0;padding:0; }
ul.special-button-image li { display:block; margin:0px 0px 5px 0px; border-radius:0px;float:left;list-style:none;padding:10px 5px 10px 15px; 
 width:272px; border:4px solid var(--dark-grey-bg-color); 
background-image: url(/go/images/arrow.webp); background-repeat:no-repeat; background-position:95%; background-color:var(--black-bg-color); /* fallback */
background-image: url(/go/images/arrow.webp), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)); 
background-image: url(/go/images/arrow.webp), -webkit-linear-gradient(top, #000, #000); 
background-image: url(/go/images/arrow.webp),    -moz-linear-gradient(top, #000, #000); 
background-image: url(/go/images/arrow.webp),     -ms-linear-gradient(top, #000, #000); 
background-image: url(/go/images/arrow.webp),      -o-linear-gradient(top, #000, #000); 
background-image: url(/go/images/arrow.webp),         linear-gradient(top, #000, #000);


/*background-image: url(/images/arrow.webp); background-repeat:no-repeat; background-position:95%; background-color:#801d2a; 
background-image: url(/images/arrow.webp), -webkit-gradient(linear, left top, left bottom, from(#801d2a), to(#ac312d)); 
background-image: url(/images/arrow.webp), -webkit-linear-gradient(top, #801d2a, #ac312d); 
background-image: url(/images/arrow.webp),    -moz-linear-gradient(top, #801d2a, #ac312d); 
background-image: url(/images/arrow.webp),     -ms-linear-gradient(top, #801d2a, #ac312d); 
background-image: url(/images/arrow.webp),      -o-linear-gradient(top, #801d2a, #ac312d); 
background-image: url(/images/arrow.webp),         linear-gradient(top, #801d2a, #ac312d);
*/}


ul.special-button-image a li{font-size:26px; text-align:left; font-family:'Alegreya SC',serif; font-weight: 400; color:#fff; text-decoration:none; letter-spacing:-1px; line-height:27px; }
ul.special-button-image a {  text-decoration:none; }
ul.special-button-image  a:hover  li{font-size:26px; text-align:left; font-family:'Alegreya SC',serif; font-weight: 400; color:#fff;text-decoration:none; letter-spacing:-1px; 
line-height:27px; }
ul.special-button-image  .img { float:none; text-align:center; border:none;}
ul.special-button-image li.social{  
border:2px solid #82835b;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); 
background-image: -webkit-linear-gradient(top, #fff, #fff); 
background-image: -moz-linear-gradient(top, #fff, #fff); 
background-image: -ms-linear-gradient(top, #fff, #fff); 
background-image: -o-linear-gradient(top, #fff, #fff); 
background-image: linear-gradient(top, #fff, #fff);}
ul.special-button-image li.read-reviews-button {    background-image: url(/images/stars5.webp); background-repeat:no-repeat; background-position:95%;background-color:#15793f; /* fallback */
    background-image: url(/images/stars5.webp), -webkit-gradient(linear, left top, left bottom, from(#15793f), to(#14a76c)); 
    background-image: url(/images/stars5.webp), -webkit-linear-gradient(top, #15793f, #14a76c); 
    background-image: url(/images/stars5.webp),    -moz-linear-gradient(top, #15793f, #14a76c); 
    background-image: url(/images/stars5.webp),     -ms-linear-gradient(top, #15793f, #14a76c); 
    background-image: url(/images/stars5.webp),      -o-linear-gradient(top, #15793f, #14a76c); 
    background-image: url(/images/stars5.webp),         linear-gradient(top, #15793f, #14a76c);} 
ul.special-button-image li#show-spacer{ margin-bottom:100px;}
ul.special-button-image.fix li#show-spacer{margin-bottom:5px; } 

#rotator-area{padding:23px 0px 0px 0px;text-align:center; background:url('/go/images/offer-bg.webp') ;  
color:#fff;width:282px;  font-size:16px; margin:0 0 20px 0; border:9px solid var(--dark-grey-bg-color);
}
#rotator-area p  {color:#fff; }#rotator-area span  {color:#fff; }#rotator-area div  {color:#fff; }
#rotator-area td  {color:#fff; ;}

div.rotator td{ color:#fff;}

.spacer{ clear:both;font-size:0; line-height:0;}

#Right-Top-Gradient {font-size:24px; text-align:center; float:right; font-family:'Alegreya SC',serif; font-weight:400;  padding:6px 0px 10px 0px; width:252px; border:4px solid var(--dark-grey-bg-color); 
background-repeat:no-repeat; color:#fff; text-decoration:none;  
border-radius:10px; margin:14px 0px 0px 0px; 

background-color:var(--black-bg-color);

/*background-color:#801f2a;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#801f2a), to(#af342f));
background-image: -webkit-linear-gradient(top, #801f2a, #af342f); 
background-image: -moz-linear-gradient(top, #801f2a, #af342f);
background-image: -ms-linear-gradient(top, #801f2a, #af342f);
background-image: -o-linear-gradient(top, #801f2a, #af342f); */ }

#callouts{
width:100%; margin:0; padding:0; position: relative; z-index: 1199; }

ul.block { clear:left; list-style:none; padding:3px 0 2px 0;margin:0; text-align:left; }
ul.block li { display: inline-block;  list-style:none; margin: .1%; position: relative;text-decoration:none; }
 
ul.block  li img{ width:235px; z-index: 1100; }
ul.block   li a{ text-decoration:none; }

ul.block   li a>div{ color:#FFFFFF; display:block; margin:0px 0px 0px 0px; border-radius:0px; float:left; letter-spacing:-1px; list-style:none; padding:10px 38px 10px 11px; 
border:4px solid var(--dark-grey-bg-color); text-align:left; font-family:'Source Serif Pro',serif; font-size:23px; font-weight:normal;

background-image: url(/go/images/top-arrow.webp); background-repeat:no-repeat; background-position:95%; 
background-color:var(--black-bg-color); /* fallback */
background-image: url(/go/images/top-arrow.webp), -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)); 
background-image: url(/go/images/top-arrow.webp), -webkit-linear-gradient(top, #000, #000); 
background-image: url(/go/images/top-arrow.webp),    -moz-linear-gradient(top, #000, #000); 
background-image: url(/go/images/top-arrow.webp),     -ms-linear-gradient(top, #000, #000); 
background-image: url(/go/images/top-arrow.webp),      -o-linear-gradient(top, #000, #000); 
background-image: url(/go/images/top-arrow.webp),         linear-gradient(top, #000, #000); 


/*background-image: url(/images/top-arrow.webp); background-repeat:no-repeat; background-position:95%; 
background-color:#801f2a; 
background-image: url(/images/top-arrow.webp), -webkit-gradient(linear, left top, left bottom, from(#801f2a), to(#af3530)); 
background-image: url(/images/top-arrow.webp), -webkit-linear-gradient(top, #801f2a, #af3530); 
background-image: url(/images/top-arrow.webp),    -moz-linear-gradient(top, #801f2a, #af3530); 
background-image: url(/images/top-arrow.webp),     -ms-linear-gradient(top, #801f2a, #af3530); 
background-image: url(/images/top-arrow.webp),      -o-linear-gradient(top, #801f2a, #af3530); 
background-image: url(/images/top-arrow.webp),         linear-gradient(top, #801f2a, #af3530); */}


.staff-name {
    font-weight: bold;
    margin-bottom: 5px;
}

.staff-name01 {
    margin-top: 5px;
}
#ReviewBox {
	/*background: #010101 !important;*/
	border: 0px solid var(--dark-grey-bg-color)!important;
	display: inline-block;
	float: none;
	list-style: none;
	margin: 0 0 5px!important;
	padding: 0 !important;
	text-align: center !important;
	width: 270px!important
}
#Read-More-Reviews {
    color: #fff;
    display: inline-block !important;
    font-size: 18px !important;
    width: 100% !important;
    text-decoration: none !important;
    background: #010101;
    padding: 12px 0 10px 0;
    font-weight: bold;
}

#Read-More-Reviews i {
	font-size:16px;
}
.patient-btn { background:#010101; padding:12px 18px; display:inline-block; text-decoration:none !important;; color:#fff !important; text-align:center; font-size:20px; border:3px solid var(--dark-grey-bg-color); border-radius:10px; }


.hours-map-section { float:left; width:100%; background:var(--dark-grey-bg-color);  }

.hours { width:30%; display:inline-block; float:left; background:url(/go/images/offer-bg.webp); padding: 30px 0;}

.map { width:70%; display:inline-block; float:left; }

.hour-box { max-width:300px; margin:0 auto; }

.hour-box a { color:#000; }

.hours-title { font-size: 28px; color: #000; font-weight:300;  margin: 5px 0;}

.hour-box ul {  display: inline-block; width: 100%; padding: 0;  margin: 10px 0 0 0; list-style: none;}

.hour-box ul li { display: inline-block; width: 100%; margin: 0;  padding: 5px 0 5px 0; color: #000; font-size: 18px;}

.hour-box ul li span { display: inline-block; width: 100%;  max-width: 130px; font-size: 18px; color:#000;}

.footer-call { font-size:18px; color:#000; }

.footer-call a{ font-size:30px; color:#000; font-weight:300; }

.footer-call i { font-size:36px; color:#000; margin-right:10px; }

.social-box { border: 1px solid #000; color: #000; padding: 8px 0 0 0; display: inline-block; width: 38px; height: 30px; border-radius: 100%; text-align: center;} 

.social-box i { font-size:20px; }

.social-box:hover i { color:#fff; } 


.new-callouts { display: block; box-sizing: border-box; width: 100%; min-height: 380px; padding:56px 0; background:var(--blue-bg-color);}

.new-callouts-div { display:flex; align-items:stretch; justify-content:center; gap:28px; box-sizing:border-box; width:100%; max-width:1180px; margin:0 auto; padding:0 24px; z-index:0; position:relative; text-align:center;}

.col-01 { display:block; flex:1 1 0; box-sizing:border-box; width:auto; max-width:360px; padding:0;}

.col-01 > a { display:flex; height:100%; flex-direction:column; text-decoration:none; }

.white-back { background:var(--black-bg-color); overflow:hidden; /*padding:15px;*/ padding:0px;  }

.white-back img { display:block; width:100%; height:auto; aspect-ratio:225 / 187; object-fit:cover; }

.white-back > h3 { color:#fff; font-size:20px; margin:10px 0 5px 0; }

.white-back > p { color:#fff; font-size:15px; margin:5px 0 5px 0; }

.callout-btn { display:flex; align-items:center; justify-content:center; gap:0.35rem; box-sizing:border-box; min-height:64px; padding:16px 18px;background: var(--black-bg-color); color: #fff; font-size: 16px;  font-weight: bold; line-height:normal; text-align:center; text-transform: uppercase; letter-spacing: 1px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; }

.col-01 > a:hover .callout-btn { background: var(--black-bg-color);}

.slider-wrapper { /*background-image:url(/go/images/slide-01.webp); background-position:center center; background-size:cover;*/  }

.slide-box { margin: 0 auto; max-width: 600px; text-align: center; position:absolute; left:-20%; right:0; bottom:10%; }

.slide-appt-btn { padding:10px 0px; width:100%; max-width:230px; font-size:18px; text-align:center; color:#010101 !important; background:var(--white-bg-color); text-decoration:none !important;  display:inline-block; margin:10px auto; border:2px solid #010101; border-radius:5px;  font-weight:bold; }

.slide-appt-btn i { font-size:16px; }

.mob-rotator { display:none; }

.review-box {background-image:url(/go/images/dream-smire-review-bg.webp); background-position:center center; background-size:cover;}

.review-div { float:right; margin-left:15px; width:100%; max-width:271px; }

.MainFormButton {background: var(--black-bg-color); color: #fff; padding: 10px 15px !important; width: auto; margin: 0 auto; border: 0px;}

.google-bg:hover { background:#e04028; border-color:#e04028;}

.facebook-bg:hover { background:#4064ad; border-color:#4064ad; }

.twitter-bg:hover { background:#1c9deb; border-color:#1c9deb; }

.youtube-bg:hover { background:#f80000; border-color:#f80000; }

.yelp-bg:hover { background:#bf0001; border-color:#bf0001; }

.instagram-bg:hover { background:#d8119f; border-color:#d8119f; }

.rss-bg:hover { background:#f8a000; border-color:#f8a000; }

.payment-btn { background:var(--blue-bg-color); padding:10px 15px; display:block; margin:0 auto; width:100%; max-width:160px; font-weight:600; text-align:center; color:#fff !important; text-decoration:none !important; border-radius:5px; }

@media screen and (min-width: 47.5em ) {
 /* #content-main { max-width:633px;  margin-right: 17.5em; }*/
  #special-wrapper { position: relative;  }   
}
@media screen and (max-width: 1303px) {
    #gradient { max-width:100%;} 
	#rotator-area{max-width:100%;}}

@media screen and (max-width: 1023px) {
.slide-box { left:-25%;}

.new-callouts-div { flex-wrap:wrap; max-width:780px; gap:24px;}

.col-01 { flex:0 1 calc(50% - 12px); width:auto; max-width:360px; margin:0;}

.hours { width:100%; }

.map { width:100%; }

	ul.block {text-align: center;}

	#special-wrapper{ padding: 30px 0 0px 0px;  margin:0px; width:auto; text-align:center;  position: static; top:0px;} 
	#special-wrapper-Inner{ padding: 30px 0 0px 0px;  margin:0px; width:auto; text-align:center;  } 
	#header-NAP{ display:none;} 
	.content-wrapper { width:auto;  margin:0 10px 0 10px; } 
	.header-top{width:auto; margin:0 10px 0 10px; }
	ul.special-button-image li { max-width:100%;} 
	ul.special-button-image li#show-spacer{ margin-bottom:5px;}
	#rotator-area{max-width:100%;}
	#content-main{ width:auto;  }
	textarea{width:350px;}
	nav > ul li a { padding:0 12px; }
	#show { display:block;  }
	#show.read-reviews-button {    background-image: url(/images/stars5.webp); background-repeat:no-repeat; background-position:95%;background-color:#15793f; /* fallback */
    background-image: url(/images/stars5.webp), -webkit-gradient(linear, left top, left bottom, from(#15793f), to(#14a76c)); 
    background-image: url(/images/stars5.webp), -webkit-linear-gradient(top, #15793f, #14a76c); 
    background-image: url(/images/stars5.webp),    -moz-linear-gradient(top, #15793f, #14a76c); 
    background-image: url(/images/stars5.webp),     -ms-linear-gradient(top, #15793f, #14a76c); 
    background-image: url(/images/stars5.webp),      -o-linear-gradient(top, #15793f, #14a76c); 
    background-image: url(/images/stars5.webp),         linear-gradient(top, #15793f, #14a76c);}
	ul.header-logo{ max-width:380px; }
 	ul.header-logo li {  font-size:18px;}
    ul.header-logo li.text { font-size:36px;}

}
	
@media screen and (max-width: 759px) {

	.slide-box { margin: 0 auto; max-width: 100%; width:auto; text-align: center; position:relative; left:auto; right:0; bottom:auto; }

	.mob-rotator { width:100%; max-width:500px; margin:0 auto; display:block;padding:10px 0; }

	.new-callouts { min-height:0; padding:40px 0;}

	.new-callouts-div { flex-direction:column; align-items:center; gap:22px; padding:0 20px;}

	.col-01 { width: 100%; margin: 0 auto; max-width: 360px;}

	#main-menu{ margin:0; background-repeat:no-repeat; /*background-image:url(/style/images/hr-nav.webp); background-position:top center;*/ background-color:var(--black-bg-color); }

    #sidr.sidr { display:none; position:fixed; top:0; left:-260px; right:auto; width:260px; height:100%; overflow-x:hidden; overflow-y:auto; }
    #sidr.sidr.astro-sidr-open { display:block; left:0; }

	.header { background-size:auto; background-position:left top; height:auto; } 
	#special-wrapper{ padding: 30px 0 0px 0px;  margin:0px; max-width:100%; text-align:center; display:table-footer-group; float:none;}
	#special-wrapper-Inner{ padding: 30px 0 0px 0px;  margin:0px; max-width:100%; text-align:center; display:table-footer-group; float:none;}
	ul.special-button-image   { float:none; margin:auto}
	ul.special-button-image li { float:none; width:90%; margin:0 auto 5px auto}
	#rotator-area{width:90%; margin:auto auto 10px auto;}
    #content-main{ width:auto; display:table-header-group;  }
    #content-main img{ max-width:100%; height: auto; outline:0; width:auto; }
	#footer { padding:30px 0px 0px 0px; background-size:auto; background-position:left top;}
	.content-wrapper { display:table; width:auto; margin:0 10px 0 10px;}
	.header-top{width:auto;} 
	.content-page-title {font-size: 30px;  }
	
	nav#menu-thin-pulldown {padding-top:5px;}
	nav#menu-thin-pulldown ul {display:none; /*background:#4c3b78;*/}
	nav#menu-thin-pulldown > ul > li > a{color:#fff;}
	nav#menu-thin-pulldown ul li { display:block; text-align:left;padding:0px 0px 0px 15px;border-bottom:1px solid #eeeeee;border-top:1px solid #eeeeee;	background-image:url('/go/images/arrow.webp'); 
background-repeat:no-repeat; background-position:90%; background-size:10px; }
	nav#menu-thin-pulldown > ul > li:hover > ul { display:none; }
	#menu-thin {display:block;text-align:center;}
	#menu-thin a { font-size:18px;-webkit-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;color:#fff;line-height:40px;
	display:inline-block;padding:0 1%;}
	#menu-thin a:hover { text-decoration:none;}
 	ul.header-NAP{margin:auto;float: none;max-width:100%; min-height:185px; text-align:center }
 	ul.header-NAP li:first-child { min-height:78px; }
 	ul.header-NAP li:first-child a { line-height:1.35; }
 	ul.header-NAP li {float: none; text-align:center;}
    ul.header-NAP li a {text-align:center;} 
    .slide-appt-btn { min-height:47px; }
    #header-logo{ margin:auto; max-height:100%;   max-width:100%; background-size:70%; background-position:center top; }
    /* #header-phone{font-size:22px;   } */
 	ul.header-logo{margin:10px auto 0 auto;float: none;max-width:100%; padding:10px 0 0 0; }
 	ul.header-logo li {float: none; text-align:center; font-size:20px; letter-spacing:-1px;}
    ul.header-logo li.text { font-size:30px;} 
	h1 {font-size: 27px;}
    h2 {font-size: 20px;  }
	
	
	#Right-Top-Gradient {font-size:24px; text-align:center; float:none; font-family:'Alegreya SC',serif; font-weight:400;  padding:5px 0px 8px 0px; width:252px; border:4px solid var(--dark-grey-bg-color); 
	background-repeat:no-repeat; color:#fff; text-decoration:none;  
	border-radius:10px; margin:21px auto 11px auto; background-color:var(--black-bg-color);
	}

	#callouts{ width:100%; margin:0; padding:10px 0 10px 0; position: relative; z-index: 1199; }
	.slider-wrapper{ text-align:center ;}

	ul.block { clear:left; list-style:none; padding:0;margin:0; text-align:center; }
	ul.block li { display: list-item;  list-style:none;  /*border:2px solid #2697ea;*/ margin: .2%; position: relative;text-decoration:none; }
	 
	ul.block  li img{ width:160px; z-index: 1100; }
	ul.block   li a{ text-decoration:none; }	
	ul.block   li a>div{ color:#FFFFFF; display:block; margin:auto; border-radius:0px; float:none; list-style:none; padding:10px 5px 5px 15px;  width:90%; /*border:4px solid #004e7a;*/  text-align:left; }
	.dr-main-div { display:flex; justify-content:center; align-items:flex-start; gap:24px; flex-wrap:nowrap; box-sizing:border-box; margin:35px auto 40px auto; padding:0 10px; }
	.dr-main-div a { display:block; width:calc((100% - 24px) / 2); max-width:160px; margin:0; padding:0; box-sizing:border-box; }
	.dr-call-1,
	.dr-call-2 { width:100%; height:auto; aspect-ratio:1 / 1; box-sizing:border-box; border-radius:50%; }
	.dr-main-div h4 { line-height:1.25; margin:14px 0 0 0; }
	#pull {display:block;text-align:center;}
	#menu-thin-offer { display:none;padding:25px 10px 15px 10px;text-align:center;  color:#fff;font-size:16px;}
	#menu-thin-offer p  {color:#fff; }#menu-thin-offer span  {color:#fff; }#menu-thin-offer div  {color:#fff; }
	#menu-thin-offer td  {color:#fff; ;}
    #menu-thin-direction { display:none;text-align:center;color:#fff; font-size:18px;font-family: 'Lato', serif; padding:10px 0 10px 0;}
    #menu-thin-phone { display:none;text-align:center;color:#fff;font-size:26px;font-family: 'Lato', serif;padding:10px 0 10px 0;}
}

@media screen and (max-width: 479px) {
	.header { background-size:auto; background-position:left top; }
    textarea{width:250px;}
    #header-wrapper{background-size:100%  100% ;  }
    ul.header-logo li.text { font-size:30px;}    
}



 
/* Appointment Css start */


.main-form-div { width:100%; max-width:1000px; margin:0 auto; padding:10px 0 0 0; }

.col-100 { width:100%;   display:inline-block; }

.form-div { margin-bottom:15px; }

.col-30 { float:left;  width:32.6%;  flex: 0 0 50%;}

.col-30 > input { width:92% !important; }

input { display: block; width: 97%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

textarea { display: block; width: 97%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

select { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box;
border: 1px solid #ced4da; border-radius: .25rem; }

label { margin-bottom:5px; display:inline-block; }

.margin-right { margin-right:7px; }

@media screen and (max-width: 1024px) {
		.main-form-div { width:100%; padding:0 15px; max-width:800px; }
		.col-30 { width:100%; }
		.col-30 > input { width:97% !important; }
}

@media screen and (max-width: 860px) {
		.main-form-div { width:100%; padding:0 15px; max-width:90%; }
		.col-30 { width:100%; }
		.col-30 > input { width:97% !important; }
}

@media screen and (max-width: 768px) {
		.main-form-div { width:100%; padding:0 15px; max-width:90%; }
		.col-30 { width:100%; }
		.col-30 > input { width:97% !important; }
}

@media screen and (max-width: 459px) {
		.main-form-div { width:100%; padding:0 15px; max-width:90%; }
		.col-30 { width:100%; }
		.col-30 > input { width:100% !important; }
		input { width:100%; }
		select { width:98%; }
}

/* Appointment Css end */

.lazy-load {opacity: 0;transition: opacity 1s ease-in-out;}.lazy-load.loaded {opacity: 1;}