@charset "utf-8";
/* CSS Document */
/* 
'Martel Sans'
'Reem Kufi'
'Josefin Sans'
'Lato'
/*title size fonts*/
@import url(https://fonts.googleapis.com/css?family=Reem+Kufi:200,300,400,700,900);
@import url(https://fonts.googleapis.com/css?family=Martel+Sans:700,900);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Hind:700);
@import url(https://fonts.googleapis.com/css?family=Pacifico:400);

body {

	font-family:Arial, Helvetica, sans-serif;
	background: #ffffff;
	font-weight:400;
	font-size: 88%;
	margin: auto;
	padding:0px;
	color: #3D3D3D;
	letter-spacing:.05px;
}

.checkimg {
	list-style-image:url(../graphics/vbloc/check-list.png);
	padding-left: 25px;
	font-size:90%; 
	line-height:25px;
}

figcaption { 
	margin-top:-70px;
	margin-left:50px;
	color:#ffffff;
	font-size:90%;
}

.cap { 
	margin-top:5px;
	color:#000000;
	font-size:90%;
}

p {line-eigt:150%;}



h1, h2, h3, h4, h5, h6, h7 {
	padding: 0px 0px 0px 0px;
	margin: 0;
}


.container {
	width: 80%;
	max-width: 980px;
	background-color: transparent;
	margin: 0 auto; 
}

<!--image styles-->

.imgtr {
	opacity:0.2;
	filter:alpha(opacity=25);
}

.imgcircleshape {
  shape-outside: circle(50%);
  float: left;
  padding:10px;
}


<!--FOR HOVER-->
.plus {
    width: 500px;
    height: 500px;
    border: 1px solid red;
}

.close {
    display:none;
}
<!--FOR LINKS-->
a:hover, a.noline:link {
		text-decoration: none !important;
}


a:link , a:visited, a:active, a:focus {
	color:#3D9BE9;
	text-decoration: none;
}
a:visited {
	color: #3D9BE9;
	text-decoration: none;
}
a:hover { 
	text-decoration: none;
	color: #063C7A;
}

a.line:hover { 
	text-decoration:underline;
	color: #3D9BE9;
}

a.opaimg:hover {
	opacity:0.5;
	filter:alpha(opacity=60);
	-webkit-transition: opacity .3s linear;
}

a.opaimg2:hover {
	opacity:0.3;
	filter:alpha(opacity=30);
}

a.img-opa-color {
	opacity:0.5;
	filter:alpha(opacity=60);
	-webkit-transition: opacity .3s linear;
}

a.img-opa-color:hover {
 	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition: opacity .3s linear;
}
a.img-zoom {
	display: block;
	height: auto;
	-webkit-transition: all 80ms;
	-moz-transition: all 80ms;
	transition: all 80ms;
	max-width: 100%;
}
a.img-zoom:hover{
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	transform: scale(1.02);
}
/*FONTS*/
/*adjust size*/
.caption {
top:470px;
background-color:black;
text-align:left;
font-size:10px;
font-family:'Trebuchet MS',sans-serif;
position:absolute;
width:700px;
height:70px;
margin-bottom:0px;
}
.button {
display: inline-block;
font-size: 100%;
font-family: 'Meiryo UI';
text-decoration: none !important;
padding: 0px 5px;
line-height: inherit;
overflow: hidden;
position: relative;
border-radius: 2px;
margin-top: 0px;
margin-bottom: 0px;
}
	.button:hover {
		opacity: 0.9;
	}
	#content{

	font-size:100%;
	}
	#incfont{
	background-color: transparent;
	border:1px dotted #d8d8d8;
	color:#6E0C1E;
	}
	#decfont{
	background-color: transparent;
	border:1px dotted #d8d8d8;
	color:#6E0C1E;
	}
	#fontlinks{
	margin-left:0;
	margin-right:5%;
	margin-top:0px;
	margin-bottom:0px;
	text-align:right;
	}
	.buttonfont{
	color:dimgrey;
	}

/*adjust size*/

/*FONT NAMES*/
.lato {
	font-family: 'Lato', serif;
}
.reemkufi {
	font-family: 'Reem Kufi', serif;
}

