
.main {
    width: 100%;
	display:none;
}
html {
    overflow-x:hidden;
}
body {
	/*font-family:"open-sans-n6,open-sans;"*/
    overflow-x:hidden;
}
.aboutEvent a {
	font-size: 20px;
}

    header, section, .bodyContainer, h1, h2 {
        font-weight:lighter;
    }
    .bodyContainer {
        padding-bottom:30px;
    }
    section {   padding:0 8px;  }
    .dividingLine {
        padding-bottom: 46px;
        border-bottom: #ccc thin solid;
        width:500%;
        left: -100%;
        position: relative;
        clear:both;
    }
    .headerContainer, .bodyContainer {
        max-width:1120px;
        width:100%;
        margin:0 auto;
        text-align: center;
    }
    #seoEventName {
        display:none;
    }
    header {
        background:#06132A no-repeat center;
        clear: both;
        height: 562px;
        position: relative;
        top: -30px;
        left: 0;
        margin: 0 auto;
        width: 100%;
    }
    header p {
       top:25px;
       padding-bottom:27px;
       position: relative;
       font-size:1.1em;
    }
    header .eventlogocont {
        background-repeat: no-repeat;
        background-position: center;
        height: 150px;  
}

    header #subHead {
    font-size: 5em;
    top: 30px;
    position: relative;
    font-style: italic;
    text-shadow: 1px 2px 2px black;
    text-emphasis: white;
	}	
    header .citySate {
        position: relative;
        top:45px;
        font-size:2em;
    }
    header h1, header .sectionHead {
        position: relative;
        top:40px; 
        font-size:2.5em;
    }
