/*   
 * Theme Name: Avant Dermatology (Visible Nav)
 * Theme URI: http://www.socialdoctor.com/
 * Description: Developed by SocialDoctor
 * Author: SocialDoctor
 * Author URI: http://www.socialdoctor.com/
 * Version: 1
 */
body { font-family: "europa"; background-color: #FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
[data-toggle="tooltip"]:hover { cursor: pointer }
a { cursor: pointer }
a:hover, a:visited, a:focus { text-decoration: none }
.category-title { color: #7b8075; text-transform: uppercase; letter-spacing: 1px; font-size: 0.875rem; text-transform: uppercase; margin-bottom: 23px; display: block; font-weight: 600 }
.closeMe.white { filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(87deg) brightness(1000%) contrast(100%); }
.expand-width { width: 100% }
.expand-width > .img-fluid { width: 100% }
.alignright { float: right; display: inline-block; margin-left: 30px }
.alignleft { float: left; display: inline-block; margin-right: 30px }
.aligncenter { display: block; margin: 0 auto }
.iframe-map { max-width: 100%; height: 450px }
.pano-videos canvas { max-width: 100% !important; height: auto }
.add-divider { border-top: 1px solid #EEE; margin-top: 60px; padding-top: 60px }
.hidden-all { display: none !important }
.iframeWrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 40px }
.iframeWrapper > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.container-fluid { max-width: 1380px }
.btn-link:hover { text-decoration: none }
.dropdown-item { white-space: normal }
.dropdown-toggle::after { width: 14px; height: 20px; content: ""; border-top: 0 solid; border-right: 0 solid transparent; border-bottom: 0; border-left: 0 solid transparent; background-image: url('images/arrow-down-white.png'); background-repeat: no-repeat; margin-left: 0; background-position: bottom center; margin-top: 2px }
.dropdown-menu { border: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) }
.dropdown-divider { margin: 0 25px !important }
.green-side { background-color: #7b8075; display: inline-block; position: absolute; top: 0 }
.beige-side { background-color: #ebe6e1; display: inline-block; position: absolute; top: 0 }
.beige-bg { background-color: #ebe6e1 }
.green-text { color: #7b8075 !important }
.f-left { left: 0 }
.f-right { right: 0 }
#sponsors { background-color: #ede8e3 }
.homeIntro > .container-fluid { z-index: 999 }
.leftOffset { margin-left: -45px }
.rightOffset { margin-right: -45px }
.relative-wrapper .btn { background-color: rgba(123, 128, 117, 0.9) !important; position: absolute; bottom: 60px; left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; border: 0 none }
.no-margin { margin-left: 0 !important; margin-right: 0 !important }
.no-padding { padding-left: 0 !important; padding-right: 0 !important }
.top-padding-60 { padding-top: 60px }
.bottom-padding-60 { padding-bottom: 60px }
.top-margin-50 { margin-top: 50px }
.bottom-margin-50 { margin-bottom: 50px }
.top-padding-100 { padding-top: 100px }
.bottom-padding-100 { padding-bottom: 100px }
.top-padding-160 { padding-top: 160px }
.bottom-padding-160 { padding-bottom: 160px }
.top-padding-146 { padding-top: 146px }
.bottom-padding-146 { padding-bottom: 146px }
.top-bottom-padding-160 { padding-top: 155px; padding-bottom: 155px }
.container-fluid { max-width: 1360px }
.ligh-gray-bg { background-color: #f2f2f2; overflow: hidden }
.max-expand-center { max-width: 1180px }
.uderlined { border-bottom: 1px solid #FFF }
#alertMessage { background-color: #7b8075; height: auto; padding: 2px }
#alertMessage p { color: #FFF; font-size: 1rem; text-align: center }
#alertMessage a { color: #FFF }

#logo > a { margin: 0 auto; }
#header{position:relative;z-index:999999;width:100%;background-color: #FFF;}
#header ul.nav > li {font-size: 0.8125rem;font-weight: 600;display:flex;-webkit-box-align: center !important;-ms-flex-align: center !important;align-items: center !important;letter-spacing: 2px;text-transform: uppercase;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#header ul.nav > li > a::after {transition: opacity 0.1s;content: ''; position: absolute;bottom: 19px; left: 0px; height: 2px;background-color: #7b8075;width: 100%;display: inline-block;z-index: 9999;opacity: 0;right: 0;margin: 0 auto;}
#header ul.nav > li:hover > a::after { opacity: 1; }
#header ul.nav > li:first-child a{ padding-left:0 !important; margin-left:0 !important }
#header ul.nav > li:last-child a{ padding-right:0 !important; margin-right:0 !important }
#header ul.nav li a { color:#2d2d2d;display:inline-block;position:relative;padding:1.25rem 0; }
#header ul.nav li a:hover { color:#2d2d2d;opacity:1; }
#header ul.nav > li.lighter a.nav-link{ color:#FFF } 
.sub-menu{display:none;list-style:none;}
.menu-item-has-children > a{ display: inline-block; position: relative; }
.showChildren.menu-item-has-children > .sub-menu { display:block;padding-left: 25px; }
.showChildren.menu-item-has-children > .sub-menu > li{ position: relative; }
#header ul.nav > li > .sub-menu{background-color: #ede8e3;border-radius: 0;left: 0;position: absolute;top: 70px;right: 0;width: 100%;margin: 0 auto;padding: 60px 0 30px 0;list-style: none;max-width: 1300px;}
#header ul.nav > li:hover > .sub-menu{ display: flex !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
#header ul.nav > li:hover > .sub-menu > li > a{display: none !important;}
#header ul.nav li .sub-menu li{padding:0!important;letter-spacing:0.5px;font-size:1rem; -webkit-box-flex: 0; -ms-flex: 0 0 22%; flex: 0 0 22%;}
#header ul.sub-menu li a{display:block;color:#2d2d2d;text-transform: none;;padding:3px 0!important; font-weight: normal;}
#header ul.sub-menu li a:hover{color:#2d2d2d; opacity: 0.7;}
/*#header ul.nav li .sub-menu li:last-child a{border-bottom:0 none!important;}*/
#header ul.nav li .sub-menu li .sub-menu{padding-left:0; display: block; margin-bottom: 30px;}
/*#header ul.nav > li > .sub-menu*/
#header ul.nav > li > .sub-menu > li > .sub-menu > li > a{display: none;}
/*#header ul.nav li .sub-menu li:hover .sub-menu{display:block;}*/
#header ul.nav li.btn {padding:0;line-height:1;}
#header ul.nav li.btn a{color:#FFF !important;line-height:2;padding-left: 25px;padding-right: 25px;}

#header ul.nav > li.category-title{margin-top: 30px;}
#header ul.sub-menu li.category-title { margin-bottom: 10px;}
#header ul.sub-menu li.category-title > a {text-rendering: optimizeLegibility;transform: perspective(1px);

 font-size: 0.8125rem; letter-spacing: 2px; font-weight: 600; margin-bottom: 0 !important; text-transform: uppercase !important; color:#2c2a28 !important; opacity: 1 !important; }
#header li.nav-img > a{ margin-right: 20px !important; margin-top: 13px !important; margin-bottom: 20px; }

.main-nav-wrapper { position: relative; }
.main-nav-wrapper .container-fluid > .row > .col > ul { border-top:1px solid #ede8e3 }
.main-nav-wrapper.active-nav div#navBg { display: inline-block; background-color: #ede8e3; width: 100%; height: 1px; position: absolute; top: 69px; }

#header .main-nav-wrapper > .container-fluid .nav > li .sub-menu > li > .sub-menu {  }
#header .main-nav-wrapper.active-nav > .container-fluid .nav > li .sub-menu > li > .sub-menu{  }

#header .main-nav-wrapper ul.nav > li > ul.sub-menu > li { opacity:0;  }
/*#header .main-nav-wrapper ul.nav > li:hover > ul.sub-menu > li { opacity:1 !important}*/
/*#header .main-nav-wrapper.active-nav ul.nav li .sub-menu li { opacity:1 !important;}*/

.img-text { padding-top: 10px; font-size: 0.8125rem;font-weight: 600;display:flex;-webkit-box-align: center !important;-ms-flex-align: center !important;align-items: center !important;letter-spacing: 2px;text-transform: uppercase;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }


/* New Nav */
#header ul.nav > li > .sub-menu > li:first-child { margin-left: 10px; }
#header ul.nav li .sub-menu.d-flex li > a { display: none; }
/*#header .sub-menu{ display: none !important; }*/

/* Header Affixed */
#header.affix{position:fixed;top:0;box-shadow:0 0 10px rgba(0,0,0,0.1);background-color: rgba(255,255,255,1);}
#header.affix #menuIco span{background-color:#000;}
/*#header.affix ul.nav li a { color:#666; }*/
.main-nav-wrapper { background-color: #ffffff; }
#menuIco::before{content:'';color:RGB(255,255,255);position:absolute;left:-130px;letter-spacing:2px;font-weight: bold;font-size: 14px; margin-top: 4px;}
#menuIco:hover{cursor:pointer;}
#menuIco:hover span{background-color:#666;}
#menuIco.active-menu span{background-color:#666;}
#menuIco span{background-color:#FFF;height:2px;margin-bottom:11px;display:block;}
#menuIco span:last-child{margin-bottom:0;}
#menuIco.menuIconOne{display:inline-block;}

#sideNav { display: none; position: fixed; top: 0; z-index: 999999999; background-color: #FFF; padding: 0; right: -420px; max-width: 400px; height: 100%; width: 100%; overflow-y: scroll }
#sideNav .close { display: none }
#sideNav .nav { margin-bottom: 62px }
#sideNav ul li { display: block; width: 100%; position: relative; line-height: 1.7 }
#sideNav ul li.largerFont a { font-size: 1rem; padding: 0.75rem 0 }
#sideNav ul li a { color: #000; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; padding: 0.55rem 0; width: 100%; position: relative }
#sideNav ul li a:hover { color: #7b8075 }
#sideNav ul.nav > li { line-height: 2.1 !important }
#sideNav.show { display: block; z-index: 99999999; padding: 40px }
#sideNav .btn-primary { margin-top: 0 }

#sideNav .nav.activeParent > li { display: none }
#sideNav .nav.activeParent > li.showChildren { display: block !important }
#sideNav .nav.activeParent > li.showChildren > a { display: none }
#sideNav .nav.activeParent > li.showChildren > span { width: 100%; height: 52px; display: inline-block; color: rgb(0, 0, 0); position: absolute; left: 0; top: -65px; border-bottom: 3px solid #e1e1e1; font-size: 0.9375rem; letter-spacing: 1px }
#sideNav .nav.activeParent > li.showChildren > span:hover { cursor: pointer }
#sideNav .nav.activeParent > li.showChildren > span::before { content: 'BACK'; width: 62px; height: 27px; display: inline-block; color: rgb(0, 0, 0); position: absolute; left: 0; top: 0; background-image: url('images/left-arrow.svg'); background-size: 8px; background-position: left 8px; background-repeat: no-repeat; padding-left: 20px }
#sideNav .nav.activeParent > li.showChildren ul li a { text-transform: none !important; font-size: 1.0625rem; letter-spacing: 0 }
#sideNav li.menu-item-has-children > a { display: inline-block; position: relative }
#sideNav ul.nav > li.menu-item-has-children > a::after { content: ''; width: 9px; height: 17px; display: inline-block; color: #ccc; background: url(images/right-arrow.svg) no-repeat center center transparent; background-size: contain; position: absolute; right: 0; top: 16px }
#sideNav ul.nav > li.menu-item-has-children > ul > li.menu-item-has-children > a::after { content: ''; width: 13px; height: 13px; display: inline-block; color: #ccc; background: url(images/+.svg) no-repeat center left transparent; background-size: cover; position: absolute; right: 2px; top: 17px }
#sideNav ul.nav > li.menu-item-has-children > ul > li.menu-item-has-children.showChildren > a { color: #7b8075 !important; border-bottom: 3px solid #e1e1e1; padding-bottom: 22px !important }
#sideNav ul.nav > li.menu-item-has-children > ul > li.menu-item-has-children.showChildren > a::after { background: url(images/+.svg) no-repeat center right transparent; background-size: cover; }
#sideNav ul.nav > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.menu-item-has-children > a::after { content: ''; width: 10px; height: 9px; display: inline-block; color: #ccc; background: url(images/+.svg) no-repeat center left transparent; background-size: cover; position: absolute; right: 20px; top: 21px }
#sideNav ul.nav > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.menu-item-has-children.showChildren > a::after { background: url(images/+.svg) no-repeat center right transparent; background-size: cover }
#sideNav ul.nav > li.menu-item-has-children > ul > li.menu-item-has-children > ul > li.menu-item-has-children.showChildren > .sub-menu a { padding-left: 30px !important }
#sideNav .showChildren > .sub-menu { position: relative }
#sideNav .showChildren.menu-item-has-children > .sub-menu { display: block; padding-left: 0 }
#sideNav .showChildren.menu-item-has-children > .sub-menu > li { position: relative }
#sideNav .showChildren.menu-item-has-children > .sub-menu > li > .sub-menu { padding-top: 10px; padding-bottom: 20px }
#sideNav .showChildren.menu-item-has-children > .sub-menu > li > .sub-menu > li { line-height: 2.55 !important }
#sideNav .showChildren.menu-item-has-children > .sub-menu > li > .sub-menu > li > a { border-bottom: 0 none !important; padding: 0.2rem 25px !important }
#sideNav .showChildren.menu-item-has-children > .sub-menu > li > .sub-menu > li:last-child > a { border-bottom: 3px solid rgb(225, 225, 225) !important; padding-bottom: 0.7rem !important }
#sideNav .btn-primary.second{ background-color: #7b8075; border-color:#7b8075 }
/*#header ul.nav > li > .sub-menu { background-color: rgb(255, 255, 255); border-radius: 5px; left: 0; position: absolute; top: 70px; right: 0; width: 300px; margin: 0 auto 0 -80px; padding: 30px 0; list-style: none }
#header ul.nav li .sub-menu::after { content: '>'; width: 100%; height: 26px; position: absolute; left: 0; right: 0; top: -24px; margin: 0 auto; color: #CCC; font-size: 20px; text-shadow: 0px -3px 5px rgba(0, 0, 0, 0.05); text-align: center }
#header ul.nav:last-child > li { font-size: 1.0625rem; padding: 2px 0 }
#header ul.nav li.contactBtn { padding: 10px !important; line-height: 2.5 }*/
#closeBtn { color: #7b8075; display: block; padding-bottom: 15px; padding-left: 20px; position: relative; margin-bottom: 103px; margin-top: 0; font-size: 0.875rem; letter-spacing: 1px }
#closeBtn::after { content: ''; display: inline-block; width: 16px; height: 16px; position: absolute; right: 0; top: 4px; background-image: url(images/x.svg); background-size: contain; background-repeat: no-repeat }
#closeBtn:hover::after { opacity: 0.7 }

#modalScreen { display: inline-block; background-color: rgba(0,0,0,0.2);width: 100%;height: 100%;z-index: 9999999;position: fixed;}


.sliderContainer .dropdownMenuButton { width: 375px; height: 50px; background-color: #7b8075; color: #FFF; text-align: left; vertical-align: middle; padding: 0 }
#dropdownMenuButton { width: 358px; position: relative; color: #666; background-color: #FFF; text-align: left; padding: 10px 25px; border: 0 none }
#dropdownMenuButton span { color: #7b8075; text-transform: uppercase; font-size: 0.9375rem; letter-spacing: 1px; font-weight: 500 }
.sliderContainer { position: relative }
.sliderContainer h5 { color: #FFF !important }
.sliderContainer .first-line { display: block; font-size: 3.75rem; line-height: 1.1; color: #FFF }
.modal-dialog { max-width: 570px }
.modal-content { padding: 25px }
.servicesSlider.dark-marble-bg .horizontal-scroll-wrapper { height: 370px; max-width: 1420px; margin: 0 auto }
.max-intro { max-width: 505px }
.center-left-snippet { max-width: 830px; margin: 0 auto; }
.center-left-snippet h1 { margin-bottom: 15px; }
.center-left-snippet .h5 { margin-bottom: 31px; line-height: 1.3; }
.center-left-snippet p { font-size: 1.0625rem; margin-bottom: 50px !important; }
.call-to-actions .col { margin-bottom: 3.75rem }
.call-to-actions .col > div { height: 300px; display: flex }
.call-to-actions .col > div:hover { background-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) }
.call-to-actions .col > div a { margin: auto; width: 100% }
.call-to-actions p { color: #454545; font-size: 2.0625rem; font-weight: 500; margin-bottom: 2px }
.call-to-actions span { color: #676767; text-transform: none }
.split-list.first { padding-right: 20px }
.split-list { display: inline-block; list-style-type: none; padding-left: 0; margin-bottom: 0 }
.split-list li { font-size: 1.0625rem; color: #676767 }
.split-list li::before { content: '•'; color: #7b8075; padding-right: 10px; font-size: 1.375rem }
.split-container, .split-container div { padding: 0 }
.split-container .col { display: flex; background-color: #FFF }
.split-container .col > div { margin: auto; max-width: 30.625rem; padding: 15px }
.split-container .col h1 { margin-bottom: 27px; color: #454545 }
.split-container .col p { color: #676767; margin-bottom: 40px }
.btn-default.orange { background-color: #d46a1b; margin-left: 20px }
.btn-default { background-color: #7b8075; color: #FFF !important; text-transform: uppercase; font-size: 1rem; letter-spacing: 0.0625rem }
.btn-default:hover { color: #FFF }
.split-container .pic-stack .col { background-color: transparent }
.post-image { max-width: 100%; display: inline-block; margin: 45px auto 85px; position: relative; width: 100% }
.post-image img { display: block; max-width: 100%; height: auto; margin: 0 auto }
.contained-image { position: relative }
.single-column { max-width: 800px }
.post-section { width: 100%; flex: none; margin: 0 auto }
.center-snippet { max-width: 830px; margin: 0 auto; text-align: center }
#inTHeMedia hr { margin-bottom: 60px }
#inTHeMedia .post-section { max-width: 1120px; width: 100% }
.center-snippet h1, .center-left-snippet h1 { margin-bottom: 15px }
.center-snippet .h5, .center-left-snippet .h5 { margin-bottom: 31px; line-height: 1.3 }
.center-snippet p, .center-left-snippet p { font-size: 1.0625rem; margin-bottom: 50px !important }
/*.insidePage { padding-top: 100px; padding-bottom: 100px }*/
.insidePage hr.img-divider { margin-bottom: 25px }
#inTHeMedia img { max-width: 100%; height: auto }
.insidePage h1 { margin-bottom: 25px }
.insidePage h2 { margin-bottom: 1.75rem !important }
.insidePage h3 { margin-bottom: 1.0625rem !important; font-weight: lighter; color: #7b8075 !important }
.insidePage h4 { margin-bottom: 20px !important }
.insidePage h5 { font-weight: 600; margin-bottom: 25px }
.insidePage h2, .insidePage h3, .insidePage h4, .insidePage p, .insidePage ul, .insidePage ol, .insidePage blockquote { margin-bottom: 1.5rem; color: #676767; width: 100%; line-height: 2.22 }
.insidePage h2, .insidePage h3, .insidePage h4, .insidePage h5 { line-height: 1.5 }
.insidePage .entry a { color: #7b8075; border-bottom: 1px solid #7b8075 }
.insidePage p > a:hover { }
.insidePage blockquote { background-color: #7b8075; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 33px 50px }
.insidePage blockquote p { font-style: italic; color: #FFF }
.insidePage blockquote p:last-child { margin-bottom: 0 }
.insidePage blockquote p > strong { font-style: normal }
.insidePage table.table-striped tr > td { text-transform: uppercase; color: #7b8075; letter-spacing: 1px; padding-top: 20px; padding-bottom: 20px; font-size: 0.9375rem }
.insidePage table.table-striped tr > td:first-child { text-transform: uppercase; color: #b1b1b1; letter-spacing: 1px; padding-left: 40px }
.insidePage .newsAlert { background-color: #FFF; color: #7b8075 !important; font-size: 0.9375rem; text-transform: uppercase; padding: 20px 27px; margin-bottom: 28px; letter-spacing: 1px; font-weight: 500; line-height: 2 }
.insidePage .newsAlert span { color: #b1b1b1 !important; margin-right: 30px }
.insidePage .newsAlert a { color: #7b8075 !important }
.insidePage .newsAlert p { color: #7b8075 !important; display: inline-block }
.insidePage .btn-default { margin-bottom: 30px }
#shopLanding .h1 { font-size: 2.5rem; }
#shopLanding .h5 { display: inline-block;
  color: rgb(123, 128, 117) !important;
  text-transform: uppercase !important;
  padding-bottom: 8px;
  border-bottom: 2px solid rgb(123, 128, 117); }
.has-caption { position: relative }
.has-caption > span { position: absolute; left: 40px; bottom: 40px; color: #FFF; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700 }
.no-margin { margin-left: 0 !important; margin-right: 0 !important }
.box { background-color: #7b8075; margin-bottom: 1.875rem; margin-left: 0; margin-right: 0 }
.box .title { width: 50px !important; flex: none; padding: 0; display: none }
.box .title span { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); display: block; position: absolute; top: 50%; margin-top: -9px; font-size: 0.875rem; color: #FFF; text-transform: uppercase }
.box-content { padding: 30px; color: #FFF; font-size: 1.0625rem; letter-spacing: .1px; line-height: 2.22; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 17px; bottom: -19px }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 110px; height: 3px; margin: 0 auto; border: 0 none }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #7b8075 }
.mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar { background-color: #7b8075 !important }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; margin: 0px auto; max-width: 300px; height: 3px }
.mCSB_scrollTools .mCSB_draggerRail { background-color: #ebebeb }
.mCustomScrollBox { overflow: visible }
.horizontal-scroll-wrapper { width: 100%; position: relative; height: 724px }
.horizontal-scroll-wrapper > div { position: absolute; left: 0; top: 0; width: 1660px }
.horizontal-scroll-wrapper .pop-doctor-info { position: relative; top: auto; display: inline-block; float: left; left: 0; margin-right: 60px }
.animateThis { opacity: 0 }
.hidden { opacity: 0 }
.visible { opacity: 1 }
.navigation { font-size: 2.5rem; color: #949494; margin-top: 25px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.navigation h3 { line-height: 0.9; display: inline-block }
.navigation > div { display: inline-block; padding: 0 20px; line-height: 33px }
.navigation > div a { color: #7b8075 }
.navigation > div a:hover { color: #949494 }
.sidebarWrapper { position: relative; padding-bottom: 115px }
.single-column .sidebarWrapper { padding-bottom: 65px }
#blogRoll #sideBar, .singleBlog #sideBar { max-width: inherit; z-index: 99; width: 100%; position: absolute }
#blogRoll #sideBar .section.affix, .singleBlog #sideBar .section.affix { position: relative; top: auto }
#blogRoll #sideBar .section ul.list-group, .singleBlog #sideBar .section ul.list-group { padding: 0; height: 58px; overflow: hidden; width: 100% }
#blogRoll #sideBar .section ul.list-group a, .singleBlog #sideBar .section ul.list-group a { display: block; color: #FFF !important }
#blogRoll #sideBar .section ul.list-group li, .singleBlog #sideBar .section ul.list-group li { line-height: 2.7 }
#blogRoll #sideBar .section ul.list-group.menu_dropped, .singleBlog #sideBar .section ul.list-group.menu_dropped { height: auto }
#blogRoll #sideBar .section ul.list-group.menu_dropped:after, .singleBlog #sideBar .section ul.list-group.menu_dropped:after { transform: rotate(180deg); top: 32px; right: 60px }
#blogRoll #sideBar .section ul.list-group:after, .singleBlog #sideBar .section ul.list-group:after { content: '▼'; width: 15px; height: 5px; position: absolute; right: 55px; top: 18px; margin: 0 auto; color: rgb(255, 255, 255, 0.4); font-size: 10px }
#blogRoll #sideBar .sidebar_menu_dropdown, .singleBlog #sideBar .sidebar_menu_dropdown { color: green; background-color: #FFF; padding: 10px 25px; display: block; border-radius: 5px; font-size: 17px; text-transform: uppercase; letter-spacing: 1px }
#blogRoll #sideBar .section ul.list-group.categories, .singleBlog #sideBar .section ul.list-group.categories { background-color: #333 !important }
#blogRoll #sideBar .section ul.list-group.archive, .singleBlog #sideBar .section ul.list-group.archive { background-color: #373737 !important }
.singleBlog .post { padding-left: 0 }
.singleBlog .container { max-width: 1120px }
#blogRoll h1 { color: rgb(255, 255, 255) }
#blogRoll .post { padding-left: 0 }
#blogRoll .post hr { margin: 80px 0 0 0; max-width: 100%; border: 2px solid rgb(244, 244, 244) }
#blogRoll .entry p { margin-bottom: 0 }
#blogRoll .featured { margin: 120px 0 40px }
#blogRoll .featuredArticle { height: 425px; display: block; position: relative; text-align: center; margin: 0; background-size: cover !important }
#blogRoll .featuredArticle .featuredText { color: #FFF; position: absolute; left: 0; right: 0; margin: 0 auto; top: 40%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
#blogRoll .featuredArticle .supText { font-size: 0.875rem; text-transform: uppercase; margin-bottom: 25px; display: block; letter-spacing: 1px }
#blogRoll .featuredArticle.mainFeatured { margin-bottom: 100px }
#blogRoll .container { padding-top: 80px; max-width: 1120px }
#blogRoll .container span { font-size: 0.875rem; display: block; color: #7b8075; letter-spacing: 2px; margin-bottom: 20px; line-height: 1.4; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
#blogRoll .container h2 { color: #7b8075 !important; margin-bottom: 20px; line-height: 1.4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
#blogRoll .container h2 a { color: #7b8075 !important }
#blogRoll .featuredImageThumb > a { width: 360px; height: 385px; display: block; margin: 0 auto; position: relative; float: left }
#blogRoll a:hover div.overlay { display: inline-block !important }
div.overlay { display: none; background-color: rgb(0, 0, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2 }
.moretag { color: #7b8075 }
#blogRoll .splitPost .featuredImageThumb > a { width: 100%; height: 290px; display: inline-block; margin-bottom: 30px; background-size: cover !important }
#blogRoll .splitPost .imageCTA { width: 360px; height: 623px; display: block; margin: 0 auto; position: relative }
#blogRoll .splitPost .featuredText { color: #FFF; position: absolute; left: 0; right: 0; margin: 0 auto; top: 30%; font-family: minerva-modern, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
#blogRoll .splitPost h2 { font-family: minerva-modern, sans-serif }
#blogRoll .splitPost .supText { font-size: 2.6rem; font-family: europa }
#blogRoll .h5 { margin-bottom: 38px }
.single-column-page #sidebarWrapper { padding-bottom: 38px }
.single-column-page .section.affix { position: initial !important }
.single-column-page #sideBar .section ul.list-group li .hidden-lg-up { display: inline-block !important }
.single-column-page #sideBar { width: 91% }
.single-column-page #sideBar .section ul.list-group { padding: 0 0 38px; height: 38px; overflow: hidden; position: absolute; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08) }
.single-column-page #sideBar .section ul.list-group a { display: block }
.single-column-page #sideBar .section ul.list-group.menu_dropped { height: auto }
.single-column-page #sideBar .section ul.list-group.menu_dropped:after { transform: rotate(180deg); font-size: 14px; top: 30px; right: 35px }
.single-column-page #sideBar .section ul.list-group:after { content: '▼'; width: 15px; height: 5px; position: absolute; right: 30px; top: 8px; margin: 0 auto; color: rgb(0, 0, 0, 0.4); font-size: 10px; text-shadow: 0px -3px 5px rgba(0, 0, 0, 0.05); transform: scale(1.5, 1.1); opacity: 0.4 }
.postCat { display: inline-block; color: #7b8075; font-size: 0.875rem; letter-spacing: 2px; margin-bottom: 20px; line-height: 1.4; text-transform: uppercase }
.postImg { margin: 0 100px 60px 0 }
.meta { margin: 15px 0 5px !important; font-size: 1rem; color: rgb(103, 103, 103) }
.quick-links { margin-top: 50px; margin-bottom: 50px }
.quick-links .btn { color: #FFF !important; padding: 18px 0; display: block; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 1px; -webkit-border-radius: 0; border-radius: 0; font-weight: 600 }
.quick-links .btn-secondary { background-color: #7b8075 }
.quick-links .btn-secondary:hover { background-color: #5c6057 }
.btn-with-img { background-color: #5c6057; color: rgb(255, 255, 255); padding: 0px 25px 0 0; float: left; font-size: 0.9375rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; width: 100%; max-width: 400px }
.btn-with-img > img { margin-right: 25px }
.next-posts, .prev-posts { display: inline-block; margin-bottom: 50px }
.next-posts a, .prev-posts a { color: #7b8075 }
.next-posts { border-right: 1px solid #CCC; padding-right: 10px }
.prev-posts { padding-left: 8px }
#accordion { margin-bottom: 3.125rem }
#accordion, .card, .card-header { background-color: transparent; border-top: 0; border: 0 solid rgba(0, 0, 0, 0.125); -webkit-border-radius: 0; border-radius: 0 }
.card-header { padding: 0.75rem 0; border-bottom: 2px solid #ececec }
.card-header .mb-0 button { letter-spacing: .5px; font-size: 1.75rem !important; color: #7b8075 !important; padding: 0.375rem 0; display: block; width: 100%; text-align: left; white-space: normal !important }
.card-header h2.mb-0 { margin-bottom: 0 !important; color: #7b8075 !important }
.card-header button::after { content: '▲'; width: 18px; height: 18px; position: absolute; right: 0; top: 30px; font-size: 14px }
.card-header button[aria-expanded="false"]::after { color: rgba(0, 0, 0, 0.25) !important; content: '▼'; width: 18px; height: 18px; position: absolute; right: 0; top: 30px }
.card-header button[aria-expanded="true"]::after { color: #7b8075 !important; content: '▲'; width: 18px; height: 18px; position: absolute; right: 0; top: 30px }
.card-body { padding: 1.875rem 0 }
.card-body .accordion-col-btns { margin-left: -5px; margin-right: -5px }
.card-body ul, .card-body ol { color: #7b8075 !important }
.accordion-section .card-header { border-bottom: 2px solid #FFF !important }
.accordion-section .card-header h2.mb-0, .accordion-section .card-header .mb-0 button { color: #FFF !important }
.accordion-section .card-header button[aria-expanded="true"]::after { color: #FFF !important; content: '▲' }
.accordion-col-btns { margin-left: 0; padding: 0 }
.accordion-col-btns li { width: 50%; display: inline-block; float: left; margin-bottom: 10px; text-align: center; padding: 0 5px; letter-spacing: 1px; text-transform: uppercase; font-size: 0.9375rem }
.accordion-col-btns li em { color: #FFF !important; display: block; color: #FFF; background-color: #7b8075; padding: 20px; font-style: normal }
#headerImage { height: 525px; background-color: #7b8075; position: relative; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; display: flex }
#headerImage.aboutHeaderImage { background-image: url('images/headers/about-header.jpg') }
#headerImage.servicesHeaderImage { background-image: url('images/headers/inside-header.jpg') }
#headerImage.resourcesHeaderImage { background-image: url('images/headers/resources-header.jpg') }
#headerImage.contactHeaderImage { background-image: url('images/headers/contact-header.jpg') }
#headerImage.blogHeaderImage { background-image: url('images/headers/blog-header.jpg') }
#headerImage.defaultHeader { background-image: url('images/headers/inside-page-header.jpg') }
#headerImage .first-line { color: #FFF }
#headerImage > div { margin: auto }
#sideBar { min-height: 35px; z-index: 99 }
#sideBar .end-link { border-radius: 0 0 5px 5px; width: 100%; background-color: #d46a1b; border: 0 none; padding: 23px 0; text-align: center; letter-spacing: 1px; text-transform: uppercase }
#sideBar .end-link.emergency-btn { background-color: #d46a1b }
#sideBar > div.section div { width: 100% }
#sideBar > div.section { margin-bottom: 60px }
#sideBar .list-group { padding: 2.5rem 0; background-color: #7b8075 }
#sideBar .list-group > li:first-child { margin-bottom: 0.9375rem }
#sideBar .list-group > li:first-child > a { text-transform: uppercase; font-weight: 600; color: #FFF; letter-spacing: 1px; background-color: transparent; font-size: 0.875rem; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
#sideBar .list-group > li:first-child > a:hover { background-color: transparent }
.void-link a:hover { color: rgba(255, 255, 255, 1) !important }
#sideBar .list-group > li { position: relative; display: block; line-height: 1.3 }
#sideBar .list-group li a { color: rgba(255, 255, 255, 0.6); display: block; font-size: 1.0625rem; padding: 10px 50px; letter-spacing: .1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
#sideBar .list-group li a:hover { color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.09) }
#sideBar .list-group ul { list-style: none; padding-left: 0; margin-bottom: 3.125rem }
#sideBar .list-group ul:last-child { margin-bottom: 0 }
#sideBar .list-group ul li { list-style: none; padding-left: 0; line-height: 1.3 }
#sideBar .list-group li.current-menu-parent > ul { display: block }
#sideBar .list-group li.current-menu-parent ul a { padding: 0.75rem 5rem }
#sideBar .list-group li.menu-item-has-children > a span::after { content: '▼'; font-size: 10px; padding-left: 10px; opacity: 0.4 }
#sideBar .list-group li.current-page-parent > ul { display: block !important }
#sideBar .list-group li.current-menu-item > ul { display: block !important }
#sideBar .list-group li.current-menu-item ul a { padding-left: 80px }
#sideBar .list-group li.current-menu-item > a { background-color: rgba(255, 255, 255, 0.09) }
#sideBar .list-group li.menu-item-object-custom.current-menu-item > a { background-color: rgba(255, 255, 255, 0.00) }
#sideBar .list-group > li:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem }
#sideBar .list-group > li.category-title { margin-bottom: 0 !important }
#sideBar .list-group > li.category-title a { color: #FFF; letter-spacing: 2px; font-weight: 600; font-size: 0.875rem; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
#sideBar .list-group > li.category-title:hover a { background-color: transparent }
#sideBar .doctor-info .white-bg ul { margin-bottom: 25px }
.section.affix { position: fixed; top: 150px }
#menu-sidebar-specialities-parent-page { height: auto !important }
#sideBar.specialty { max-width: inherit; padding-top: 100px }
#sideBar.specialty  > div.section { max-width: 380px }
#sideBar.specialty h1 { margin-bottom: 25px }
#sideBar.specialty p { margin-bottom: 50px }
#sideBar.specialty .list-group { padding: 3.4375rem 0 }
#sideBar.specialty li.link-as-title:first-child a { margin-top: 0 !important }
#sideBar.specialty li.link-as-title a:hover { background-color: transparent; cursor: default }
#sideBar.specialty li.link-as-title a { margin-top: 40px !important; font-size: 1.625rem !important; color: rgb(81, 80, 80) !important; padding: 0 0 31px 50px !important; line-height: 1 }
#sideBar.specialty li { margin-top: 0 !important; text-transform: none !important; font-weight: 500; line-height: 1.8 !important }
#sideBar.specialty li a { font-size: 1.2rem; text-transform: none !important; color: #7b8075 !important }
#sideBar.specialty .list-group li a { padding: 0.3125rem 3.125rem }
#sideBar .section .white-bg h2 { margin-bottom: 26px }
#sideBar .section .white-bg h2 > a { color: #212529 }
#sideBar .section .white-bg ul li { }
#sideBar .section .white-bg ul li a { color: rgb(81, 80, 80) }
#sideBar .section .white-bg ul li a:hover { color: #7b8075 }
#sideBar .section .white-bg { background-color: #FFF; padding: 50px }
#sideBar .section .white-bg .category-title { margin-bottom: 4px }
#sideBar .section ul:last-child { margin-bottom: 0 }
#sideBar .list-group > li.category-title { margin-top: 30px }
#sideBar .list-group > li.category-title:first-child { margin-top: 0 }
#sideBar .title-section > a { text-transform: uppercase !important; color: #7b8075 !important; padding-top: 1.875rem !important }
.box-shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) }
.reviews { color: #b2b2b2; margin-bottom: 30px; display: block; font-size: 0.9375rem; font-weight: 500; letter-spacing: 0.5px }
.reviews img { margin-right: 10px }
.location-list-ico { position: relative; padding-left: 20px }
.location-list-ico:before { content: ""; width: 13px; height: 20px; position: absolute; left: 0; top: 5px; background-image: url("images/location-list-ico.png") }
.col-list .category-title { margin-left: -40px !important; margin-bottom: 22px !important }
.col-list { width: 50%; display: inline-block; float: left; margin-bottom: 10px }
.specialties-image { background: url('images/specialties-bg.jpg') no-repeat transparent; background-position-x: 0%; background-position-y: 0%; background-position: top center; height: 1400px }
#hot-spots { margin-bottom: 0; position: absolute; z-index: 9; width: 100%; height: 100% }
#hot-spots li:hover { cursor: pointer }
#hot-spots li { width: 50px; height: 50px; background: url('images/circle-link.png') no-repeat transparent; position: absolute; background-position: center }
#hot-spots li a { display: inline-block; width: 40px; height: 40px; position: relative }
#hot-spots li.one { top: 24%; left: 45% }
#hot-spots li.two { top: 27%; left: 56% }
#hot-spots li.three { top: 52%; left: 19% }
#hot-spots li.four { top: 53%; left: 54% }
#hot-spots li.five { top: 59%; left: 76% }
#hot-spots li.six { top: 69%; left: 16% }
#hot-spots li.seven { top: 77%; left: 46% }
#contact_form .form-control, #contact_form select { padding: 0.75rem }
#contact_form select { height: calc(2.25rem + 14px) }
#contact_form textarea { margin-bottom: 30px }
#contact_form label { color: rgb(103, 103, 103); display: block; width: 100%; line-height: 2.22; letter-spacing: 0.1px; font-size: 1.0625rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
#contact_form .btn-primary { display: block; margin-bottom: 30px; width: 100%; padding: 15px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; font-size: 0.875rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.boxed-in { margin-bottom: 15px }
.boxed-in .category-title { margin-top: 23px; margin-bottom: 3px }
.boxed-in > div { box-shadow: 0 0 10px #0000001a; background-color: #FFF; width: 100%; padding: 30px 15px 10px; height: 100% }
.captcha { margin-bottom: 30px }
#recent-posts .imageContainer { height: 340px; background-repeat: no-repeat; width: 100%; background-size: cover; background-position: center center; position: relative; margin-bottom: 0; background-color: #FFF; position: relative }
#recent-posts { width: 100%; display: block; margin-bottom: 120px }
#recent-posts .post-wrapper a { display: inline-block; width: 100% }
#recent-posts .post-wrapper a:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) }
#recent-posts .entry { background-color: #FFF; padding: 33px 50px; max-height: auto }
#recent-posts span.supHeading { font-size: 0.9375rem; font-family: 'Avenir'; text-transform: uppercase; color: #7b8075 }
#recent-posts h2 { color: #7b8075; margin: 15px 0 30px; line-height: 2.0625rem; font-weight: normal; line-height: 1.3 }
#recent-posts h2 a { color: #7b8075 }
#recent-posts p { font-size: 1.0625rem; color: #576069; margin-bottom: 30px }
#__ezderm_online_scheduling_widget__{ z-index: 10000000 !important; }
.carousel-control-next,
.carousel-control-prev { border:0 none !important; background-color: transparent !important; }
.carousel-control-next-icon { background-image:url('css/mCSB_buttons.png') !important; background-position:center right !important; }
.carousel-control-prev-icon { background-image:url('css/mCSB_buttons.png') !important; background-position:center left !important;  }
.carousel-control-prev-icon, .carousel-control-next-icon { width: 70px !important;height: 60px !important; background-size:cover; }
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
  opacity: 1 !important;
  background-color: transparent !important;}
#footer { background-color: #FFF; padding: 98px 0 0 }
#footer .copyright { padding: 68px 0 90px }
#footer .copyright .h3 { display: inline-block; margin-bottom: 0; line-height: 1 }
#footer .copyright img { vertical-align: text-top; margin-top: 2px }
#footer .copyright a { color: #7b8075 }
#footer .copyr { color: #7b8075 }
#footer .col .h5 { margin-bottom: 27px }
#footer .col ul li { line-height: 2.3; letter-spacing: 0.5px }
#footer .col ul li a { font-size: 1rem; color: #676767 }
#footer .footer-reviews { display: inline-block; text-transform: uppercase; color: #676767; vertical-align: middle; margin-top: 4px }
ul#social-media { list-style: none; display: inline-block; vertical-align: middle; margin-left: 0; height: 21px; padding-left: 10px; margin-bottom: 0 }
ul#social-media li { display: inline-block; margin-left: 5px; line-height: 1 !important }
ul#social-media li a { transition: opacity 0.3s; opacity: 1; display: inline-block; width: 24px; height: 21px; background: url('images/social-media-icons.svg') no-repeat; background-position: 0 0; background-size: cover }
ul#social-media li a:hover { opacity: 0.5 }
ul#social-media li a.facebook { background-position: 0 0 }
ul#social-media li a.twitter { background-position: -74px 0; width: 25px }
ul#social-media li a.instagram { background-position: -25px 0px }
ul#social-media li a.google { background-position: -49px 0 }
ul#social-media li a.youtube { background-position: -135px 0 }
ul#social-media li a.linkedin { background-position: -104px 0 }
.popupContainer { width: 100%; height: 100%; position: fixed; z-index: 99999999999999; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); display: none }
.pop-up-image { height: auto; max-width: 100%; margin: auto 0 }
.pop-up-image::hover { cursor: pointer }
.popup { background-color: #7b8075; top: 10%; position: absolute; left: 0; opacity: 1; box-shadow: 0px 0px 15px #333; right: 0; margin: 0 auto; width: 1110px; height: 600px; max-width: 100% }
.popup h1 { color: #FFF }
.popup h5 { color: #FFF !important }
.popup .btn-info span { color: #FFF !important; border-bottom: 2px solid #FFF }
.popup a.popup-link { display: inline-block; background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; width: 100% }
.overlay { width: 100%; height: 100%; background-color: #333; opacity: 0.7; position: fixed; z-index: 999999999998 }
.closeMe { color: #fff; font-weight: bold; position: absolute; top: 10px; right: 30px; cursor: pointer; font-size: 2rem; z-index: 9999 }
#corner-pop-up { position: fixed; bottom: 5%; max-width: 430px; right: 0; text-align: right !important; overflow: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 999999 }
#corner-pop-up p { line-height: 1; color: #FFF; font-size: 16px; margin-bottom: 0; letter-spacing: 1px; font-weight: 100 }
#corner-pop-up p a { color: #FFF }
#corner-pop-up p sup { top: -3px; font-weight: lighter; font-size: 23px }
#corner-pop-up p span { font-size: 50px; margin-bottom: 0; display: inline-block; vertical-align: middle }
#corner-pop-up .btn-primary { background-color: #7b8075; border-color: #7b8075 }
.list-fade-in { opacity: 1 !important }
.visible-pop { display: block !important }
.close { position: absolute; right: 25px; top: 25px }
#corner-pop-up.visible-pop { opacity: 1 }
#corner-pop-up .btn { flex: none; display: inline-block !important; z-index: 99999 }
.accordion-section { background: #7b8075 }
.accordion-section h5, .accordion-section p { color: #FFF !important }
.accordion-section p > a { border-bottom: 1px solid #FFF }
.card-header .mb-0 button { text-transform: none }
.accordion-section .card-header { border-bottom: 2px solid #1d6e7b }
.accordion-section #accordion { margin-bottom: 0 }
#exampleModal .modal-header,
#exampleModal2 .modal-header { position: absolute; top: 4px; width: 93%; z-index: 99999; border-bottom: 0; color: RGB(255, 255, 255); height: 10px; padding: 0 }
#exampleModal .modal-header .close,
#exampleModal2 .modal-header .close { color: rgb(255, 255, 255) !important; text-shadow: 0 none !important; padding: 0px 11px }
#exampleModal .modal-header .close::before,
#exampleModal2 .modal-header .close::before { content: 'Close'; font-size: 15px }
#exampleModal .modal-body,
#exampleModal2 .modal-body { padding: 0; background-color: #000 }
#exampleModal .modal-content,
#exampleModal2 .modal-content { position: relative; width: auto; height: 568px; background-color: transparent; border: 0 none; overflow: hidden }
#exampleModal .modal-content .modal-body,
#exampleModal2 .modal-content .modal-body { position: auto }
#exampleModal .modal-dialog,
#exampleModal2 .modal-dialog { max-width: 925px; margin: 11.75rem auto; width: auto }
#exampleModal .modal-dialog video,
#exampleModal2 .modal-dialog video { width: 100%; height: auto }
#exampleModal .modal-dialog iframe,
#exampleModal2 .modal-dialog iframe { width: 100%; height: 100%; position: absolute }

#infoGraphic { background-color: #f1ede9;max-width: 1100px;margin: 0 auto 80px; -webkit-border-radius: 5px;border-radius: 5px;}
#infoGraphic ul { margin-left: 0 !important; padding-left: 20px; }
#infoGraphic li::marker {color: #d4cec8;}
#infoGraphic .h1{font-size: 3.25rem;max-width: 390px;display: block;margin: 0 auto;}
#infoGraphic > div { padding-bottom:50px; padding-top:20px }
#infoGraphic > div:last-child {border-left: 1.5px solid #8c8f86; }
#infoGraphic > div:last-child > div { margin-top: 25px; }

@media (max-width:575px) {
    .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl { display: none !important }
    .col-xs-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
    .order-xs-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
    .order-xs-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
    .reversed-xs { flex-direction: column-reverse !important }
    .reversed-xs > div { min-height: auto !important; display: block !important }
    .col.mt-auto.mb-auto.p-0.mt-sm-3 { margin-top: 30px !important }
    .mb-xs-3 { margin-bottom: 30px !important }
    .mb-xs-8 { margin-bottom: 80px !important }
    .pb-xs-0 { padding-bottom: 0 !important }
    .pt-xs-3 { padding-TOP: 30px !important }
    .align-self-center.reversed-xs .d-flex { display: block !important }
    .ligh-gray-bg .pr-0 { padding-left: 0 !important }
    .m-auto { padding-left: 0 !important; padding-right: 0 !important }
    .top-padding-120 { padding-top: 80px }
    .bottom-padding-120 { padding-bottom: 80px }
    .top-padding-100 { padding-top: 80px }
    .bottom-padding-100 { padding-bottom: 80px }
    .bottom-padding-60 { padding-bottom: 80px }
    .top-padding-60 { padding-top: 80px }
/*	#sideNav { max-width: 450px; }*/
    /*    #alertMessage { padding-top: 10px !important;padding-bottom: 10px !important; }*/
    #alertMessage p { line-height: 1.4 !important; }
    #corner-pop-up .btn { padding-left: 0; padding-right: 0 }
    #corner-pop-up { margin: 0 auto; right: 0; left: 0; max-width: 270px }
    #corner-pop-up.visible-pop, #corner-pop-up.visible-pop .btn { width: 100% }
    #sideNav { min-width: 100% }
    #dropdownMenuButton { width: 100% }
    .call-to-actions .col > div a { padding: 7px }
    #logo > a { max-width: 220px }
    #logo img { width: 100% }
    #main_nav_wrapper.show { top: 70px !important }
/*    #header .container-fluid .row { height: 90px !important }*/
    .ligh-gray-bg .reversed-xs > div:first-child { flex: none !important }
    #headerImage .rsABlock { height: 80px }
    #headerImage .first-line { font-size: 1.75rem !important }
    #headerImage { height: 275px }
    .insidePage img { margin: 0 !important; width: 100% !important; max-width: 100% !important }
    .insidePage img.content-dots { margin: 0 !important; width: auto !important; max-width: 50px !important; }
    .pt-xs-0 { padding-top: 0 !important; }
    .locations-page .searchBox > div > div { max-width: 560px }
    .searchBox { margin-bottom: 20px }
    .left-container { padding-right: 15px }
    .right-container { padding-left: 15px }
    .locations-page h3 { margin-bottom: 30px }
    .searchBox h3 { font-weight: 500; font-size: 1.1rem !important }
    .searchBox h3 { margin-top: 0 }
    .pop-doctor-info { display: none !important }
    table.providers-table th, table.providers-table td { height: 55px; padding-left: 15px }
    .locations-page > .row { margin-bottom: 30px }
    .locations-page .searchBox > div { padding: 35px 15px; display: block !important; flex: unset; height: auto }
    .locations-page .searchBox { margin-bottom: 30px }
    .accordion-col-btns li { width: 100% }
    .location-info-box > div { padding: 30px }
    #sideBar .doctors-headshot { width: 100% }
    .divider { display: none }
    #sideBar .section .white-bg { padding: 20px }
    .post-wrapper { margin-bottom: 30px }
    .insidePage p, .insidePage ul, .insidePage ol { font-size: 1rem }
    #sideBar.specialty li.link-as-title a { padding: 0 0 30px 15px !important }
    #sideBar.specialty .list-group li a { padding: 0.3125rem 15px }
    #blogRoll #sideBar .section { margin-bottom: 20px }
    .homePage > div:last-child { margin: 0 auto !important }
    .homePage .call-to-actions, .split-container > .row > div { padding-top: 0; padding-bottom: 0 }
    .split-container .col > div { padding-top: 30px; padding-bottom: 30px }
    #blogRoll #sideBar, .singleBlog #sideBar { position: relative }
    #blogRoll > .container:first-child { padding-top: 0 !important }
    #blogRoll .featuredImageThumb > a { height: 160px; width: 100% }
    .postImg { margin: 0 20px 20px 0; width: 100% }
    #footer .d-flex { display: block !important }
    .blog-roll .post h2, .blog-roll .post h2 a { font-size: 1.3rem !important; line-height: 1.6 }
    #footer .col .h5 { line-height: 2.2 }
    .popupContainer { display: none !important }
}
@media (min-width:576px) and (max-width:767px) {
    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl { display: none !important }
    .left-container { padding-right: 15px }
    .right-container { padding-left: 15px }
    #footer .d-flex { display: block !important }
    #blogRoll .featuredImageThumb > a { width: 100%; margin-bottom: 30px }
    #blogRoll .splitPost .imageCTA { display: none }
    #blogRoll .splitPost .featuredImageThumb > a { background-position: center !important; margin-bottom: 30px; display: block }
    #blogRoll .featuredArticle h2 { font-size: 4em }
    .postImg { padding: 0 0 20px 0 }
    .ligh-gray-bg .reversed-xs > div:first-child { flex: none !important }
}
@media (min-width:576px) and (max-width:991px) {
    #sideBar .doctors-headshot.rounded-top { float: left; margin-right: 50px; max-width: 180px; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important }
    .divider { clear: both; margin-top: -8px; margin-right: -50px; margin-bottom: 30px; margin-left: -50px }
    #sideBar .headshot { float: left }
}
@media (min-width:768px) and (max-width:991px) {
    .hidden-md-down, .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl { display: none !important }
    .left-container { padding-right: 15px }
    .right-container { padding-left: 15px }
    
    
}
@media (max-width:1256px) {
    .hidden-lg-down{ display: none; }
/*    #header .container-fluid .row { height: 80px }*/
    #menuIco { display: inline-block !important; width: 50px; height: auto; float: right; padding: 6px 4px; }
    #menuIco:hover { cursor: pointer }
    #menuIco:hover span { background-color: #7b8075; cursor: pointer; opacity: 0.8 }
    #menuIco.active-menu span { background-color: #7b8075 }
    #menuIco span { background-color: #7b8075; height: 2px; margin-bottom: 7px; display: block }
    #menuIco span:last-child { margin-bottom: 0 }
    #logo { -webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; }
    #logo > a { display: inline-block; margin: 0 auto 0 0;  }
    #logo img { max-width: 220px; height: 60px }
    #supHeader { padding: 10px }
    #supHeader .container-fluid div { width: 100% }
    #supHeader ul li { line-height: 1 }
    #supHeader .dropdown:hover > .dropdown-menu { display: none }
    #header ul.nav > li { font-size: 1.125rem; position: relative; display: block; clear: both; float: none; width: 100%; font-size: 2rem; padding: 0 80px }
    #header ul.nav li a { color: #FFF;  display: inline-block; position: relative }
    #header ul.nav li a:hover { color: #7b8075; opacity: 0.8 }
    #header ul.nav > li.lighter a.nav-link { color: #FFF }
    #header ul.nav li.contactBtn { background-color: #7b8075; border: 0 none; height: 50px; margin-top: 9px; margin-left: 33px; line-height: 1.1 }
    #header ul.nav li.contactBtn > a { color: #FFF; width: 150px; text-transform: uppercase; font-size: 0.9375rem; letter-spacing: 1px }
    #header ul.nav li.contactBtn li { text-align: left }
    .sub-menu { display: none; list-style: none }
    .menu-item-has-children > a { display: inline-block; position: relative }
    .menu-item-has-children > a::after { content: ''; width: 12px; height: 9px; display: inline-block; color: #000; background: url(images/children-arrow.svg) no-repeat center center transparent; background-size: contain; position: absolute; right: -20px; top: 16px }
    .showChildren.menu-item-has-children > .sub-menu { display: block; }
    .showChildren.menu-item-has-children > .sub-menu > li { position: relative }
    #header ul.nav > li > .sub-menu { background-color: rgb(255, 255, 255); border-radius: 5px; left: 0; position: absolute; top: 70px; right: 0; width: 300px; margin: 0 auto 0 -80px; padding: 30px 0; list-style: none }
    #header ul.nav li .sub-menu::after { content: '>'; width: 100%; height: 26px; position: absolute; left: 0; right: 0; top: -24px; margin: 0 auto; color: #CCC; font-size: 20px; text-shadow: 0px -3px 5px rgba(0, 0, 0, 0.05); text-align: center }
    
}
@media (max-width:767px) {
	#infoGraphic { padding:20px; }
	#infoGraphic .h1{ max-width:100%; font-size: 2.5rem;}
	#infoGraphic > div { padding-bottom:0; display: block !important;}
	#infoGraphic > div:last-child {border-left: 0 none; }

}
@media (max-width:991px) {
    html, body { overflow-x: hidden }
    .container, .container-fluid { padding-right: 15px; padding-left: 15px }
    .row { margin-right: -15px; margin-left: -15px }
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-right: 15px; padding-left: 15px }
    .top-padding-120 { padding-top: 80px }
    .bottom-padding-120 { padding-bottom: 80px }
    .top-padding-100 { padding-top: 80px }
    .bottom-padding-100 { padding-bottom: 80px }
    .bottom-padding-60 { padding-bottom: 80px }
    .top-padding-60 { padding-top: 80px }
    .leftOffset { margin-left: 0 }
    .rightOffset { margin-right: 0 }
    .box.row { margin-left: 0; margin-right: 0 }
    .post-section { padding-left: 15px; padding-right: 15px }
    h1, .h1 { font-size: 2.75rem }
     /*#sideNav .nav {
    min-width: 360px;
    padding: 40px;
  }*/
    #supHeader .container-fluid .row { height: auto }
    #headerImage .rsABlock { height: auto }
    #headerImage .first-line { font-size: 2.75rem }
    .insidePage { padding-top: 40px; padding-bottom: 40px }
    #sideBar { max-width: 100% }
    #inTHeMedia img { margin: 0 0 20px 0; max-width: 150px; float: left; padding-right: 20px; }
    #inTHeMedia .media-post { margin-bottom: 40px !important; }
    .post-section { max-width: 100%; flex: none; padding-top: 0px }
    .post-image { margin: 45px auto 15px }
    .post-image img { margin: 0; max-width: 100%; width: 100% }
    #sideBar { display: none }
    #sideBar .section ul.list-group { padding: 0; height: 38px; overflow: hidden; position: absolute }
    #sideBar .section ul.list-group a { display: block }
    #sideBar .section ul.list-group.menu_dropped { height: auto }
    #sideBar .section ul.list-group.menu_dropped:after { transform: rotate(180deg); font-size: 14px; top: 30px; right: 35px }
    #sideBar .section ul.list-group:after { content: '▼'; width: 15px; height: 5px; position: absolute; right: 30px; top: 8px; margin: 0 auto; color: rgb(255, 255, 255, 0.4); font-size: 10px; text-shadow: 0px -3px 5px rgba(0, 0, 0, 0.05); transform: scale(1.5, 1.1); opacity: 0.4 }
    .quick-links a { margin-bottom: 15px }
    #blogRoll .featuredImageThumb { display: block; clear: both; margin-bottom: 40px }
    #blogRoll .featuredImageThumb > a { display: none }
    #blogRoll .splitPost .imageCTA { display: none }
    #blogRoll .splitPost .featuredImageThumb > a { background-position: center !important; margin-bottom: 30px; display: block }
    #blogRoll .featuredArticle h2 { font-size: 4em }
    #blogRoll .container { max-width: 760px; width: 100% }
    #blogRoll .featuredImageThumb > a { float: none }
    #blogRoll #sideBar .section ul.list-group, .singleBlog #sideBar .section ul.list-group { width: 91% }
    #footer ul { margin-bottom: 60px }
    .blog-roll .post h2, .blog-roll .post h2 a { font-size: 1.75rem; font-weight: normal }
    #sponsors { text-align: center; padding: 10px !important }
}
@media (min-width:992px) and (max-width:1199px) {
    .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl { display: none !important }
    .left-container { padding-right: 15px }
    .right-container { padding-left: 15px }
}
@media (max-width:1200px) {
    #overviewPage, .whichProcedure { display: none }
}
@media (min-width:1200px) {
    .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg { display: none !important }
/*    #supHeader ul li.nav-item > a { padding: 0.5rem 1rem }*/
/*    #header ul.nav > li a.nav-link { padding: 0 15px }*/
    .max-intro { margin: 0 auto }
    .blog-roll .post h2, .blog-roll .post h2 a { font-size: 2.75rem }
    #sideBar .list-group li a { padding: 10px 50px }
    .split-list { margin-bottom: 30px }
}
@charset "UTF-8";
body { -webkit-backface-visibility: hidden }
.animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both }
.animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s }
@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(100px) }
    100% { opacity: 1; -webkit-transform: translateY(0) }
}
@-moz-keyframes fadeInUp {
    0% { opacity: 0; -moz-transform: translateY(100px) }
    100% { opacity: 1; -moz-transform: translateY(0) }
}
@-o-keyframes fadeInUp {
    0% { opacity: 0; -o-transform: translateY(100px) }
    100% { opacity: 1; -o-transform: translateY(0) }
}
@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(100px) }
    100% { opacity: 1; transform: translateY(0) }
}
.animated.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp }