@font-face {
  font-family: 'helvetica_neuecondensed_bold';
  src: url('https://storage.googleapis.com/plastic-surgery-of-gwinnett-2-static/fonts/helveticaneuecondensedbold/helveticaneuecondensedbold-webfont.eot'),
       url('https://storage.googleapis.com/plastic-surgery-of-gwinnett-2-static/fonts/helveticaneuecondensedbold/helveticaneuecondensedbold-webfont.woff') format('woff'),
       url('https://storage.googleapis.com/plastic-surgery-of-gwinnett-2-static/fonts/helveticaneuecondensedbold/helveticaneuecondensedbold-webfont.ttf') format('truetype'),
       url('https://storage.googleapis.com/plastic-surgery-of-gwinnett-2-static/fonts/helveticaneuecondensedbold/helveticaneuecondensedbold-webfont.svg#helvetica_neuecondensed_bold') format('svg');
  font-weight: normal;
  font-style: normal;

}
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap');
html {
  overflow-x: hidden;
}

/*GENERAL ELEMENT STYLES*/

body {
  /*BODY STYLES*/
  font-family: "Noto Serif", serif;
  color: #333333;
}

nav {
  line-height: 0.5em;
}

iframe {
  margin: 0;
  border: 0;
}

a, a:link {
  /*DEFAULT LINK STATE*/
  color: #7d3975;
  text-decoration: none;
}

a:visited {
  color: #584857;
}

a:hover {
  /*LINK HOVER STATE*/
  color: #998e61 !important;
}

h1, h2, h3, h4 {
  /*HEADER STYLES*/
  font-family: "Noto Serif", serif !important;
  margin: 20px 0 10px 0;
  padding: 0;
}

h1, #blog-wrapper #blog-head h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
  margin-top: .6em;
  font-size: 28px !important;
  font-weight: 400!important;
  color: #6e5363 !important;
  text-decoration: none !important;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #544533 !important;
  text-decoration: none !important;
}

h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #998e61 !important;
  text-decoration: none !important;
}

h4 {
  font-size: 14px;
}

p {
  margin: .8em 0 .8em 0;
  padding: 0;
}

#content {
  /*MAIN CONTENT SECTION STYLES*/
  font-size: 13px;
  line-height: 18px;
  font-family: "Noto Serif", serif !important;
}

#content a:link {
  color: #7d3975;
  text-decoration: underline;
}

#content a:visited {
  color: #584857;
  text-decoration: underline;
}

#content a:hover {
  color: #998e61;
  text-decoration: underline;
}

table {
  border-spacing: 2px;
}

/*TABLE STYLES*/

td, th {
  padding: 5px;
  margin: 5px;
}

#mainmenuwrapper {
  background: #4e3c48;
  width: 100%;
}

/*MAIN MENU STYLES*/

#mainmenu {
  font-family: "Noto Serif", serif;
  background: #4e3c48;
  /*BACKGROUND COLOR OF MENU*/
  position: relative;
  z-index: 100;
  height: 65px;
  max-width: 1000px;
}

#mainmenu a, #mainmenu a:link, #mainmenu a:visited {
  background: #4e3c48;
  /*TOP LEVEL MENU ITEM BACKGROUND COLOR*/
  color: #fff !important;
  /*TOP LEVEL FONT COLOR*/
  padding: 0px 11px;
  /*TOP LEVEL MENU ITEM PADDING*/
  line-height: 65px;
  /*LINE HEIGHT OF THE TOP MENU*/
  font-size: 14px;
  /*MENU ITEM FONT SIZE*/
  height: 65px;
  text-align: center;
  letter-spacing: .1px;
}

#mainmenu ul ul a, #mainmenu ul ul a:link, #mainmenu ul ul a:visited {
  line-height: 40px;
  background: #4e3c48;
  /*DROPDOWN BACKGROUND COLOR*/
  color: #fff;
  /*DROPDOWN FONT COLOR*/
  padding: 5px 5px;
  white-space: nowrap;
  /*DROPDOWN MENU ITEM PADDING*/
  /*DROPDOWN ITEMS BORDER*/
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  top: 65px;
  /*TOP POSITION OF DROPDOWN MENU (should be line height + top and bottom padding of top level menu items)*/
}

#mainmenu a:hover {
  background-color: #4e3c48;
  /*TOP LEVEL HOVER MENU ITEM BACKGROUND COLOR*/
  color: #ab9b83 !important;
  /*TOP LEVEL HOVER FONT COLOR*/
  text-decoration: none;
}

#mainmenu ul ul a:hover {
  background-color: #4e3c48;
  /*DROPDOWN HOVER MENU ITEM BACKGROUND COLOR*/
  color: #ab9b83 !important;
  /*DROPDOWN HOVER FONT COLOR*/
}

#mainmenu .active>a, #mainmenu ul ul .active>a {
  /*CURRENT ITEM BACKGROUND COLOR*/
  color: #fff;
  /*CURRENT ITEM FONT COLOR*/
}

#mainmenu .active>a {
  border-bottom: #9a866a 5px solid;
  padding-bottom: 5px;
}

#mainmenu ul ul .active>a {
  border: none;
}