header h1.eventTitle {
           padding: 10px 0 20px;
           font-family: open-sans, sans-serif;
           font-weight:200;
}
    header .regCloseMsg {
        display: block;
        margin:0 auto;
        position: relative;
        top: 60px;
        text-align: center;
        font-size:1.7em;
    }
    header a.registerBtn {
        display: block;
        background-color: #89c1e1;
        width: 256px;
        margin:0 auto;
        position: relative;
        top: 60px;
        text-align: center;
        padding: 15px 30px;
        font-size:1.7em;
        transition: background-color 0.5s ease;
    }
    header a.registerBtn:hover {
        background-color: #5388a9;
    }
    #fixedRegisterBtn {
        position:fixed;
        top:35px;
        padding:10px 0;
        width: 100%;
        left: 0;
        cursor: pointer;
        margin: 0 auto;
         z-index: 9;
    }
    #fixedRegisterBtn .miniWrapper {
        width:400px;
        margin:0 auto;
    }
    #fixedRegisterBtn .miniWrapper .miniheaderlogocont {
            background-repeat: no-repeat;
            background-position: center;
            height: 70px;
            float: left;
            width: 180px;
            margin: 0 10px;
    }
    #fixedRegisterBtn .miniWrapper a.fixedRegister {
            background-color: #89c1e1;
            color: #fff;
            width: 180px;
            font-size: 1.3em;
            padding: 15px 0;
            transition: background-color 0.5s ease;
            float: left;
            display: inline-block;
            margin: 5px 10px;
            text-align: center;
    }
    a.fixedRegister:hover {
        background-color: #5388a9;
    }
    header #earlyBirdMessage {
        display: block;
        position: relative; 
        top:70px;
        font-size:0.95em;
    }
    header #partnerLogos {
        position: relative;
        top: 90px;
        margin: 0px auto;
        height: 100px;
    }
    header #partnerLogos .partnerlogocont{
        background-position: center center;
        background-repeat: no-repeat;
        display: inline-block;
        height: 36px;
        margin: 0 auto;
        width: 10%;
    }
    
    .bodyContainer h1 {
      
    }
    section {
    
        clear:both;
    }
    section .sectionHead {    
        font-size: 2.5em;
        padding-bottom: 25px;
    }
    section p {
        font-size:1.45em;
    }
    .aboutEvent {
        padding-top:20px;
    }
    .aboutEvent #descContainerLess {
        display: inline-block;
        font-size: 1.6em;
    }
    .aboutEvent #descContainerMore {
        font-size: 1.6em;
        display: block;
      
    }
    .aboutEvent #descMore, .aboutEvent #descLess {
        font-size: 1.50em;
    }
    .testimonial {
        width:70%;
        margin: 20px auto;
    }
    .testimonial p{
        color: #89C0DF;
        font-size: 1.6em;
    }
    .testimonial blockquote {
        color: #89C0DF;
        font-size: 1.6em;
/*
        margin: 1.5em 10px;
        padding: 0.5em 10px;
*/
        quotes: "\201C""\201D""\2018""\2019";
    }
    .testimonial blockquote:before {
          color: #ccc;
        font-family: "reklame-script",sans-serif;
          content: open-quote;
          font-size: 4em;
          line-height: 0.1em;
          margin-right: 0.25em;
          vertical-align: -0.4em;
    }
    .testimonial blockquote p {
      display: inline;
    }
    .testimonial .testimonialDetails {
        text-align: right;
        color: #373737;
        font-size: 1.3em;
        padding-top:15px;
    }
    .featuredClinicians {
        position: relative;
    }
    .featuredClinicians span.bio, .featuredClinicians img {
        cursor:ew-resize;
    }
    .featuredClinici;ans .singleClinician {
        float:left;
        clear:both;
    }
    .featuredClinicians .singleClinician .left, .featuredClinicians .singleClinician .right{
        width: 45%;
        float:left;
        position:relative;
    }
    .featuredClinicians .singleClinician .left img {
        width: 65%;
    }
    .featuredClinicians .singleClinician p {
        padding-top:20px;
        text-align:justify;
    }
    .event-wrapper button  {
        opacity:.6;
        cursor: pointer;
        font-size: 2em;
        height: 49px;
        position: absolute;
        font-weight:bold;
        width:50px;
        top: 220px;
    }
   .event-wrapper button { text-indent: -9000px; text-transform: capitalize; }
    .slick-slider button.slick-prev{
        background-image:url(https://www.jwpepper.com/images/prev-dk14.jpg);
        left: 8px;
        z-index: 8;
    }
    .slick-slider button.slick-next{
        background-image:url(https://www.jwpepper.com/images/next-dk14.jpg);
        right: 8px;
        z-index: 8;
    }
    
    .featuredClinicians .slick-slider aside {
        padding:0 8px;
    }
     .featuredClinicians .slick-slider aside h2{
        line-height: 2;
        }
    .featuredClinicians .slick-slider aside h2,  .featuredClinicians .singleClinician .right h2{
        font-weight: 600;
        font-size: 1.8em;
        }
        
    
    .showclinbio {
    	background:#89c1e1;
    	color:#fff;
    	margin:5px 0;
    }
    
    .showclinbio:hover,
    .showclinbio.hover {
		background:#4d8eb3;
		-webkit-transition: background 0.2s linear;
	    -moz-transition: background 0.2s linear;
	    -ms-transition: background 0.2s linear;
	    -o-transition: background 0.2s linear;
	    transition: background 0.2s linear;
	    cursor:pointer;
	}
	
	

	
	
	.featuredClinicians .slick-slider aside {
		position:relative;
	}
	.whiteoverlay {
		background:url('https://www.jwpepper.com//images/overlay_bg_wht.png') repeat;
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:10;
		display:none;
	}
	.whiteoverlaycontainer {
	    border-bottom: 1px solid #d1d1d1;
	    border-top: 1px solid #d1d1d1;
	    height: 70%;
	    margin: 100px auto 0;
	    max-width: 1120px;
	    overflow-x: hidden;
	    overflow-y: scroll;
	}
	.closewhiteoverlay {
		width:40px;
		height:40px;
		background:url('https://www.jwpepper.com//images/closewhiteoverlay.png') no-repeat;
		background-size:40px;
		float:right;
		/* margin:0px 15px 0 -75px; */
		position:fixed;
		z-index:1000;
		margin-left:15px;
		margin-top:10px;
	}
	.cliniciansname {
		font-family: futura-pt, sans-serif;
		font-weight:600;
		float:left;
		width:100%;
		clear:both;
		line-height:35px;
	}
	p.cliniciansbioinfo {
		font-family: futura-pt, sans-serif;
		/* font-weight:lighter; */
	    clear: both;
	    color: #000;
	    float: left; 
	    font-size: 20px;
	    margin: 50px 0 0;
	    padding: 15px;
	    text-align: justify;
	    text-shadow: 0 0 8px rgba(255, 255, 255, 1), 0 0 8px rgba(255, 255, 255, 1), 0 0 8px rgba(255, 255, 255, 1);
	}
	.seebio {
	    background: #333 none repeat scroll 0 0;
	    border-radius: 12px;
	    color: #fff;
	    float: none;
	    font-size: 15px;
	    font-weight: 500;
	    left: 50%;
	    margin-bottom: 0;
	    margin-right: auto;
	    margin-top: 0;
	    /* padding: 3px 20px; */
	    position: absolute;
	    text-align: center;
	    top: 50%;
	    opacity:1 !important;
	    display:none;
	    z-index:100;
	    width:60px;
	    margin-left:-30px;
	}
	
	@media only screen and (max-width: 767px) {
		.whiteoverlaycontainer {
			height:70%;
		}
	}
 
::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}








      
    .featuredClinicians .slick-slider aside p {
        font-size: 1.35em;
        }
    .slick-list {
        width: 100%;
    }
    .schedule .h1 {
        text-align: center;
    }
    .schedule .tabContainer {
        text-align: left;
        
    }
    .schedule .tabContainer h2 {
        font-size:2.30em;
        display:inline-block;
    }
    .schedule .wrappingBorder {
        border-width: 0 1px 1px 1px;
        border-color: #ccc;
        border-style: dashed;
        clear:both;
    }
    .schedule #scheduleTabs {
        padding-top: 25px;
        position: relative;
    }
    .schedule .tabContainer .sessionBreif {
        font-size: 1.65em;
        padding: 25px 0 0 15px;
        clear: both;
    }
    .schedule .tabContainer .sessionDetail {
        font-size: 1.65em;
        padding: 0 0 0 15px;
        clear: both;
    }
    .schedule .tabContainer .sessionHead {
        background-color: #373737;
        color: #FFF;
        padding: 25px 0;
        float: left;
        width: 100%;
    }
    .schedule .tabContainer .sessionDetailCont {
        float: left;
        width: 100%;
        margin: 0 25px;
    }
    .schedule .tabContainer .sessionDetailCont span.left {
        float: left;
        width:79%;
        display: inline-block;
    }
    .schedule .tabContainer .sessionDetailCont span.right {
        float: left;
        width:18%;
        display: inline-block;
        text-align: right; 
    }
    .schedule .tabContainer .sessionDetailCont span.right span{
        display: block;
    }
    .schedule .tabContainer .sessionDetailCont .graduateLogo {
        display: inline-block;
        vertical-align:text-bottom;
        padding-left:8px;
    }
    .schedule .tabContainer .sessionDetailCont .graduateLogoresponsive {
        display: none;
    }
    .schedule .tableWrapper {
        padding :30px 0;
    }
    .schedule table {
        width:100%;
        border-collapse:collapse;
    }
    .schedule table thead tr {
        background-color: #F6F6F6;
        color:#042334;
    }
    .schedule table tbody tr {
        border-bottom: #ccc thin solid;
    }
    .schedule table tbody tr:last-child { 
        border-bottom: none;
    }
    .schedule table th {
        padding: 10px 0 10px 15px;
        font-size: 1.5em;
    }
    .schedule table td {
        padding: 10px 0 10px 15px;
        font-size: 1.25em;
        
    }
    .schedule table .sessionTime {
        width: 21%;
        text-align: left;
    }
    .schedule table .desc {
        width: 60%;
        text-align: left;
    }
    .schedule table .clinician {
        text-align: right;
        padding-right:15px;
    }
    .schedule table .responsiveClinician {
        display: none;
    }
    .r-tabs .r-tabs-nav {
        margin: 0;
        padding: 0;

    }

    .r-tabs .r-tabs-tab {
        display: inline-block;
        margin: 0;
        list-style: none;
        background-color: #F6F6F6;
    }

    .r-tabs .r-tabs-panel {
    /*    padding: 15px;*/
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: none;
    }

    .r-tabs .r-tabs-panel.r-tabs-state-active {
        display: block;
    }
    .directions h1, .directions h2 {
        padding-bottom:15px;
    }
    .directions h2 {
        font-size: 2em;
    }
    .directions span.responsiveAddress {
        display: none;
    }
    .directions #map, .directions #venuePhoto {
        float:left;
      }
    .directions #venuePhoto {
        width:20%;
      }
    .directions #map { 
        position: relative;
        padding-bottom: 21.2%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
        background:transparent;
        width:80%;
      }
    .directions #map iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        pointer-events:none;
      }
    .directions .scrollWheel {
         
    }
    .directions .lodging {
        clear: both;
        padding: 25px 0;
        text-align: center;
        position: relative;
        margin: 0 auto;
    }

    .directions .lodging aside {
        margin:0 auto;
        width:24%;
        font-size: 1.4em;
        display: inline-block;
        vertical-align: top;
    }
    .directions .lodging aside b {
        font-weight: bold;
        font-size: 0.99em;
    }
    .contactUs {
        background-color: #274d60;
        color: #fff !important;
        float: left;
        margin: 40px 0 60px;
        padding: 20px 0;
        text-align: center;
        width: 100%;
        font-size: 1.4em;
    }
    .contactUs aside{
        font-size: 1.1em;
        line-height: 1.6;
    }
    .contactUs aside.socialIcons{
        padding: 20px 0;
    }
    .contactUs aside.socialIcons a{
        padding:0 10px;
        display: inline-block;
    }


    
