@charset "utf-8";
@font-face {
    font-family: Nav_Font;
	src: url('../ttf/raleway-medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway';
	src: url('../ttf/raleway-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway';
	src: url('../ttf/raleway-italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Raleway';
	src: url('../ttf/raleway-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway';
	src: url('../ttf/raleway-bolditalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Raleway_Heavy';
	src: url('../ttf/raleway-heavy.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway_Bold';
	src: url('../ttf/raleway-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway_Semi';
	src: url('../ttf/raleway-semibold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway_Light';
	src: url('../ttf/raleway-light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway_Thin';
	src: url('../ttf/raleway-thin.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Oswald';
	src: url('../ttf/oswald-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


/* /////////////////////// HOME PAGE ONLY /////////////////////////////////////// */
.slidelink h2 { color:#ffffff; margin-bottom:0px; font-size:72px}
.slidelink h3 {margin-top:5px; color:#ffffff; font-size:30px;}
.slidelink { font-family: Raleway_Bold, Arial, Helvetica, sans-serif; font-weight: normal; color:#ffffff; font-size:30px;}
.bxslider a {text-decoration:none; }
.slidelink {width:100%; height:100%;  padding-left: 80px; padding-top:136px;}
.slide1 {
	color: #FFF;
	background: url(../jpg/slide1-5.jpg) no-repeat center bottom;
	background-size:cover;
	height: 620px;
	width: 100%;	
}
.slide2 {
	background: url(../jpg/slide2-5.jpg) no-repeat center bottom;
	background-size:cover;
	height: 620px;
	width: 100%;	
}
.bxslider .slide2 h2, .bxslider .slide2 h3 {color: #553379}
.slide3 {
	background: url(../jpg/slide3-5.jpg) no-repeat center bottom;
	background-size:cover;
	height: 620px;
	width: 100%;	
}
.slide4 {
	background: url(../jpg/slide4-5.jpg) no-repeat center bottom;
	background-size:cover;
	height: 620px;
	width: 100%;
}
.bxslider .bx-wrapper {margin-bottom: 20px;}


a.purplecircle{
	font-family: Raleway_Heavy;
	color: #C1D82F;
	height: 170px;
	width: 170px;
	background-color: #553379;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	padding-top: 58px;
	text-transform: uppercase;
	position: relative;
	top: -190px;
	left: 74%;
	font-size: 26px;
	line-height: 1.3em;
	letter-spacing: .04em;
	text-decoration: none;
	z-index: 200;
}
a.purplecircle:hover {background-color: #8347AD;  color:#D8C4E5}
#maincontent.homepage {margin-top:-198px; }
#maincontent .intro h3{font-family: Raleway_Semi, Arial, Helvetica, sans-serif; font-size:26px; color:#553379; text-transform:uppercase; margin-bottom:-10px}
#maincontent .intro p{font-family: Raleway, Arial, Helvetica, sans-serif; font-size:26px; line-height:1.8em}

/* All blocks */
.block {
	position: relative;
  width: 100%;
  margin-bottom:40px;
}
.homepage a {text-decoration:none}
hp.image {
  display: block;
  width: 100%;
  height: auto;
}
.mobileonly-hp {display:none; }
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}
.block:hover .overlay, .block:active .overlay, .block:focus .overlay {
  width: 100%;
}
.block img, .block50 img {max-width:100% }
.block50 {	position: relative;
  width: 50%;
  margin-bottom:40px; float:left}
.block50:hover .overlay, .block50:active .overlay, .block50:focus .overlay {
  width: 100%;
}
/*******************************/
.billion .overlay {background-color: #f0f5cc;
	  display:-webkit-box;
    display:-webkit-flex;
    display:-webkit-flexbox;
    display:flex; 
	 -webkit-box-pack: center; 
        -ms-flex-pack: center; 
            justify-content: center;
			height:100%
	}

.lefttext {font-family: Raleway_Light, Arial, Helvetica, sans-serif;  
color:#553379; line-height: 1.1em; margin-left: 5%;
width: 45%;
font-size: 36px;
align-self: center;
}
.lefttext h4{font-family: Raleway_Semi, Arial, Helvetica, sans-serif; color:#553379; text-transform:uppercase; margin:0px;
font-size: 40px}
.righttext {
	width: 50%;
	background: url(../jpg/170billionblock-hover.jpg) no-repeat left center;
	padding-left: 11%;
	padding-right: 5%;
		  display:-webkit-box;
    display:-webkit-flex;
    display:-webkit-flexbox;
    display:flex; 
	 -webkit-box-pack: center; 
        -ms-flex-pack: center; 
            justify-content: center;
}
.righttext p{font-family: Raleway_Bold, Arial, Helvetica, sans-serif; font-size:40px; color:#FFFFFF;  line-height: 1.1em; align-self: center;
font-size: 36px;
}
/*******************************/
.upcycle {
	background: url(../jpg/upcyclingdiapersblock.jpg) no-repeat right center;
	height:300px;
}

.upcycle h3 {font-family: Raleway_Semi, Arial, Helvetica, sans-serif; font-size: 56px; color:#553379; text-align: center; padding-top: 129px;  line-height: 1.1em; text-decoration:none} 
.upcycle .overlay
{
	background: url(../jpg/upcyclingdiapersblock-hover.jpg) no-repeat center top;
	color: #ffffff;
	
}
.upcycle h4 {
	font-family: Raleway_Semi, Arial, Helvetica, sans-serif;
	font-size: 40px;
	margin-left: 4%;
	margin-bottom: 32px;
	line-height: 1.1em;
	padding-top: 55px;
}
.upcycle p {margin-left: 4%; font-size:20px;  line-height: 1.1em; }
.upcycle .light {
	font-family: Raleway_Light, Arial, Helvetica, sans-serif; 
	
}
/*******************************/

.consumer {
	background: url(../jpg/theconsumerspeaks.jpg) no-repeat right bottom;
	min-height:300px;
}
.consumer h3 {font-family: Raleway_Light, Arial, Helvetica, sans-serif;
font-size: 46px;
color: #553379;
margin-left: 5%;
margin-top: 19px;
font-weight: 100;
}
.consumer .overlay  {
	background: url(../jpg/theconsumerspeaks-hover.jpg) no-repeat right bottom;
	color: #ffffff;
}
.consumer p {

    font-size: 30px;
    line-height: 2em;
    margin: 8% 10%;

}

/*******************************/

/*******************************/

.fluff {
	min-height:300px;
	background: url(../jpg/fluflessdiapers.jpg) no-repeat right bottom;
}
.fluff h3 {font-family: Raleway_Bold, Arial, Helvetica, sans-serif;
font-size: 40px;
color: #553379;
text-transform: uppercase;
width: 20%;
line-height: 1em;
margin-left: 6%;
font-weight: 400; 
margin-top: 75px;
}

.fluff .overlay  {
	color: #808285;
	font-size: 40px;
	background: url(../jpg/fluflessdiapers-hover.jpg) no-repeat right bottom;
}
.fluff h4 {color: #553379; font-size:24px; margin-left: 6%; margin-top: 10%;}
.fluff p {line-height:32px; font-size:26px; margin-left: 6%; margin-right:6%}
/*******************************/

.essential {
	min-height: 300px;
	background: #fcedc6 url(../jpg/theessentials.jpg) no-repeat left top;
	color: #808285;
	font-size: 20px;
	background-size: contain;	
}
.essential img {float:left; }
.essential h2 {font-family: Oswald, Arial, Helvetica, sans-serif;
font-size: 40px;
color:#000000;
line-height: 1em;
font-weight: 300;
margin-bottom: 16%;
}
@font-face {
    font-family: osw_lt;
    src: url('../ttf/oswald-light.ttf') format('truetype');  
}
.traintext h1 {font: 42px "osw_demibold";}
.essential h2  em{
	font-family: "osw_lt", Arial, Helvetica, sans-serif;
	font-style: normal;
}
.essential .abs {padding-left: 56%;padding-top: 10%;padding-right: 5%; }
.abs p {line-height:1.2em }
.essential .overlay  {background:#f0b81b; color: #000000;}
.essential .overlay p {
	line-height: 1.7em;
margin: 20px 7% 20px;
font-size: 24px;
}
.essential .course {margin-left: 5%;background: #6ec9ba; color:#000; 
float: left; padding: 15px 20px;
margin-right: 5%;}
.essential .course a {padding:15px 20px }
.essential .course a:hover {
    background-color: #fcedc6; }
.cdate {font-family:Raleway_Heavy; color:#000000; font-size:20px; width: 230px;

float: left;}
/*******************************/

.welcome {
	min-height: 300px;
	background: url(../jpg/welcomereception.jpg) no-repeat center center;
	background-size: cover;
}
.welcome h3 {font-family: Raleway, Arial, Helvetica, sans-serif; 
font-size: 20px; color: #553379; font-weight: 600; margin-left:20px }

.welcome .overlay{
	color: #553379;
	background: url(../jpg/welcomereception-hover.jpg) no-repeat center center;
background-size: cover;
}
.welcome .overlay p {font-size: 26px;
margin: 12%;
line-height: 1.8em;}
/*******************************/

.planner {
	color: #553379;
	background: #f8f3fa url(../jpg/eventplanner-hover.jpg) no-repeat center bottom;
	overflow: hidden;
	font-size:16px;

}
.planner h3 { font-family: Raleway_Bold, Verdana, Geneva, sans-serif; font-size:30px; padding-left: 36px; }
.planner a {color: #455560; }
.planner a:hover {color: #553379;}
.planner ul {list-style-type:none;}
.planner li {margin-bottom:1em; line-height: 1.3em; padding-left: 36px;padding-right: 20px; font-weight: 500;}
.planner .date { font-family: Raleway_Bold, Verdana, Geneva, sans-serif }
.planner .pl-contact { line-height:2em; padding-top: 20px; border-top:solid 1px #553379;}
.planner .pl-contact .date { padding-top:20px}
@media (max-width: 1100px) {    /* Narrower screens */
.upcycle h4 { font-size:32PX }
.consumer p, .fluff p {line-height:1.5em; font-size: 20PX;}
.essential .overlay p {margin:20px 7% 20px }
.welcome .overlay p {font-size: 20px }
.essential .overlay p {margin: 25px 7% 25px;}

}
@media (max-width: 900px) {    /* Narrower screens */
.lefttext h4 { font-size:30px }
.lefttext { font-size:28px }
.righttext p{ font-size:28px }
.upcycle h3 {font-size:40px; }
.upcycle h4 { font-size:26PX }
.essential .overlay p {font-size:16px;}
.cdate {width:auto; font-size:16px }
}

@media (max-width: 700px) {    /* Narrower screens */
#maincontent .intro p {font-size: 20px;	}
.overlay  {
	margin-top: 1%;
	color: #09C;
	background: #0C6;
}
.righttext p {padding-left:13%; padding-right:0px; font-size: calc(2vw + 8px);}
.lefttext  {font-size: calc(2vw + 8px);}
.essential .cdate {float:none; text-align: center; padding:20px 11%; width:100%; font-family: Raleway_Bold;}
.essential .course {float:none; margin:5px 20%; Text-align: center; }
}

@media (max-width: 550px) {                /* MOBIL ONLY */
.slide1 {background: url(../jpg/slide1-mobile.jpg) no-repeat center bottom;}
.slide2 {background: url(../jpg/slide2-mobile.jpg) no-repeat center bottom;}
.slide3 {background: url(../jpg/slide3-mobile.jpg) no-repeat center bottom;}
.slide4 {background: url(../jpg/slide4-mobile.jpg) no-repeat center bottom;}
.slide1, .slide2, .slide3, .slide4 {height:auto; min-height:473px; background-size: cover; }

.slidelink {padding: 0px 10%; font-size:20px; text-align:center }
.slidelink h2 {font-size: 56px;
margin-top: 20px;
line-height: 1.1em; }

a.purplecircle {
	top: -210px;
	left: 50%;
font-size: 16px;
height: 100px;
width: 100px;
padding-top: 34px;
margin-left: -50px;
}
#maincontent.homepage {
    margin-top: -166px;
}

.nomobile-hp {display:none; }
.mobileonly-hp {display:block }  
#maincontent .intro h3 {font-size:22px }
#maincontent .intro p {font-size: 16px;	}
.billion .overlay { display:block;background: #f0f5cc; 
  position: relative;/* always display */
  width: 100%;
}
.lefttext{ width: 100%; font-size: calc(2vw + 20px); line-height:1.4em;	
	padding: 11% 11% 0%; margin:0px; text-align:center;}
.lefttext h4 {font-size:calc(2vw + 18px);}
.righttext {
	width: 100%;
	background:  url(../jpg/170billionblock-mobile-tap.jpg) no-repeat center bottom;
	padding: 5% 5% 0px;
	margin:0px;
	text-align:center;
	background-size: 100%;
}
.righttext p {line-height: 1.5em; padding-left:0px}
.upcycle  {height:auto }
.upcycle .overlay  {
  width: 100%;
 }
.upcy
.upcycle p.light {margin: 105px 11% 0px;
text-align: center;}
.regnow {background-color: #8347AD;
color: #D8C4E5;
text-decoration: none;
width: 100%;
display: inline-block;
text-align: center;
padding: 15px 10px;
text-transform: uppercase;
font-weight: bold;
border: none;
}
.block50 { width:100%; float:none; margin-bottom:20px; }

.consumer {min-height:200px}
.consumer .overlay {
  width: 100%;
	background: url(../png/theconsumersspeak-mobile.png) no-repeat right bottom;
	background-size: cover;
 }
.consumer p {font-size: 20px; text-align:center }
.fluff .overlay {
	width: 100%;
	background: #FFF url(../jpg/fluflessdiapers-mobile-tap.jpg) no-repeat right bottom;
}
.fluff {min-height: 200px; }
.fluff h4 {margin-top:0px}
.fluff p {font-size:20px; line-height:1.5em }
.essential .cdate {float:none; text-align: center; padding:20px 11%; width:100%; font-family: Raleway_Bold;}
.essential .course {float:none; margin:5px 20%; Text-align: center; }
.essential .abs {margin-bottom: 10%;}

.welcome .overlay {
	width: 100%;
	background: #FFF url(../jpg/welcomereception-mobile-tap.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	height: 100%;
}
.welcome .overlay p {font-size:20px;line-height: 1.6em; }
.welcome h3 {margin-left:0px; padding-top: 25px;

}
/* end of mobile */