#mainmenu a>.sf-sub-indicator {
  top: .8em;
  /*POSITION OF ARROW FOR TOP LEVEL ITEMS*/
}

#mainmenu ul ul a>.sf-sub-indicator {
  top: .6em;
  /*POSITION OF ARROW FOR DROPDOWNS*/
}

#mainmenu .sf-menu ul li {
  right: auto;
}

/*FORM STYLES*/

.sidebar .contactform .qcform {
  margin: 1em auto;
}

.contactform label {
  color: #796b62;
  /*FORM LABEL COLOR*/
  font-size: 11px;
  /*FORM LABEL FONT SIZE*/
  font-weight: bold;
}

.contactform .formPad {
  background: transparent;
  /*FORM BACKGROUND COLOR*/
  /*FORM PADDING, add and extra 2px padding to left and right*/
}

#content .contactform .formPad {
  padding: 3% 0 3% 3%;
}

.qcform {
  background: transparent;
  padding: 3% 0 3% 3%;
  color: #000;
  font-size: 13px;
}

.qcform label {
  font-size: 11px;
}

.qcform input[type="text"] {
  font-size: 13px;
  margin-bottom: 9px;
  border-radius: 3px;
  border: 1px;
  color: #cccccc;
}

.qcform input[type="email"] {
  font-size: 13px;
  margin-bottom: 9px;
  border-radius: 3px;
  border: 1px;
  color: #cccccc;
}

.qcform input[type="submit"] {
  float: left;
  margin-left: 10px;
  margin-top: 15px;
  padding: 4px 20px;
  color: #fff;
  background-color: #584857;
  border: solid 1px #584857;
  text-align: center;
  text-transform: uppercase;
  width: 257px;
  font-family: 'helvetica_neuecondensed_bold';
  transition: background-color .5s;
}

.qcform input[type="submit"]:hover {
  font-family: 'helvetica_neuecondensed_bold';
  background-color: #7d3975;
  text-decoration: none;
  /*SUBMIT BUTTON HOVER STYLES*/
}

.qcform h2 {
  background-color: #998e61;
  margin: 0 0 .5em 0;
  /*FORM HEADING MARGIN*/
  color: #fff;
  /*FORM HEADING COLOR*/
  font-size: 18px;
  /*FORM HEADING FONT SIZE*/
  text-transform: uppercase;
  line-height: 34px;
  font-family: "Noto Serif", serif;
  font-weight: 300 !important;
  text-align: center;
  width: 100%;
}

.formField input[type="text"], .formField textarea {
  border: #aaa8a8 solid 1px;
  /*INPUT FIELD BORDER COLOR*/
  background: #fff;
  /*INPUT FIELD BACKGROUND COLOR*/
  color: #000;
}

.formField input[type="email"], .formField textarea {
  border: #aaa8a8 solid 1px;
  /*INPUT FIELD BORDER COLOR*/
  background: #fff;
  /*INPUT FIELD BACKGROUND COLOR*/
  color: #000;
}

.contactform h2.componentheading {
  background-color: #998e61;
  margin: 0 0 .5em 0;
  /*FORM HEADING MARGIN*/
  color: #fff;
  /*FORM HEADING COLOR*/
  font-size: 18px;
  /*FORM HEADING FONT SIZE*/
  text-transform: uppercase;
  line-height: 34px;
  font-family: "Noto Serif", serif;
  font-weight: 300 !important;
  text-align: center;
  width: 100%;
}

.contactform input[type="submit"] {
  float: left;
  /*SUBMIT BUTTON FLOAT DIRECTION*/
  padding: 4px 20px;
  /*SUBMIT BUTTON PADDING*/
  color: #fff;
  /*SUBMIT BUTTON TEXT COLOR*/
  background-color: #584857;
  /*SUBMIT BUTTON BACKGROUND COLOR*/
  border: solid 1px #584857;
  /*SUBMIT BUTTON BORDER*/
  text-align: center;
  text-transform: uppercase;
  width: 257px;
  font-family: 'helvetica_neuecondensed_bold';
  transition: background-color .5s;
  -webkit-transition: background-color .5s;
}

.contactform input[type="submit"]:hover {
  font-family: 'helvetica_neuecondensed_bold';
  background-color: #7d3975;
  text-decoration: none;
  /*SUBMIT BUTTON HOVER STYLES*/
}

/*GENERIC TEMPLATE STYLES*/

/*callout box styles*/

.callout {
  width: 250px;
  /*CALLOUT BOX WIDTH*/
  float: right;
  margin: 8px 0 8px 8px;
  /*CALLOUT BOX MARGIN*/
  background: #ccc;
  /*CALLOUT BOX BACKGROUND*/
  color: #000;
  /*CALLOUT BOX FONT COLOR*/
  border: #000 solid 1px;
  /*CALLOUT BOX BORDER*/
}

.callout .pad {
  padding: 10px;
  /*CALLOUT BOX PADDING*/
}

/* multi column tweakable css */

.twocol.col2container, .threecol.col3container, .fourcol.col4container {
  background: #ccc;
  /* COLUMN BACKGROUND COLOR */
  color: #000;
  /* COLUMN TEXT COLOR */
}

