@charset "utf-8";
@font-face {
    font-family: Neutra;
	src: url('/fonts/NeutraText Bold.otf') format("opentype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: RW-Black;
	src: url('/fonts/Raleway-Black.ttf') format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: Ubuntu;
	src: url('/fonts/Ubuntu-R.ttf') format("opentype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: JosefinSans;
	src: url('/fonts/JosefinSans-Regular.ttf') format("opentype");
	font-weight: normal;
	font-style: normal;
}


body {
	background: #ffffff;
	color: #455560;
	font: 400 16pt 'Ubuntu', Arial, Helvetica, 'San Serif';
        line-height:1.3em;
}

body .bannerWrapper{
	background-color: #0c1150;
	overflow: hidden; 
	position: relative;
}

body .bannerWrapper .transparent-banner{
	max-width: 100%;
	opacity: 0;
}

body .bannerWrapper .banner{
	max-width: 100%;
	transition: all 2s ease;
	position: absolute;
	z-index: 1;

}

body .bannerWrapper .banner.crossfade{
	opacity: 0;
	z-index: 0;
}

@media (max-width: 1200px) {
    	.banner, .transparent-banner{
        	max-width: 120% !important;
		margin-left: 50%;
		transform: translateX(-50%);
    	}
}

@media (max-width: 1000px) {
    	.banner, .transparent-banner{
        	max-width: 140% !important;
    	}
}

@media (max-width: 800px) {
    	.banner, .transparent-banner{
        	max-width: 160% !important;
    	}
}


@media (max-width: 600px) {
    	.banner, .transparent-banner{
        	max-width: 180% !important;
    	}
}

@media (max-width: 400px) {
    	.banner, .transparent-banner{
        	max-width: 200% !important;
    	}
}



h1 {
	font: 300 37px 'Ubuntu', Arial, Helvetica, "San Serif";
	text-transform: uppercase;
	color: #2B388C;
	margin: 15px 0px;
	
	-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
}
h2 {
	font: 500 30px 'Ubuntu', Arial, Helvetica, "San Serif";
	text-transform: uppercase;
	color: #26A9E0;
	margin: 0px;
	
	-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
}

h3{
	font:700 21px 'Ubuntu', Arial, Helvetica, "San Serif";
	color: #2b388c;
	margin: 0px;
	
	-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
}

.indigo { color: #2B388C;}
.aqua {color: #26A9E0;}
strong, bold  {
	font: 700 'Ubuntu', Arial, Helvetica, "San Serif";
	-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
}

.ltbluebold {
	font: 600 18px 'Ubuntu', Arial, Helvetica, "San Serif";
	color: #26A9E0;
}


.button {  /* Default green */
	padding: 10px;
	width: 100%;
	font: 700 18px 'Ubuntu', Arial, Helvetica, "San Serif";
	max-width: 300px;
	color:#2B388C;  /* for form buttons */
	text-transform: uppercase;
	border: none;
	text-align: center;
	background: #D7DF23;
	max-width: 240px;
	margin-bottom: 20px;
	display:block; /* IE hack to ensure text is centered */
	-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
}
.reglinks .button {font-size:16px }

.button  a:link, .button  a:visited, .conference .button a:link, .conference .button a:visited { text-decoration:none; 
    text-transform: uppercase;	color:  #2B388C;}
.button:hover {
	background: #51BAE6;
}
.button.blue {background: #83C6E4;}
.button.gray {background: #c4dde8;}
.button.blue:hover {background: #E4E97C;}
.b-orange {color: #2b3990; border:none;
	background: #f7941d; 
font-feature-settings: "lnum"; }
.b-orange a {color:#2b3990}
.b-orange:hover {background-color:#f9af56 }
.virtual .button {max-width:300px }
.nobreak {white-space: nowrap; }
ul.disc{
	list-style-type: disc;
	margin-left: 20px;
}
ul.bullet li:before {margin-left: -15px;
padding-right: 5px;
content: url('/img/bullets.gif');}

header .container {background-color:#fff; padding:10px 40px; margin-top:-2px;}
header .dates { 
    font-size:19px;
	color: #26A9E0;

}
header .dates strong {
    font-weight: 800;
    color: #F48120;
    font-size: 37px;
	text-transform:uppercase;
	line-height: 1.3em;
}
header .dates a {float:left }
.backgroundTransition {
    background-image: url(/img22/slide1.jpg);
    max-height: 450px;
    max-width: 1024px;
    margin: 0 auto;
}
/*.toplogo img { width:347px; max-width:347px }*/
@media (max-width:900px) {
header .dates strong {
    font-size: 26px;
	
}
}
header .dates em {
    font-style: normal;
	-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
}
.tweet {
position: fixed;

height: auto;
top: 85px;
	max-width:180px;
	z-index:5; 

}

.content .container {background: #FFFFFF;
     color: #455560;  line-height: 1.4em; 
	 padding-bottom: 30px; 
}
ul.plus { text-indent: -12px; padding-left: 15px;}
.plus li:before {
    content: "+";
    margin-right: 4px;
	
}
.plus li {margin-bottom:5px;}
.content a.learn {font-weight:600; color:#26A9E0}




.sponsor h2 span {
	font-size: 0.7em;
	white-space: nowrap;
}


/* //////////////////////////////  RESPONSIVE MENU ///////////////////////////////////// */



.menuLowZIndexBackgroundWrapper {
	height: 0px;
    	top: 0;
    	position: sticky;
    	z-index: 2;
}

.menuLowZIndexBackgroundWrapper .menuLowZIndexBackground {
    	background: rgb(16,18,49,0.8);
    	width: 100%;
    	height: 63.2px;
}


.navwrapper {
	/* [disabled]background: url(/img/bg-bottomshadow.png) no-repeat center top, url(/img21/secondary-banner.jpg) no-repeat center top; */
	/* [disabled]background-size: cover; */
	max-width: 1200px; 
	position: sticky; 
	top: 0; 
	height: 0px; 
	text-shadow: #101231 1px 0 10px;
	z-index: 999;
}

.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
    font-family: Ubuntu;
    font-weight: bold;
    color: #fff;
}
.sm li.separator {
  background: #455560; width: 1px; max-width: 1px;
}



/* /////////////////////// HOME PAGE ONLY /////////////////////////////////////// */

.home .registerButton{
	font-weight: bold;
	font-family: 'Ubuntu';
	font-size: 18pt; 
	color: #fff; 
	background-color: #252562; 
	border-radius: 100px; 
	padding: 10px 30px; 
	margin-bottom: 40px;
}
.home .registerButton:hover{
	background-color: #30306a; 
}

.planlink {
background-color: #2B388C; 
color:#ffffff; 
text-transform:uppercase; 
padding:5px 10px;
font-weight:600;
max-width:220px;
text-align: center;
position: relative;
top: -100px;
left: 9%;
 -webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum"; 
}

.introtext { 
	font: 18pt Ubuntu;
	color: #455560;
	line-height: 1.8em;
	overflow: hidden;
	max-width: 1200px;
	margin: 0px auto;

}
.introtext h1 {
	color: #2B388C;
	font-weight: bold;
	font: 600 28pt "Ubuntu";
	text-transform: none;
}
.introtext h2  {	color: #2B388C;
	font: 600 26px "Ubuntu"; margin-bottom:20px;
	text-transform: none;}
.introtext strong  {font-size:21px;
	font-weight: 600;
	text-transform:none;
	color: #2B388C;}
.introtext strong span {font-weight:600 }
.introtext strong a:link, .introtext strong a:visited {color: #2B388C;}
.connect {    font-size: 21px;
    line-height: 1.3em;
}
.connect .twolists {align-items:start}

.skyline {
	background: url(../img22/hp-skyline.jpg) no-repeat; background-size:cover; overflow:hidden;
}
.skyline h2 {
	font: 600 34px "RW-Black";
	color: #2B388C;
	padding: 8px 40px 8px 5%;
	margin-top: 200px;
	margin-bottom: 50px;
	background: url(../img22/hp-bgslant.png) no-repeat;
	max-width:650px;
	background-size:cover;
}
.video  {padding-bottom:20px }
.video div {border-top:solid 1px #2B388C; border-bottom:solid 1px #2B388C; flex-direction: column;
  justify-content: center;
  display: flex; }
.video h2 {font: 600 34px "RW-Black"; color:#2B388C; margin: 18px 0px 10px 0;   
}
.video q {font-size:21px }


.safety {
	background: #d7df23 url(/img21/banner-safety.jpg) no-repeat right center;
	background-size: cover;
	padding: 30px 50px;
	}
.safety p {margin-right:40%;
	font: 500 21px "Ubuntu";
	line-height: 1.6em }
.cottonad img {max-width:200px; margin: 10px auto }
	
/*  2022 3 column grid for On Demand Classes */
.home .gridbox {display: flex;
-webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
        flex-wrap: wrap;
color: white;	
background-color:#3cb1e3;	 }
.home .gridbox >* {
	flex: 1 1 30%;
	padding: 30px 40px;
	font-size: 20px;
	line-height: 1.4em;
	background: url(../img22/arrow-long.png) no-repeat 40px 87%;
	min-height:180px
    }
.gridbox a {background-color:#3cb1e3;	}
.gridbox a:nth-child(2n+1){background-color:#26a9e0;  }

.gridbox a:hover{background-color:#2090bf;} 

/* .gridbox a:nth-child(odd)  { background-color:#26a9e0;}
.gridbox a:hover:nth-child(odd) :hover {
	[disabled]background-color:#3397c1; */

.gridbox .double {
  flex-basis: 63.5%; background-color: #2b388c;
  padding: 4%;
background-image: none; }
.gridbox .double a {background-color: #2b388c }
.gridbox .double a:hover{background-color:#2090bf;}
.gridbox .laptop {
	background: url(../img22/laptop.jpg) no-repeat center center;
	background-size: cover;
}
.gridbox a:link, .gridbox a:hover, .gridbox a:visited {color:white; text-decoration:none }

.home .gridbox h1, .home .gridbox h2, .home .gridbox h3  {color: #ffffff }
.home .gridbox h2 {font-size:40px }
.home .gridbox h3 {font-size:28px; font-weight:500; }

.home .twocol .hp-darkbox {width:50%; background-color: #2b388c; color: #ffffff; min-height:315px }
.home .twocol .hp-wipecan {width:50%;
	background: url(../img22/hp-wipecan.jpg) no-repeat center center;
	background-size: cover;
}
.hp-darkbox h2 {
	margin: 25px 30px;
	font: 28px/1.3em Ubuntu, Arial, sans-serif;
	color: #FFF;
}
.hp-darkbox h2 span {font-weight: 700;  
-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
}
.hp-darkbox p {margin: 20px 30px; font-size:21px; line-height:1.5em }

  /* end on Demand   */
  
.home .twocol {-webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;}
.home .twocol >* {width:48%; 
 }
.home .twocol >*:firstchild {margin-right:2% }
.home .twolists ul:firstchild {margin-right:14% }
.introtext .twocol ul li{ line-height:1.2em; margin-bottom:10px; 
font-size: 21px; color: #455560;}
.home .twolists ul li:before{
	margin-left: -20px;
	padding-right: 9px;
	content: url('/img/bullets.gif');
	font: 21px Ubuntu;
	line-height: 1.3em;
}
.home .twolists ul li {
	font: 21px Ubuntu;
	line-height: 1.3em;
	margin-bottom:14px
	}
.home ul.bullet {padding-left:16px }
.home .bullet li {margin-bottom:10px}
.fullwidth img {max-width:100% }


.hpbutton {float:right }
.hp-tt, .hp-wipes, .hp-WA,  .hp-abs { min-height: 315px; font: 16px/1.3em Ubuntu; margin-bottom: 20px}
.hp-award {  }

.hp-tt {
	background: url(/img21/hp-tabletops.jpg) no-repeat right center;
	background-size: cover;
}
.hp-tt p {
	
	color: #ffffff;}
.hp-tt p, .hp-tt h3 { margin-left:52%; margin-right:20px; margin-top:35px;
-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
 }
	
.hp-tt h3 {color: #ffffff;
	font: 600 22px Ubuntu;
	text-transform:uppercase;
}
.hp-tt h3 span {font: 22px RW-Black;
-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
}
.hp-WA {
	color: #ffffff;
	padding: 20px;
	background: url(../img21/bg-wipes2color.png) no-repeat center top;
	background-size: cover;
}
.hp-WA .wipeslogo {max-width: 37%;}
.hp-wipes-date {	-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";     float: right;
    text-align: right;
    font-size: 20px;
    font-weight: 700;}
.hp-WA .teacher {text-align:right; margin-top:-5px; }
.hp-WA .teacher span {font-weight: 700}
img.pdclogo {float: right;
max-width: 129px;
margin-right: -56px;}

.hp-wipes {
	background: url(../img21/hp-wipes.jpg) no-repeat;
	background-size: cover;
color:#ffffff;
padding:20px
}
.hp-wipes div {margin-top:68px; text-align:right; margin-bottom:18px }
.hp-wipes div span {font-weight: 700}
.hp-wipes h3 {color: #ffffff;
	font: 600 16px Ubuntu;
	text-transform:uppercase;
}
.hp-WA h3 {color: #ffffff;
	font: 600 16px Ubuntu;
	text-transform:uppercase;
	clear:both; padding-top:15px;
}
.hp-WA p {margin-top:5px; font-weight: 500; margin-right:50px }
.hp-wipes p{margin-top:5px; font-weight: 500; margin-right:50px }
.hp-WA p strong {text-decoration:underline }
a.hp-tt, a:hover.hp-tt, a.hp-wipes, a.hp-WA, a:hover.hp-wipes {color:#ffffff; text-decoration:none }
.hp-award div{
	padding: 10px 30px 5px;
	color: #ffffff;
	background: url(../img22/hp-bgaward.jpg) no-repeat right top;
	background-size: cover;
	padding-right:150px;
}
a.hp-award, a:hover.hp-award {color:#ffffff; text-decoration:none }
a.hp-abs, a:hover.hp-abs {color:#2B388C; text-decoration:none }
.hp-award h1 {
	color: #ffffff;
	font: 500 27px RW-Black;
	margin-bottom:0px;
	margin-top:15px;
	margin-right:80px;
}
.hp-award h2 {color: #fff;
font-size: 17px;
font-weight: 600;
font-family: Ubuntu;
margin-bottom:10px}
.hp-award p {margin-top:0px }
.hp-award strong {font-size:16px; text-decoration:underline }
.hp-abs {
	background: url(../img21/hp-abstracts.jpg) no-repeat; padding:10px 40px;
	background-size: cover;background-position: right center ;
}

.hp-abs h1 {font-size:22px; font-weight:600}
.hp-abs h1 span {font-family: Ubuntu;
font-weight: 500; }

@media (max-width:820px ){
.hp-WA {
	background-size: cover;
	background: url(../img21/bg-wipesBlue.jpg);
}
.hp-WA .teacher {margin-top: 0px; }
.hp-tt, .hp-wipes, .hp-WA,  .hp-award, .hp-abs{ height:auto; }
.hp-tt {background-position: -115px center; }
.hp-tt p, .hp-tt h3 {margin-left:53% }

.home .gridbox >* {padding: 18px }
.hp-darkbox h2 {font-size:22px }
.hp-darkbox p {font-size:18px }
.hp-award {padding: 5px 20px}

}
@media (max-width:780px ){  /* HOME PAGE ADS */
.hp-tt, .hp-wipes, .hp-award, .hp-abs  { auto}
.hp-tt {padding:20px }


.hp-wipes { Margin-top:87px; height:315px }
.hp-wipes {margin-top:124px }
.home .twolists ul li {margin-bottom:5px }
.hp-wipes .mobile-only  {display:none }

}
@media (max-width:600px ){  /* HOME PAGE ADS */
.home .twocol.gutters { Margin:10px 0px }
.home .twolists ul li {margin-bottom:2px }
.hp-tt, .hp-wipes, .hp-award, .hp-abs  { height:275px }
.hp-tt {padding:2px; background-position: center right; }
.hp-tt h3 {font-size: 16px;}
.hp-tt h3, .hp-tt p {margin-left:56%; margin-right: 1% }
.hp-wipes {
	height: auto;
	background: url(../img21/hp-wipesMobile.jpg) no-repeat center center;
	background-size: cover;
}
.hp-wipes {margin-top:124px }
.hp-wipes .mobile-only {display:block; font-weight: 700; 	
-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
text-transform:uppercase}
.hp-wipes div {margin-top:0 }
.home .twocol.toppad {margin-top:px }
.hp-award {
	padding: 10px 14px;
}
.hp-award div {padding-right:30px;
	background: url(../img22/hp-bgaward-mobile.jpg) no-repeat center right;
	background-size: cover}
.hp-award h1 {font-size:26px; margin:0px}
.hp-abs h1 {font-size:18px}
.hp-abs {padding:10px }
.safety {background-image: none;}
.safety p { margin-right:0;}

.gridbox .double {flex-basis:100% }
.gridbox .laptop {display:none }

.home .gridbox > * {flex-basis: 50%;font-size:16px; padding:13px; min-height: 130px; background-position:30px 90%;  }
.gridbox a:nth-child(2n+1){background-color:#3cb1e3;	}
.gridbox a:nth-child(4n+1),
.gridbox a:nth-child(4n) {background-color:#26a9e0;  }

.home .twocol .hp-darkbox {width:100%; height:auto}
.hp-wipecan {display:none }
}  /* END HOME PAGE ADS  MOBILE */


.leaders {
	background: #FEFFF3 url(../img20/classroom.jpg) no-repeat;
	font-size: 14px;
	padding: 20px 5%;
background-size:contain;
background-position: bottom center;
overflow: hidden;
margin-top:50px;
}
.leaders h2 {font-family: 'Ubuntu', Arial, Helvetica, "San Serif";
	font-size: 37px;
	font-weight: 300;
	color: #2B388C;
}
.leaders p{margin-bottom:100px; max-width:47%; line-height:1.5em }
.leaders .hpbutton {margin-right:5% }
a.tt-banner, a.wipes-banner, a.award-banner {text-decoration:none; color:#336666;}
a:hover.tt-banner, a:hover.wipes-banner, a:hover.award-banner{text-decoration:none; opacity: 0.9;}
.tt-banner {
	background: url(../img20/bg-tabletops.jpg) no-repeat right top;

} 
.tt-banner div {margin: 70px 10% 10px 37%; }

.tt-banner h3 {	font: 600 22px Ubuntu, Arial, sans-serif;
	color: #2B388C;
	margin-bottom:20px
}
.tt-banner strong {font-weight:800; font-size:22px }
.tt-banner p{ font-size:14px; line-height:1.3em; font-weight:500; }
.wipes-banner {
	background: #60bbe8 url(/img20/bg-wipes.jpg) no-repeat;
}
 a.wipes-banner {
	color: #ffffff;
	font: 500 14px/1.2em Ubuntu, Arial, sans-serif
}
.wipes-banner div {padding:20px; font-weight:500}
.wipes-banner .wipeslogo {max-width:150px; float:left}
.wipes-banner .pdclogo {max-width:150px; float:right; margin:20px -5px 0px 20px }
.wipes-banner h4 {font: 600 17px Ubuntu, Arial, sans-serif; text-align:center; color:#ffffff; margin:15px 0px 8px}
.wipes-banner h3  {color:#ffffff; font: 600 17px Ubuntu, Arial, sans-serif;  text-align:center; line-height:1.1em margin-top:-5px}
.wipes-banner p {margin:20px 10px 20px 5px }
.award-banner {
	background: #f1fbfd url(/img20/bg-awardbanner.jpg) no-repeat;
	background-size: contain;
}
.award-banner div {margin-left:46%; padding:20px }
.award-banner h3 {margin-bottom: 10px;}
.award-banner a{text-decoration:underline }

.web h2 {font:600 28px }
/* old suff */

@media (max-width:950px ){
.tt-banner div {margin-left:25%}	
.tt-banner {
	}
#sidebar img {Max-width:300px }

}

@media (max-width:780px ){
.award-banner {width:90%; margin:20px auto; max-width:422px}
.home .twocol >* {width:90%; margin:10px auto; }
.home .twocol ul {}
.tt-banner { }
.tt-banner div {margin-left:45%; padding-bottom: 20px;}	
.hp-wipes h3 {margin-top:70px }

.award-banner{
	background: #f1fbfd url(../img20/bg-bird.jpg) no-repeat center top;
	background-size: contain;
}
.award-banner div {margin-left:20px; padding:10%; }
.backgroundTransition {
    max-height: 350px;
    max-width: 1024px;
}
.introtext, .home .twolists ul li {font-size:18px }
.hp-abs {background-position: bottom }
}

@media (max-width:600px ){ 
.toplogo img {max-width: 100% }
header .dates, header .dates strong { font=size:14px; margin-top:4px }
.tt-banner div {margin-left:10%}
.leaders p {margin-bottom:20px; max-width:100% }
.wipes-banner .wipeslogo {float:none; }
.backgroundTransition {
max-height: 200px;
max-width: 100%;
}
body .backgroundTransition .image-bottom, body .backgroundTransition .image-top {background-position:right top; background-repeat:no-repeat }

body #home.backgroundTransition {overflow:visible}
.home .navwrapper {background-color:none;}
#home  ul {background-color: rgba( 215,223,35);} 
#home #main-menu {margin-top: -50px }
#home .main-menu-btn {top: -46px; left:-5px}
#home .sm li {background-color: rgba( 0, 0, 0, .0); }
#home .sm-simple a,#home .sm-simple a:hover,#home .sm-simple a:focus,#home .sm-simple a:active
{width:120px}
#home .sm-simple .dropdown  ul li a {width:300px }

.introtext h2 {font-size:30px}

}
@media (max-width:400px ){ 
.backgroundTransition {
max-height: 150px;
max-width: 100%;
}
}

.hpabstract { width: 300px; max-width:100%;
margin-bottom: 50px;
}
.bfly {position:relative; top:20px; left:256px; width:115px }
.hpbutton {float:right }

.homeULspace {padding-left: 21px;}
.hpglance {background-color:#F7F7F7; overflow:hidden}
.hpglance .container {background-color:#F7F7F7; }
.hpglance ul {
	max-width: 195px;
}
.hpglance li {font-size:14px; color:#58666f; margin-bottom: 9px;
line-height: 1.3em; }
.hpglance li strong, .hpglance li strong a:link, .hpglance li strong a:visited {
	font-weight: 700;
	color: #2B388C;
	text-transform: uppercase;
	text-decoration:none;
}
.hpglance li strong a:hover{ text-decoration:underline;}
.hpglance .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
	-webkit-flex-direction:	 row; 
	flex-direction: row;
  -webkit-box-align: top;
      -ms-flex-align: top;
	-webkit-align-items: top;  
          align-items: top;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;	  
		  
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;}


.sponsors { 
	max-width: 1200px; 
	margin: 0px auto;
}
.sponsors h4 {
    font-weight: 400;
    font-size: 18pt;
    color: #808080;
    text-align: center;
	border-bottom: 1px solid #999;
line-height: 0.1em;
margin: 50px 0px 20px;
}
.sponsors h4 span {
    background: #fff;
    padding: 0 10px;
}



/* ////.................  CONFERENCE PAGES .................................... */
.conference {-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";}

.conference h2 {padding-top: 30px;
margin-top: 20px; border-top: solid 1px #26A9E0;
font: 600 20px 'Ubuntu', Arial, Helvetica, "San Serif";
text-transform: uppercase;
color:#2B388C;
margin: 0px;
}
.conference h3 {font: 600 18px 'Ubuntu', Arial, Helvetica, "San Serif";}

.topics div {align-self: start; }
.twocol.topics ul li {color:#455560; margin-bottom:2px; font-weight:bold; list-style-type:none }
.twocol.topics ul li:before { margin-left:-1em;
  content: '– ';
}
.twocol.topics ul li ul li { font-weight:400; margin-left:30px; }


.SpName {color: #26A9E0; font-weight:600}
.abstract {color: #2B388C; font-weight:600;}
.dontsplit { margin-bottom:22px; }
.speakerlist .first .dontsplit {margin-right:50px  }
.sessTitle {
	font-weight: 600;
	text-transform: uppercase;
	color: #2B388C;
}
.content .speakers .hrpad {margin-top:20px; margin-bottom: 30px }

.att li {font-size: 14px;
line-height: 1.3em;
margin-top: 10px;
margin-right: 25px;
}
.att li.both, .att li strong { font-weight:bold; color: #252562;}
.winner {font-size: 12px;
color: #abaaaa;
padding-top: 20px;
line-height: 1.5em;
float:right;
max-width: 250px;
margin: 0px 0px 20px 20px;}
.conterence {}
h1.date {
    border-top: 1px solid #26A9E0;
    color: ##2B388C;
	padding-top:30px;
}
.session {font-size:.875em; line-height:1.4em;}
h3.session, .session H3 {
    color: #26A9E0;
    font-size: 18px;
    margin-bottom: 0px;
    padding-bottom: 0px;
	font-weight:600 ;
}
.session .times {
    font-weight: 600;
    color: #455560;
	margin-top: 0px;
	font-size:14px;
	-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";
}
.session .lunchtime { font-size:14px }
.conference a:link, .conference a:visited {
    font-weight: 600;
    color: #A9B01A;
    text-decoration: none;
}
.conference a:hover {color:#455560;}
.conference h1 {margin: 30px 0px 20px;-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum"; }
.conference h2 {margin-top:30px }
.ConfBold {
    color: #26A9E0;
}
.presentations {
    padding-left: 7%;
}

.session h4 {
    font-size: 1em;
    margin-bottom: 0;
	line-height:1em;
}
.dine {
background: #f0f9fd; 
padding: 1px 10px;
}
.underline {
border-bottom: 1px solid  #26A9E0;
padding-bottom: 20px;

margin-bottom: 20px;

}
.overline { border-top: solid 1px #26A9E0;
padding-top:20px;
margin-top: 20px;
}

.content  hr {
	border: 0;
	height: 1px;
	background: #26A9E0;
	margin:  20px 0px 10px 0px;
	clear: left;
	}

	
/*******************FEES ***************/
.fees { width:100%;}
.fees th.mem{background-color:#83C6E4; }
.fees td, .fees th { line-height:1.1em;
	padding: 18px 1px; color:#2b38a6; background-color: #f2f3f3; text-align:center; 
-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum"; }
.fees th {font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size:16px; color:#2b38a6;}
.fees td {border-bottom: 1px solid ##b4d5e4;
-webkit-font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
font-feature-settings: "lnum";}
.fees .small {font-size:14px; color:#455560;}
.fees .mem { background: #cff0ff; }
.fees .graytext { color:#455560;}
.fees .spacer { width:30px; background-color:#ffffff; border:none; padding:0 }
.fees .space15 { width:15px; background-color:#ffffff;  border:none; padding:0}
.fees .rowspacer { height:15px;background-color:#ffffff;  border:none; padding:0 }
.fees strong  {font-weight: 600; color:#2b38a6;}
.fees .noborder {border:none; }
.fees .nobg { background-color:#ffffff; border:none; padding:0;  }
.fees .topmargin {height:50px; background-color:#ffffff; border:none; padding:0  }
.fees .plaintext {text-align:left; color:#553379; font-family: Ubuntu; vertical-align: top; padding:30px 0px }
.register .button {margin-bottom:20px }
.registration h3 {margin-bottom:10px }
.vacademy {font: 600 18px 'Ubuntu', Arial, Helvetica, "San Serif";
color: #2B388C; margin-top:30px;}
.course img {float:right; max-width:220px; margin-left:20px; margin-bottom:10px; }

body.register {
	background: #65C2EE;
	color: #fff;
}

body.register .content{
	background-color: transparent;
}

body.register .content .container{
	background-color: transparent;
}

body.register #footer{
	background-color: transparent;
}
body.register #footer .container{
	background-color: transparent;
}
body.register #footer .container .sponsors h4{
	color: #fff;
	border-bottom: 1px solid #fff;
}
body.register #footer .container .sponsors h4 span{
	background: #65C2EE;
}

.wowRegisterButton {
	font-size: 16pt; 
	font-weight: bold; 
	background-color: #252562; 
	color: #fff; 
	border-radius: 100px; 
	padding: 10px; 
	width: 100%; 
	text-transform: uppercase;
}
.wowRegisterButton:hover {
	background-color: #30306a;
}

/* Replace button text if being used for tabletop reservation */
.tabletopReservationButtonWrapper .wowRegisterButton {
	font-size: 0px;
}

.tabletopReservationButtonWrapper .wowRegisterButton::after {
	content: "Reserve a tabletop";
	font-size: 16pt;
}

.wipesAcademyRegisterButton{
	font-size: 16pt; 
	font-weight: bold; 
	background-color: #252562; 
	color: #fff; 
	border-radius: 100px; 
	padding: 10px; 
	width: 100%; 
	text-transform: uppercase;
}
.wipesAcademyRegisterButton:hover {
	background-color: #30306a;
}



.warning {
	color: #44535d;
	background: #F0F9FD;
	padding: 10px 10px 20px;
border: 1px solid #2CB1E2;
	margin-bottom: 10px;
	margin-top: 30px;
	max-width: 500px;
	text-align:center;

}
.warning .button {margin-bottom:0px }
/***************************************ALL FORMS ******************************/
/*  NEW abs form */
.abstract-container {	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
  -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
       -ms-flex-direction:column;
           flex-direction:column;
		   margin:0 5%; padding-top:1.5em}
.abstract-container >* { width:100%; border-bottom:solid 2px #26A9E0; padding-bottom:30px; margin-bottom:30px}
.absrow {	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
	-webkit-flex-direction:	 row; 
	flex-direction: row;
  -webkit-box-align: top;
      -ms-flex-align: top;
	-webkit-align-items: top;  
          align-items: top;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;}
 
.absrow .absform{ width:48%;}
@media (max-width: 800px) {
	.absrow {  -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
       -ms-flex-direction:column;
           flex-direction:column;}
.absrow .absform{width:100% }
	}

.absrow .absform:firstchild {margin-right:2% }
.absrow strong {color: #2B388C; }
.abswidth {max-width:500px }
.absform input, .absform select, .absform textarea {
	background: #f6f7f7; margin: 2px 0 20px 0; width: 100%;
border: none;
}
.absform {background-color:#ffffff}
.absform label {float:none; text-align:left; }
.absupload {font-size: 14px }
.docupload h3 {font-size:24px; text-transform:uppercase }
.docupload ol {
	list-style-type: decimal; padding-left: 20px; padding-top:5px
}
.docupload li {font: 18px Ubuntu; margin-bottom:7px; color: #26A9E0; font-weight:700; line-height:1em}
.docupload li span {font: 14px Ubuntu; color:#455560; font-weight:500}
.fileinput-button { float:right; max-width: 180px; margin-left: 20px; }
.absrow.lastrow{order:5; border-bottom:none; padding-bottom:50px}
.req { margin-bottom:30px }
#files {color: color: #2B388C; }

/* old abs form */
.abstractupload {
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
	-webkit-flex-direction:	 row; 
	flex-direction: row;
  -webkit-box-align: top;
      -ms-flex-align: top;
	-webkit-align-items: top;  
          align-items: top;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;	  
		  
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;}
.abstractupload #maincontent{ order: 1; max-width: 550px; }
.abstractupload #sidebar   { order: 2; width:250px; margin-right:3%; padding-top: 100px;}
.abstractupload .textupload	{ order: 3;  margin:0 5%; width: 100%}
.abstractupload .absinstr	{ order: 4;  margin: 0 5%;width: 75%;max-width: 550px;}
.abstractupload .lastsection  { order: 5; margin-left: 5%; width: 75%;max-width: 550px;}


.absform {}
.resform { width:100%;
	background-color: #e2f5fd; margin-bottom:20px }
.resform td {
vertical-align: top;}

.resform label {
	font: 14px Ubuntu; float:right; color:#404041; text-align:right;
}
.resform td {padding:10px 5px }
.resform input, .resform textarea {width:260px; border: none;}
.resform {max-width:100%;}
.resform input  {width:100%; border: none;}
.resform textarea {width:100%; border: none;}
.resform label  {white-space: nowrap;}
.resform tr:first-child td { padding: 5px 0px 0px 5px;}
.absub .button {max-width:100%}
.formdocs ol {
	list-style-type: decimal; padding-left: 20px;
}
.formdocs li {font: 14px Ubuntu; margin-bottom:7px }
.absinstr .inst {font-style:italic; font-size:.85em}
.absinstr .files p, .formdocs {margin: 0px; padding: .5em; background-color:#e2f5fd; }
.formdocs h2 {font-size:24px}
.absub .deadline {font-size:1.3em;}
.WORDCOUNT {
	font-size: 14px;
	font-style: italic;
	display: inline;
	float: right;
	width: auto;
	margin-top:2px;
}
.absub .files p, .formdocs {margin: 0px; padding: .5em; background-color:#e2f5fd; }
.g-recaptcha {margin-bottom:20px }
.circle {width: 37px;
    background: #f7941d;
    border-radius: 50%;
    font-size: 30px;
    text-align: center;
    font-family: arial;
}
.abstractupload .button { max-width: 550px; }


@media (max-width: 1000px) {

.submitfields {position:relative; bottom:30px; }
.twothirds.absub {	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;}

}
@media (max-width: 800px) {
.absub	.toppad {padding-top:20px}
	}
/* ***************         MISC PAGES ***************************/
.destination .twocol >* {width:50%}
.destination .twocol >:first-child { margin-right:20px }
.destination ul li {line-height: 1.2em; margin-bottom: 8px }
.destination .twocol {align-items: flex-start; }
.destination a:link {font-weight:500 }
.destination .button a:link {font-weight:700 }
.destination h2 {margin:30px 0  }
/********************SIDEBAR ***************/
#sidebar a:link {
color: #2B388C;
text-decoration: none;
font-weight: 600;
}
#sidebar a:hover {text-decoration: underline; }

.glance {
max-width:225px;

}

.glance ul {margin-bottom: 1.3em;}
.glance li { line-height: 1.2em; margin-bottom: 5px; font-size:14px; color:#747F87}
.glance a	{
	/* [disabled]color: #747F87; */
	/* [disabled]font-weight: 500; */
	text-decoration: none;
}
.glance a:hover {text-decoration: underline; }
.glance strong, .glance bold , .glance strong a:link, .glance strong a:visited{color: #2B388C; text-transform: uppercase;}
.glance h3 {font: 300 24px 'Ubuntu', Arial, Helvetica, "San Serif"; color: #2B388C; margin-bottom:20px; margin-top: 30px;}


.mytwitter { margin-top:20px; width:100%;}

.wabanner {margin:30px auto}
.indapp{font-family: Ubuntu, Arial, Helvetica, "San Serif";
	font-size: 12px;
	color: #FFF;
	background: #26A9E0;
	max-width: 240px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 10px 8px 12px;
}
.indapp ul.plus {text-indent:-14px; line-height:1.2em; margin-bottom:15px}
.indapp li {margin-bottom:3px }
.indapp h3, .indapp a {font: 200 30px 'Ubuntu', Arial, Helvetica, "San Serif"; color:#2B388C; text-decoration:none}	
.indapp a:hover {text-decoration:underline}

.tabletimes td { padding:4px; font-size:.85em; }
.highlight { font-weight:bold; color:#26A9E0;}
.sm-simple ul li {
	background: transparent; 
	border: none; 
	box-shadow: none;
}
.committee {
    background-color: #f0f9fd;
	    font-size: 14px;
    padding: 10px;
	line-height:1.3em;
	margin-bottom:20px;
	width:100%;
}
.committee h2 {
	padding: 0px;
	font: 200 25px 'Ubuntu', Arial, Helvetica, "San Serif";
	color: #2B388C;

}
.committee strong {color:#2B388C; font-weight:700} 
.committee em {font-style:normal; font-weight:600;}
.committee .mobileapp {margin-left:20px;
	list-style: url(../images/bg-listraq.png);
}
.committee li {margin-bottom:1em}
.awards img { float:right; margin-left:5%; max-height:230px; max-width: 250px}
.awards .ConfBold {clear:both }
.wowaward li {font-size:.75em; line-height: 1.3em;
    margin-bottom: 10px;}
.wowaward li strong {font-size:1em;}
.award {overflow: hidden;}
.award li{font-weight: 600;  /* conference page */
margin-bottom:15px; margin-left:20px;
color: #F48120;
}
.winners li {padding-right:8px }

#main-menu-state:not(:checked) ~ #main-menu {
	
}

@media (max-width: 1100px) {  
.tweet {
	max-width: 150px;
	height: auto;
	margin-top: 0px;
	margin-left: 70%;
	margin-bottom: -50px;
	position:absolute;
	top:0px
}
.vacademy {margin-top:5px }
.course img.instphoto {float:right }
}
@media (max-width: 770px) {                /* MOBIL ONLY */

#home2.backgroundTransition {background:none }
.nomobile {display:none }
.navwrapper {  padding-bottom: 0px; background-image:none; }
.homevideo img.temp {display:none}  /* Temporary */
.tweet { max-width:110px}


#main-menu-state:not(:checked) ~ #main-menu {
width: 100%;
}
.main-menu-btn {font-color:#888 !important; }
.main-menu-btn img {width:40px; max-width:40px}
.sm-simple a {
    color: #fff;
}
.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
    color: #444;
}
#main-menu-state:checked ~ #main-menu {
	background: rgb(16,18,49,0.8);
    	padding-bottom: 20px;
}

.main-nav ul li .menuRegisterButton{
	color: #4dc4cf; 
	background-color: #fff; 
	border-radius: 100px; 
	padding: 5px 20px; 
	font: 400 14pt 'Ubuntu', Arial, Helvetica, 'San Serif';
	border: 1px solid #4dc4cf;
}
.main-nav ul li .menuRegisterButton:hover{
	background-color: #444; 
}


.sm li.separator { display:none } /* get rid of bars */
video {margin-top:0px}
.HomeIntro	{ padding:0px 1em; background:none; }
.sponsors h4 {
    border-bottom: none !important;
    line-height: 1em;
    margin: 5px;
}
.glance {background-image: none; }
h1 { font-size:24px; margin-top:20px }
.hpglance .container {-webkit-justify-content: flex-start;
-webkit-box-pack: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
  -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
	-webkit-align-items: flex-start; 
          align-items: flex-start;}


.hpglance .container ul { margin-bottom:25px; width: 50%;} 
.course img.instphoto {float:none; margin:0px 50% 10px 0px }

.hotels .registration {  /* important notice top of mobile only */
    max-width: 100%;
    text-align: left;
    display:block;
	margin-top:20px
}  
.feewidth {width:48%}   

.ttlinks .button {margin-top: 10px;}
.destination .twocol > * { width:100% }
                         /* end of mobile */
}