html {
    /*background:#27324D;*/
    overflow-x:hidden;
    }

body { 
    font-family: "barlow", sans-serif;
    font-weight: 400;
    background:url("../images/fadedwheelbg.png") #27324D; 
    background-repeat:repeat;
    height:100%;
    overflow-x:hidden;
    margin:0 auto;
    padding:0;   
    font-size:1.125em; 
    color:#333333;
    }

.center { 
    text-align:center;
    }

.vcenter {
    vertical-align:middle;
    }

.maincolor {
    color:#333333;
}  

.altcolor {
    color:#f58a6f;
    }

.alttextcolor {
    color:#333333;
    }  

ul.bxslider { 
	margin-top:0;
	}

p.nomargin {margin-top:0;}

.highlight {
    color:#ff964d;
    }

.oppguide {
    border:1px solid #cccccc;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    }

.boxshadow {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);    
    }

.regbuttonbox {
    text-align:right;
    }

    .regbuttonbox .button {	
        width: 114px;
        margin-top:-25px;
        font-size: 1.4em; 	
        }

    .regbuttonbox a.button, .regbuttonbox a.button:visited,
    .regbuttonbox-small a.button, .regbuttonbox-small a.button:visited {
        color:#ffffff;
        background:#4d9faa;
        }

    .regbuttonbox a.button:hover, .regbuttonbox a.button:active,
    .regbuttonbox-small a.button:hover, .regbuttonbox-small a.button:active {
        color:#ffffff;
        background:#60b6bf;
        }

.regbuttonbox-small {
    display:none;
    }
    
.givemeroom {
    padding-left:75px;
    }

.submitproposal {
    margin-bottom:20px;
    }

.sidebar { 
	background-color:#fafafa;
	color:#333333;
	width:250px;	
	display: inline-block;
	padding: 0 0 20px 0;
	margin-left:45px;
	margin-bottom:25px;
	float:right;
	clear:both;
	}

	.long {	
		width:300px;
		font-size:.9em;
		}

    .sidebar ul {
        margin-left: 20px;
        }

	.sidebar p, .sidebar ul { 
		padding-left:15px;
		padding-right:10px;
		padding-bottom:0;
		}

    .sidebar h5 { 
        background-color:#27324d;
        font-size:1em;
        color:#f58a6f;
        padding:15px;
        margin-top:0;
        text-align:center;
        border-top-left-radius:8px;
        border-top-right-radius:8px;
        line-height:1.3em;
        }

	.sidebar h5.nobar {
		background-color:#fafafa;
		color:#333333;
		padding:15px; 
		}

	.larger { 
		margin-top:80px;
		background-color:#ffffff;
		}			

.container { 
    padding-left: 2%;
    padding-right: 2%;
    }
        
    .header { 
        width:100%;
        background-color: #ffffff;
        border-top: 3px solid #4d9faa;
        padding-top:20px;
        padding-bottom:25px;
        }   

    #logo {
        /*margin-top:10px*/;    
        } 

    .logo {
        max-height:228px;    
        }

	.c-hamburger {
		display:none;
		}

	 #navbar ul { 
		list-style-type:none; 
        line-height:2.6em;
        margin-left:20px;
		}	
	
		#navbar ul li {
			list-style-type:none; 	
			}
		
		#navbar ul li a { 
            font-size:1.05em; /*1.03em;*/
            color:#27324D;
            text-decoration:none;
			}
			
		#navbar ul li a:hover, #navbar ul li a:active,
        #navbar ul li a.active { 
            color:#303f60;
			}

        ul#subnav {
            width:100%;
            float:left;
            background-color:#4d9faa;
            }

        ul#subnav li {
            text-align:center;
            width:100%;
            display:inline-block;
            background-color:#4d9faa;
            }
    
        ul#subnav li a {
            color:#ffffff;
            float:none;
            }   

            ul#subnav li a:hover, ul#subnav li a:active {
                color:#ececec;
                background:#60b6bf;
                }
    
        ul#subnav a.active {
            background:#60b6bf;
            }

            div.tertiarynavblock { 
                float:left;
                width:100%;
                }
			
		/*-------------- */
	
		ul#subnav-crunched { 
            font-size:.944em;
			list-style-type:none;
			text-align:left;
			padding:0;
			}
			
			ul#subnav-crunched li { 
				display:inline;
				}

			ul#subnav-crunched li a { 
                color:#ffffff;
				text-decoration:none;
				float:left;
				display:block;
				height:35px;
				padding:20px 20px 5px 15px;
				}
			
			ul#subnav-crunched li a:hover {
                color:#ececec;
				}
				
			ul#subnav-crunched a.active { 
                background:url('../images/arrow.png') no-repeat bottom center #86d5f7;
				color:#ffffff;
				}
			
			ul#subnav-crunched a.active:hover { 
				color:#ececec;
				} 

		/* ---------------*/
			
		div#tertiarynav { 
            font-size:1em;
			float:left;
			width:100%;
			}
		
			div.tertiarynavblock { 
				float:left;
				width:25%;
				}

			div#tertiarynav ul {
				padding:0;
				}
				
			div#tertiarynav ul.navblock li { 
				line-height:1em;
				list-style-type:none;
				margin:0;
				padding:0;
				text-align:center;
				}
				
				ul.navblock a { 
                    color:#86d5f7;
					text-decoration:none;
					padding:3px;
					}
					
				ul.navblock a:hover { 
                    background-color:#9bdff9;
                    color:#ececec;
					}
					
				ul.navblock a.active { 
                    background-color:#86d5f7;
					color:#ffffff;
					text-decoration:none;
					}

    .content { 
        margin:0;
        font-size:1em;
        line-height:1.5em;
        }

	#bottom, #tertiarybottom { 
		background-color:#ffffff;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
		padding:40px 30px;
		margin-top:5%;
		margin-bottom:15px;
        overflow:auto;
        border-radius:15px;
		}
		
		#bottom.home { 	
			margin-top:5%;
            overflow:hidden;
			}
			
		#bottom ul, #bottom ol { 
			/*line-height:1.4em; */
			padding-bottom:10px;
			}
			
		#bottom ol ul { 
			margin-left: 30px;
			padding:0;
			}	

		div.bottomsearch { 
			background-color:#ffffff;
			padding:25px;
			margin-top:15px;
			margin-bottom:15px;
			}


    .photobox { 
        border:1px solid #999999;
        padding:10px 10px 5px 10px;
        margin:45px 5px 0 5px;
        }

        .photocaption {
            color:#666666;
            font-size:.8em;
            }

        .photocredit {
            color:#999999;
            text-transform:uppercase;
            font-size:.9em;
            }

    
	   .social { 
			margin-top:90px /*70px*/;
			margin-bottom: 15px;
			text-align:right;
		 	vertical-align:top;
			}

		 .social span { 
            font-family: "barlow", sans-serif;
            font-weight: 400;
            font-size:2em;
            color:#333333;
		  	}
	
        .social a, .social a:visited { 
            color:#4d9faa;
            padding-left:15px;
            }

        .social a:hover, .social a:active { 
            color:#60b6bf;
            padding-left:15px;
            }
			
		.social h2, #search h2 { 
            font-family: "barlow", sans-serif;
            font-weight: 400;
            font-size:1.8em;
			color:#545454;
			} 

		.alpha { 
        	margin-bottom:8px;
			text-align:center;
        	}

		.omega {
			text-align:center;
			}
	

    img { max-width:100%;}

    img.pc {
        border:2px solid #b3b3b3;
        border-radius:5px;
        }
    
    .breadcrumbs, .breadcrumbs span, .breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs a:visited { 
        font-family: "barlow", sans-serif;
        font-weight: 400;
        font-size:.875em;	
		color:#666666;
		}
  
    ul.forms {
		list-style-type: none;
	    padding-left: 0;
		margin-top:30px;
		}
	
		ul.forms > li {
			position: relative;
  			padding-left: 20px;
			list-style-type:none;
  			margin-bottom:10px;
			}
	
		ul.forms > li:before {
 			position: absolute;
 			top: 0;
			left: 0;
  			font-family: FontAwesome;
  			content: "\f016";
  			color: #727272;
			}

    /* headings */

    h1, h2, h3, h4, h5, h6 {
        line-height:1.1em;
        }

	h1 {
        font-family: "minion-pro", serif;
        font-weight: 500;
        font-style: normal;
        font-size:2.2222222222222223em; /*40px*/
        color:#27324D;
		}

	h1.intro { 
		font-size:1.65em;
        text-align:center;
    	}
	
	h1.apptitle { 
        font-size:2.2222222222222223em; /*40px*/
        color:#27324D;
		margin-top:85px;
		text-align:center;
		}
	
	h1#theme {
        font-size:2.2222222222222223em; /*40px*/
		font-style:oblique;
        color:#27324D;
		border-bottom:1px dashed #ececec;
		letter-spacing:.05em;
		padding-bottom:25px; 
		}

	h2 {
        font-family: "minion-pro", serif;
        font-weight: 500;
        font-style: normal;
        font-size:1.7777777777777777em; /*32px*/
        color:#27324D;
        line-height:1.6em;
        border-bottom:3px solid #f58a6f;
		}   

	h2.head { 
		margin-top:0;
		padding-top:0;
		}
	
	h3 {
        font-family: "minion-pro", serif;
        font-weight: 500;
        font-style: normal;
        font-size:1.5555555555555556em; /*28px*/
		}

	h3.spotlight { 
        font-family: "minion-pro", serif;
        font-weight: 500;
        font-style: normal;
        font-size:1.5555555555555556em; /*28px*/
		padding-top:20px;
		}
	
	h4 {
        font-family: "minion-pro", serif;
        font-weight: 500;
        font-style: normal;
        font-size:1.3333333333333333em; /*24px*/
		}

    h4.bodytext {font-family: "minion-pro", serif;}

	h5 {
        font-family: "minion-pro", serif;
        font-weight: 500;
        font-style: normal;
        font-size:1.1111111111111112em; /*20px*/
		}
	
	h6 {
        font-family: "minion-pro", serif;
        font-weight: 500;
        font-style: normal;
        font-size:1.056em; /*19px*/
		}

	.ctabox {
        background-color:#545454;
        color:#86d5f7;
		width:240px;
		margin:20px 0 20px 20px;
		clear:both;
		float:right;
		font-size:1.1em;
		padding:30px;
		text-align:center;
		position:relative;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		border-radius:5px;
		overflow:hidden;
		}

		.ctabox a, .ctabox a:visited {
			text-align:center;
            color:#86d5f7;
			text-decoration:none;
			}   

		.ctabox a:hover, .ctabox a:active {
            color:#9bdff9;
			text-decoration:none;
			}

	.headsupbox {
        background-color:#ffffff;
		color:#545454;
		width:260px;
		margin:10px 0 20px 20px;
		clear:both;
		float:right;
		padding:30px 20px 0 20px;		
		position:relative;
		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
		border-radius:3px;
		overflow:hidden;
		}
	
		.headsupbox img { 
			position: absolute;
			left: 120px;
			bottom:-20px;
			width: 100%;
			height: auto;
			opacity: 0.025;
			}

		.headsupbox p { 
			text-align:left;
			margin-top:0;
			}

		.headsupbox ul { 
			list-style:none;
			padding-left:0;
			}

		.headsupbox li {
            background:url('../images/bell-icon.png') 0  no-repeat;
			color:#545454;
			padding-left:30px;
			margin-left:0;
			margin-bottom:10px;
			list-style:none;
			}        

		.headsupbox h5 { 
            font-family: "barlow", sans-serif;
            font-weight: 400;
            margin-top:0;
            color:#8bc53f;
			}

    .exhibitorfloorplan {
        background-color:#86d5f7;
        text-align:center;
        width:275px;
        margin:0 auto 20px auto;
        padding:30px 20px 0 20px;
        position:relative;
        -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        border-radius:3px;
        overflow:hidden;
        }

        .exhibitorfloorplan p {
            margin-top:0;
            text-align:center;		
            }

        .floorplan {
            webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            }
    
	.noticebox {
        background: #ffffff;
        color:#666666;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
		padding:15px;
        border-radius:5px;
		font-size:.9em;
		line-height:1.5em;
        margin-top:45px;
		}

		.noticebox h2 {
			margin-top:0;
            font-family: "barlow", sans-serif;
            font-weight: 400;
            font-size:1.333em; /*24px*/
            color:#333333;
			}
    
    .navbar { 
        margin-top:10px;
        }

    /* page elements */

	p	{
		text-align:left;
        margin-top:1em;
        margin-bottom:1.5em;
		}

    ul.jsm {
        list-style-image: url(../images/wheel-icon.png);
        }

        ul.jsm li {padding-left:3px;}


    table { 
        border-collapse:collapse;
        }

		td { 
	   		vertical-align:top;
			padding:10px 0; /*5px*/
	   		line-height:1.4em;
			}

    	td.tablehead { 
            font-family: "barlow", sans-serif;
            font-weight: 400;
            background-color:#545454;
			color:#ffffff;
			text-align:center;
			padding:10px 20px;
			vertical-align:middle;
			}
		
		td.tablesubhead { 
            font-family: "barlow", sans-serif;
            font-weight: 400;
            background-color:#b3b3b3;
			color:#ffffff;
			vertical-align:middle;
			}

    	td.threefitty { 
			width:350px;
        	}

    	td.twofitty { 
			width:200px;
        	}
		
		td.alt { 
            background-color:#fafafa;
			}

	.spotlight-pic { 
        border-top:3px solid #86d5f7;
		box-shadow: 0 5px 8px #666666;
		}

	/* lists */
	
	ol li, li ol li {
		list-style-type:decimal;
		text-align:left;
		}
	
	ul li { 
		list-style-type:disc;
		text-align:left;
		}	
			
	.pullquote { 
		border-left:3px solid #fafafa;
        font-family: "barlow", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size:1.556em; /*28px*/
		font-style:italic;
		background-color:#ffffff;
		color:#545454;
		width:250px;	
		display: inline-block;
		padding: 0 30px 0px 65px;
		margin:30px 0 0 30px;
		float:right;border-radius:15px;
		line-height:42px;
		}

		.pullquote a, .pullquote a:hover, 
		.pullquote a:active, .pullquote a:visited {
			text-decoration:none;
			}

	.attribution { 
        font-family: "barlow", sans-serif;
        font-weight: 400;
        font-size:.556em; /*10px*/
		font-style:normal;
		line-height:21px;
		display: block;
		text-transform:uppercase;
		text-align:right;
		}	
	
		.attribname {
            color:#86d5f7;
			}

	.topquote {
		font-style: normal;
        font-size:2.778em;
		font-family: sans-serif;
        color: #86d5f7;
		margin-top: 12px;
		margin-left: -36px;
		float: left;
		line-height: 32px;
		height: 32px;
		width: 28px;		
		}
  