.martel {
	font-family: 'Martel Sans', sans-serif;
}
.josefinsans {
	font-family: 'Josefin Sans', sans-serif;
}
.hind {
	font-family: 'Hind', sans-serif;
}
.helvetica {
	font-family: 'Helvetica', Arial, sans-serif;
}
.pacifico {
	font-family: 'Pacifico', cursive;
}
/*FONT COLORS*/
.black {
	color:#000000;
}
.navyblue {
	color:#063C7A;
}
.skyblue {
	color:#3D9BE9;
}

.white {
	color:#ffffff;
}
.white-opa {
	color:#A5BFDA;
}
.white-opa-main {
	color: rgba(255,255,255,0.3);
}
.grayf {
	color:#666;
}
.lgrayf {
	color:#999;
}



/*FONT STYLES*/

.smfont {
	font-size:80%;
}
.footerfont {
	font-size:60%;
}
.vlf { font-weight:100;
}
.lf { font-weight:400;
}
.lf2 { font-weight:200;
}
.bf { font-weight: 700;
}
.lh { line-height: 22px;
}
.lh2 { line-height: 28px;
}
.lh6 { line-height: 1.6;
}
.lh-head { line-height: 35px;
}
.lh-head2 { line-height: 40px;
}
.textshadow { text-shadow: 1px 1px 3px #45000D; 
}
.textshadow2 { text-shadow: 1px 1px 2px black; 
}
.boxshadow { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
}
.center {
	text-align:center;
}
.center-item {
	text-align:center; vertical-align:center; padding-right:20%; margin: 0 auto;  max-width: 300px; width: auto;
}
/*telemedicine image*/
.tele_flexbox
{
	display: flex; /*flexbox for homepage*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: center; /*flex - how items are positions in flexbox*/
	align-items: center; /*centers each individual box vertically*/
	margin-bottom: 50px; 
	/*border:1px solid red; /*hide*/
}
.tele_flex_item
{
	width:750px; 
	margin: 0px 15px 0px 15px; /**/
	/*border:1px solid green; /**/
}
.telemed 
{
	width: 100%;
	max-width: 500px;
	height: auto; 
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5); /*h-offset v-offset blur spread color*/
	
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}
.years 
{
	width: 100%;
	max-width: 700px;
	height: auto; 
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5); /*h-offset v-offset blur spread color*/
	
	margin: 50px auto 50px auto; /**/	
	display: block; 
}

/*online seminar start*/
.image-size
{
	width:40%;
}
.vid_style 
{			
	width:333px;
	height:auto; 
	border:15px outset #063C7A; /*old: #0f546f; */
	background-color: lightgray;
	margin-bottom: 25px;
}
.center-div
{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-evenly;
	align-items:center;
	/*border:1px solid red; /*hide*/ 
}
.center-text 
{	
	text-align: center; 
}
.style-title  
{	
	font-size:25px; 
	font-weight:bold; 
	color:#063C7A; 
}
.style-list 
{	
	font-size:18px; 
	color:#063C7A;
	line-height: 1.6;
	padding-top: 15px; 
}
.style-caption  
{	
	font-size:20px; 
	font-weight:bold; 
	color:#063C7A; 
}
.scrollBox 
{
	background-color: #e6ffff;
	width: 460px;
	height: 150px;
	overflow: scroll;
	border:5px solid lightgray /**/
}
.buffer-top
{
	margin-top: 55px; /**/
}
.buffer-bottom
{
	margin-bottom: 75px; /**/
}
/*online seminar end*/


.justify {text-align:justify;
}
.right {text-align:right;
}
.letterspace1 {
	letter-spacing:1px;
}
.letterspace2 {
	letter-spacing:2px;
}
.letterspace3 {
	letter-spacing:3.5px;
}
.letterspace4 {
	letter-spacing:5px;
}



/*BULLETS LIST UL LI*/

.bullet-plus {
	list-style-image:url(../graphics/icons/plus-bullet.png);
	padding-left: 25px;
	font-size:90%; 
	line-height:25px;
}

/*PADDING*/
.pad {
	padding:10%;
}
.padblocks {
	padding:5%;
}
.padgrids {
	padding:2%;
}
.padxs{
	padding:.5%;
}
.padleft {
	padding: 0% 0% 0% 10%;
}
.padright {
	padding: 0% 5% 0% 0%;
}

/*BG COLORS*/
.darkbg-opa {
	background: rgb(255, 255, 255, .5);
}
.whitebg-opa {
	background: rgb(255, 255, 255, .5);
}
.whitebg {
	background: #ffffff;
}
.graybg {
	background-color:#2F2E2E;
}