@media handheld, only screen and (max-width:1000px){	
     #fixedRegisterBtn {
            top: 0px;
    }  

}

@media handheld, only screen and (max-width:950px){
    header #partnerLogos .partnerlogocont{
        width: 14%;
    }
    .schedule .tabContainer .sessionDetailCont span.right {
        width: 18%;
    }
    .schedule .tabContainer .sessionDetailCont {
        margin: 0px 15px;
    }
    
}
 @media handheld, only screen and (max-width:850px){	
    header .eventlogo {
        width: 80%;
        }
    .testimonial {
        width:90%;
    }
     .schedule .tabContainer .sessionDetailCont span.right {
        width: 20%;
        }
    .schedule .tabContainer .sessionDetailCont {
        width: 98%;
     }
     .directions .lodging aside {
        font-size: 1.3em;
    }
    }
/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    button {
        top: 160px;
    }
    .featuredClinicians .singleClinician .right {
        width: 47%;
    }
     .featuredClinicians .singleClinician .left img {
        width: 75%;
    }
    .schedule .wrappingBorder {
       border:0;
    }
    .schedule .tabContainer .sessionHead {
        background-color: #fff;
        color: #373737;
        padding:8px 0;
    }
    .r-tabs .r-tabs-nav {
        display: none;
    }
    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
    .schedule .tabContainer .sessionDetailCont span.right {
        float:none;
        text-align: left;
        display: block;
        width: 100%;
        clear:both;
    }
    .schedule .tabContainer .sessionDetailCont span.right h2{
        font-size: 24px;
    }
    .schedule .tabContainer .sessionDetailCont span.right span {
        display: inline-block;
    }
    .schedule .tabContainer .sessionDetailCont .graduateLogo {
        display: none;
    }
    .schedule .tabContainer .sessionDetailCont .graduateLogoresponsive {
        display: block;
    }
    .schedule .tabContainer p {
        padding-top: 5px;
    }
    .schedule table tbody tr {
/*        border-bottom: none;*/
    }
    .schedule .tableWrapper {
        padding-bottom: 20px;
        border-bottom: #ccc thin dashed;
    }
    .directions .lodging aside {
        font-size: 1.2em;
    }
   
}