.col .pad {
  padding: 10px;
  /* COLUMN PADDING */
}

/*profile layout styles*/

.profile {
  width: 100%;
  float: left;
  margin: 1em 0;
  /*PROFILE LAYOUT MARGIN*/
}

.profile .image {
  float: left;
  width: 20%;
  /*PROFILE LAYOUT IMAGE WIDTH (this + description width below should be 100%)*/
}

.profile .image img {
  width: 100%;
  height: auto;
}

.profile .desc {
  float: left;
  width: 80%;
  /*PROFILE LAYOUT DESCRIPTION WIDTH (this + image width above should be 100%)*/
}

.profile .desc .pad {
  padding-left: 20px;
  /*PROFILE LAYOUT DESCRIPTION PADDING (space away from image)*/
}

.profile .desc h3 {
  margin-top: 0;
  /*PROFILE LAYOUT TITLE MARGIN*/
}

/*image with caption styles*/

.captionbox {
  float: right;
  text-align: center;
  padding: 8px 8px 8px 8px;
  /*CAPTION LAYOUT PADDING*/
  border: solid 1px #ccc;
  /*CAPTION LAYOUT BORDER*/
}

.captionbox img {
  margin: 0 auto;
}

.captionbox p {
  margin: 0;
}

/*TWEAKABLE LAYOUT STYLES*/

.page {
  width: 992px;
}

/*WIDTH OF ENTIRE PAGE*/

/*LAYOUT PADDING*/

#content {
  padding: 20px;
  position: relative;
}

#sidebar1 {
  padding: 20px 0;
  position: relative;
}

#sidebar2 {
  padding: 20px;
  position: relative;
}

/*COLOR/BACKGROUND STYLES*/

/*NO columns only options*/

.fullpage {
  background: #fff;
}

/* MAIN CONTENT BG (no sidebars) */

/*Right Sidebar only options*/

.rightmenu {
  background: #ff9;
}

/* RIGHT SIDEBAR BG (right sidebar only) */

.rightmenu .colleft {
  background: #fff;
}

/* MAIN CONTENT BG (right sidebar only) */

/*Left Sidebar only options*/

.leftmenu {
  background: #FFD8B7;
}

/* LEFT SIDEBAR BG (left sidebar only) */

.leftmenu .colright {
  background: #fff;
}

/* MAIN CONTENT BG (left sidebar only) */

/*Both Sidebars only options*/

.holygrail {
  background: #ff9;
}

/* RIGHT SIDEBAR BG (both sidebars) */

.holygrail .colmid {
  background: #fff;
}

/* MAIN CONTENT BG (both sidebars) */

.holygrail .colleft {
  background: #FFD8B7;
}

/* LEFT SIDEBAR BG (both sidebars) */

/*SIDEBAR STYLES*/

/*Right Sidebar only SIZE Settings*/

.rightmenu .colleft {
  margin-left: -200px;
}

/* Negative width of right column */

.rightmenu .col1 {
  margin-left: 200px;
}

/* Width of right column */

.rightmenu .col2 {
  width: 200px;
  left: 200px;
}

/* Width of right column */

/*Left Sidebar only SIZE Settings*/

.leftmenu .colright {
  left: 200px;
}

/* Width of left column */

.leftmenu .col1wrap {
  right: 200px;
}

/* Width of left column */

.leftmenu .col1 {
  margin-left: 200px
}

/* Width of left column*/

.leftmenu .col2 {
  width: 200px;
  right: 200px;
}

/* Width of left column */

/*Both Sidebars SIZE Settings*/

.holygrail .colmid {
  margin-left: -200px;
}

/* Negative width of right column */

.holygrail .colleft {
  left: 400px;
  _left: -98px;
}

/* Left column width + right column width, will have to tweak neg left position for IE 6 */

.holygrail .col1wrap {
  right: 200px;
}

/* Width of left column */

.holygrail .col1 {
  margin: 0 200px 0 200px;
}

/* Centre column side padding:Left margin = left column width, Right margin = right column width*/

.holygrail .col2 {
  width: 200px;
}

/* Width of left column*/

.holygrail .col3 {
  width: 200px;
}

/* Width of right column */

/*IE 6 Fixed Width for Content Section*/

.col1 {
  _width: 750px;
}

.home .col1 {
  _width: 950px;
}

/*ANYTHING BELOW HERE SHOULD NOT TYPICALLY BE CHANGED*/

/*FORM LAYOUT STYLES*/

.contactform, .contactform form {
  width: 277px;
}

#content .contactform {
  width: 600px;
}

.contactform h2.componentheading {
  zoom: 1;
}

.formField {
  overflow: visible !important;
  float: left;
  width: 257px;
  clear: both;
  margin: 2px 0 2px 12px;
}

#content .formField {
  width: 47%;
  clear: none;
  margin: 2px 3% 2px -2px;
}

#content .formField.contactform-block-state {
  width: 24%;
  margin-right: 20px;
}

#id_state.contactform-select {
  width: 100%;
}

#content .formField.contactform-block-zip {
  width: 15%;
}

