@charset "UTF-8";
/* CSS Document */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
***********************************************************************************************************************************************/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
body {line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}a {margin:0; padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark {background-color:#ff9;color:#000; font-style:italic; font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}table {border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block;height:1px;border:0;   border-top:1px solid #cccccc;margin:1em 0 ;padding:0;}input, select {vertical-align:middle;}span {font-family: inherit;}
/************************************************************************************** END CSS RESET */
/******************************************************************************************************/

/******************************************************************************************************/
.d {}
.r {display: none;}

a.back-to-top {display: none; width: 60px; height: 60px; text-indent: -9999px; position: fixed; z-index: 999; right: 20px; bottom: 20px; background: #f47676 url("/i/common/up-arrow.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
html {
  height: 100%;
  background-image: url("/lights/i/global/bg-star-gradient.jpg");
}
body {}
#container {width: 100%; margin:0 auto;}
#inner {width: 80%; margin: 0 auto; max-width:2000px;}

    @media (max-width: 800px) {#inner {width: 100%;}}

#eventlogo {width:100%; max-width: 450px; margin:0 auto; padding: 20px; float:none;}
#gktwtoplogo {width:20%; float: left; margin:0 5% 0 0;}

	@media (max-width: 900px ) {#eventlogo {width:75%; padding-top:35px;}}
    @media (max-width: 800px ) {#eventlogo {width:90%;}}
    
.comp-btn{margin-top:5% ;padding-bottom: 20px;}

.content {background-color: #ffffff; width: 100%; margin:0; height: auto; overflow: hidden; padding:50px 0;}
.text-block {margin:1% auto; clear:both; padding:0 35px;}
.graphic-block {margin:0 auto; clear:both; text-align:center; width:100%}
.full-width {margin:0 auto; clear:both; text-align:center;}
.sponsors {margin:0 auto 20px; padding:25px; clear:both; text-align:center; background-color: #FFFFFF}
	
	@media (max-width: 2000px) {.text-block {max-width: 1450px;}}	
	@media (max-width: 1750px) {.text-block {max-width: 1300px;}}
	@media (max-width: 1650px) {.text-block {max-width: 1175px;}}
	@media (max-width: 1550px) {.text-block {max-width: 1100px;}}
	@media (max-width: 1450px) {.text-block {max-width: 1000px;}}
	@media (max-width: 1350px) {.text-block {max-width: 925px;}}
	@media (max-width: 1250px) {.text-block {max-width: 850px;}}
	@media (max-width: 1000px) {.text-block {max-width: 700px;}}


/* CONTENT COLUMNS */
.cols {width:100%; margin:2% auto; clear:both; height:auto; overflow: hidden;}
.col1 {margin: 0 3% 0 0; float: left; height:auto; overflow: hidden;}
.col2 {margin: 0 0 0 2%; float: right; height:auto; overflow: hidden;}

.tree-right {vertical-align: middle;}


	@media (max-width: 920px ) {
		.cols {width:100%; margin:4% auto; clear:both;}
		.cols1 {margin:0 6% 0 4%; float:left;}
		.cols2 {margin:0; float:left;}
		}
	@media (max-width: 760px ) {
		.cols {width:100%; margin:2% auto}
		.cols1 {margin: 0 auto; width:100%; float:none;}
		.cols2 {margin: 2% auto; width:100%; float:none;}
		.col1s_content {width:100%;}
		.cols2_content {width:100%;}
	}

.two_col {width:100%; height:auto; margin:4% auto; clear:both;}
.two_col1 {margin: 0 3% 0 3%; width: 45%; float: left; max-width: 600px;}
.two_col2 {margin:0; width:45%; float:left; max-width: 600px;}

	@media (max-width: 920px ) {
		.two_col {width:100%; margin:4% auto; clear:both;}
		.two_col1 {margin:0 6% 0 4%; width:40%; float:left;}
		.two_col2 {margin:0; width:40%; float:left;}
		}
	@media (max-width: 760px ) {
		.two_col {width:100%; margin:2% auto}
		.two_col1 {margin: 0 auto; width:100%; float:none;  padding: 0 15px 0 0}
		.two_col2 {margin: 2% auto; width:100%; float:none; padding: 0 15px 0 0}
		.two_col1_content {width:100%;}
		.two_col2_content {width:100%;}
	}

.three_col {width:100%; height:auto; margin:2% auto 4%; clear:both; max-width: 1300px;}
.three_col1 {margin: 0 7% 0 5%; width: 25%; float: left;}
.three_col2 {margin-right: 8%; width:25%; float:left;}
.three_col3 {margin:0 2% 0 0; width:25%; float:left;}
.three_col1_img, .three_col2_img, .three_col3_img {width:90%; margin:1% auto; text-align:center;}
.three_col1_content, .three_col2_content, .three_col3_content {width:100%; max-width: 300px; margin:1% auto; text-align:center; padding:1%;}

	@media (max-width: 1320px ) {
		.three_col {width:100%; height:auto; margin:2% auto 4%; clear:both;}
		.three_col1, .three_col2, .three_col3 {margin: 5% auto; width:60%; float:none;}
		.three_col1 .nested, .three_col2 .nested, .three_col3 .nested {margin: 5% auto; width:60%; float:none;}
        .three_col img {width:80%;}
	}
    @media (max-width: 920px ) {
		.three_col {width:100%; height:auto; margin:2% auto 4%; clear:both;}
		.three_col1, .three_col2, .three_col3 {margin: 5% auto; width:100%; float:none;}
		.three_col1 .nested, .three_col2 .nested, .three_col3 .nested {margin: 5% auto; width:60%; float:none;}
        .three_col img {width:80%;}
	}
	@media (max-width: 760px ) {	
		.three_col {width:100%; height:auto; margin:2% auto 4%; clear:both;}
		.three_col1, .three_col2, .three_col3 {margin:0 auto; width:100%; float:none;}
        .three_col img {width:80%;}
	}


.four_col {width:100%; height:auto; margin:2% auto 4% auto; clear:both;}
.four_col1 {margin:0 2.5% 0 5%; width:20%; float:left;}
.four_col2 {margin-right: 2.5%; width:20%; float:left;}
.four_col3 {margin-right: 2.5%; width:20%; float:left;}
.four_col4 {margin:0; width:20%; float:left;}
	
	@media (max-width: 760px ) {	
		.four_col {width:100%; height:auto; margin:2% auto 4% auto; clear:both;}
		.four_col1 {margin:0 auto; width:100%; float:none;}
		.four_col2 {margin:0 auto; width:100%; float:none;}
		.four_col3 {margin:0 auto; width:100%; float:none;}
		.four_col4 {margin:0 auto; width:100%; float:none;}
	}
	
	@media (max-width: 760px ) {	
		.four_col {width:100%; height:auto; margin:2% auto 4% auto; clear:both;}
		.four_col1 {margin:0 auto; width:100%; float:none;}
		.four_col2 {margin:0 auto; width:100%; float:none;}
		.four_col3 {margin:0 auto; width:100%; float:none;}
		.four_col4 {margin:0 auto; width:100%; float:none;}
	}

        .tiles {background: url("/lights/i/home-tiles-bg.jpg") center center fixed no-repeat; -webkit-background-size: cover;
        -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin:5% 0; padding:40px 0}
        .tile1 {background: url("/lights/i/global/tile-e9721d.png"); padding: 10px; border: solid thin #20495a;}
        .tile2 {background: url("/lights/i/global/tile-6db8d9.png"); padding: 10px; border: solid thin #20495a;}
        .tile3 {background: url("/lights/i/global/tile-9ec156.png"); padding: 10px; border: solid thin #20495a;}
        .tile-icon {padding-top:15px; margin: 0 auto; text-align: center;}
        .tile-icon img {width:50px;}

	@media (max-width: 920px ) {
		.tiles {background: url("/lights/i/home-tiles-bg-r.jpg");}
		.tile1, .tile2, .tile3 {margin-top:25px; width:80%;}
		.tile1 {margin-top:50px;}
		}
	@media (max-width: 760px ) {
		.tile1, .tile2c, .tile3 {margin-top:25px; width:80%;}
	}

.gallery {width:100%; background-color: #6b5589; padding:25px 0px; margin-top:-100px;}
.gallery-row {display: flex; flex-wrap: wrap; padding: 0}

/* Create two equal columns that sits next to each other */
.gallery-col {flex: 20%; padding: 0; margin:0;}
.gallery-col img {margin-top: 8px; vertical-align: middle; }
img.gallery-opac-img {opacity: 1; filter:alpha(opacity=100); transition: 0.3s; /* This is IE specific and NOT standards complaint */}
img.gallery-opac-img:hover {opacity: 0; filter:alpha(opacity=0); /* This is IE specific and NOT standards complaint */}
	
	@media (max-width: 900px ) {.gallery {margin-top:-50px;}}
	@media (max-width: 760px ) {.gallery-col {flex: 50%;padding: 0;}}

.highlight 
{
	-webkit-border-radius: 8px;-moz-border-radius: 8px;
	/*-webkit-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;-moz-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
	box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;*/
	border-radius: 8px;
	vertical-align: middle;
	padding:20px;
	width:90%;
	margin:0 auto;
}

.highlight-ee337c {background-color: #ee337c; border: 1px solid #f26522;}
.highlight-f26522 {background-color: #f26522; border: 1px solid #ee337c;}


a.celeb-donate-button:link {
	font-family: Arial, Helvetica, Gotham, Helvetica Neue, sans-serif;
	font-weight: bold;
	font-size: .9em;
	display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-style: solid;
	border-color: #542898;
	border-width: thin;
	color:#fff;
	background-color:#f26522;
	padding: 10px 5px;
	text-decoration: none;
	margin: 0px 5px;
}
a.celeb-donate-button:hover {
background-color: #b5a8c7;
color:#542989;
}

/* COLUMN ENHANCEMENTS */
.framed {background-image: url("/lights/i/global/col-frame.png");}
.rounded { 
	background: transparent;
   -webkit-border-radius: 8px;-moz-border-radius: 8px;
   /*-webkit-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;-moz-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
	box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;*/
   border: 1px solid #d4e4ec;
	border-radius: 4px;
   vertical-align: middle;
}

.purple-bg {background-color: rgba(90,20,185,0.3); text-align: center;}
.presenters {text-align: center;}
.presenters-title {text-align: center;}
.divider {max-width: 340px; text-align: center; margin:20px auto 10px; clear: both;}

/*.rounded-copy {
   border: 1px solid #eeeeee;
   background: #ffffff;
   border-radius: 2px;
   vertical-align: middle;
   padding:20px;
   width:100%;
   margin:0 auto;
}*/

a.faqdonate {
    font-family: "a aha Wow", "Gotham", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: bold;
    font-size: .9em;
	display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-style: solid;
	border-color: #1b0a2b;
	border-width: thin;
	color:#1b0a2b;
    background-color: #E21D37;
	padding: 10px 5px;
	text-decoration: none;
	margin: 15px auto;
    width:38%;
    max-width: 160px;
    text-align: center;
}


/* Tweaks / Spacers */
.vspace-section {height:40px; clear:both}
.vspace-section-sm {height:10px; clear:both}
.valignimg {vertical-align: middle; padding: 0px 15px 5px 15px; display:inline-block; align: center;}
.valigntext {vertical-align: middle; padding: 0px 15px 5px 15px; display:inline-block;}
.tight {margin:0; padding:0}
.float-left {float:left;}
.float-right {float:right;}
.center {text-align:center}
.left {text-align:left;}
.right {text-align:right;}
.n100 {width:100%}
.n95 {width:95%}
.n90 {width:90%}
.n85 {width:85%}
.n80 {width:80%}
.n75 {width:75%}
.n70 {width:70%}
.n60 {width:60%}
.n50 {width:50%}
.n40 {width:40%}
.n35 {width:35%}
.n30 {width:30%}
.n20 {width:20%}

	@media (max-width: 760px ) {.n100, .n95, .n90, .n85, .n80, .n75, .n70, .n60, .n50, .n40, .n35, .n30,.n20 {width:100%; margin: 20px auto; padding:20px;}}
	

/*Animati0n */
.img-fade {opacity: 1; pointer-events: all;}
.img-fade-hidden {opacity: 0;pointer-events: none;}
.img-fade-visible {opacity: 1;pointer-events: all;}
.img-fade-animate {transition: opacity 0.6s ease-in-out;}

.img-scale {width:400px; pointer-events: all;}
.img-scale-hidden {width:400px;pointer-events: none;}
.img-scale-visible {width:600px;pointer-events: all;}
.img-scale-animate {transition: width .4s ease-in-out;-webkit-transition: width .4s ease-in-out;}

.img-slide {margin-left: -100%; pointer-events: all;}
.img-slide-hidden {margin-left: -100%; pointer-events: none;}
.img-slide-visible {margin-left: 0; pointer-events: all;}
.img-slide-animate {transition:  margin .4s ease-in-out;-webkit-transition: margin .4s ease-in-out;}

.btn-buy-now {max-width: 225px; margin:20px auto; text-align: center;}


/* <-------------------Embed YouTube Video Elements------------------ */

.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/********************* FOOTER ********************************/
footer {
	width:100%;
	background-color:#20617c;
	padding-bottom:20px;
	overflow:hidden;
	clear:left;
	border-top: solid thin #054b5e;
}

.footercontent {
	margin: 2% auto 0;
	text-align: center;
}


/************************** TYPOGRAPHY *******************************/
strong {font-weight: bold;}
.bold {font-weight: 800;}
em {font-style: italic;font-size: .9em;}

a, a:link, a:hover, a:visited, a:active 
{font-family:'Fira Sans Condensed', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; text-decoration: none;}
a, a:link, a:visited, a:active {color: #f47676;}
a:hover {color:#8EAEDB;}

.highlight a, .highlight a:link, .highlight a:visited, .highlight a:active {color: #fff;}
.highlight a:hover {color:#54337a;}

.footercontent a {color: #fff; font-size: 1.2em;line-height:1.2em} 

h1, h2, h2.smaller {font-family:'a Aha Wow', sans-serif, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: normal; display: block; text-decoration: none; text-align: center; padding: 15px;}

	h1 {
    font-size: 4em;
    line-height: 1.3em;
    color: #094b5e;
    padding-bottom:5px;
}
	h2 {
    font-size: 2.4em;
    line-height: 1.3em;
    color: #094b5e;
}
	h2.smaller {font-size: 2.2em; line-height:1.3em; color:#3c649d;}
	.tiles h2 {ont-size: 2.2em; line-height:1.3em; color:#fff; }

	footer .footercontent .sponsors h1 {font-size: 2.4em; line-height:1.3em; color: #f26522}

h3, .subH1, .subH3, p, .small, .smaller, p.intro, .presenters p, .two_col p, .two_col p.smaller, .comp-desc, .comp-title, .three_col h3, p.footer, .footercontent p 
	{font-family:'Fira Sans Condensed', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #222; display: block; padding: 0px 15px 5px 0px;}
	
	.subH1 {font-size: .4em; line-height:1.2em; }
	h3 {color: #f47676; font-size: 2em; line-height: 1.3em; padding: 10px;}
	.faq {text-align: center;}
	.subH3 {color: #3c649d;font-size: .65em;line-height: 1.6em ;padding: 0px 15px 5px 0px;}
	p {
    color: #033644;
    font-size: 1.6em;
    line-height: 1.5em;
    padding: 15px;
}
	.small {font-size: 1.2em;line-height:1.2em ;padding: 15px;}
	.smaller {font-size: 1em;line-height:1.2em ;padding: 0px 0px 0px 12px;}
	p.intro {color: #3c649d;font-size: 1.8em;font-weight: bold;line-height: 1.8em ;padding: 15px;}
	.presenters p {color: #3c649d;font-size: 1.2em;line-height:1em;letter-spacing: .1em ;padding: 15px;text-align: center;}
	.two_col p {color: #3c649d;font-size: 1.4em; line-height:1.5em ;padding: 15px 15px 0px 10px;}
	.two_col p.smaller {color: #f47676;font-size: 1em;line-height:1.2em ;padding: 10px 15px 0px 12px;}
	.comp-title {color: #3c649d;font-size: 1.6em;line-height:1.1em ;padding: 15px 10px 5px;text-align: center;}
	.tiles .comp-title {color: #fff;}
	.comp-desc {color: #3c649d;font-size: 1.4em;line-height:1.2em ;padding: 5px 20px;}
	.tiles .comp-desc, .highlight .comp-desc {color: #fff;}
	.three_col h3 {color: #f47676;font-size: 2em;line-height: 1.3em ;padding: 10px;text-align: center;}
	.three_col h3.smaller {font-size: 1.6em;line-height: 1.3em;}


p.footer {color: #fff;font-size: 1.6em;line-height:1.2em ;padding: 15px;}
.footercontent p {color: #fff;font-size: 1em;line-height:1.2em ;padding: 10px;}



/********************************************************************* LISTS **********************************************************************************/
ul {padding-top:10px; margin-left:20px;}
ul.tiers {width:60%; padding-top:10px; margin:2% auto;}
ul li {
    font-size: 1.6em;
    line-height: 1.2em;
    color: #033644;
    text-align: left;
    list-style: disc;
    list-style-position: outside;
    margin-left: 45px;
    padding-bottom: 15px;
    font-family: 'Fira Sans Condensed', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
ul li ul {padding-top:5px; margin-left:20px;}
ul li ul li {font-size:inherit; line-height:inherit; font-family:  inherit; color:inherit; list-style:circle; list-style-position: inside; padding: 0px 0 px 0px 15px}

@media (max-width: 760px ) {
ul {padding-top:10px; margin-left:20px;}
ul li {font-size:1.4em; line-height:1.3em;}
ul li ul {padding-top:5px; margin-left:20px;}
ul li ul li {font-size:inherit; line-height:inherit; font-family:  inherit; color:inherit; list-style:circle; list-style-position: inside; padding: 0px 0 px 0px 15px}
}

.tiles ul, .tiles li {color:#ffffff;}

/********************************************************************* FORMS **********************************************************************************/

/********** general contact *********/
#frmDIS .formFrame  {
	background: #e8f0f5;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;
	/*-webkit-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;-moz-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
	box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;*/
	border: 1px solid #204d8f;
	border-radius: 8px;
	vertical-align: middle;
	padding:20px;
	width:90%;
	margin:0 auto;
	font-family:'Fira Sans Condensed', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.formSectionDesc {color: #204d8f;font-size: 1.4em;clear: both ;padding: 1%;}
.formFrame h1 {color: #204d8f;font-size: 1.6em;font-weight: bold;margin:1% 0 1% 0;clear: both;}
.formLine {width:95% ;padding: 2px;clear: both;margin-left:2px;}
.formLabel {width:20%; font-size: 1.2em; text-align:right;color: #182238; float: left; clear: none; margin: 1% 0 0 2%; font-family:'Fira Sans Condensed', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}
.formField {width:75%; padding: 0px;margin: 1% 0 0 2%; float: left;}
/* inputs */
input[type="text"], textarea {background-color:#eee;}
.input-text {
	border: 1px solid #204d8f;
	background: #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #414042;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	padding:8px;
	margin-bottom:20px;
	width:100%;
	max-width:400px;
}
.select-style {
    padding:10px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#414042;
    font-size:.7em;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
.center-select { padding:10px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#414042;
    font-size:.7em;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
    margin:0 auto; 
    width:40%; text-align: center;}
    
.input-text-sm, .select-sm {width: 30%}
.input-text-md, .select-md {width: 50%}
.input-text-lg, .select-lg {width: 80%}
.input-text-xl, .select-xl {width: 100%}
.formButton {
	margin: 0 auto;
	width: 40%;
	max-width: 150px;
	font-size:1.2em;
	font-weight: bold;
	line-height: 1;
	padding: 10px 14px;
	cursor: pointer;
	color: #e9e3f0;
	text-align: center;
	/* Background gradient */
	background: #204d8f;
	/* Border style */
	border: 1px solid #e9e3f0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

#errormessage { 
	width:50%;
	font-family:'Fira Sans Condensed', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; 
	font-size: 12px;
	margin-left:40%;
	color:#ef4c48;
	padding-left: 1em; 
	vertical-align: top; 
	font-style:italic;
	font-weight:bold;
	display:none;
 }
.errortext { 
	font-family:'Fira Sans Condensed', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; 
	font-size: 12px;
	color:#ef4c48;
	font-style:italic;
	font-weight:bold;
 }
 input[type="text"].error, textarea.error  {border: 1px solid #e31936;}
.input-text.error {
	border: 1px solid #e31936;
}


	@media (max-width: 1050px ) {
		.formFrame h1 {font-size: 2em; }
		.formLabel {font-size:1.4em; line-height:1.4em;}
		.formSectionHeader {font-size: 1.6em;font-weight: bold; margin:1% 0 1% 0;}
		.formLabel {font-size: 1.2em; margin: 1% 0 0 2%;}
	}

	@media (max-width: 925px ) {

		.formFrame h1  {font-size: 1.8em; }
		.formLabel, .event-tease p {font-size:1.3em; line-height:1.4em;}
	}
	@media (max-width: 870px ) {
		.formFrame h1 {font-size: 1.6em; }
		.formLabel {font-size:1.1em; line-height:1.4em;}
	}

	@media (max-width: 768px ) {
		.formFrame  {padding:20px;width:100%;margin:0 auto;}
		.formFrame h1 {font-size: 1.3em;}
		.formLabel {width:100%; font-size: 1.2em;text-align:left;float: none;clear: both;margin: 1% 0 0 2%;}
		.formField {width:100% ;padding: 0px;margin: 1% 0 0 2%;float: none;}
		.input-text-sm, .select-sm {width: 50%}
		.input-text-md, .select-md {width: 70%}
		.input-text-lg, .select-lg {width: 90%}
		.input-text-xl, .select-xl {width: 100%}
	}

	@media (max-width: 700px ) {
		.formFrame h1 {font-size:2em; }
		.formLabel  {font-size:1.2em; line-height:1.4em;}
		.formLabel {width:20%; font-size: 1.2em; text-align:right;color: #182238; float: left; clear: none; margin: 1% 0 0 2%;}
		.formField {width:90%; padding: 0px; margin: 1% 0 0 2%; float: left;}
	}
	
     
     .special-bar-cell {background-color:#9989be; width:100%; text-align:center; padding:7px 0; display:block;}



/* MEDIA
------------------------------------------------------------*/ 

figure {margin: 0}
img, object, embed, video {
	max-width: 100%;	
	_width: 100%
	} /* Fluid images */
	
img {
	border: 0;	
	-ms-interpolation-mode: bicubic
	} /* Improve IE's resizing of images */
	
svg:not(:root) {
	overflow: hidden} /* Correct IE9 overflow */



/* MEDIA QUERY
------------------------------------------------------------*/ 
@media (max-width: 900px ) {
	.d {display: none;}
	.r {display:inline-block;}
}
@media (max-width: 920px ) {.videocontainer {width: 90%;margin:5%;float:left;}}
@media (max-width: 760px ) {		
	.two_col p {font-size: 1.3em; line-height:1.5em; padding: 5px 15px;}
	.two_col p.smaller {font-size: 1em; line-height:1.2em; padding: 10px 15px 0px 12px;}
	
	.presenters {text-align: center;}
	.presenters-title {text-align: center;}
	
	.tickets-full {display: none;}
	.tickets-cell {display: block;}
	
	.btn-buy-now {max-width: 200px; margin:12px auto; text-align: center;}
	
	/************************** TYPOGRAPHY *******************************/
	h1 {font-size: 2.4em; line-height:1.3em;  padding: 5px;}
	.subH1 {font-size: .7em; line-height:1.3em; padding: 15px;}
	h2, h2.presenter {font-size: 2em; line-height:1.3em;  padding: 15px;}
	h3 {font-size: 1.6em; line-height:1.5em;  padding: 7px 15px;}
	p {font-size: 1.4em; line-height:1.3em;  padding: 7px 15px;}
	p.intro {font-size: 1.4em; line-height:1em;  padding: 7px 15px;}
	p.intro-date {font-size: 1.4em; line-height:1.5em;  padding: 7px 15px;}
	p.footer {font-size: 1em; line-height:1.1em; letter-spacing:.1em; padding: 10px;}
	.presenters p {font-size: 1.4em;line-height:1em ;padding: 15px;}
	
	.comp-title {
		font-size: 1.6em;
		line-height:1.1em;
		padding: 15px 10px 5px;
		font-weight: bold;
	}
	.comp-desc {
		font-size: 1.4em;
		line-height:1.1em;
		padding: 5px 10px;
	}
}