@charset "utf-8";
/* CSS Document */

/*title size fonts*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600italic,600,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);

body {
	font-family: 'Open Sans', sans-serif;
	background: #ffffff;
	font-weight:100;
	font-size: 83%;
	margin: auto;
	padding:0px;
	color: #141414;
}

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

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

p {line-heigt: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; 
}
.container2 {
	width: 80%;
	max-width: 1200px;
	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:hover, a.uline:link {
		text-decoration: underline !important;
}


a:link , a:visited, a:active, a:focus {
	color:#169FB9;
	text-decoration: none;
}
a:visited {
	color: #169FB9;
	text-decoration: none;
}
a:hover { 
	text-decoration: none;
	color: #1DB1CF;
}

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;
}
/*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*/
.lora {
	font-family: 'Lora', serif;
}

.helvetica {
	font-family: 'Helvetica', Arial, sans-serif;
}
.raleway {
	font-family: 'Raleway', sans-serif;
}
.opensans {
	font-family: 'Open Sans', sans-serif;
}

/*FONT COLORS*/
.blue {
	color:#3D9BE9;
}
.black {
	color: #000000;
}
.aqua {
	color: #1DB1CF;
}
.green {
	color: #9BCB6C;
}
.darkaqua {
	color: #169FB9;
}
.darkeraqua {
	color: #168DA6;
}
.darkeraqua2 {
	color: #0b4956;
}
.darkgreen {
	color: #8AB85E;
}
.darkergreen {
	color: #749950;
}

.white {
	color:#ffffff;
}
.grayf {
	color: #666;
}
.lgrayf {
	color: #999;
}


/*FONT STYLES*/
.smfont {
	font-size:82%;
}
.footerfont {
	font-size:70%;
}
.lf { font-weight:100;
}
.bf { font-weight: 600;
}
.lh-sm { line-height: 15px;
}
.lh { line-height: 22px;
}
.lh2 { line-height: 28px;
}
.lh-head { line-height: 35px;
}
.lh-head2 { line-height: 40px;
}
.textshadow { text-shadow: 1px 1px 3px #666; 
}
.textshadow-dark { text-shadow: 1px 1px 1px #333 ; 
}


.center {
	text-align:center;
}
.center-item {
	text-align:center; vertical-align:central; padding-right:20%; margin: 0 auto;  max-width: 300px; width: auto;
}
.justify {text-align:justify;
}
.right {text-align:right;
}
.left {text-align:left;
}
.letterspace1 {
	letter-spacing:1px;
}
.letterspace2 {
	letter-spacing:2px;
}

.bold { font-weight: bold; }

/*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*/
.beigegradient-bg-light {
	background: linear-gradient(320deg, #EFEAE8 , #F9F5F4); 
}
.beigegradient-bg {
	background: linear-gradient(#C2AA9D , #A18F85); 
}
.beigebg {
	background-color:#C2AA9D;
}
.darkbeigebg {
	background-color:#A18F85;
}
.darkerbeigebg {
	background-color: #4D423C;
}
/*BG COLORS - solid*/
.whitebg {
	background-color: #ffffff;
}
.greenbg {
	background-color: #9BCB6C;
}
.darkbluebg {
	background-color:#1780A5;
}
.darkeraquabg {
	background-color: #168DA6;
}
/*BG COLORS - gradient*/
.body-opagradient {
	 background: linear-gradient(360deg, #fff , #DAF2F7);
}
.green-darkgradientbg {
	background: linear-gradient(#9BCB6C , #8DB55D); 
}
.green-lightgradientbg {
	background: linear-gradient(320deg, #FCFFF8 , #F8FFF0); 
}
/*BG COLORS - opacity*/
.aqua-opabg {
	background-color: rgba(28,176,206,0.5);
}
.aqua-opabg2 {
	background-color: rgba(28,176,206,0.25);
}
.green-opabg {
	background-color: rgba(155,203,108,0.5);
}
.white-opabg {
	background-color: rgba(255,255,255,0.3);
	background: linear-gradient(rgba(255,255,255,0.3) , rgba(23,128,165,0.1)); 
}

.white-opabg2 {
	background-color: rgba(255,255,255,0.4);
	background: linear-gradient(rgba(255,255,255,0.9) , rgba(23,128,165,0.1)); 
}

.darkaqua-opabg  {
	background-color: rgba(28,154,198,0.7);
}

.opagray {
	 background-color: rgba(139,139,139,.03); 
}
.opagray2 {
	 background-color: rgba(0,0,0,0.05); 
}

.gray-dient {
	background: linear-gradient(45deg, #d8d8d8 , #c2c2c2); 
}

/*DIV STYLES*/

.borderdots {
	border:1px dotted #ccc;
}
.fixed { position: fixed;
}
.bubblebg {
	background-image:url(../graphics/bubbles-bg.png);
	background-repeat:no-repeat;
	background-position:top right;
}
.bubblebg-footer {
	background-image:url(../graphics/bubbles-bg-footer.png);
	background-repeat:no-repeat;
	background-position:top left;
}



/*Shadows*/
.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);
}

.insetsh2 {
	-webkit-box-shadow: inset 4px -4px 91px -2px rgba(0,0,0,0.89);
-moz-box-shadow: inset 4px -4px 91px -2px rgba(0,0,0,0.89);
box-shadow: inset 4px -4px 91px -2px rgba(0,0,0,0.89);
}
.sh {
	-webkit-box-shadow:  0px -2px 14px 2px rgba(0,0,0,0.10); 
	-moz-box-shadow:  0px -2px 14px 2px rgba(0,0,0,0.10); 
	box-shadow:  0px -2px 14px 2px rgba(0,0,0,0.10);
}
.shadow-dark {
-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);
}
.shadow-light { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
}

/*Box Effect*/
.box-effect
{
  position: relative;
}
.box-effect:before, .box-effect:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 3%;
  max-width:300px;
  background: #fff;
  -webkit-box-shadow: 0 -3px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 -3px 10px rgba(0,0,0,0.2);
  box-shadow: 0 -3px 10px rgba(0,0,0,0.2);
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(2deg);
}
.box-effect:after
{
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(-2deg);
  right: 10px;
  left: auto;
}

/*Borders*/
.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;
}

.imgborder:hover {
	border:1px solid #6E0C1E;
}
.border-corners {
	border-radius:10px;
	border:1px solid #fff;
}
/*QUOTE*/
blockquote {
  background: linear-gradient(360deg, #F6FCF0, #E9F9D7);

  border-left: 5px solid #E9F9D7;
  margin: 1.5em 2px;
  padding: 5%;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content:;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/*BUTTONS*/
.bbutton {
	background: linear-gradient(#169FB9 , #1DB1CF); 
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:10px;
	border: 2px solid rgba(255,255,255,0.1);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 110%;
	font-weight:400;
	padding:10px 25px;
	text-decoration:none;
	margin-top:20px;
	text-shadow: 1px 1px 3px #666;
}
.bbutton:hover {
	background: linear-gradient(#1DB1CF , #168DA6);
	color:#ffffff;
	text-shadow: 1px 1px 3px #666;
}
.bbutton:active {
	position:relative;
	top:1px;
}


/*BUTTONS*/
.grbutton {
	background: linear-gradient(#8AB85E , #9BCB6C); 
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:10px;
	border: 2px solid rgba(255,255,255,0.1);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 110%;
	font-weight:400;
	padding:10px 25px;
	text-decoration:none;
	margin-top:20px;
	text-shadow: 1px 1px 3px #666;
}
.grbutton:hover {
	background: linear-gradient(#9BCB6C , #8AB85E);
	color:#ffffff;
	text-shadow: 1px 1px 3px #666;
}
.grbutton:active {
	position:relative;
	top:1px;
}

/*DIV BUTTONS*/
.divBtn {
	background: linear-gradient(#6E0C1E , #6E0C1E);	
	padding:5%;
	border:1px solid #ffffff;
	color:#ffffff;
}
.divBtn:hover {
	background: linear-gradient(#28060E, #45000D);	
	padding:5%;
	border:1px solid #ffffff;
	color:#FCBCC8;
}
	
/*HR STYLES*/
hr.solid {
    border: 0;
    height: 0;
    border-top: 1px dotted #45000D;
    border-bottom: 0px solid #141414;
}

hr.solid2 {
	border-top: 1.5px solid #e8e8e8;
}

hr.solid3 {
    border-top: 1px dotted #e8e8e8;
    border-bottom: 1px dotted #777;
}


hr.style18 {   
	border-top: 1px dotted #d8d8d8;
}

hr.style19 {   
	border-top: 1px dotted #683246;
	border-bottom: 0px dotted #9B7281;
}

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


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

/*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);
}

/*for slideshow*/
ul.ppt {
	margin-top:4px;
	font-family: 'Lora', serif;
	text-align:center;
	letter-spacing:1px;
	overflow: hidden;
	text-shadow: 1px 1px 4px #e8e8e8;
}

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

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

/*new provider flexbox*/ 
.provider_flexbox 
{
	display: flex; /*flexbox for contact*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: space-evenly; /*flex - how items are positions in flexbox*/
	/*align-items: center; /*flex - centers each individual box vertically*/	
	max-width: 100%; 
	margin: auto; /*centers the nav container*/ 
	padding: 25px 0px 15px 0px;  /*t,r,b,l*/	
	/*border:1px solid red; /*hide - for layout only*/
}
.provider_item
{
	text-align: center; 
	padding: 0px 25px 30px 25px; /*t,r,b,l*/
	/*border:1px solid green; /*hide - for layout only*/
}
.break /*force flex item to next line*/ 
{
  flex-basis: 100%;
  height: 0;
}
.prov_pic_size
{
	width:115px; 
}

/*new patient pg styles*/ 
.patient_outter_box 
{
	max-width: 1200px;
	margin: auto; /*centers the container*/		 
	margin-top: 25px; 
	margin-bottom: 25px;
	padding: 25px 25px 25px 25px;  /*t,r,b,l*/
	background: rgba(255, 255, 255, 1); /**/ 
	color: black;  	
}
.patient_flexbox
{
	display: flex; /*flexbox for contact*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: space-evenly; /*flex - how items are positions in flexbox*/
	/*align-items: center; /*flex - centers each individual box vertically*/
	
	max-width: 1100px; 
	margin: auto; /*centers the nav container*/ 
	/*background: rgba(255, 255, 255, 1); /**/
	/*margin-bottom: 25px;  /**/
	padding: 25px 0px 25px 0px;  /*t,r,b,l*/	
	/*border:1px solid green; /*hide - for layout only*/
}
.patient_item    
{
	width: 400px;
	font-size: 15px; /**/
	/*border:1px solid red; /*hide - for layout only*/	
}
.patient_item2    
{
	width: 1050px;
	font-size: 15px; /**/
	/*border:1px solid red; /*hide - for layout only*/	
}
.patient_pic 
{
	width:45%; 
	height:auto; 
	float:right;
	margin-left: 15px; 
}
.patient_portal 
{
	width: 600px;
	font-size: 15px; /**/
	padding: 15px; 
	margin-top:0px; 
	background: #f7f7f7;
	/*border:1px solid red; /*hide - for layout only*/	
}
@media all and (max-width: 1075px) 
{
	.patient_portal 
	{
		margin-top:25px; 		
	}
}

/*new nav bar*/ 
.nav_pad
{
	padding: 0px 25px; 
}
@media all and (max-width: 590px) 
{
	.nav_pad
	{
		padding: 0px; 
		display: block;
	}
}
/*new footer gradient*/ 
.footer_grad
{
	background: rgb(110,174,187);
	background: linear-gradient(0deg, rgba(110,174,187,1) 0%, rgba(228,248,252,1) 100%);
}
.footer_solid
{
	background: #2592a7; /*#509baa;/**/
}


<!--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;
  }
}

@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; }}

 .tabcenter  { display: inline;}
 /* Tablet Portrait and Landscape */
 @media only screen
 and (min-device-width : 0px)
 and (max-device-width : 1057px){ .tabcenter { display:block; text-align:center; vertical-align:central; margin: 0 auto;  max-width: 1057px; 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%;
}

.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 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 TWO  */
.span_2_of_2, .span_half {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

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

/*  GRID OF SIX  */
.span_6_of_6 {	width: 100%;}
.span_5_of_6 { 	width: 83.06%;}
.span_4_of_6 { 	width: 66.13%;}
.span_3_of_6 { 	width: 49.2%;}
.span_2_of_6 { 	width: 32.26%;}
.span_1_of_6 { 	width: 15.33%;}


/*  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_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_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { 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;   
}