#id_zip_code {
  width: 90%;
}

#content .formField.contactform-block-comments {
  width: 97%;
  clear: both;
}

.formFieldBody {
  float: left;
  clear: both;
  width: 100%;
}

.formField label {
  margin: 0 4px 2px 0;
  float: left;
  _float: none;
  _display: inline;
}

.formField input[type="text"], .formField textarea {
  width: 100%;
  padding: 4px;
}

.formField input[type="email"], .formField textarea {
  width: 100%;
  padding: 4px;
}

.formField textarea {
  height: 50px;
  padding: 4px;
}

.formFieldBody input[type="radio"]:first-of-type {
  margin-left: 0px;
}

.formField input[type="radio"] {
  margin: 0 4px 0 8px;
  float: left;
  padding: 1px;
  border: none;
}

.formField input[type="submit"] {
  display: block;
  cursor: pointer;
}

.contactform-block-securitycode img, .contactform-block-securitycode input[type="text"] {
  float: left;
}

.contactform-block-securitycode input[type="text"] {
  margin: 0 4px;
}

.contactform-block-nofill {
  display: none;
}

/*PAGE NAVIGATION STYLES*/

#content .sep-pagenav {
  float: left;
  width: 100%;
  clear: both;
  display: block;
  padding: 0;
  margin: 10px 0;
}

#content .sep-pagenav li {
  list-style: none;
  background: none !important;
  padding-left: 0 !important;
}

#content .sep-pagenav-prev {
  float: left;
  display: block;
}

#content .sep-pagenav-next {
  float: right;
  display: block;
}

/*BLOG APP STYLES*/

#psog_blog {
  text-align: left;
  direction: left
}

#psog_blog .mod-muted {
  color: #888
}

#psog_blog .reset-heading {
  background: none;
  border: medium none;
  clear: none;
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  position: static;
  width: auto
}

#psog_blog .blog-entry-meta {
  margin: 15px 0 20px
}

#psog_blog .text-muted {
  color: #888
}

#psog_blog .blog-entry-meta {
  margin: 15px 0 20px
}

.blog-mod .blog-module-archive .mod_easyblogarchive {
  margin-bottom: 150px;
}

.blog-mod .blog-mod-item {
  padding: 0 !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bolder;
  line-height: 1.428571429;
  color: #333333 !important;
}

#psog_blog.blog-mod * {
  line-height: 18px
}

#psog_blog .blog-mod-item:before, #psog_blog .blog-mod-item:after {
  content: "";
  display: table
}

#psog_blog .blog-mod-item:after {
  clear: both
}

#psog_blog .blog-mod-item+.blog-mod-item {
  border-top: 1px solid #e1e1e1;
  margin-top: 10px;
  padding-top: 10px
}

#psog_blog .blog-mod-item-menu .blog-mod-item>a, #psog_blog .blog-mod-item-menu .blog-mod-item>a>div {
  display: block;
  overflow: hidden
}

#psog_blog .blog-mod-head .blog-mod-media-thumb {
  padding: 0 10px 0 0;
  width: 1%
}

#psog_blog .blog-mod-head .blog-mod-media-thumb.pull-right {
  padding: 0;
  width: auto
}

#psog_blog .blog-mod-carousel-guide li.active .blog-mod-media-thumb {
  opacity: .5
}

#psog_blog .blog-mod-media-thumb {
  float: left;
  margin: 0 10px 0 0
}

#psog_blog .blog-mod-media-thumb.fa {
  font-size: 14px;
  text-align: center;
  line-height: 18px;
  float: left;
  width: 20px;
  margin: 0 10px 0 0
}

#psog_blog .blog-mod-media-thumb.pull-right {
  float: right;
  margin: 0 0 0 10px
}

#psog_blog .blog-mod-head .blog-mod-media-thumb {
  padding: 0 10px 0 0;
  width: 1%
}

#psog_blog .blog-mod-head .blog-mod-media-thumb.pull-right {
  padding: 0;
  width: auto
}

#psog_blog .fa-folder:before {
  content: "\f07b"
}

.ezb-mod {
  float: none;
  width: 100%;
  margin: 1em 0;
  padding: 0;
  overflow: hidden;
  zoom: 1;
}

.ezb-mod h2 {
  margin-top: 0px;
}

.eztc a {
  float: left;
  display: block;
}

/*MULTI COLUMN TEMPLATE STYLES*/

.col1container, .col2container, .col3container, .col4container {
  float: left;
  width: 100%;
  position: relative;
}

.col {
  float: left;
  position: relative;
  overflow: hidden;
}

/* two col styles */

.twocol .col2container {
  overflow: hidden;
}

.twocol .col1container {
  right: 50%;
}

.twocol .col {
  width: 50%;
  left: 50%;
}

/* three col styles */

.threecol .col3container {
  overflow: hidden;
}

.threecol .col2container {
  right: 33.333%;
}

.threecol .col1container {
  right: 33.33%;
}

.threecol .col {
  width: 33.33%;
  left: 66.66%;
}

/* four col styles */

.fourcol .col4container {
  overflow: hidden;
}

.fourcol .col3container, .fourcol .col2container, .fourcol .col1container {
  right: 25%;
}