.opawhite {
	 background-color: rgba(255,255,255,.7); 
}
.opagray {
	 background-color: rgba(0,0,0,0.10); 
}
.opagray2 {
	 background-color: rgba(0,0,0,0.08); 
}
.opagray3 {
	 background-color: rgba(0,0,0,0.05); 
}
.gray-dient {
	background: linear-gradient(45deg, #2586C6 , #063C7A); 
}

.gray-dient2 {
	background: linear-gradient(180deg, #2586C6 , #063C7A); 
}

.home-bg {
	background-image:url(../images/home-bg2.png);
	background-size:cover;
	background-attachment:fixed;
	background-position:bottom center;
	background-repeat:repeat;
}

.banner-left-bg {
	background-image:url(../images/banner-weightloss.png);
	background-size:auto;
	background-attachment:scroll;
	background-position:top left center;
	background-repeat:no-repeat;
	background-color: #063C7A;
}

.banner-left-strip-bg {
	background-image:url(../images/banner-weightloss-blue.png);
	background-size:cover;
	background-attachment:fixed;
	background-position:center center;
	background-repeat:repeat;
	background-color: #063C7A;
	-webkit-box-shadow: -2px 10px 36px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 10px 36px 0px rgba(0,0,0,0.75);
	box-shadow: -2px 10px 36px 0px rgba(0,0,0,0.75);
}


.banner-right-bg {
	background-image:url(../images/banner-advancedsurgery.png);
	background-size:auto;
	background-attachment:scroll;
	background-position:top left center;
	background-repeat:no-repeat;
	background-color: #207EA9;
}

.banner-right-strip-bg {
	background-image:url(../images/banner-advancedsurgery2.png);
	background-size:cover;
	background-attachment:fixed;
	background-position:bottom left;
	background-repeat:repeat;
	background-color: #043063;
	-webkit-box-shadow: -2px 10px 36px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 10px 36px 0px rgba(0,0,0,0.75);
	box-shadow: -2px 10px 36px 0px rgba(0,0,0,0.75);

}


.footer-contact-bg {
	background-image:url(../images/chrias-buildingapex.png);
	background-size:cover;
	background-attachment: fixed;
	background-position:center center;
	background-color: #063C7A;
	color:#ffffff;
	text-align:center;
}
.contact-bg-apex-home {
	background-image:url(../images/apex-building.png);
	background-size: auto;
	background-attachment: scroll;
	background-color: #063C7A;
	background-repeat:no-repeat;
	background-position: left center;
	color:#ffffff;
	text-align:center;
}

.contact-bg-apex-home-map {
	background-image:;
	background-size: auto;
	background-attachment: scroll;
	background-color: #063C7A;
	background-repeat:no-repeat;
	background-position: left center;
	color:#ffffff;
	text-align:center;
}
.contact-bg-apex {
	background-image:url(../images/chrias-buildingapex.png);
	background-size:cover;
	background-attachment:fixed;
	background-color: #141414;
	background-repeat:no-repeat;
	background-position: center center;
	color:#ffffff;
	text-align:center;
}
.contact-bg-apex2 {
	background-image:url(../images/apex-building2.png);
	background-size:cover;
	background-attachment:fixed;
	background-color:#adadad;
	background-repeat:no-repeat;
	background-position: center center;
	color:#ffffff;
	text-align:center;
}
.contact-bg-apex3 {
	text-align:center;
}

.provider-boxbg-home {

	background-size:cover;
	background-attachment:fixed;
	background-position: top center;
	background-color: rgba(255,255,255,0.5);
	color:#000000;
	text-align:center;
}


.footer-contact-bg-home {

	background-size:cover;
	background-attachment:fixed;
	background-position: top center;
	background-color: rgba(255,255,255,0.3);
	color:#ffffff;
	text-align:center;
}

.banner-microscope-opa {
	background-image:url(../images/banner/microscope-opa.png);
	background-size: cover;
	background-attachment:fixed;
	background-position:left center;
	background-repeat:repeat;	
	background-color:#141414;
}

.banner-patientsurvey-opa {
	background-image:url(../images/banner/patient-dr-helpinghand.png);
	background-size: auto;
	background-attachment:scroll;
	background-position:center center;
	background-repeat:repeat;	
	background-color:#141414;
}

.banner-getinspired-opa {
	background-image:url(../images/banner/get-inspired.png);
	background-size: auto;
	background-attachment:scroll;
	background-position:center center;
	background-repeat:repeat;	
}

.banner-getinspired2-opa {
	background-image:url(../images/banner/get-inspired2.png);
	background-size: auto;
	background-attachment:scroll;
	background-position:center center;
	background-repeat:repeat;	
}



/*DIV STYLES*/
/*Transparent*/
.darkbluebg {
	background-color: rgba(0,46,93,0.8);
}
.aquablue {
	background-color: rgba(32,126,169,0.3);
}
.whiteborder {
	border: 2px solid rgba(255,255,255,0.9);
	background-color: rgba(32,126,169,0.3);
}

/*Solid*/
.navybluebg {
	background-color:#063C7A;
}
.lnavybluebg {
	background-color:#E3E8EE;
}
.skybluebg {
	background-color:#207EA9;
}

.borderdots {
	border:1px dotted #ccc;
}
.fixed { position: fixed;
}
.insetsh {
	-webkit-box-shadow: inset 0px -2px 14px 2px rgba(0,0,0,0.10); 
	-moz-box-shadow: inset 0px -2px 14px 2px rgba(0,0,0,0.10); 
	box-shadow: inset 0px -2px 14px 2px rgba(0,0,0,0.10);
}
.mborder {
	border:5px solid #ededed;
}

.imgborder {
    -webkit-box-shadow: 0 10px 8px -7px #777;
       -moz-box-shadow: 0 10px 8px -7px #777;
            box-shadow: 0 10px 8px -7px #777;
}

.map {
	background-image:url(../images/chrias-googlemap.JPG);
	background-position:center center;
	background-size:cover;
}

.videoborder {
	-webkit-box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75);
	box-shadow: -1px 4px 32px -6px rgba(0,0,0,0.75); 
	padding:10px;
}

/*** BMI block in Learning center ***/
.bmi-center{ display:block; margin:10px 30px 30px 0; padding:25px; background:#eff2f5; border-radius:3px; box-sizing:border-box; width:300px; float:left;}
.bmi-center h2 { font-size:18px; font-weight:700; color:#ff9b1a; }
.bmi-center .full, .bmi-center form { margin-bottom:10px; line-height:22px;}
.bmi-center label.left-side { width:80px; float:left; line-height:22px; font-size:14px;}
.bmi-center input[type="radio"] { margin-left:0;}
.bmi-center input[type="text"] { padding:0 10px; line-height:22px; font-size:14px; width:60px; text-align:left !important;}
.bmi-center .child-btn input[type="button"] { margin:20px 0 10px; width:100%; cursor:pointer; background:#cdced0; border:0; box-shadow:none; border-radius:0; font-size:16px; font-weight:700; color:#000;}
.bmi-center .bmi-ans { color:#ff9b1a; font-weight:600;}
.bmi-center select { width:80px; color:#000;}



/*QUOTE*/
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/*BUTTONS*/
.header-ybutton {
	background-color: rgba(237, 205, 24, 0.9); 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:15px;
	border: 2px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#063C7A;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 100%;
	font-weight:400;
	letter-spacing:1px;
	padding:10px 10px;
	text-decoration:none;
	margin-top:20px; 
}
.header-ybutton:hover {
	background-color: rgba(222, 195, 40, 0.9); 
	color:#063C7A;
}
.header-ybutton:active {
	position:relative;
	top:1px;
}

.header-newButton 
{
	background-color: rgba(255, 255, 255, 0); /*dark rgba(6, 60, 122, 1); light rgba(59, 89, 153, 1); white rgba(255, 255, 255, 0.1);*/ 
	border-radius:15px;
	/*border: 2px solid #063C7A; /**/
	border:0px; /**/
	/*display:inline-block; vertical-align:middle; /*vertically aligns 2 items*/
	cursor:pointer;
	color:#063C7A; /*#ffffff; #063C7A;*/
	font-family: 'Josefin Sans', sans-serif;
	font-size:15px; 
	font-weight: bold; 
	letter-spacing:1px;
	text-decoration:none;
	padding:5px 5px; /**/	
	margin:0px; 
}
.header-newButton:hover 
{
	text-decoration:underline;
}
.fb-button 
{
	display:inline-block; vertical-align:middle; /*vertically aligns 2 items*/	
	width:124px;
}

.bbutton {
	background: linear-gradient(160deg, #002E5D , #063C7A);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:15px;
	border: 2px solid #fff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 120%;
	font-weight:400;
	letter-spacing:1px;
	padding:10px 25px;
	text-decoration:none;
	margin-top:20px;
}
.bbutton:hover {
	background-color: rgba(31, 62 , 119, 0.2);
	color:#ffffff;
}
.bbutton:active {
	position:relative;
	top:1px;
}


.ybutton {
	background-color: rgba(237, 205, 24, 0.9); 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:15px;
	border: 2px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#063C7A;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 120%;
	font-weight:400;
	letter-spacing:1px;
	padding:10px 25px;
	text-decoration:none;
	margin-top:20px;
}
.ybutton:hover {
	background-color: rgba(222, 195, 40, 0.9); 
	color:#063C7A;
}
.ybutton:active {
	position:relative;
	top:1px;
}


.clearbutton {
	background-color: rgba(255, 255, 255, 0.1); 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:15px;
	border: 2px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 120%;
	font-weight:400;
	letter-spacing:1px;
	padding:10px 25px;
	text-decoration:none;
	margin-top:20px;
}
.clearbutton:hover {
	background-color: rgba(6, 60, 122, 0.7); 
	color:#ffffff;
}
.clearbutton:active {
	position:relative;
	top:1px;
}

	
/*HR STYLES*/
hr.solid {
    border: 0;
    height: 0;
    border-top: 1px dotted #45000D;
    border-bottom: 0px solid #141414;
}

hr.solid2 {
	border-top: 2px solid #e8e8e8;
	border-bottom: 2px solid #f8f8f8;
}


hr.solid3 {
	border-top: 2px solid #1A75BA;
	border-bottom: 1px solid #063C7A;
	border-radius:10px;
}

hr.opahr {   
	border-top: 0px dotted #666;
	border-bottom: 0px dotted #666;
}

hr.opahr2 {
	border-top: 1px solid rgba(255,255,255,0.05);
	border-bottom: 1px solid rgba(255,255,255,0.05);
	border-right: none;
	border-left: none;
}


footer {
	margin:0 auto;
	padding: 15px;
	text-align:center;
	font-size:80%;
	color:#FFFFFF;
}

/*logo flexbox styling*/ 
.flex_container 
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	/*border:1px solid red; /*hide - for layout only*/
}
.flex_item 
{  
	margin: 10px 30px; /*10px 30px*/
	text-align: center;
	/*border:1px solid green; /*hide - for layout only*/
}
#logo 	{width: 260px;} /*260*/
#seal 	{width: 140px;}
#blue 	{width: 160px;}
#aetna 	{width: 140px;}
#number {width: 280px;}
.seal_img 
{
	width:100%; 
	height:100%;
	text-align: center;
}
/*styling for videos*/
.video-flex-container 
{
	display: flex; /*flexbox for homepage*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: space-evenly; /*flex - how items are positions in flexbox*/
	
	max-width: 1200px; 
	margin: auto; /*centers the container*/ 
	/*border:1px solid red; /*hide - for layout only*/
}
.video-flex-container > div    
{	
	margin: 0px 15px;  /*t,r,b,l*/
	/*border:1px solid green; /*hide - for layout only*/
}
.video-flex-container > div > iframe    
{
	margin: 0px 15px 50px 15px;  /*t,r,b,l*/	
	box-shadow: 0px 0px 15px 3px #383838; /*h-offset, v-offset, blur, spread, color*/
	max-width: 100%;/**/ 
	/*box-sizing: border-box; /**/ 
	/*max-width: 450px; /**/ 
}
.video-flex-container3 
{
	display: flex; /*flexbox for homepage*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: center; /*flex - how items are positions in flexbox*/
	
	max-width: 1200px; 
	margin: auto; /*centers the container*/ 
	/*border:1px solid red; /*hide - for layout only*/
}
.video-flex-container3 > button 
{
	margin: 25px 25px 45px 25px; 
}
/*being used on provider videos*/
.video-flex-container2 
{
	display: flex; /*flexbox for homepage*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: center; /*flex - how items are positions in flexbox*/
	
	max-width: 1200px; 
	margin: auto; /*centers the container*/ 
	/*border:1px solid red; /*hide - for layout only*/
}
.video-flex-container2 > div    
{
	/*max-width: 1250px;*/ 
	margin: 0px 15px 0px 15px;  /*t,r,b,l*/
	/*border:1px solid green; /*hide - for layout only*/
}
.video-flex-container2 > div > iframe    
{
	margin: 0px 15px 50px 15px;  /*t,r,b,l*/	
	box-shadow: 0px 0px 15px 3px #383838; /*h-offset, v-offset, blur, spread, color*/
	max-width: 100%;/**/ 
}

.center-pure 
{
	display:flex; /**/
	justify-content:center; /**/
	align-items:center; /**/
}
.spacing
{
	height: 250px; 
	overflow:scroll; 
	padding-right:25px; 
}
.spacing > li { margin-bottom:10px; }

/*appointment flexbox styling*/ 
.flex_appt
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	/*border:1px solid red; /*hide - for layout only*/
}
.appt_box 
{  
	width:300px; 
	padding: 20px 10px;
	/*border:1px solid green; /*hide - for layout only*/
}
/*Established patients flexbox styling*/ 
.ePatient-flexbox 
{
	display: flex; /*flexbox for contact*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: space-around; /*flex - how items are positions in flexbox*/
	align-items: center; /*flex - centers each individual box vertically*/	
	max-width: 960px; 
	margin: auto; /*centers the nav container*/ 
	
	padding: 25px 0px 0px 0px;  /*t,r,b,l*/	
	/*border:1px solid red; /*hide - for layout only*/
}
.ePatient-item1    
{
	display: flex;
    justify-content: center;
    align-items: center;
	
	width: 200px; /**/ 
	height: 100px; 
	font-size: 18px; /**/
	color: white; 
	/*font-weight: bold; /**/
	text-decoration: none; 	
	text-align: center;
	padding: 0px 25px;  
	margin: 0px 15px 35px 15px; /*t,r,b,l*/
	background: linear-gradient(45deg, #2586C6 , #063C7A); 	
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
	letter-spacing:1px;
	/*border:1px solid green; /*hide - for layout only*/
}


.popUp_fixed 
{
	position: fixed;
	bottom: 0px;
	right: 0px;

	font-size: 19px; 
	color: #063c7a; 
	text-align: center;
	padding: 15px;
	font-weight: bold; /**/
	text-decoration: none; 	
	line-height: 30px; 

	background: rgb(157,157,157);
	background: linear-gradient(9deg, rgba(157,157,157,1) 0%, rgba(255,255,255,1) 67%, rgba(255,255,255,1) 100%);
	/*box-shadow: 0px 1px 7px 1px rgba(255, 255, 255, 1); /*x,y,blur,spread,color*/ 
	letter-spacing:1px;
	border: 2px solid #6e6e6e; /**/
	border-radius: 8px;
}



/*float*/
.float {
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
}

.float:hover {
  -webkit-transform:translate(0px,-10px);
  -moz-transform:translate(0px,-10px);
  -ms-transform:translate(0px,-10px);
  -o-transform:translate(0px,-10px);
  transform:translate(0px,-10px);
}

.imgresponsive {
	with:100%;
	height:auto;
}

.div-top-btn {
	position:fixed; right: 50px; bottom:-2px; padding:10px;
  	  width:30px; height:55px; bottom:-30px; text-align:center;
	background: linear-gradient(5deg, #000000 , #080808);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-top-right-radius:10px;
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	border:1px solid #2e2e2e;
}

.shadow {
	border-bottom: 0 none;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
}

.shadow:hover {
	border-bottom: 0 none;
	box-shadow: 0 1px 15px rgba(0, 0, 0, 0.55);
}

.shadow-div {
-webkit-box-shadow: -2px 10px 36px -10px rgba(0,0,0,0.8);
-moz-box-shadow: -2px 10px 36px -10px rgba(0,0,0,0.8);
box-shadow: -2px 10px 36px -10px rgba(0,0,0,0.8);
}

/*social media icons*/
.social_size { width: 50px; height: auto; padding: 15px 5px 0px 5px; }

/*alert warning styling*/ 
.alert
{
	padding: 6px;
	background-color: #fcf003;
	font-weight: thin;
	text-align: center;
}
.alert a { text-decoration: none; color: #1b8cde;}
.alert span { font-size:25px; vertical-align:sub;} 
	
.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 50% !important;
}
<!--SLIDER-->
/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('banner-slider/img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
        .jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
        .jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }



<!--FOR MAP---->
#dvMap {
        width: 500px;
        height: 550px;
		margin: 1%;
		position:fixed;
}

<!--QUOTES-->
blockquote {
    border-top: 1px solid #000;
    border-bottom: 1px solid #ccc;
    color: #a5a4a4;
    font-style: italic;
    margin: 30px;
    padding: 30px;    
    text-align: center; 
}

<!--Type Sizing-->
@media screen and (max-width: 979px){
  #cssmenu {
    margin-bottom: 0px;
    position: fixed;
	z-index:1;
  }
}

/*logo header styling on small screens*/ 
@media all and (max-width: 1273px) 
{	
	.flex_container 
	{
		justify-content: space-evenly;
		max-width: 830px; 
		margin: auto; 		
	}	
	.seal_img 
	{
		width:70%; 
		height:70%; 
	}			 
	#logo	{order: 1; }
	#seal	{order: 3; }
	#blue	{order: 4; }
	#aetna	{order: 5; }
	#number	{order: 2; }
}
@media all and (max-width: 700px) 
{	
	.flex_container { justify-content: center; }	
	#logo	{flex: 0 0 100%; /*shrink, grow, basis*/}
	#number	{flex: 0 0 100%; /*shrink, grow, basis*/}
}


@media only screen and (max-width: 639px) 
{
	#sealPad { padding-right: 0px; } 
}

@media only screen and (max-width: 650px) 
{			
	/*online seminar*/
	.image-size
	{
		width:60%;
	}
	.vid_style 
	{			
		width:53%;
		height:53%;
		margin-bottom:0%; 
		margin-left:0%;		
	}
	.center-text 
	{			
		font-size:23px; 		
	}
}

@media only screen and (min-width: 320px) {
	h1 { font-size: 30px;}
	h2 { font-size: 27px;}
	h3 {font-size: 23px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	h7 { font-size: 20px;}
	p { font-size: 15px;}
	.footer { font-size: 13px;}
}


@media only screen and (min-width: 375px) {
	h1 { font-size: 30px;}
	h2 { font-size: 30px;}
	h3 {font-size: 25px;}
	h4 {font-size: 18px;}
	h5 {font-size: 20px;}
	h7 { font-size: 20px;}
	p { font-size: 15px;}
	.footer { font-size: 13px;}
}


@media only screen and (min-width: 480px) {
	h1 { font-size: 33px;}
	h2 { font-size: 35px;}
	h3 {font-size: 26px;}
	h4 {font-size: 18px;}
	h5 {font-size: 20px;}
	h7 { font-size: 35px;}
	p { font-size: 15px;}
	.footer { font-size: 13px;}
}
@media only screen and (min-width: 768px) {
	h1 { font-size: 35px;}
	h2 { font-size: 33px;}
	h3 {font-size: 27px;}
	h4 {font-size: 18px;}
	h5 {font-size: 21px;}
	h7 { font-size: 40px;}
	p { font-size: 18px;}
	.footer { font-size: 13px;}
}
@media only screen and (min-width: 1000px) {
	h1 { font-size: 35px;}
	h2 { font-size: 25px;}
	h3 {font-size: 26px;}
	h4 {font-size: 18px;}
	h5 {font-size: 25px;}
	h7 { font-size: 40px;}
	p { font-size: 20px;}
	.footer { font-size: 13px;}
}
@media only screen and (min-width: 1170px) {
	h1 { font-size: 40px;}
	h2 { font-size: 35px;}
	h3 {font-size: 26px;}
	h4 {font-size: 18px;}
	h5 {font-size: 25px;}
	h7 { font-size: 40px;}
	p { font-size: 20px;}
	.footer { font-size: 13px;}
}
@media only screen and (min-width: 1340px) {
	h1 { font-size: 55px;}
	h2 { font-size: 40px;}
	h3 {font-size: 35px;}
	h4 {font-size: 18px;}
	h5 {font-size: 25px;}
	h7 { font-size: 40px;}
	p { font-size: 20px;}
	.footer { font-size: 13px;}
}
@media only screen and (min-width: 1580px) {
	h1 { font-size: 55px; }
	h2 { font-size: 40px;}
	h3 {font-size: 26px;}
	h4 {font-size: 25px;}
	h5 {font-size: 20px;}
	h7 { font-size: 40px;}
	p { font-size: 20px;}
	.footer { font-size: 13px;}
}


<!--HIDE/SHOW ON MOBILE-->
 .mobileHide { display: inline;}
   /* Smartphone Portrait and Landscape */
@media only screen
   and (min-device-width : 0px)
   and (max-device-width : 480px){  .mobileHide { display: none;}}
   
 .mobileShow { display: none;}
 /* Smartphone Portrait and Landscape */
 @media only screen
 and (min-device-width : 0px)
 and (max-device-width : 480px){ .mobileShow { display: inline;}}
 
 .tabHide  { display: inline;}
 /* Tablet Portrait and Landscape */
 @media only screen
 and (min-device-width : 0px)
 and (max-device-width : 1057px){ .tabHide { display: none;}}
 
 .tabShow  { display: none;}
 /* Tablet Portrait and Landscape */
 @media only screen
 and (min-device-width : 0px)
 and (max-device-width : 1057px){ .tabShow { display: inline;} }
 
   
<!--MOBILE CENTER-->
 .mobilecenter { display: inline;}
   /* Smartphone Portrait and Landscape */
@media only screen
   and (min-device-width : 0px)
   and (max-device-width : 480px){  .mobilecenter { display:block; text-align:center; vertical-align:central; margin: 0 auto;  max-width: 300px; width: auto; }}



<!--TABLES---->
.day {
	width:45%; 
}
.time {
	width:55%; 
}
<!--RESPONSIVE DIVS---->
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col2 {
	display: block;
	float:left;
	margin: 0% 0% 0% 0%;
}

/*new*/
.col2b {
	display: block;
	float:left;
	margin: 0% 0% 0% 5%; /* make these all zero for seal on right */ 
}

/*new*/
.colNew { 
	display: inline;
	float: left; 
	margin: 2% -6% 0% 4%; /*top, right, bottom, left*/ /* make these all zero for seal on right */ 
}

.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ } 

/*  GRID OF TWO  */
.span_2_of_2, .span_half {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}
.span_1_of_2nomargin {
	width: 50%;
}
.span_1_of_6 {
  	width: 15.33%;
}


.full-width {
	width:50%;
	height:auto;
	font-size:53px;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_3_of_4 { width: 75%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_4 { width: 23.8%; }
.span_1_of_3 { width: 32.26%;} 
.span_1_of_5 { width: 18.72%; }


/*  GRID OF SEVEN  */
.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
  	width: 85.48%;
}

.span_5_of_7 {
  	width: 70.97%;
}

.span_4_of_7 {
  	width: 56.45%;
}

.span_3_of_7 {
  	width: 41.94%;
}

.span_2_of_7 {
  	width: 27.42%;
}

.span_1_of_7 {
  	width: 12.91%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.full-width { width: 80%; height:auto; font-size:250%; }
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7,
	.span_3_of_3, .span_2_of_3, .span_1_of_3, .span_3_of_4, .span_1_of_4,
	.span_1_of_5, .span_2_of_2, .span_1_of_2, .span_1_of_2nomargin  { width: 100%; }
	.span_half { width: 50%; }
}

@media only screen and (max-width: 1057px) {
	.kebox  { width: 100%; }
	.container { width: 90%; }
}

<!--FADE TEXT-->
ul.ppt {
	margin-top:4px;
	font-family: 'EB Garamond', serif;
	font-size: 55px;
	text-align:center;
	letter-spacing:1px;
	overflow: hidden;
	text-align:center;

}

.ppt li {
	list-style-type: none;
	color: #000000;
	top: 0px;
	left: 0px;
	overflow: hidden;
	text-align:center;
}

.ppt img {
	border: 1px solid transparent;
	padding: 0px;
	background-color: transparent;
}

.ppt { 
	margin: 0 auto;
	padding: 0;
}


<!--DIV TABS-->

.tabs-menu {
    height: 30px;
    float: left;
    clear: both;
}

.tabs-menu li {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
    background-color: #ccc;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
}

.tabs-menu li.current {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tabs-menu li a {
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none; 
}

.tabs-menu .current a {
    color: #2e7da3;
}

.tab {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: auto;
}

.tab-content {
    width: 660px;
    padding: 20px;
    display: none;
}

#tab-1 {
 display: block;   
}