#template {background-color: #fff; background-attachment: fixed; background-image: url("/UserFiles/Servers/Server_978956/Templates/theme/page-bg-1.jpg"); background-repeat: no-repeat; background-position: center top;cursor:url("/UserFiles/Servers/Server_978956/Templates/theme//fish.cur"), pointer !important; }
#template .container {max-width: 87%; margin: 0 auto; padding:0 20px;}
.intRightCol .ptl_portlet_vertical, .intRightCol .ptl_col_1, .intRightCol .ptl_page {overflow:visible !important; overflow-x: visible}

.designMode #overview, .portletEditMode #overview, .loggedIn #overview,
.designMode #banner, .portletEditMode #banner, .loggedIn #banner {margin:0}
.designMode #logoNav, .portletEditMode #logoNav, .loggedIn #logoNav {position:relative}

/* tables in edit mode */
.PO-wrapper {margin: 50px auto !important}

/* general styling */
#content p, #content ul, #content ol, #content figcaption { color:#001a30; font-weight: 400; font-size: 18px; line-height:27px; font-family: 'Montserrat', sans-serif;letter-spacing: .3px; margin: 0 0 15px; overflow:visible !important}
#template h1 {font-weight: 400; font-size:45px; line-height: 1em; font-family:'Cabin', sans-serif; color: #cc00cc; margin: 0 0 10px; border-bottom:3px dotted #e8e8e8; padding-bottom: 3px }
.homepage #template h2 {border-bottom:3px dotted #e8e8e8; padding-bottom: 3px }
#template h2 {font-weight: 400; font-size: 35px; line-height: 1em; font-family: 'Cabin', sans-serif; color:#cc00cc; padding: 0; margin: 0 0 10px}
#template h3 {font-weight: 400; font-size: 26px; line-height: 1em; font-family: 'Cabin', sans-serif; color: #cc00cc; margin: 0 0 10px}
#template h4 {font-weight: 400; font-size: 24px; line-height: 1.35em; font-family: 'Cabin', sans-serif; color:#172436; margin: 0 0 10px}
#template h5 {font-weight: 400; font-size: 22px; line-height: 1.35em; font-family:'Cabin', sans-serif; color:#172436; margin: 0 0 10px}
#template h6 {font-weight: 400; font-size: 18px; line-height: 1.35em; font-family: 'Cabin', sans-serif; color:#172436; margin: 0 0 10px}
a {font-family:'Montserrat', sans-serif; font-size: 18px; color:#003399; }
#content a {  line-height: 27px;  font-weight:700; text-decoration: none; transition:all .25s ease-in-out}
#content a:hover, #content a:focus {color:#cc00cc;}
#content img {max-width:100%}
#content img.border {max-width: 100%; border:5px solid rgba(255,255,255,0.30); box-shadow:2px 2px 10px 2px rgba(0,0,0,0.4);}
#content img.left {max-width: 100%; margin-right: 35px; border:5px solid rgba(255,255,255,0.30); box-shadow:2px 2px 10px 2px rgba(0,0,0,0.4);}
#content img.right {max-width: 100%; margin-left: 35px; border:5px solid rgba(255,255,255,0.30); box-shadow:2px 2px 10px 2px rgba(0,0,0,0.4);}
#content hr { clear:both; border:1px solid #fff; margin:15px 0;}
#fancybox-wrap {z-index: 9999 !important}
.embed-container { position: relative; margin: 0 0 20px; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* smile gallery */
    .smileThumb {max-width:100%; width: 100%; transition: all .25s ease-in-out;}
    .smileGallery {display: flex; flex-flow: row wrap; margin: -2% auto 0; align-items:center; text-align:center; max-width:75%}
    .smileGallery a:hover .smileThumb, .smileGallery a:focus .smileThumb {opacity:0.7}
    .smileGallery figure {flex: 1 0 28.33%; justify-content: space-between; margin: 0 2%;}
    .fr-window-skin-fresco .fr-side-button-icon, .fr-window-skin-fresco .fr-close-icon, .fr-window-skin-fresco .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-icon {background-image:url("/UserFiles/Servers/Server_978956/Templates/sprite.svg") !important}

/* map */
.mapMarkClass div  { font-size: 16px !important;  color:#001a30!important;}
.mapMarkClass h1  { font-size: 30px !important; color:#cc00cc!important; margin: 0 0 5px !important}
.mapMarkClass a {display:block !important; margin: 5px 0 0 !important; font-size:16px!important; color: #003399 !important}
.mapMarkClass a:hover {color:#cc00cc !important}
.mapMarkClass a::after {display:none !important}

/* informative animations */
.InformativeAnimation {font-family:'Montserrat', sans-serif !important;}
.InformativeAnimation .featureTitle  {background: #cc00cc}
.InformativeAnimation .featureTitle h2 {color:#fff !important; font-size:3.5em !important; font-weight:400 !important}
.InformativeAnimation .titleRow, .InformativeAnimation div.titleRow  {background:#fff!important; }
.InformativeAnimation .titleRow h3 {color:#cc00cc !important; font-size:2.5em !important;}
.InformativeAnimation ul.buttonCol, .InformativeAnimation .iaButtonColumn {background:#5794CA !important;}
.InformativeAnimation div#footer > a, .InformativeAnimation .footer a { font-family: 'Montserrat', sans-serif !important; text-decoration:none !important;  color:#000 !important; font-size:1em !important;}
.InformativeAnimation div#footer > a:hover, .InformativeAnimation .footer a:hover {color: #003399 !important}
.InformativeAnimation div#footer > a:hover::after, .InformativeAnimation .footer a:hover::after {display:none !important} 
.InformativeAnimation div#footer, .InformativeAnimation .footer {padding: 4px 10px !important;background:#B7E6F4; font-family: 'Montserrat', sans-serif !important; font-size: 0.9em !important}
.InformativeAnimation .iaMobileMenu {padding: 1% 3% !important;border: 1px solid #cc00cc !important;color: #cc00cc!important;position: absolute;top: 10%;bottom: 10% !important;left: auto;right: 1% !important; font-weight:400 !important; line-height:1.45em !important }
.InformativeAnimation .iaMobileMenu:hover {background:#fff !important; color:#cc00cc!important;}

/* office tour */
.galleryTitle { background: #CC00CC!important; font-family: 'Montserrat', sans-serif !important; color: #fff !important; font-size:36px; font-weight:400 !important}
.photoGallery { max-width: 90% !important; margin: 0 auto !important; }
.galleryContainer {border: none !important; background: transparent; margin: 0 auto;}
.galleryBorderBottom {border-bottom: 4px solid #8F008F}
.galleryBreadcrumb {background: none !important}
.galleryCrumb a{text-decoration:none !important;  box-shadow:none !important;}
.galleryCrumb span {color: #222222 !important; text-decoration:none !important}
.galleryCrumb .galleryName {color: #8F008F !important; box-shadow: none !important}
.galleryCrumb .galleryName:hover, .galleryCrumb .galleryName:focus {color:#000 !important; box-shadow: none !important}
.galleryBreadcrumb {color:#000000 !important;}
.galleryCrumb .galleryName, .galleryCrumb .albumName{font-family: 'Montserrat', sans-serif !important; font-size: 18px !important}
.galleryAlbumNav {width: auto; background: none!important}
.topSliderWrapper {background:transparent !important}
.flex-direction-nav a {position:absolute !important; font:normal normal normal 30px/1 FontAwesome !important; box-shadow:none !important}
.flex-direction-nav a:hover, .flex-direction-nav a:focus {color: #000 !important}
.sliderWrapper a.fancyboxImage, .sliderWrapper a.fancyboxImage:hover, .sliderWrapper a.fancyboxImage:focus {padding: 0 !important; box-shadow: none !important}

/*grid display styling*/
#content .galleryItems ul li {list-style-type:none;}
#content .galleryItems ul {list-style-type:none;}
#content .galleryDesc {display:none !important;}

/* form text */
.secureform .tbl { background-color:rgba(255, 255, 255, 0); border-radius:0; border: 1px solid #D2D2DB}
.secureform input {border-radius:0}
.secureform section {border-bottom: 2px solid #D2D2DB}
.secureform div > h1, .secureform div > h2, .secureform div > h3, .secureform p, .secureform #dvViewBody span, .secureform fieldset legend, .secureform fieldset label, .secureform .form-element > label {font-family:'Montserrat', sans-serif; font-weight:400; color:#001a30;}
.secureform p, .secureform #dvViewBody span {font-size:1em}
.secureform fieldset legend {color:#535350}
/* form buttons */
.secureform input[type="submit"], .secureform input[type="reset"], .secureform input[type="button"] { background:#CC00CC; border:none; font-family:'Montserrat', sans-serif; color:#fff; transition:all .25s ease-in-out; font-size:1em; font-weight:600; border-radius:3px}
.secureform input[type="submit"]:hover, .secureform input[type="submit"]:focus, .secureform input[type="reset"]:hover, .secureform input[type="reset"]:focus, .secureform input[type="button"]:hover, .secureform input[type="button"]:focus {background:#003399; color:#fff;}


/* overview */
#overview {margin: 150px 0 0 0; }
#overview h1 {border-bottom:none; margin: 0 !important; padding: 35px 0 25px !important}
#overview .container { max-width: 72.5%; margin: auto 0 auto auto;} 

/* banner */
#banner {margin: 0; border-bottom: 5px solid #5794ca;}
#banner .container {max-width:100%; padding: 0}
#banner figure {position:relative}
#banner .cycle-slideshow  section {width: 100%; }
#banner .cycle-slideshow img {width: 100%;}

/* arrows */
.slider.ab2017 .cycle-prev, .slider.ab2017 .cycle-next { display:none !Important;}

/* banner text */
#banner figcaption {position: absolute;top: 0px;
right: 0px;bottom:0px; left:auto; width: 37%;padding: 14% 5% 0 2%; 	background: rgba(255,255,255,0.60); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.0) , rgba(0,0,0,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(0,0,0,0.0) , rgba(0,0,0,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(0,0,0,0.0) , rgba(0,0,0,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(0,0,0,0.0) , rgba(0,0,0,1)); /* Standard syntax */}
#banner figcaption h2 {line-height: 110%;font-size: 46px;color: #fff;font-style:italic;text-shadow: 3px 3px 10px rgba(0,0,0,0.7);font-family: 'Cabin', sans-serif;text-align: left;padding-bottom: 0 !important; border-bottom:none !important}
.slider.ab2017 figcaption:empty {display:none;}
.slider.ab2017 figcaption a::after{display:none}
#banner figcaption img {width:auto !important;}
#banner figcaption p {font-size:18px; color:#fff; line-height:150%; text-shadow:3px 3px 10px rgba(0,0,0,0.7); font-family:'Open Sans', sans-serif}
#banner figcaption a.more {text-shadow:none;width:auto;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration:none;display: inline-block;clear:both;font-size: 14px;margin-top: 25px;padding: 12px 30px ;background-color: #cc00cc;border: 2px solid #fff; box-shadow:2px 2px 3px -2.5px rgba(0,0,0,0.2);
line-height:1em;border-radius: 5px;color: #fff !important;font-weight: bold;font-style:normal;transition:all .5s ease-in-out;}
#banner figcaption a.more:hover, #banner figcaption a.more:focus {color: #cc00cc !important;background-color: rgba(255,255,255,0.50);border:2px solid #cc00cc;box-shadow:0px 5px 20px -5px rgba(0,0,0,0.7);}

/* banner pager */
div.slider.ab2017 div.cycle-slideshow ol.selector {right: 0;left:0;bottom: 20px !important;width: 100% !important;text-align: center;}
.slider.ab2017 ol.selector li span {display: block;width: 20px;height: 20px; border:1px solid #fff; margin: 0;padding: 0;background:rgba(255,255,255,0.30);border-radius: 50%;font-size: 0; }
.slider.ab2017 ol.selector li {margin: 0 10px 0 0}
.slider.ab2017 ol.selector li:last-child {margin: 0}
.slider.ab2017 ol.selector li.selected span {background:#cc00cc; box-shadow:none; border: 1px solid #ffce19}

/* callout boxes - home page, right side */
#calloutBoxes {background: none; border-top: 20px solid rgba(255,255,255,0.20); border-bottom:20px solid rgba(255,255,255,0.20); padding: 60px 0 ; }
#calloutBoxes .container {max-width:89%}
#calloutBoxes .ptl_portlet_vertical {overflow: visible !important; overflow-x: visible !Important}
#calloutBoxes ul {display:flex; flex-flow:row wrap; justify-content:space-between; list-style-type:none; text-align: center; margin: 0; padding: 0}
#calloutBoxes li {flex: 1 0 auto; padding:0 10px; width:200px}
#calloutBoxes a {box-shadow:none; background: transparent; padding: 0; text-decoration:none; transition:all .25s ease-in-out}
#calloutBoxes a:hover, #calloutBoxes a:focus {box-shadow:none}
#calloutBoxes .image {width: 100%; display:block; transition: all 0.3s ease-in-out;}
#calloutBoxes .image img {max-width:100%;width:71%;padding: 5px;background-color: rgba(255,255,255,0.30); border-radius:50%; border: 1px solid rgba(255,255,255,0.30); box-shadow:  0px 5px 30px 10px rgba(255,255,255,0.1), 0px 0px 0px 10px rgba(255,255,255,0.1); filter: grayscale(0%); transition:border .3s ease, box-shadow .6s ease, filter .6s ease}
#calloutBoxes a:hover .image img, #calloutBoxes a:focus .image img {background-color:rgba(255,255,255,0.0); filter:grayscale(100%); border: 1px solid rgba(255,255,255,0.0);box-shadow: 0px 0px 20px 0px rgba(255,255,255,0), 0px 0px 0px 10px rgba(255,255,255,0.0); transition:border .3s ease, box-shadow .6s ease, filter .3s ease;}
#calloutBoxes .text {display:block; width: 100%; text-align: center; color: #0044cc; font-weight:400; font-family:'Cabin', sans-serif;text-transform:none;font-size: 26px;  padding: 20px 0 0px}
#calloutBoxes a:hover .text, #calloutBoxes a:focus .text {color: #cc00cc;}
.standard .calloutItem img {max-height: inherit !important}
.standard span.image {width: auto !important}

/* logo */
#logo { padding: 0 40px 0 0; margin:0 0 0 18.2%}
#logo img {max-width:100%; transition:all 0.5s ease}

/* header */
#logoNav {padding:10px 0 6px; position:fixed; top:0; width:100%; background-color: rgba(255,255,255,0.90);
background-image: url("/UserFiles/Servers/Server_978956/Templates/theme/header-bg.png");
background-repeat: no-repeat;
background-position: center top;
border-bottom: 5px solid #5794ca; transition:all .5s ease; z-index: 100}
#logoNav .container {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items:center; max-width:1360px; }
#headerRight {flex: 1 0 auto; text-align: right; padding:0}

/* utility nav */
.utilityNav {text-align: right; width: auto; display:inline-block; margin: 10px 0 15px auto;}
.utilityNav .utilLoc {font-size: 18px; font-family: 'Cabin', sans-serif; font-weight:normal; border-bottom:1px solid #cc00cc;}
.utilityNav span {display:block; }
.utilityNav span a {text-decoration:none; color:#cc00cc; font-size: 18px;font-family: 'Cabin', sans-serif; }
.utilityNav span a:hover, .utilityNav span a:focus {color:#34b2f2}
.utilityNav .utilPhone a {color:#003399; font-weight:700; font-size: 28px; font-family: 'Cabin', sans-serif;}
.utilityNav .utilPhone a:hover, .utilityNav .utilPhone a:focus {color:#cc00cc}

/* content - home page, one column */
#content { 	
	border-top: 10px solid rgba(255,255,255,0.20);
	border-bottom: 10px solid rgba(255,255,255,0.20);
	background: rgba(206,206,208,1); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, rgba(206,206,208,1) , rgba(242,242,242,1) , rgba(242,242,242,1) , rgba(206,206,208,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(206,206,208,1) , rgba(242,242,242,1) , rgba(242,242,242,1) , rgba(206,206,208,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(206,206,208,1) , rgba(242,242,242,1) , rgba(242,242,242,1) , rgba(206,206,208,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(206,206,208,1) , rgba(242,242,242,1) , rgba(242,242,242,1) , rgba(206,206,208,1)); /* Standard syntax */}
.homepage #content .container {display: flex;flex-flow: row nowrap;padding: 45px 20px 80px;justify-content: space-between;}
#homeLeftCol {flex: 0 0 65%; padding: 0 }
#homeRightCol {flex: 0 0 35%; padding: 0 0 0 80px; text-align:right}

/* interior */
.subpage #content .container  { min-height:300px; padding: 80px 20px 100px}
.subpage .colWrap {display:flex; align-items:stretch; flex-flow: row nowrap;}
/* Changed to removed sidebar navigation*/
/*.intLeftCol {flex: 0 0 22%}
.intRightCol {flex: 0 0 78%; padding: 0 0 0 40px}*/
.intRightCol {flex: 0 0 100%; padding: 0 0 0 40px}

/* social navigation */
.socialNav {position: fixed; right: 10px; top: 163px; z-index: 9999}
.socialNav ul  {margin: 0; padding: 0}
.socialNav ul li {display: block; list-style-type: none;margin: 0 0 5px }
.socialNav ul li:empty {display:none}
.socialNav ul li a {width: 42px; height: 42px; border-radius: 50%; border:2px solid #fff;  color: #fff; line-height: 38px !important; text-align: center; text-decoration: none; font-size: 1.2em; transition:all .6s ease }
.socialNav ul li a:hover, .socialNav ul li a:focus {background:#00e9ff none !important; color: #fff; }
.socialNav ul li a.fa-facebook {background:#3b5998}
.socialNav ul li a.fa-google-plus {background:#3B5998}
.socialNav ul li a.fa-instagram {background:#405de6}
.socialNav ul li a.fa-linkedin {background:#7EBD42}
.socialNav ul li a.fa-twitter {background:#7CE8FA}
.socialNav ul li a.fa-pinterest {background:#BE2026}
.socialNav ul li a.fa-youtube-play {background:#ff0000}
.socialNav ul li a.fa-rss {background:#7EBD42}
.socialNav ul li a.bloggerIcon {background:#F57E20; line-height:25px}
.socialNav ul li a.fa-yelp {background:#CD3C29}
.socialNav ul li a.angiesListIcon {background:#7EBD42; line-height:25px}

/* primary nav, 100% list items centered */
.colWrap .ptl_page, #banner .ptl_portlet_vertical {overflow:visible !important; overflow-x:visible !important}
#primaryNav {}
#primaryNav .container { max-width:100%; padding: 0; display:flex; flex:1 0 0; flex-flow: row wrap; justify-content: flex-end; }
#primaryNav ul li {margin: 0 0 0 8px}
#primaryNav ul li:first-child {margin: 0}
#primaryNav ul li a {padding: 10px 10px !important; font-family: 'Cabin', sans-serif; font-size: 22px; line-height:1.3em; color: #003399;font-weight:500; transition:all 600ms ease}
#primaryNav ul li a:hover, #primaryNav ul li a:focus, #primaryNav ul li a.rmExpanded {color:#cc00cc;}

/* primary nav - submenu */
.RadMenu .rmSlide, .RadMenu_Context {top: 50px !important}
#primaryNav ul ul {width:200px; padding:10px 0 !important;  background:rgba(255,255,255,0.90); border-top: 6px solid #7f267f;
border-right: 1px solid #999;
border-bottom: 6px solid #7f267f;
border-left: 1px solid #ccc; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);}
#primaryNav ul ul li { width:100% !important; border-right:none; margin:0 !important;}
#primaryNav ul ul li a {display: block; position:relative; width:100% !important; padding: 8px 15px !important; font-family: 'Cabin', sans-serif; color: #4c4c4c !important; font-size: 16px; font-weight:400; box-shadow:none; background:none;transition:background 600ms ease; text-shadow:none; text-decoration:none; text-transform:none}
#primaryNav ul ul li a:hover, #primaryNav ul ul li a:focus {background: #dcdcdc; border-radius:0; box-shadow:none; border:none;text-shadow:none}

/* primary navigation resets */
.RadMenu .rmHorizontal .rmText, .RadMenu .rmRootGroup .rmItem .rmGroup {padding: 0 !important}
.RadMenu .rmGroup .rmText {margin:0 !important}

/* interior side navigation */
#section-navigation {margin: 0 0 65px; }
.sitenavl0 {border-bottom:3px dotted #e8e8e8; padding:11px 0 !important}
.sitenavl0 a {box-shadow:none !important; font-family: 'Montserrat', sans-serif; padding: 0 !important; text-transform: none !important; color:#cc00cc; font-size: 18px; line-height:1em; font-weight: 700 !important; transition:all .25s ease-in-out}
.sitenavl0 a:hover, .sitenavl0 a:focus {color:#34b2f2 !important; text-shadow:none !important; }
.sitenavl0.currentpage a { color: #34b2f2 !important; }

/* back to top */ 
#back-to-top::after {border-bottom:15px solid #fff; border-left:9px solid transparent; border-right:9px solid transparent; left: 52%;  }
#back-to-top {background:rgba(0, 51, 153, 0.65);  box-shadow:none; border:none; height: 60px; width: 60px; transition:all 500ms ease-in-out 0s}
#back-to-top:hover {background:#003399;  }
#back-to-top.fade {opacity:1}

/* our actual patients */
#featurePatients {padding:70px 0;border-top: 20px solid rgba(255,255,255,0.30);border-bottom: 20px solid rgba(255,255,255,0.30); text-align:center;}
#featurePatients .ptl_portlet_vertical {overflow:visible !important; overflow-x:visible !important}
#featurePatients h2 {border-bottom: 3px dotted #e8e8e8; padding-bottom: 3px; text-align:center;}
#featurePatients figure {margin: 0; padding: 0;overflow:visible; display:inline-block;}
#featurePatients figure img {background-color: rgba(255,255,255,0.30); border: 1px solid rgba(255,255,255,0.30); box-shadow: 0px 5px 30px 10px rgba(255,255,255,0.1), 0px 0px 0px 10px rgba(255,255,255,0.1); filter: grayscale(0%); transition: border .3s ease, box-shadow .6s ease, filter .6s ease; margin:15px 20px; padding: 5px;}
#featurePatients figure:hover img {background-color: rgba(255,255,255,0.0);border: 1px solid rgba(255,255,255,0.0);box-shadow: 0px 0px 20px 0px rgba(255,255,255,0), 0px 0px 0px 10px rgba(255,255,255,0);filter: grayscale(100%);transition: border .3s ease, box-shadow .6s ease, filter .3s ease;}
#featurePatients a.more {display: table;text-decoration:none;margin: 25px auto 0;font-family:'Montserrat', sans-serif;font-size:18px;font-weight:700;color:#fff;padding: 9px 30px 9px 30px;background-color: #cc00cc;border: 2px solid #fff;border-radius: 5px;box-shadow: 2px 2px 3px -2.5px rgba(0,0,0,0.2);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
#featurePatients a.more:hover, #featurePatients a.more:focus {background-color: rgba(255,255,255,0.50);color:#cc00cc;border: 2px solid #cc00cc;box-shadow: 0px 5px 20px -5px rgba(0,0,0,0.7); transition: all .5s ease-in-out;}

/* feature - testimonials */
#featureTesti {padding:55px 0; border-top: 10px solid rgba(255,255,255,0.20); border-bottom: 10px solid rgba(255,255,255,0.20);
background: rgba(206,206,208,1); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, rgba(206,206,208,1) , rgba(242,242,242,1) , rgba(242,242,242,1) , rgba(206,206,208,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(206,206,208,1) , rgba(242,242,242,1) , rgba(242,242,242,1) , rgba(206,206,208,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(206,206,208,1) , rgba(242,242,242,1) , rgba(242,242,242,1) , rgba(206,206,208,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(206,206,208,1) , rgba(242,242,242,1) , rgba(242,242,242,1) , rgba(206,206,208,1)); /* Standard syntax */
}
#featureTesti .ptl_portlet_vertical {overflow:visible !important; overflow-x:visible !important}
#featureTesti .feature {display:flex; flex-flow:row nowrap; justify-content: space-between; align-items:flex-start}
#featureTesti .image {order:2; flex: 0 0 28%}
#featureTesti .image img {width: 100%; box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.4);border: 5px solid rgba(255,255,255,0.30);}
#featureTesti .text {order:1; flex: 0 0 72%; padding: 0 75px 0 0}
#featureTesti .text p {font-size: 18px;
font-family: 'Montserrat', sans-serif;
line-height: 27px;
	font-style: italic;
letter-spacing: .3px;
color: #001a30;}
#featureTesti .text a.more {display: table;margin-top:30px;text-decoration:none; font-family:'Montserrat', sans-serif;font-size:18px;font-weight:700;color:#fff;padding: 9px 30px 9px 30px;background-color: #cc00cc;border: 2px solid #fff;border-radius: 5px;box-shadow: 2px 2px 3px -2.5px rgba(0,0,0,0.2);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
#featureTesti .text a.more:hover, #featureTesti .text a.more:focus {background-color: rgba(255,255,255,0.50);color:#cc00cc;border: 2px solid #cc00cc;box-shadow: 0px 5px 20px -5px rgba(0,0,0,0.7); transition: all .5s ease-in-out;}

/* videos feature */
#featureVideo {text-align:center; padding: 70px 0; border-top: 20px solid rgba(255,255,255,0.30); border-bottom: 20px solid rgba(255,255,255,0.30);}
.videoWrapper {display:flex; flex-flow:row nowrap; justify-content: space-between; align-items:center; margin:0 3%}
.videoLeft {flex: 0 0 50%; padding:20px}
.videoRight {flex: 0 0 50%; padding:20px}
#featureVideo a.more {display: table;margin: 0 auto; text-decoration:none; font-family:'Montserrat', sans-serif;font-size:18px;font-weight:700;color:#fff;padding: 9px 30px 9px 30px;background-color: #cc00cc;border: 2px solid #fff;border-radius: 5px;box-shadow: 2px 2px 3px -2.5px rgba(0,0,0,0.2);-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
#featureVideo a.more:hover, #featureVideo a.more:focus {background-color: rgba(255,255,255,0.50);color:#cc00cc;border: 2px solid #cc00cc;box-shadow: 0px 5px 20px -5px rgba(0,0,0,0.7); transition: all .5s ease-in-out;}

/*footer*/
footer {padding:35px 0 40px; 	background: rgba(206,206,208,1); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, rgba(206,206,208,1) , rgba(242,242,242,1) , rgba(242,242,242,1) , rgba(206,206,208,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(206,206,208,1) , rgba(242,242,242,1) , rgba(242,242,242,1) , rgba(206,206,208,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(206,206,208,1) , rgba(242,242,242,1) , rgba(242,242,242,1) , rgba(206,206,208,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(206,206,208,1) , rgba(242,242,242,1) , rgba(242,242,242,1) , rgba(206,206,208,1)); /* Standard syntax */
	border-top: 10px solid rgba(255,255,255,0.20);
	text-align:center} 
#footerBot span, .footerAddresses a.phone {font-family:'Open Sans', sans-serif ; font-size: 16px; line-height: 27px; color: #000;font-weight:400}
#footerBot ul {line-height: 27px; margin: 0; padding: 0;}
.companyName {font-family:'Open Sans', sans-serif ;font-size: 16px; font-weight: 700;color: #000; line-height: 27px;margin:0 0 3px}
.policy {display:block; margin:25px 0 0; }
.policy span { font-size: 12px !important;font-family:'Open Sans', sans-serif !important; color: #000; font-weight:300}
.policy a, footer .admin_menu  {color:#000 !important;font-weight:400 !Important; text-decoration:none !important; font-family:'Open Sans', sans-serif !important; font-size: 12px !important;  transition:all .25s ease-in-out}
.policy a:hover, .policy a:focus, footer .admin_menu:hover, footer .admin_menu:focus, .footerAddresses a.phone:hover {color: #cc00cc !important; }
.footerAddresses a.phone {text-decoration:none; font-weight:700; color:#003399;}
.footerAddresses span::before {content:" | "; display:inline; color:#000}
.footerAddresses span.locationName::before, .footerAddresses span.streetAddress::before {display:none}
.footerAddresses span.faxNumbers, .footerAddresses span.locationName {display:none;}

/* mobile menu */
.mm-ismenu  {background:#7f267f !important} 
.mm-ismenu a {color: #fff !important} 
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul {background:rgba(0,0,0,.08)}
.mm-menu .mm-list > li > a.mm-subopen::after, .mm-menu .mm-list > li > a.mm-subclose::before {border-color: #fff}
.mobileMenu {position:relative;  background:#003399; top:0; right: 0; padding: 11px 20px; font-family:'Montserrat', sans-serif; font-weight:600; line-height:1em;text-shadow:none; text-decoration:none; text-align:right; width: 100%; color: #fff !important; font-size:16px; text-transform:uppercase;}
.mm-list > li > a, .mm-list > li > span {font-family:'Montserrat', sans-serif; font-size:1.15em}
.mobileMenu:hover, .mobileMenu:focus {color:#000}
.mobileMenu em {padding: 0 5px 0 0}


@media screen and (min-width:1920px) {
	#template, #logoNav {background-size:cover}
}
@media screen and (min-width:990px) {
.slider.ab2017 figure {
	padding-top: 150px;
}
}
@media screen and (max-width:1280px) {
#banner figcaption h2 {font-size: 40px;}
	#banner figcaption {width:45%}
	div.slider.ab2017 div.cycle-slideshow ol.selector {bottom: 10px !important}
}
@media screen and (max-width:1200px) {
	#banner figcaption {padding: 16% 5% 0 2%}
	#banner figcaption h2 {font-size: 30px;}
	#banner figcaption p {font-size:16px;}
	#banner figcaption a.more {margin-top:10px}
	
	#homeRightCol {flex: 0 0 45%}
	#homeLeftCol {flex: 0 0 55%}
}
@media screen and (max-width:1100px) {
	#template .container, #logoNav .container {max-width:100%;}
	#logo {margin: 0}
	
		/* text banner */
#banner figcaption { background:rgba(0,0,0,0.5); padding:20px 20px 55px; top: 0; left: 0; position: relative; right: 0;  bottom: 0;width: 100%;max-width: 100%; text-align: center;}
	#banner figcaption  h2 {text-align:center}
.cycle-slideshow .cycle-slide { display: none !important; position: relative !important;}
.cycle-slideshow .cycle-slide-active { display: block !important; }
}
@media screen and (max-width:990px) {
	#logoNav {position:relative}
	#overview {margin: 0}
	/* primary nav - remove */
#primaryNav {display:none}
/* mobile menu appear */
.mobileMenu  {display:block;}
	/* home columns, 100% */
	.homepage #content .container {display:block}
	#homeRightCol{flex: 0 0 100%; padding: 30px 0 40px; text-align:center}
#homeLeftCol {flex: 0 0 100%; padding:0}
	
	/* interior columns, 100% */
.subpage .colWrap {flex-wrap:wrap}
	.subpage #content .container {padding:30px 20px 0px}
.intRightCol {flex: 0 0 100%; order: 1; padding:0}
.intLeftCol {flex: 0 0 100%; order: 2; padding: 40px 0 0}
	
}
@media screen and (max-width:850px) {
	#calloutBoxes {padding: 20px 0}
#calloutBoxes li {padding: 20px}
}
@media screen and (max-width:768px) {
	#logoNav {padding:30px 0 20px; position:relative; background-size:cover}
#logoNav .container {display:block}
#logo {padding: 0}
#logo img {max-width:100%}
#logo, #headerRight {text-align:center;flex: 0 0 100%; width: 100%;} 
#headerRight {margin:20px 0 0 }
	.utilityNav span {text-align:center}
	
	/* social */
.socialNav {background:none; display:block; width:auto !important; padding:4px 10px; position:absolute; top:0; right: auto; left:0; bottom: auto}
.socialNav ul {text-align:left}
.socialNav ul li {display:inline-block; margin: 0 5px 0 0}
.socialNav ul li a { border:none; width: 30px; height: 30px; line-height:30px !important;}
	

	/* content images */
#content img.border, #content img {max-width:100% !important}
#content img.left {max-width: 50% !important}
#content img.right {max-width: 50% !important}
	/* text resize */
	#template h1 {font-size:32px;}
#template h2 { font-size: 28px; }
	/* smile gallery */
	#featurePatients figure img {margin: 10px 5px}
	
	/* videos */
	#featureVideo {padding: 30px 0}
	.videoWrapper {display:block; margin: 0}
		.videoLeft, .videoRight {padding: 5px 0}
}

@media screen and (max-width:600px) {
	#featureTesti {padding: 25px 0}
	#featureTesti .feature { display:block;}
	#featureTesti .image {order:1; flex: 0 0 100%;}
	#featureTesti .image img {width:100%}
	#featureTesti .text {padding:20px 0 0 0; order: 2; flex: 0 0 100%}
}

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

	#content img.border, #content img, #content img.left, #content img.right {display:table; float:none; max-width:100% !important; width: auto ; margin: 0 auto 1em}
}

/*Added to line up h1 page title with full width columns EDC 2018.08.01*/
#overview .container {
    max-width: 87%;
    margin: auto 0 auto 160px;
}