.fourcol .col {
  width: 25%;
  left: 75%;
}

.fourcol .last.col {
  _width: 24.5%;
}

/* GENERAL LAYOUT STYLES*/

html {
  margin: 0;
  padding: 0;
}

.page {
  text-align: left;
  margin: 0 auto
}

body {
  border: 0;
  width: 100%;
  font-size: 62.5%;
  text-align: center;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  margin: 0;
  padding: 0
}

.colmask {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.rightmenu .col1wrap {
  float: left;
  width: 50%;
  position: relative;
  left: 50%
}

.rightmenu .col1 {
  overflow: hidden
}

.leftmenu .colright {
  float: left;
  width: 200%;
  position: relative
}

.leftmenu .col1wrap {
  float: right;
  width: 50%;
  position: relative
}

.leftmenu .col1 {
  position: relative;
  right: 100%;
  overflow: hidden
}

.leftmenu .col2 {
  float: left;
  position: relative
}

.holygrail .colleft {
  float: left;
  width: 100%;
  margin-left: -50%;
  position: relative
}

.holygrail .col1wrap {
  float: left;
  width: 50%;
  position: relative
}

.holygrail .col1 {
  position: relative;
  left: 200%;
  overflow: hidden
}

.holygrail .col3 {
  float: right;
  position: relative;
  left: 50%
}

#header {
  width: 100%;
  z-index: 2;
  position: relative;
}

#footer {
  clear: both;
  float: left;
  width: 100%;
  position: relative;
}

.rightmenu .colleft, .holygrail .colmid {
  float: left;
  width: 200%;
  position: relative;
  right: 100%
}

.rightmenu .col2, .holygrail .col2 {
  float: right;
  position: relative
}

.items-row .item {
  position: relative;
}

.cat-children ul, .cat-children li {
  padding: 0;
  margin: 0;
}

.cat-children li {
  list-style: none
}

.edit-icon {
  position: absolute;
  top: 0;
  right: 0;
}

ul.actions, ul.actions li {
  list-style: none !important;
  margin: 0;
  padding-left: 0 !important;
  background: none !important;
}

#procedure_images {
  float: right;
  width: 150px;
  margin-left: 10px;
}

.article {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
}

.category-desc {
  position: relative;
}

/*GENERIC CLASSES FOR COMMON STYLES*/

.clear {
  clear: both;
}

.clearleft {
  clear: left;
}

.clearright {
  clear: right;
}

.left {
  float: left;
}

.right {
  float: right;
}

.hide {
  display: none;
  visibility: hidden;
}

img.left {
  margin: 0 10px 10px 0;
}

img.right {
  margin: 0 0 10px 10px;
}

/******** Superfish Styles ********/

/*** ESSENTIAL STYLES ***/

#simple-menu {
  padding-top: 19px !important;
  display: none
}

.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-menu {
  position: relative;
  line-height: 1.0;
  float: left;
}

.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 16em !important;
  overflow: visible !important;
  /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
  right: auto;
  width: 100%;
}

.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */
}

.sf-menu li {
  float: left;
  position: relative;
  background-color: #4e3c48;
}

.sf-menu a {
  position: relative;
  text-decoration: none;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  left: 0;
  z-index: 99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
  left: 16em !important;
  /* match ul width */
  top: 0;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
  left: 16em !important;
  /* match ul width */
  top: 0;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  outline: 0;
}

/*** arrows **/

.sf-menu a.sf-with-ul {
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
  position: absolute;
  display: none;
  right: .4em;
  top: 1.05em;
  /* IE6 only */
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url('../media/arrows-ffffff.png') no-repeat -10px -100px;
  /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a>.sf-sub-indicator {
  /* give all except IE6 the correct values */
  top: .8em;
  background-position: 0 -100px;
  /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */

a:focus>.sf-sub-indicator, a:hover>.sf-sub-indicator, a:active>.sf-sub-indicator, li:hover>a>.sf-sub-indicator, li.sfHover>a>.sf-sub-indicator {
  background-position: -10px -100px;
  /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0;
}

.sf-menu ul a>.sf-sub-indicator {
  background-position: 0 0;
}

/* apply hovers to modern browsers */

.sf-menu ul a:focus>.sf-sub-indicator, .sf-menu ul a:hover>.sf-sub-indicator, .sf-menu ul a:active>.sf-sub-indicator, .sf-menu ul li:hover>a>.sf-sub-indicator, .sf-menu ul li.sfHover>a>.sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/

.sf-shadow ul {
  background: url('../media/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
  border-top-right-radius: 17px;
  border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

/* Social Media */

.contact-bar {
  position: fixed;
  top: 150px;
  z-index: 10;
}

.contact-bar.left {
  left: -40px;
}

.contact-bar.right {
  right: -40px;
}

.contact-bar.slide-on-scroll {
  position: absolute;
}

.cb-link {
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  margin-bottom: 0.1em;
  text-align: center;
  line-height: 40px;
  font-size: 17px;
  background: #8e8e93;
  color: #fff;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  transition: all 250ms;
}

.left .cb-link {
  left: 0;
  border-radius: 0 0.4em 0.4em 0;
}

.right .cb-link {
  right: 0;
  border-radius: 0.4em 0 0 0.4em;
}

.cb-link .icon {
  margin: 0 !important;
}

.left .cb-link:hover, .left .cb-link:focus, .left .cb-link:active {
  color: #fff;
  padding-left: 10px;
  width: 50px;
}

.right .cb-link:hover, .right .cb-link:focus, .right .cb-link:active {
  color: #fff;
  padding-right: 10px;
  width: 50px;
}

.left .cb-link.cb-hidden {
  left: -40px;
}

.right .cb-link.cb-hidden {
  right: -40px;
}

.cb-link.separated {
  margin-top: 0.5em;
}

.toggle-bar, .cb-link.toggle-bar:focus, .cb-link.toggle-bar:hover, .cb-link.toggle-bar:active {
  background: #ccc;
  color: #000;
  border: 0;
  outline: 0;
  padding: 0;
  width: 40px;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
  */

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
  overflow: hidden;
}

#cboxLoadedContent {
  overflow: auto;
}

#cboxLoadedContent iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

/*easyFade Styles*/

.easyfade {
  text-indent: -10000px;
  overflow: hidden;
  cursor: pointer;
}

.easyfade, .easyfade .hover {
  display: block;
}

.easyfade .hover {
  width: 100%;
  height: 100%;
  opacity: 0;
}

/*SYSTEM STYLES*/

/* System Messages */

#system-message {
  margin-bottom: 10px;
  padding: 0;
}

#system-message dt {
  font-weight: bold;
}

#system-message dd {
  margin: 0;
  font-weight: bold;
  text-indent: 30px;
}