@media handheld, only screen and (max-width:650px){	
    header {
        height: 532px;
        font-size:80%;
    } 
    header #subHead {
        font-size: 4em;
        }
        
    header #partnerLogos .partnerlogocont{
        width: 20%;
    }
    .headerContainer, .bodyContainer {
	    font-size: 90%;
	    margin-top: 20px;
    }
    #fixedRegisterBtn {
         top: 28px;
    }
   .featuredClinicians .singleClinician .left img {
        width: 85%;
    }
    .featuredClinicians .singleClinician p {
        padding-top: 5px;
    }
    rslides li aside p {
        font-size: 1.2em;
        }
    .directions h2 {
        font-size: 1.7em;
    }
    .directions #venuePhoto {
        width: 25%;
    }
    .directions #map {
        padding-bottom: 26.5%;
        width: 75%;
    }
    .directions .lodging aside {
        font-size: 1.4em;
        width:45%;
    }
    .directions .lodging aside:nth-child(4) {
        margin-top:20px;
    }
    .directions .lodging aside:nth-child(5)  {
        margin-top:20px;
    }
}
@media handheld, only screen and (max-width:550px){	
   
   .featuredClinicians .singleClinician .left img {
        width: 95%;
    }
    
}
@media handheld, only screen and (max-width:500px){	
    section {
    padding-top: 15px;
    }
    header {
        height: 540px;
    } 
    header #subHead {
        font-size: 2em;
        }  
    header .eventlogo {
        width: 100%;
        }
    header #partnerLogos .partnerlogocont{
        width: 23%;
    }
    .aboutEvent {
        padding-top: 1px;
    }
    #fixedRegisterBtn {
        padding: 20px 0;      
    }
    #fixedRegisterBtn div img {
        display:  none;      
    }
    a.fixedRegister {
        padding: 10px 60px;
    }
    .featuredClinicians .singleClinician .left, .featuredClinicians .singleClinician .right{
        width: 95%;
        float:none;
        margin:0 auto;
    }
    .schedule table .clinician {
        display: none;
    }
    .schedule table .responsiveClinician {
        display: block;
        padding-top: 4px;
    }
    .schedule table .responsiveClinician b {
        font-weight: 700;
    }
    .directions h2 {
        font-size: 1.5em;
    }
    .directions .lodging aside {
        font-size: 1.3em;
    }
}
@media handheld, only screen and (max-width:450px){	
    section .sectionHead {
        font-size: 2em;
        padding-bottom: 10px;
    }
    .dividingLine {
    padding-bottom: 23px;
    }
    .directions h2 {
/*        font-size: 1.3em;*/
    }
    .directions span.responsiveAddress {
        display: block;
        line-height: 0.2;
    }
    .directions #venuePhoto {
        display:none;
    }
    .directions #map {
        padding-bottom: 35%;
        width: 100%;
    }
    .directions .lodging aside {
        font-size: 1.2em;
        width:44.5%;
    }
}
@media handheld, only screen and (max-width:400px){
    #fixedRegisterBtn .miniWrapper {
        width: 100%;
    }
    #fixedRegisterBtn .miniWrapper .miniheaderlogocont {
        float: none;
        margin: 0 auto;
        width: 90%;
        height:60px;
    }
    #fixedRegisterBtn .miniWrapper a.fixedRegister {
        display: block;
        float: none;
        margin: 5px auto;
        width: 85%;
    }
    .directions .lodging aside {
        float:none;
        width:100%;
        padding-top:6px;
        margin-top:0;
        font-size: 1.4em;
    }
    .directions .lodging aside:nth-child(4), .directions .lodging aside:nth-child(5) {
        margin-top: 0;
    }
}
@media handheld, only screen and (max-width:340px){	
    section .sectionHead {
        font-size: 1.8em;
    }
    header #subHead {
        font-size: 1.8em;
        }
    header h1 {
        font-size: 2.3em;
    }
    header a.registerBtn {
        padding: 15px 15px;
    }
    header #partnerLogos .partnerlogocont{
        width: 26%;
    }
    .schedule .tabContainer .sessionDetailCont span.right h2 {
        font-size: 20px;
    }
    .directions #map {
        padding-bottom: 40%;
    }
}
@media handheld, only screen and (max-width:300px){	
    header #subHead {
        font-size: 1.5em;
        }
    header h1 {
        font-size: 2em;
    }
    header a.registerBtn {
        padding: 15px 0;
        width: 236px;
    }
    .directions #map {
        padding-bottom: 55%;
    }
}
@media handheld, only screen and (max-width:240px){
    section .sectionHead {
    font-size: 1.5em;
    }
    header #subHead {
        font-size: 1.5em;
        }
    header h1 {
        font-size: 1.8em;
    }
    header a.registerBtn {
        width: 190px;
    }
    header #earlyBirdMessage {
        padding: 0 5px;
    }
    .aboutEvent #descContainerLess, .aboutEvent #descContainerMore {
        font-size: 1.35em;
    }
    .featuredClinicians .slick-slider aside h2 {
        font-size: 1.5em;
    }
    .featuredClinicians .slick-slider aside p {
        font-size: 1.25em;
    }
    a.fixedRegister {
        padding: 10px 30px;
    }
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        padding: 18px 1em;
    }
    .directions h2 {
        font-size: 1.3em;
    }
    .directions .lodging aside {
        font-size: 1.1em;
    }
}



     
   
.featuredClinicians .singleClinician .left {
	position:relative;
}

