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

.hide {
	display: none !important;
}

.buynowbutton, .close-btn {
    display: inline-block;
}

.buynowbuttonalt, .buylastyearalt {
    display: none;
    text-shadow: none;
}

body {
	background-color: #000000;
	color: #fffdfa;
	margin:0px;
	padding:0px;
	font-size: 1.3em;
	line-height: 1.4em; 
	font-family: agenda, sans-serif;
	font-weight: 300;
	font-style: normal;
}

.enterclass {
	font-size: .8em;
	margin-top: 5px;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.enterclassworkshoppage {
    font-size: 1.3rem;
	line-height: 1.4rem; 
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.fineprint { 
	padding-top: 0px !important;
	margin-top: 0px !important;
	font-size: .85em !important;
	line-height: 1em !important;
	text-shadow: none;
}

.buylastyear {
	padding-top: 0px !important;
	margin-top: 10px !important;
    margin-bottom: 10px;
	font-size: .85em !important;
	line-height: 1.2em !important;
    text-align: center !important;
    align-content: center !important;
    text-wrap: balance;
}

.meetingid {
    display:block;

}

.pleasenote { 
	padding-top: 4px !important;
	margin-top: 0px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	font-size: .8em !important;
	line-height: 1.1em !important;
	text-shadow: none;
	color: #aaaaaa;
}

a {
	color: #ffe1a7;
	text-decoration: none;
}

a:hover {
	color: #ffbf40;
	text-decoration: underline;
}

h1 {
	font-family: 'AlchemyNormal1651';
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;
	font-size: 3.6vW;
	line-height: 4.4VW;
	color: #ffe1a7; 
	font-weight: normal !important;
    text-align: left;
}

h2 {
	font-family: 'AlchemyNormal1651';
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
	padding-top: 10px;
	font-size: 2.6VW;
	line-height: 3VW;
	color: #fffdfa;
	font-weight: normal;
    text-align: left;
}

.h2workshop {
	color: #ffe1a7;
}

h3 {
	font-family: 'AlchemyNormal1651';
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
	padding-top: 8px;
	font-size: 2VW;
	line-height: 2.4VW;
	color: #fffdfa;
	font-weight: normal;
    text-align: left;
}

.h3whitelink {
	color: #fff;
}

h4 {
	font-family: agenda-condensed, sans-serif;
	font-weight: 600;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	padding-top: 0px;
	font-size: 2.2VW;
	line-height: 2.4VW;
	color:#bad9ff;
}
.h4hero {
    white-space: pre-wrap; /* Ensures whitespace and line breaks are respected */
}

.h4hero::after {
    content: "";
    display: block; /* Forces a break after the first sentence */
}


sup {
	vertical-align: baseline;
	font-size: 75%;
}

.nospacebelow {
    margin-bottom:0px !important;
    padding-bottom: 0px !important;
}

.nospaceabove {
    margin-top:0px !important;
    padding-top:0px !important;
}


/* main box */

.mainbox  {
    background-image: url("images/background.jpg");
	background-image: url("images/background.webp");
    background-position: center -15vw;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 1250px;
	margin-right: auto;
	margin-left: auto;
	min-height: 1000px;
	overflow: visible;
}

/* Hero */

.herobox {
	position: relative;
	top: 1.12VW;
	overflow: visible;
}

.heroboxsub {
	top: 0vw;
}

.logo {
	margin-left: 11.3%;
	width: 33%;
	max-width: 460px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
    margin-top: 0px;
}

.logosub {
	margin-left: 15.7%;
	width: 25%;
	
}

.herotext {
	margin-bottom: 2%;
	width: 43%;
	max-width: 600px;
	font-family: 'AlchemyNormal1651';
	font-size: 1.78VW;
	line-height: 2.8VW;
	font-weight: normal;
	text-align: center;
	text-shadow: 0px 0px 10px #000, 0px 0px 33px #000;
	vertical-align: middle;
	display: inline-block;
    text-wrap: balance;
    margin-top: 1vw;
}


.heroh4 {
    text-align: center;
}

.heroh2 {
	margin: 0px;
	padding: 0px;
	margin-bottom: .7vw;
	font-size: 2.8VW;
	color: #ffe1a7;
	font-weight: normal;
	text-align: center;
	text-shadow: 0px 0px 10px #000, 0px 0px 33px #000;
}

.herotext p {
	margin:0px;
	padding: 0px;
}

/* Navigation Buttons */

.navbox {
	position: relative;
	margin: 0px;
	padding: 0px;
	top: 2.5vw;
	clear: both;
	width: 100%;
    text-align: center;
}

.navboxsub {
	top: 0vw !important;
}

.nav {
	width: 100%;
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-family: 'AlchemyNormal1651';
	font-size: 2.7VW;
	line-height: 2.5VW;
	text-align: center;

}

.navlink {
	text-decoration: none;
	color: #fffdfa;
}
	

.navlink:hover {
	color: #ffe1a7;
	text-shadow: 2px 2px 1px #000, 0px 0px 15px #000;
	text-decoration: none;
}

.button {
	position: relative;
	margin: 0px;
    padding: 0px;
	padding-top: 0.46VW;
	height: 3.679VW;
	display: inline-block;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 100%;
    padding-left: 2%;
    padding-right: 2%;
}

.leftmost {
    padding-left: 0px;
}

.rightmost {
    padding-right: 0px;
}

/* content area */

.contentbox {
	clear: both;
	float: none;
	position:relative;
	padding: 0px;
	top: 4VW;
	display: block;
	width: 74%;
	left: 13%;
	right: 13%;
	
}

.contentboxsub {
    top: 1.4vw;
}

.maintext {
	margin:0px;
	padding: 0px;
	text-align: justify;
	float: left;
	width: 75%;
	text-shadow: 0px 0px 22px #000, 3px 3px 8px #000;
	color: #fffdfa;
}

.maintext p {
	padding-top: 0px;
	margin-top:0px;
}

.maintext UL {
	list-style: none; /* Remove default bullets */
}


.maintext ul li::before {
	font-family: 'TropMagus-Regular';
	content: "✶";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #bad9ff; /* Change the color */
	font-weight: normal; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1.2em; /* Also needed for space (tweak if needed) */
	margin-left: -1.2em; /* Also needed for space (tweak if needed) */
}

/* to style AddToAny box to center */
.a2a_default_style {
    
    display: inline-block;
}

.photosidebar {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 25%;
    text-align: center;
}

.photosidebar p {
	margin-top: 5px;
	margin-left: 12%;
}

.presenterlink {
	text-align: center;
	font-size: 1.8vw;
	font-family: agenda-condensed, sans-serif;
    margin-top: 3px;
    display: block;
}

.archivesubtext {
	margin-top: -8px !important;
    margin-bottom: 15px !important;
	margin-left: 12%;
    width: 88% !important;
    text-align: center;
}

.featuredlink {
	text-decoration: none;
    color: #c0d8fb !important;
	font-weight: normal;
}



.featurephoto {
	width: 88%;
    aspect-ratio: 1 / 1;
	margin-left: 12%;
	border-radius: 50%;
	border: 1px #000000 solid;
    max-width: 210px;
    background-image: url("presenterphotos/photo-placeholder.jpg");
    background-size: 100%;

}

.buynowbuttonalt {
    width: 100% !important;
}

.buynowbutton {
    width: auto !important;
}

.featuredlink:hover {
	color: #ffe1a7;
	text-shadow: 2px 2px 1px #000, 0px 0px 15px #000;
	text-decoration: none;
}

.featuredlink:hover > img {
	border: 1px #ffe1a7 solid !important;
}


.photosidebar h5 {

	padding: 0px;
	margin: 0px;
	margin-top: .07vw;
	margin-bottom: 10px;
	width: 88%;
	margin-left: 12%;
	font-weight: normal;
	font-size: 1.76vw;
	font-family: 'AlchemyNormal1651';
	text-align: center;
	height: 1.2em;
}


.photosidebarh6 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: 88%;
	margin-left: 12%;
	font-size: 1.35vw;
	line-height: 1.8vw;
	font-weight: normal;
	font-family: 'AlchemyNormal1651';
	text-align: center;
}

.countrycolor {
	font-family: agenda-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1.6vw;
	color: #BBBBBB;
}

.cliptext {
   	font-family: agenda-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: .9em;
    line-height: 1.07em;
	color: #fffdfa;
    text-align: center;
    text-wrap: balance;
    width: 100%;
    padding: 0px !important;
    margin: 0px !important;
    margin-bottom: 15px !important;
    margin-top: 2px !important;
    transition: color 0.3s ease; /* Smooth hover effect for text */
}

.cliptextheader {
    line-height: 1em !important;
    color: #c0d8fb;
    text-align: center;
    padding: 0px !important;
    margin: 0px !important;
    margin-top: 13px !important;
    margin-bottom: 2px !important;
    width: 100% !important;

}

.clipname {
    color: #c0d8fb;
}

.registrationfooter { 
	width: 100%;
	text-align: center;
	clear: both;
	padding-top:10px;
	padding-bottom: 10px;

}

.footerlogo {
	width: 50%;
	display: inline-block !important;
	padding-top:5px;

}


.moreshadow {
	text-shadow: 2px 2px 2px #000, -2px -2px 10px #000, 2px 2px 10px #000, 2px 2px 25px #000, -2px -2px 25px #000;
}


.white {
	color: #fffff;
}

.gold {
	color: #ffe1a7;
}

.admincolor {
    color: #cfcd45 !important;
}

.adminerrorcolor {
    color: #ffaf03 !important;
}

.comingsooncolor {
    color: #ffe1a7;
}


.buynowbutton, .close-btn {
    width: 80%;
    text-align: center;
	background-color: #439e02;
	color: #fff;
	font-family: agenda-condensed, "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	font-size: 2.4vw;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 9px;
	padding-left: 9px;
	border: 1px #76ff00 solid;
    /* b8eb8c */
	border-radius: 15px;
    margin-top: 6px;
	margin-left: 12%;
	margin-bottom: 13px;
	text-transform: uppercase;
	text-decoration: none;
    box-shadow: inset 0px 0px 9px rgba(255,255,255,.9);
    
}

.buynowbutton:hover, .close-btn:hover {
    background-color: #b8eb8c;
	border: 1px #ffe1a7 solid;
    color: #439e02;
    box-shadow: inset 0px 0px 9px rgba(0,0,0,0.8);
    text-decoration: none;
}

.callnowbutton, .close-btn {
    display: inline-block;
    width: auto;
    margin-left: 0px;
    margin-top: 5px !important;
    margin-bottom: 0px !important;
    text-shadow: none;
}

.callnowbutton:hover, .close-btn:hover {
    text-shadow: none;
    text-decoration: none;
}

.adminsubmitbutton {
    display: inline-block;
    width: auto;
    margin-left: 0px;
    margin-top: 5px !important;
    margin-bottom: 0px !important;
    
}

.zoombutton {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}


.checkout-widget-container, .eventbritebox {
    height: 680px !important;
}

/* Schedule Section */


.scheduletime .showday, .scheduletime .showdate, .scheduletime .showtime {
	display: block;
	font-size: .9em;
	line-height: 1.1em;
	padding: 0px;
	margin: 0px;
	
}

.scheduletime .showtime {
	color: #bad9ff;
	font-size: 1.2em;
	margin-top: -2px;
}

.scheduletime {
	text-shadow: none;
}


.scheduleheader {
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	clear: both;
    color: #ffe1a7;
}

.schedulerow {
	margin:0px;
	padding:0px;
	margin-top: 15px;
	width: 100%;
	clear: both;
	border-top:#ffe1a7 solid 1px;
	overflow: auto;
}

.schedule-left-column {
	padding: 8px;
	margin: 0px;
	width: 30%;
	
	border-right:none;
	float:left;
	clear:both;
	box-sizing: border-box;
	display: block;
}

.schedule-right-column {
	float: left;
	width: 70%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	box-sizing: border-box;
	display: block;
}


/* Use this to create header version of time picker */


.changetz {
	display: block;
}

.timezoneoverlay {
	display: none;
	z-index: 10000000;
	background-color: rgba(0, 0, 0, .92);
	overflow: visible;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.overlayinterior {
	position:relative;
	background-color: rgba(0, 0, 0, 1);
	display: inline-block;
	top: 30%;
	width: 70%;
	max-width: 550px;
	border: 1px solid #fff;
	padding: 15px !important;
	padding-bottom: 0px !important;
	padding-top: 10px !important;
	margin: 15px !important;
	text-align: left;
}

.closewindow {
	width: 55px;
	text-align: center;
	color: #fff;
	background-color: #204880;
	font-family: agenda-condensed, sans-serif;
	font-weight: 600;
	font-size: .9em;
	line-height: .9em;
	margin-top: 10px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #fae1ae;
	
}

.timezone {
	font-family: agenda-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: .75em;
	padding-left: .25em;
}


.detect {
	color: #ffe1a7;
	text-decoration: none;
}

.detect:hover {
	color: #ffbf40;
	text-decoration: underline;
}

.yourtimezone {
	color: #ffffff;
	padding-top: 0px;
	margin-top: 0px !important;
	padding-bottom: 10px !important;
	font-size: 1em !important;
	line-height: 1em !important;
}

.timezoneonpage {
	margin-top: -3px !important;
	font-size: .9em !important;
}

.bluebold {
	color: #bad9ff;
	font-weight: 600;
}

.grey {
	color: #aaaaaa;
	font-size: .95em;
}

.timepicker, .timeradiolabel, .detect, .yourtimezone {
	font-family: agenda-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: .87em;
	line-height: 1.3em;
	text-align: left;
	vertical-align:baseline;
}


.timezoneblock {
	font-family: agenda-condensed, sans-serif;
	padding-top:4px;
	padding-bottom:10px;
}

.timezoneh5 {
	padding-bottom:3px !important;
	font-weight: 600;
	padding:0px;
	margin: 0px;
	font-size: 1.1em;
	line-height: 1.1em;
	color: #bad9ff;
}


.radioblock, .detect {
	display: inline-block;
	padding-left: 8px;
	vertical-align:baseline;
}

.change {
	padding-left: 4px;
	
}

.details {
	font-size: .75em;
	padding-left: 0px;
	margin-left: 7px;
	color: #bad9ff;
	text-shadow: none !important;
}

.details:hover {
	color: #ffbf40;
}

.detailsparent {
	text-shadow: none !important;
}

.detailsparent:hover .details {
	color: #ffbf40;
	text-decoration: underline;
}

.detailsparent:hover .newtab {
	fill: #ffbf40;
}

.newtab {
	width: 18px;
	position: relative;
	top: 1px;
	left: 5px;
	fill: #bad9ff;
}

.newtab:hover {
	fill: #ffbf40;
}


.timepicker {
	width: auto;
}

.scheduletime .timezone {
	display: block;
	line-height:1rem;
	font-size: .85rem;
	margin: 0px;
	padding: 0px;
}

.scheduletime .timeconvert {
	display: block;
}

.schedulebreak .timezone {
	display: none;
}

.hidezone .timezone {
	display: none !important;
}

.h4zone .timezone {
	font-family: agenda-condensed, sans-serif;
}

.scheduletable {
	margin: 0px;
	padding: 0px;
	width:100%;
	border-collapse: collapse;
	font-size: inherit;
	line-height: inherit;
}

.scheduletable tr {
	padding: 0px;
	margin: 0px;
}

.scheduletable tbody tr {
	border-top:#888888 dotted 1px;

}

.scheduletable tbody tr:first-child {
	border: none;
}



.schedulecell {
	color: #fffdfa;
	font-family: agenda, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 10px;
	padding-top: 8px;
	line-height: 1.25;
}

.schedulecell p:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.scheduleroom {
	font-family: 'AlchemyNormal1651';
	color:#bad9ff;
	font-size:2vw;
	line-height: 2.7vw;
	font-weight: normal;
	padding: 0px;
	margin:0px;
	padding-bottom: 0px;
}

.planets {
	font-family: 'AlchemyNormal1651';
	font-size: 2vw;
	line-height: 1.5vw;
	color: #fffdfa;

}

.scheduletime {
	font-family: 'AlchemyNormal1651';
	font-family: agenda-condensed, sans-serif;
	font-weight: 600;
	color:#fffdfa;
	font-size:2vw;
}

.schedulebreak {
	font-family: agenda-condensed, sans-serif;
	font-weight: 600;
	color:#aaaaaa;
	font-size:2vw;
	width: 100%;
	clear: both;
	padding: 10px;
	box-sizing: border-box;
	text-shadow: none;
}

.schedulebreakborder {
	border-top:#aaaaaa solid 1px;
}




@media (min-width: 1250px) {
	
	
	h1 {
		font-size: 45px;
		line-height: 60px;
	}

	h2 {
		font-size: 32px;
		line-height: 38px;
	}

	h3 {
		font-size: 25px;
		line-height: 30px;
	}

	h4 {
		font-size: 25px;
		line-height: 30px;
	}
	
    .mainbox {
        background-position: center -188px;
    }
    
	.navbox {
		top: 29px;
		margin-left: auto;
		margin-right: auto;
		left: 0%;
		right: 0%;
        display: flex;
	}
    
    .navboxsub {
        top: 0px;
    }
	
	.nav {
		margin-left:auto;
		margin-right: auto;
		font-size: 33.8px;
		line-height: 40px;
	}

	
	.button {
		padding-top: 7px;
        height: auto;
	}

	.herobox {
		position: relative;
		top: 13px;
	}
	
	.heroboxsub {
		top: 0px;
	}

	
	.herotext {
		width: 530px;
		font-size: 23px;
		line-height: 34px;
	}

	.heroh2 {
		font-size: 35px;
		margin-bottom: 10px;
	}
    
    .heroh4 {
        font-size: 28px;
    }
	
	.contentbox {
		top: 60px;
		width: 925px;
	}
    
    .contentboxsub {
        top: 25px;
        
    }
    

	
	.photosidebar h5 {
		font-size: 21.4px;

	}
    


	.photosidebarh6 {
		font-size: 17px;
		line-height: 22px;
	}
	
	.countrycolor {
		font-size: 19px;

	}
	
	.schedulebreak, .planets {
		font-size:24px;
		line-height: 24px;
	}
	
	.scheduletime {
		font-size:24px;
	}
	
	.scheduleroom {
		font-size: 24px;
		line-height: 30px;
	}
	
	.presenterlink {
		font-size: 22px;
	}
    
    .buynowbutton, .close-btn {
        font-size: 32px;
    }

}


@media (min-width: 601px) and (max-width: 768px)  {
	
	h1 {
		font-size: 3.4VW;
		line-height: 3.4VW;
	}

	h2 {
		font-size: 2.9VW;
		line-height: 2.9VW;
	}

	h3 {
		font-size: 2.4VW;
		line-height: 2.9VW;
	}
	
	h4 {
		font-size: 2.7VW;
		line-height: 2.9VW;
	}

    .logo {
        width: 35%;
        margin-top: 0px;
    }
    
    .herobox {
        top: 1vw;
    }
    
	.herotext {
		font-size: 2.5VW;
		line-height: 3.5VW;
		margin-bottom: 20px;
        margin-top: 5vw;
	}
	
	.herotextsub {
		width: 57%;
		margin-bottom: 1.3%;
	}
	
	.logosub {
		width: 27%;
		margin-left: 7.5%;
		
	}
	
	.heroh2 {
		margin-bottom: .8vw;
		font-size: 3.2VW;
	}
    
    .heroh4 {
        font-size: 2.6vw;
        line-height: 3.7vw;   
    }
	
	.navbox {
		width: 94%;
		left: 3%;
		right: 3%;
	}
    
    .navboxsub {
        margin-top: 1vw;
    }

	.nav {
		font-size: 3.43VW;
		line-height: 3.1VW;
	}
	
	.button {
		background-size: 100%;
	}

	.buttonregistration {
		width: 29.1585127201566%;
		margin-right: 0%;
	}

	.buttonpresenters {
		width: 25.9769080234834%;
		margin-right: 1.4203522504892%;	
	}

	.buttonschedule {
		width: 20.9130136986301%;
		margin-right: .0289628180039%;	
	}

	.buttonvendors {
		width: 22.5022504892368%;
	}
	
	.contentbox {
		width: 87.5%;
		left: 6.25%;
		right: 6.25%;
        
	}
    
    .contentboxsub {
        top: 3vw;
    }

	.maintext {
		width: 70%;
	}

	.photosidebar {
		width: 30%;
        
       
	}

	.photosidebar h5 {
		font-size: 2.2vw;
	}
    

	.photosidebarh6 {
		font-size: 1.7vw;
		line-height: 2.2vw;
	}
	
	.countrycolor, .presenterlink {
		font-size: 2.2vw;
	}
	
	.schedulebreak, .planets {
		font-size:2.4vw;
		line-height:2.4vw;
	}
	
	.scheduletime {
		font-size:2.4vw;
	}
	
	.schedulebreak {
		line-height:3vw;
	}

	.scheduleroom {
		font-size:2.4vw;
		line-height:3.3vw;	
	}
    
    .buynowbutton, .close-btn {
        font-size: 3vw;
    }


}

@media (min-width: 500px) and (max-width: 600px)  {
	

	h1 {
		font-size: 3.6VW;
		line-height: 3.6VW;
	}

	h2 {
		font-size: 3.1VW;
		line-height: 3.1VW;
	}

	h3 {
		font-size: 2.7VW;
		line-height: 3.7VW;
	}	
	
	h4 {
		font-size: 3.2VW;
		line-height: 3.5VW;
	}

	.mainbox {
		background-position: center -12vw;
        background-size: 150%;
	}
	
	.herobox {
		position: relative;
		top: 7.5vw;
	}
    
    .heroboxsub {
        top: 7.5vw;
    }
    
	.logo {
		margin-left: 0%;
		width: 54%;
	}
    
    .logosub {
		margin-left: 5%;
        width: 37%;
    }
	
	.herotext {
        margin-top: 7vw;
		width: 42.5%;
		margin-left: -2vw;
		margin-bottom: 20px;
		font-size: 3VW;
		line-height: 4.75VW;
	}
    
    .herotextsub {
        width: 55%;
        margin-top: 6.5vw;
    }
    
    .herotextsub .heroh4 {
        font-size: 3vw;
    }

	.heroh2 {
		margin-bottom: 1.5vw;
		font-size: 3.7VW;
	}
    
    .heroh4 {
        font-size: 4vw;
        line-height: 4.5vw;   
    }

	
	.navbox {
		z-index: 1000;
		position: fixed;
		top: 0px;
		padding-top: 15px;
		height: 3vw;
		width: 98%;
		left: 1%;
		right: 1%;
		background-color:rgba(0,0,0,1);
		box-shadow: 0px 3vw 20px rgba(0,0,0,1);
        display: flex;
	}
	
	
	.nav {
		font-size: 3.45VW;
		line-height: 2.7VW;
	}
	
	.button {
		height: 5.5VW;
	}
	

	.buttonregistration {
		width: 29.1585127201566%;
		margin-right: 0% !important;
	}

	.buttonpresenters {
		width: 25.9769080234834%;
		margin-right: 1.4203522504892%;	
	}

	.buttonschedule {
		width: 20.9130136986301%;
		margin-right: .0289628180039%;	
	}

	.buttonvendors {
		width: 22.5022504892368%;
	}

	.contentbox {
		top: 8vw;
		width: 90%;
		left: 5%;
		right: 5%;
	}
    
    .contentboxsub {
        top: 8.1vw;
    }

	.maintext {
		width: 70%;
	}

	.photosidebar {
		width: 30%;
	}

	.photosidebar h5 {
		font-size: 2.55vw;
	}

    
	.photosidebarh6 {
		font-size: 2vw;
		line-height: 2.6vw;
	}
	
	.countrycolor, .presenterlink {
		font-size: 2.6vw;
	}

	.schedulebreak, .planets {
		font-size:3vw;
		line-height:3vw;
	}
	
	.scheduletime {
		font-size:3vw;
	}
	
	.schedulebreak {
		line-height:5vw;
	}
	
	.scheduleroom {
		font-size:3vw;
		line-height:4.1vw;	
	}
    
    .buynowbutton, .close-btn {
        font-size: 3.5vw;
    }
    
    .footerlogo {
        width: 100%;
    }

}


@media (max-width: 499px)  {
	
	h1 {
		font-size: 28px;
		line-height: 34px;
		text-align: left;
	}

	h2 {
		font-size: 23px;
		line-height: 29px;
		text-align: left;
	}

	h3 {
		font-size: 17px;
		line-height: 20px;
		text-align: left;
	}
	
	h4 {
		font-size: 19px;
		line-height: 20px;
		text-align: left;
	}
	
	.mainbox {
		background-position: center 0vw;
        background-size: 150%;
	}

	
	.herobox {
		position: relative;
		top: 7VW;
	}
	
	.heroboxsub {
		top: 12VW;
	}

	.logo {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
		float: none;
	}
	
	.logosub {
		margin-left: 14%;
		margin-right: 16%;
		width: 70%;
		display: none;
	}
	
	.logosubalt {
		top: 0vw;
		width:90%;
		display: block;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		padding-bottom:1vw;
	}
	
	.herotext {
		width: 88%;
		margin-left: 6%;
		margin-right: 6%;
		margin-top: 0VW;
		font-size: 4.75VW;
		line-height: 6.75VW;
       
	}
	
	.herotextalt {
		display: block;
	}

	
	.herotextsub {
		display: none;
	}

	.heroh2 {
		margin-bottom: .5vw;
		font-size: 6.5VW;
	}
    
	.heroh2alt {
		color: #fff;
        font-size: 6VW;
	}
    
    .heroh4 {
        font-size: 5.5vw;
        line-height: 7.5vw;
    }
	
	.navbox {
		z-index: 1000;
		position: fixed;
		top: 0px;
        margin-right: auto;
        margin-left: auto;
        padding: 5px;
        margin-top: 0px;
		width: 100%;
		left: 0%;
		right: 0%;
		background-color:rgba(0,0,0,1);
		box-shadow: 0px 2.8vw 20px rgba(0,0,0,1);
        vertical-align: top;

	}
	
	.nav {
		font-size: 5.3VW;
        line-height: 1;
        font-family: agenda-condensed;
        font-weight: bold;
        display: flex;
	}
	
	.button {
        padding-left: 1.8%;
        padding-right: 1.8%;
        display: flex;
	}

	.buttonregistration {
		width: 29.1585127201566%;
		margin-right: 0% !important;
	}

	.buttonpresenters {
		width: 25.9769080234834%;
		margin-right: 1.4203522504892%;	
	}

	.buttonschedule {
		width: 20.9130136986301%;
		margin-right: .0289628180039%;	
	}

	.buttonvendors {
		width: 22.5022504892368%;
	}

	.contentbox {
		position: flex;
		top: 3vw;
		width: 90%;
		left: 5%;
		right: 5%;
	}
    
    .contentboxsub {
        top: 15vw !important;
    }

	.maintext {
		width: 100% !important;
	}

	.photosidebar {
		display: none;
	}
    
    .photosidebarh6 {
        margin-left: auto;
        margin-right: auto;
		font-size: 24px;
		line-height: 24px;
	}
    
    .countrycolor {
		font-size: 22px !important;
		line-height: 22px;
    }
    
    .presenterlink {
		font-size: 22px !important;
    }

    
    .featurephoto {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

	.schedulebreak, .planets {
		font-size:5.2vw;
		line-height:4.2vw;
	}
	
	.scheduletime {
		font-size:5.2vw;
	}
	
	.schedulebreak {
		line-height: 7vw;
	}
	
	.scheduleroom {
		font-size:5.2vw;
		line-height: 5.8vw;	
	}
	
	.timepicker {
		width: 100%;
	}
	
	.schedule-left-column {
		width: 100%;
	}
	
	.schedule-right-column {
		width: 100%;
	}
	
	.scheduletime .timeconvert {
		display: inline;
		padding: 0px !important;
		margin: 0px !important;
	}
	
	.showday, .showdate, .timezone {
		display: inline !important;
	}
	
	.showday {
		margin-left: 0px !important;
	}
	
	.showdate {
		margin-left: 3px !important;
	}
	
	.timezone {
		margin-left: 5px !important;
	}
	
	.showday::after {
	  content: ", ";
	}
	
	
	.timezoneh5 {
		text-align: left;
	}

	.registrationfooter { 
		width: 100%;
		text-align: center;
		clear: both;
		padding-top:10px;
		padding-bottom: 10px;

	}
	
	.registrationfooter h3 {
		text-align: center;
	}

	.footerlogo {
		width: 80%;
		max-width: 300px;
		display: inline-block;
		padding-top:5px;

	}
    
    .buynowbutton, .close-btn {
        font-size: 7vw;
        margin-left:0px;
        padding-left: 13px;
        padding-right: 13px;
    }
    
    .buynowbuttonalt, .buylastyearalt {
        width:auto;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        text-shadow: none;
        align-self: center;
    }
}

@media (min-width: 500px)  {

	.herotextalt {
		display: none;
	}
	
	.logosubalt {
		display: none !important
	}
    

}

/* Floating Support Button! */


        /* Floating Help Button (Styled `<a>` as a button) */
        #floating-help {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 40px;
            height: 40px;
            background-image: url('/images/help.svg'); /* Default icon */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 50%;
            display: none; /* Initially hidden */
            z-index: 1000;
            text-decoration: none; /* Remove default `<a>` styling */
        }

        /* Hover Effect */
        #floating-help:hover {
            transform: scale(1.1);
            background-image: url('/images/helphover.svg'); /* Change icon on hover */
        }

        /* Preload hover image */
        #floating-help:before {
            content: "";
            position: absolute;
            background-image: url('/images/helphover.svg'); /* Preload hover image */
            visibility: hidden;
        }