#system-message dd ul {
  color: #0055BB;
  margin-bottom: 10px;
  list-style: none;
  padding: 10px;
  border-top: 3px solid #84A7DB;
  border-bottom: 3px solid #84A7DB;
}

/* System Standard Messages */

#system-message dt.message {
  display: none;
}

/* Debug */

#system-debug {
  color: #ccc;
  background-color: #fff;
  padding: 10px;
  margin: 10px;
}

#system-debug div {
  font-size: 11px;
}

/* System Standard Messages */

#system-message {
  margin-bottom: 20px;
}

/*Editor button styles*/

.button2-left a, .button2-right a, .button2-left span, .button2-right span {
  display: block;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 11px;
  color: #333;
  cursor: pointer;
}

.button2-left a:hover, .button2-right a:hover {
  text-decoration: none;
  color: #0B55C4;
}

.button2-left div {
  float: left;
}

.button2-left a, .button2-left span {
  padding: 0 24px 0 6px;
}

.button2-right a, .button2-right span {
  padding: 0 6px 0 24px;
}

.button2-left {
  background: url(/administrator/templates/khepri/images/j_button2_left.png) no-repeat;
  float: left;
  margin-left: 5px;
}

/*Other styles*/

#site-generator, a[href="http://stackideas.com"] {
  display: none;
}

.xoxo {
  padding-left: 0;
}

.module-content ul {
  padding-left: 10px;
}

#jprimary {
  padding-left: 12px;
  margin-bottom: 20px;
}

body#tinymce {
  background: #fff;
  /*set background of editor to white and text align left*/
  text-align: left;
}

input[type=submit], a, a:link, a:visited {
  cursor: pointer;
}

#system-readmore {
  color: red;
  border-color: red;
  background: red;
}

#content .cat-children ul {
  padding: 0;
}

#content .cat-children li {
  padding-left: 0;
  background: none;
}

.sidebar, .sidebar div {
  zoom: 1;
}

.qtip-contentWrapper {
  border: none !important;
  background-color: #313131 !important;
}

.qtip-content {
  background-color: #313131 !important
}

.qtip-wrapper {
  border-radius: 10px;
}

.qtip {
  margin-left: 15px;
  font-family: Helvetica, arial, sans-serif;
  font-size: 15px;
}

#superwrapper {
  min-width: 1000px;
  width: 100%;
  overflow: hidden;
}

#footer-text {
  position: absolute;
  bottom: 25px;
  text-align: center;
  margin: 0px auto;
  width: 100%;
  color: #fff;
  font-family: "Noto Serif", serif;
  font-weight: 400;
  font-size: 11px;
}

#footer {
  min-height: 305px;
  height: 100%;
  min-width: 1000px;
}

#footer-misc1 {
  position: relative;
  min-height: 73px;
  margin: 0px auto;
  background-color: #aaa8a8;
  background-image: url('../media/background-1.png');
  background-position: top;
}

#footer-misc2 {
  min-height: 250px;
  position: relative;
  background-color: #6e5363;
  margin: 0px auto;
  background-image: url('../media/background-1.png');
  background-position: top;
  font-family: "myriad pro";
}

#footer-misc2 h2 {
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 22px;
  color: #dac6a8 !important;
}

#footer-misc2 p {
  font-size: 13px;
  line-height: 18px;
  color: #c1b7bd;
}

#footer-misc2 a, #footer-misc2 a:link, #footer-misc2 a:active, #footer-misc2 a:visited {
  color: #d9c5a7 !important;
  text-decoration: underline;
}