/* links */
	
	a, a:visited 	{ 
        color:#4d9faa;
		text-decoration:underline;
		}

	a:hover, a:active	{ 
        color:#60b6bf; 
		text-decoration:underline;
		} 

    a h5 {
        font-family: "barlow", sans-serif;
        font-weight: 500;
        font-style: normal;
        }

/* buttons */

.squish {width:175px;}

a.button, a.button:visited  { 
    font-family: "barlow", sans-serif;
    font-weight: 500;
    background:#27324D;
	border-radius:5px;
    color:#ffffff;
    padding: 15px 25px 17px 25px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	}

a.button:hover, a.button:active { 
    background-color:#303f60;
	color:#ffffff;
	text-decoration:none;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	}

a.altbutton, a.altbutton:visited  { 
    font-family: "barlow", sans-serif;
    font-weight: 500;
    background:#4D9FAA;
    border-radius:5px;
    color:#ffffff;
    padding: 15px 25px 17px 25px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    }

a.altbutton:hover, a.altbutton:active { 
    background-color:#60b6bf;
    color:#ffffff;
    text-decoration:none;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    }
    

.fixed { 
	width:175px;
	}

div.inactivebutton { 
    font-family: "barlow", sans-serif;
    font-weight: 500;
    background:#d9ebf6;
	border:none;
	border-radius:3px;
	color:#ffffff;
	padding:15px 20px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	}