#footer-misc2 a:hover {
  text-decoration: none;
}

#footer-text a, #footer-text a:link, #footer-text a:visited {
  color: #fff !important;
  text-decoration: none;
}

#footer-text a:hover {
  text-decoration: underline;
}

#contentwrapper {
  background: #f8f6f5 url('https://storage.googleapis.com/plastic-surgery-of-gwinnett-2-static/media/int-background.jpg') no-repeat top center;
  padding-bottom: 112px;
  min-height: 690px;
}

/***********************  THE ABOVE IS WHERE THE BREADCRUMB BULLETS ARE COMING FROM **************/

.home #contentwrapper {
  background-color: transparent;
  background-image: none;
}

.schema-stuff {
  display: inline;
}

.fancybutton {
  width: 275px;
  height: 185px;
  background-image: url(../media/button-background.png);
  background-repeat: no-repeat;
  margin: -112px auto 0px auto;
}

.fancybutton a {
  background-color: #9b876a;
  padding: 5px;
  border-radius: 10px;
  position: absolute;
  text-align: center;
  display: block;
  width: 215px;
  margin: 78px 0 0 30px;
  color: #fff;
  text-decoration: none;
  font-family: "Noto Serif", serif;
  font-size: 17px;
  transition: background-color .5s;
  -webkit-transition: background-color .5s;
}

.fancybutton a:hover {
  background-color: #352a32;
  color: #fff !important;
  text-decoration: none;
}

.contact-us form {
  width: 600px;
  margin: 0 auto;
}

#interior-slideshow {
  background-color: #fff;
  width: 273px;
  height: 311px;
  box-shadow: 4px -2px 20px #574430;
  margin: -133px auto 0 auto;
  border: 1px solid #c0c0c0;
}

#interior-slideshow .activeSlide {
  background-image: url(../media/activedot.png);
}

#slideshow-controls {
  width: 52px;
  margin: 0 auto;
}

#slideshow-controls a {
  font-size: 1px;
  line-height: 23px;
  color: #fff;
  display: inline-block;
  margin: 2px;
  width: 12px;
  height: 12px;
  background-image: url(../media/nonedot.png);
}

.slide {
  position: absolute;
  width: 259px;
  height: 273px;
  background-image: url(../media/slideshowsprite.jpg);
  display: block;
}

.slide h2 {
  color: #d7b78b !important;
  text-transform: uppercase;
  text-align: center;
  font-size: 21px !important;
}

.slide p {
  max-width: 105px;
  color: #dfddda;
  margin-left: 20px;
}

.slider-container {
  width: 259px;
  height: 273px;
  margin: 7px;
}

.slider-container a, .slider-container a:hover {
  text-decoration: none;
}

/* #slide1 {} */

#slide2 {
  background-position: -259px 0;
}

#slide2 h2 {
  font-size: 19px !important;
}

#slide3 {
  background-position: -518px 0;
}

.sep {
  color: #d9c6a7;
}

.home .sep {
  padding: 0 8px;
}

#surgerylogos {
  float: right;
  width: 160px;
  height: 80px;
  margin: 50px auto 22px auto;
}

.surgerylogos {
  float: left;
  display: block;
  width: 80px;
  height: 80px;
  background-image: url(../media/surgerylogos.png);
}

#logo2 {
  background-position: -80px 0;
}

#homecontent {
  text-align: center;
  width: 305px;
}

#homecontent h1 {
  background-color: #d8be9a;
  border: 5px solid #d8be9a;
  border-radius: 5px;
  line-height: 24px;
  text-align: center;
  display: block;
  width: 215px;
  margin: 10px auto;
  color: #fff !important;
  text-decoration: none;
  font-size: 21px !important;
}

#homecontent p {
  font-size: 14px;
  line-height: 30px;
  color: #424242;
}

#logo {
  width: 300px;
  height: 110px;
  margin: 20px auto;
}

#logo a {
  width: 100%;
  height: 100%;
  display: block;
}

#header {
  z-index: inherit;
  min-height: 167px;
  background-color: #ecebe9;
}

#call {
  margin: 50px auto 0 auto;
  display: block;
  width: 45px;
  height: 45px;
  background-image: url(../media/phone-icon.png);
}

#contact {
  margin: 50px auto 0 auto;
  display: block;
  width: 45px;
  height: 45px;
  background-image: url(../media/mail-icon.png);
}

.internal #footer {
  min-height: 211px;
}

.internal #footer-misc2 {
  min-height: 138px;
}

.home .internal-only {
  display: none;
}

.internal .internal-only {
  display: initial;
}

.home .home-only {
  display: initial;
}

.internal .home-only {
  display: none;
}

.internal #footer-misc2 {
  padding: 0;
}

.internal #footer-text {
  padding-left: 50px;
  text-align: left;
  width: initial;
  bottom: 30px;
}

.internal #surgerylogos {
  margin: 40px auto 0 auto;
}

#internalbanner {
  text-align: center;
  font-family: "Noto Serif";
  font-size: 14px;
  color: #584857;
}

#content .contactform h2.componentheading {
  width: 96%;
}

.line {
  top: 17px;
  position: relative;
  width: 20px;
  height: 3px;
  background: #fff;
  margin: 5px auto;
  transition: background .5s;
  -webkit-transition: background .5s;
  -moz-transition: background .5s;
  -o-transition: background .5s;
}

.homecontact {
  display: inline-block;
  font-size: 12px;
  padding-bottom: 25px;
  color: #5b394d;
}

.bagphoto img {
  margin: 0;
}

.bagdetails .metavalues {
  float: none !important;
}

.procedurephoto {
  width: 100%;
}

#filterwrapperouter {
  width: 100%;
}

#blognavlink {
  display: none;
}

.ba-table {
  width: 100%;
}

.baglistphototh {
  color: #796b62;
}

.baglistspacer {
  margin: 10px 0;
}

.tablet-visible {
  display: none
}

.tablet-hidden {
  display: inline-block
}

.bagrow {
  width: 404px;
  margin: 0 auto;
}

.mobile-visible {
  display: none;
}

.sidr-open {
  left: 0px!important;
}

#another-footer-wrapper {
  padding: 0 15px;
}

@media (max-width:992px) {
  #contentwrapper {
    width: 100%;
    max-width: 991px;
  }
  .page {
    width: 100%;
    max-width: initial;
  }
}

@media (max-width:991px) {
  #bottomfancybutton {
    margin: 75px auto 0 auto;
  }
  #mainmenu ul a {
    font-size: 11px!important;
    padding: 0 7px !important;
  }
  .page {
    width: 767px;
  }
  #superwrapper {
    min-width: 767px;
  }
  #footer {
    min-width: 767px;
  }
  #interior-slideshow {
    margin: 0 auto;
  }
  #content .contactform {
    margin: 0 auto;
  }
  .tablet-visible {
    display: inline-block;
  }
  .tablet-hidden {
    display: none;
  }
  .sep {
    padding: 0;
  }
}

@media (max-width:767px) {
  .backstretch {
    display: none;
  }
  /* Set proper size limits for divs during resizing */
  #superwrapper {
    min-width: 305px;
  }
  #footer {
    min-width: 305px;
  }
  #contentwrapper {
    width: 100%;
    max-width: 767px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .page {
    width: 100%;
    max-width: initial;
  }
  /*Center divs and/or text inside*/
  .fancybutton {
    margin: 0 auto !important;
  }
  #content {
    text-align: center;
    padding: 20px 10px;
  }
  #homecontent {
    margin: 0 auto;
  }
  .responsive-centering {
    text-align: center !important;
  }
  /* Maintain proper position of top fancy button and size of containing div */
  #topfancybutton {
    margin-top: -112px !important;
  }
  #footer-misc2 {
    padding-bottom: 112px;
  }
  /* Switch layouts of footer contact information */
  .schema-stuff {
    display: block;
  }
  .sep {
    display: none !important;
  }
  .internal #footer-text {
    padding-left: 0;
  }
  .internal #footer-text {
    width: 100%;
    text-align: center;
  }
  /*Style form on contact page*/
  #content .formField, #content .formField.contactform-block-comments {
    clear: both !important;
    width: 80%;
    margin: 0 auto;
    float: none;
  }
  #content .formField.contactform-block-zip {
    margin-left: 40%;
    float: left;
    clear: none !important;
  }
  #content .formField.contactform-block-state {
    width: 20%;
    margin-left: 10%;
    clear: none !important;
    float: left;
    margin-right: 0;
  }
  #content .contactform .formPad {
    padding: 3% 0;
  }
  .contact-us form {
    width: 100%;
  }
  #content .contactform {
    width: 100%;
  }
  .contactform input[type="submit"] {
    float: left;
    width: 100%;
    margin: 5px auto;
  }
  /* Allow footer divs to stretch */
  .internal #footer-misc2 {
    min-height: 260px;
  }
  /* Display or hide elements if they only show in one view */
  .sf-menu {
    display: none;
  }
  #simple-menu {
    padding: 0px!important;
    height: 65px;
    float: right;
    width: 65px;
    display: block;
  }
  #content .contactform h2.componentheading {
    width: 100%;
  }
  .home #superwrapper {
    background-position: left top;
  }
  body {
    overflow-x: hidden;
  }
  #blognavlink {
    display: block;
  }
  #call, #contact {
    margin: 20px auto 0 auto;
  }
  .bagrow {
    width: 275px;
  }
  .bagphoto {
    width: 137px;
  }
  .bagphoto img {
    width: 100%;
  }
  .mobile-visible {
    display: inline-block;
  }
  .procedurephoto .albumtext_wrapper {
    display: inline-block;
  }
  #surgerylogos {
    float: none;
  }
  #content li {
    list-style: none;
  }
  .procedurephoto a>span {
    display: inline-block;
  }
  .procedurephoto img {
    padding: 0;
    width: 100%;
  }
}

@media (max-width:766px) {
  /* Also necessary for proper positioning of .fancybutton on resize */
  #contentwrapper {
    padding-bottom: 112px;
  }
}

.procedures #content .cat-children li, .procedures #content li {
  list-style: none;
}