a.smallbutton, a.smallbutton:visited { 
    font-family: "barlow", sans-serif;
    font-weight: 500;
    font-size:.667em;
    background:#283350;
	border:none;
	color:#ffffff;
	padding:5px 10px;
	text-align:center;
	text-decoration:none;
	display:inline-block;    
	}

a.smallbutton:hover, a.smallbutton:active { 
    background-color:#333f67;
	color:#ffffff;
	text-decoration:none;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	}	

input.button, input.submit, input.fileinput.button {
    font-family: "barlow", sans-serif;
    font-weight: 500;
    font-size:.889em;
    background:#283350;
	border:none;
	border-radius:3px;
	color:#ffffff;
    padding: 20px 25px 17px 25px;/*29px 25px;*/
	text-align:center;
	text-decoration:none;
	display:inline-block;
    min-width:200px;
    -webkit-appearance: none;
	}	

input.button:hover, input.submit:hover, input.fileinput.button:hover  {
    background-color:#333f67;
	color:#ffffff;
	}
	
    #top { 
        bottom:20px;
		right:20px;
		padding:10px 20px;
		float:right;
		z-index:9999;
		width:32px;
		height:32px;
		text-align:center;
		line-height:30px;
        background:#283350;
		color:#ffffff;
		cursor:pointer;
        border:0;
		border-radius: 2px;
		text-decoration: none;
		transition: opacity 0.2s ease-out;
		opacity:0;
		}
			
			#top:hover {
                background:#333f67;
				color:#ffffff;
				}
				
			#top.show {
			    opacity: 1;
				}
    
    /* key dates */

    	h4.kd {
            background-color:#86d5f7;
            font-size:1.278em;
			color:#ffffff;
        	margin-top:0;
	    	padding:10px;
			text-align:center;
			}

		ul.keydates { 
            margin-left:0;
            margin-top:25px;
            padding-left:0;
			color:#ffffff;
            }

        ul.keydates h5, ul.sponsorkeydates h5 {
            font-family: "barlow", sans-serif;
            font-weight: 400;
            font-size:1.222em;
			margin-bottom:20px;
			color:#ffffff;
			}        	
			
            ul.keydates li { 
                font-size:.944em;
                line-height:1.3em;
                list-style-type:none;		
           	    padding-bottom:25px;
                margin-left:15px;
           	    }

            .pastdate { 
                color:#1d5088;
                }   

        ul.sponsorkeydates { 
            margin-left:0;
            margin-top:25px;
            padding-left:0;
            color:#333333;
            }

            ul.sponsorkeydates li {
                line-height:1.3em;
                font-size:1em;
                list-style-type:none;		
                padding-bottom:25px;
                margin-left:15px;
                }

    .emailsignup-wrapper { 
        background-color:#86d5f7;
        padding:30px 0;
        }

        .emailsignup-wrapper p {
            margin-bottom: 1em;
            }
    
        .emailsignup { 
            background-color:#86d5f7;
            }
    
        .emailsignup-head {   
            font-family: "barlow", sans-serif;
            font-weight: 400;
            font-size:1.667em;           
            text-align:left;
            color:#ffffff;
            }

        .emailsignup-btn { 
            padding:15px;
            border-radius:10px;
            border:3px solid #ffffff;
            color:#ffffff;
            text-decoration:none;
            line-height:90px;
            letter-spacing:.1em;
            }

        a.emailsignup-btn:hover,
        a.emailsignup-btn:active  { 
            border:3px solid #283350;
            color:#ffffff;
            text-decoration:none;
            }

        a.emailsignup-btn:visited {
            color:#ffffff;
            }

    .footer-wrapper { 
		background-color:#ffffff;
		width:100%;
        padding-top:2px;
        }

        .footer {   
            font-family: "barlow", sans-serif;
            font-weight: 400;
            color:#283350;
			padding-top:45px;
			line-height:1.4em;	
            padding-bottom:20px;
            }
			
			.footer p {
				font-size:1em;	
				}

            .footer h4 { 
                font-family: "barlow", sans-serif;
                font-weight: 400;
                font-size:.95em /*1em*/;
                color:#283350;
            	margin-top:0;
                }
		
            .footer a, .footer a:visited 	{ 
                color:#283350; 
                text-decoration:none;
                }

            .footer a:hover, .footer a:active	{ 
                color:#333f67; 
                text-decoration:underline;
                } 

		#footerbot { 
            font-family: "barlow", sans-serif;
            font-weight: 400;
            font-size:.875em;
			background-color:#ffffff;
            color:#283350;
			min-height:50px;
			}
 			
			.footlink { 
				margin-right:5px;
				margin-left:5px;
				}

            /*#footerbot .footlink:nth-child(1n) { 
                margin-left:0;
                }*/

			#footerbot a, #footerbot a:visited { 
                font-family: "barlow", sans-serif;
                font-weight: 400;
                color:#283350;
				text-decoration:none;
				}	

			#footerbot a:hover, #footerbot a:active {
                color:#333f67;
				}  

            div.subfooter p {
                font-size:.875em;
                line-height:1.4em;
                }

	/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        
        .regbuttonbox, .regbuttonbox .button {
            display:none;
            }
        
        .regbuttonbox-small, .regbuttonbox-small .button {
            display:block;
            margin-top:20px;
            }
        
        .regbuttonbox-small .button {
            font-size:1em;
            }

         .highlights { 
            padding-top:0;
            }
        
        .emailsignup-head {   
            text-align:center;        
            }
        
        .row [class*="col-"] + [class*="col-"] {
            margin-top: 15px;
            } 
        }

    @media only screen and (max-width : 767px) {
        
        .featuredspeaker {
            text-align:center;
            }
        }
        
    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		
		#logo { 
			text-align:center;
			}
		
		.logo {
			display:block;
			margin:auto;
			}       
        
		.social { 
			margin-top:25px;
			margin-bottom:20px;
			text-align:center;   
			}
        
        div.pullquote {display:none;}        
        
        .regbuttonbox {
            text-align:center;
            }
        
            .regbuttonbox .button {	
                width:auto;
                margin-top:15px;
                font-size: 1.2em; 	
                }
            
        .highlights { 
			padding-top:0;
			text-align:center;
			float:none;
			}
		
		.alpha {
			margin-top:22px;
			}

		.content, .footer, .emailsignup {
			padding-left:2%;
			padding-right:2%;        
			}
		
		.quoteme {
			width:auto;
			margin-bottom:30px;
			}
        
        p.pc {text-align:center;}
		
		.morespace { 
			margin-top:10px;
			}
		
		.emailsignup-head {
			text-align:center;
			}
		
		.subfooter { 
			display:block;
			margin:auto;
			}
        
		#footerbot p {
			text-align:center;	
			}
		
		.headsupbox {
			width:auto;
			margin:0;
			float:none;
			padding:30px 20px 0 20px;		
			}
		
		.ctabox {
			width:auto;
			margin:20px 0;
			float:none;
			padding:30px;
			text-align:center;
			}
		
		.sidebar { 
			width:auto;	
			display:block;
			padding: 0 0 20px 0;
			margin:20px auto;
			float:none;
			}
        
		/* pulled from framework source to re-order header elements on smaller screens */
		#nav-reorder { 
			-webkit-box-ordinal-group:2;
			-ms-flex-order:1;
			order:1
			}
        
		#navbar .row {
			margin-right: 0rem; 
			margin-left: 0rem; 
			}
	
		#navbar ul { 
			margin-top:-10px;
			padding-top:15px;
			text-align:center;
			}
        
            #navbar ul li a, #navbar ul li a:visited {
                color:#ffffff;
                }
        
            #navbar ul li a:hover, #navbar ul li a:active {
                color:#b3b3b3;
                }
		
			#navbar ul.secondcol {
				padding-top:0;
				}
		
		ul#subnav {
			width:100%;
			float:left;
            background-color:#86d5f7;
			}
		
		ul#subnav li {
			text-align:center;
			width:100%;
			display:inline-block;
            background-color:#86d5f7;
			}
		
		ul#subnav li a {
			color:#ffffff;
			float:none;
			}
		
			ul#subnav li a:hover, ul#subnav li a:active {
				color:#ececec;
                background:#9bdff9;
				}
		
		ul#subnav a.active {
            background:#9bdff9;
			}

			div.tertiarynavblock { 
				float:left;
				width:100%;
				}

		
		/* hamburger menu */
		
		.c-hamburger {
			display: block;
			position: relative;
			overflow: hidden;
			margin: 0;
			padding: 0;
			width: 48px;
			height: 48px;
			font-size: 0;
			text-indent: -9999px;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			box-shadow: none;
			border-radius: none;
			border: none;
			cursor: pointer;
			-webkit-transition: background 0.3s;
			transition: background 0.3s;
			}

			.c-hamburger:focus {
				outline: none;
				}

			.c-hamburger span {
				display: block;
				position: absolute;
				top: 22px;
				left: 9px;
				right: 9px;
				height: 4px;
				background: white;
				}

			.c-hamburger span::before,
			.c-hamburger span::after {
				position: absolute;
				display: block;
				left: 0;
				width: 100%;
				height: 4px;
				background-color: #fff;
				content: "";
				}

			.c-hamburger span::before {
				top: -10px;
				}

			.c-hamburger span::after {
				bottom: -10px;
				}
		
			.c-hamburger--htx {
                background-color: #283350;
				}

			.c-hamburger--htx span {
				transition: background 0s 0.3s;
				}

			.c-hamburger--htx span::before,
			.c-hamburger--htx span::after {
				transition-duration: 0.3s, 0.3s;
				transition-delay: 0.3s, 0s;
				}

			.c-hamburger--htx span::before {
				transition-property: top, transform;
				}

			.c-hamburger--htx span::after {
				transition-property: bottom, transform;
				}

			/* active state, i.e. menu open */
			.c-hamburger--htx.is-active {
                background-color: #333f67;
				}

			.c-hamburger--htx.is-active span {
				background: none;
				}

			.c-hamburger--htx.is-active span::before {
				top: 0;
				transform: rotate(45deg);
				}

			.c-hamburger--htx.is-active span::after {
				bottom: 0;
				transform: rotate(-45deg);
				}

			.c-hamburger--htx.is-active span::before,
			.c-hamburger--htx.is-active span::after {
				transition-delay: 0s, 0.3s;
				}

		.responsive-menu{
			max-height:0;
			background:#283350;
			overflow:hidden;
			transition:all .25s;
			}

		.expand {
			display: block !important; 
			padding-top:10px;
			max-height:425px;
			}	
		
		/* end of hamburger menu */	
        }

    @media only screen and (max-width:769px) {
        .givemeroom {
            padding-left:0 !important;
            }    
        }

	@media only screen and (min-width:769px) and (max-width:839px) {
        #cssmenu > ul > li.has-sub > a {
            padding-right: 25px !important;
            }
        
        #cssmenu > ul > li > a {
            letter-spacing:0 !important;    
            font-size:.667em !important;
            }
        
        #cssmenu.align-center > ul > li {
            padding-left:0px ;
            padding-right:0px;
            }
        }

    @media only screen and (min-width:840px) and (max-width:1022px) {
        #cssmenu > ul > li > a {
            letter-spacing:0 !important;    
            font-size:.722em !important;
            }
        }

	@media only screen and (min-width:769px) and (max-width:1023px) {
        #navbar ul {
            line-height:2em;
            margin-left:0;
            }
        
        #navbar ul li {
            margin:15px 0;    
            }
		}

	@media only screen and (max-width:1023px) {
        .submitproposal {
            margin-bottom:0;
            }
        
        #cssmenu.align-center > ul > li {
            padding-left:5px;
            padding-right:5px;
            }
		
		#navbar ul li a {
			font-size:1.3em;
			}
		
		#footerbot p {
			text-align:center;	
			}
        }

    @media only screen and (min-width:1024px) and (max-width:1093px) {
        #cssmenu > ul > li.has-sub > a {
            padding-right: 25px;
            }
            
        #cssmenu.align-center > ul > li {
            padding-left:10px;
            padding-right:10px;
            }
        }
    
	@media only screen and (min-width:1024px) and (max-width:1200px) {		
        a.button, a.button:visited  { 
            padding:15px 15px;
            }
            
            
        #navbar ul {
            margin-left:0;
            }
        
		#navbar ul li a {
			font-size:1.35em;
			}
        
        a.altbutton, a.button:visited {
          /*  width:100% !important;*/
            }
		}
		
    @media only screen and (min-width:1094px) and (max-width:1198px) {
        #cssmenu.align-center > ul > li {
            padding-left:15px;
            padding-right:15px;
            }
        }
    

    @media only screen and (min-width:1199px) and (max-width:1228px) {
        #cssmenu.align-center > ul > li {
            padding-left:25px;
            padding-right:25px;
            }
        }

    @media only screen and (min-width:1229px) and (max-width:1350px) {
        #cssmenu.align-center > ul > li {
            padding-left:25px;
            padding-right:30px;
            }
        }


    @media only screen and (min-width:1351px) {
        #cssmenu.align-center > ul > li {
            padding-left:35px;
            padding-right:40px;
            }
        }

    /* Print */

    @media print {
		
		html {
			background:#ffffff;
			}

        body { 
		  background:none;
		  font-family:Arial, sans-serif !important;
		  font-size:.8em;
		  text-align:center;
		  margin:0;
	      padding:0;
		  }
		
		.container {
			width:100%;
			}
		
		#top, #video, #lilpromos, h4.kd, ul.keydates, ul.sponsorkeydates, ul#subnav, .header, .social, .navbar, #cssmenu, .highlights, .pullquote, #kdwrapper,
		#kd-thin, .emailsignup-wrapper, .footer-wrapper, .footer {
			display:none;
			}
		
	   p  {
		  text-align:left;
		  }
		
	   a 	{ 
		  color: #00407c; 
           text-decoration:underline;
		  }	
        
        #jAccordion > * { 
            display: block !important;   
            }
        }

    
	/* search box */

	.cfx, .cf:after{
    	content:"";
    	display:table;
		}
 
	.cf:after{
		clear:both;
		}
 
	.cf{
    	zoom:1;
		}    

 	/* Form wrapper styling */
	
	.search-wrapper {
		float: right;
		text-align:left;
		width: auto;
		/*width:252px;*/
		margin: 20px auto 55px auto;
		}
 
	/* Form text input */
 
    .search-wrapper input {
        width: 114px;
        /*width: 202px;*/
        height: 20px;
        padding: 9px 5px;
        float: left;
        /*border: 1px solid #494a4e;*/
        border-left:1px solid #4d9faa;
        border-top:1px solid #4d9faa;
        border-bottom:1px solid #4d9faa;
        border-right:0;
        background: #ffffff;
        color: #333333;
        border-radius: 8px 0 0 8px;
        font-style: italic;
        /*box-shadow: 0 0 1px rgba(0,0,0,.8) inset;*/
        }
 
	.search-wrapper input:focus {
    	outline: 0;
    	background: #fff;
		box-shadow: 0 0 3px rgba(0,0,0,.2) inset;
		}
 
	.search-wrapper input::-webkit-input-placeholder {
		color: #999;
   		font-weight: normal;
   		font-style: italic;
		}
 
	.search-wrapper input:-moz-placeholder {
		color: #999;
    	font-weight: normal;
    	font-style: italic;
		}
 
	.search-wrapper input:-ms-input-placeholder {
		color: #999;
    	font-weight: normal;
    	font-style: italic;
		}    
 
	/* Form submit button */
	
	.search-wrapper button {	
		overflow: visible;
		position: relative;
		/*float: right;*/
		border: 0;
		padding: 0;
		cursor: pointer;
		height: 40px;
		width: 40px;
		color: white;
		text-transform: uppercase;
        background: #4d9faa;
		border-radius: 0 3px 3px 0;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
		}

	.search-wrapper button:hover{     
        background:#60b6bf;
		}   
   
	.search-wrapper button:active,
	.search-wrapper button:focus{   
        background:#60b6bf;
    	outline: 0;   
		}
 
	.search-wrapper button:before { /* left arrow */
		content: '' !important;
		position: absolute;
		border-width: 8px 8px 8px 0;
    	border-style: solid solid solid none;
        border-color: transparent #4d9faa transparent;
    	top: 12px;
    	left: -6px;
		}
 
	.search-wrapper button:hover:before{
        border-right-color:#60b6bf;
		}
 
	.search-wrapper button:focus:before,
	.search-wrapper button:active:before{
        border-right-color:#4d9faa;
		}      

	.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
		border: 0;
    	padding: 0;
		}   

	/**************************
    * Accordion
    **************************/
    
    .accordion {
        margin-bottom:20px;
        background-color:#27324D;
        color:#ffffff;
        padding-right:48px;
        padding:1em;
        display:block;
        font-family: "barlow", sans-serif;
        font-weight: 400;
        font-size:1em;
        cursor:pointer;
        }

    .accordion:after {
        display:inline-block;
        float:right;
        font-family:FontAwesome;
        font-style:normal;
        font-weight:normal;
        line-height:1;
        -webkit-font-smoothing:antialiased;
        color:#ffffff;
        font-size:1em;
        margin-right:10px;
        right:0;
        top:23px;
        content:"\f055";
        }
    
    .accordion-open:after {
        content: "\f056";
        }

    .jAccordion .jcontainer {
        margin:-20px 0 20px;
        padding:0;
        }
    
    .jAccordion .jcontent {  
        margin:0;
        padding:.9375em;
		font-size:1em;
        }

    .jAccordion h3 {
        color:#283350;
        font-size:1.5em;
        margin:0;
        padding:0;
        }

    .jAccordion p {
        margin-bottom:.25em;
        }

label.error { 
	color: #C00; 
	float:none;
	padding-left: .2em; 
	vertical-align: baseline; 
	display: none;
	}

.RequiredField, .required, .Required { 
    color: #d8000c;
	}

.SubmittedValue {
    color: #283350;
	}

/* overwrites google custom search style */

.gsc-table-cell-snippet-close, .gsc-table-cell-snippet-open {
	padding-left:8px !important;
	}

.gsc-control-cse, .gsc-control-cse .gsc-table-result {
    font-size:.833em !important; 
	}