@charset "UTF-8";

/* Layout Medium Screens */


header {
	height:200px;
	background:url(../images/header-med.jpg) no-repeat center 0px;
	background-size: 800px 200px;
}

header a.logo { 
	width: 772px;
	height: 245px;
	background-image:url(../images/logo-med.png);
	background-size: 123px 159px;
	position: absolute;
	max-width: 80%;
	top: 6em;
	left: 5%;
}

header a.logo:empty
{
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (orientation: portrait) {
  header a.logo { max-width: 90%; }
}

@media screen and (orientation: landscape) {
  header a.logo { max-height: 90%; }
}

nav { top: 200px; z-index:1000 }

nav a { margin: 0px -6px 2px 0px; }

.promo_container { padding: 0px 0px 0px 0px; }
.promo_container .promo { 
width: 100%;
float: left;
background-position: 0px 3px;
}

.promo_container .promo .content { padding: 0px 0px 0px 96px; }

.TRpromo_container { padding: 0px 0px 15x 20px; margin-left:2em; }
.TRpromo_container .TRpromo { 
width: 100%;
float: left;
background-position: 0px 3px;
}

.TRpromo_container .TRpromo .content { padding: 0px 30px 30px 250px; }

.seminar_container { padding: 0px 20px 15px 20px; }

.seminar_container .seminar { background-position: 0px 0px; }

.seminar_container .seminar .content { padding: 0px 0px 35px 0px; margin-left:225px; }

body { background-image: none; }

	.show-menu {
		display:block;
		margin-top:10px;
	}

.vipbtn {
  width:175px;
}

.gabtn {  
   margin-left:-70px;
}

.right-column {left-border: 2px solid  #ccc; padding: .5em .5em .5em 1.2em;}

.twitter {
  margin-right:10px;
}

.email { 
	margin-right:-15px;
}

.exhibitor-btn {
	margin-right:-15px;
}

.form {
	margin-left:150px;
}


.hashtag {
	
  margin: -25px 0px 0px 0px;
  
  }
  
    .session1tickets {
	margin:0px;
	margin-bottom: 8px; 
  }
  
  .session2tickets {
	margin:0px; 
	margin-top: 8px; 
	margin-bottom: 8px; 
  }
  
  .gallery a {
    margin-left: 10px;
}

.socialbar
{ top:30%; }

.updates
{ right: 2px; }

.flexbox {
  max-width: 1125px;
  margin: 0 auto;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.flex-item {
  width: 450px;
  height: 250px;
  margin: 0px;
  margin-bottom:25px;
  margin-left:10em;
  margin-top: 10px;
  text-decoration: none;
}

.flex-item img {
  position: absolute;
}

.text-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #fff;
  margin-top:-5px;
  font-size:28px;
  font-family:garagegothic-regularregular,Arial, Helvetica, sans-serif;
  text-shadow: 1.5px 1.5px 1.5px #000;
}

.text-banner {
  position:relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top:10px;
  background-color:rgba(120,120,120,.8);
  height:50px;
}

.title {
   font-size:16px;
   text-shadow:none;
   margin-top:2px;
}

/*.text-wrapper:hover {
  transition: all 0.8s ease;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
}
*/

.name {
  font-size: 1.6em;
}

.name2 {
  font-size: 1.4em;
  margin-top:9px;
}

.flex-item-wide {
  width: 100%;
  margin: 10px;
  margin-left:40px; 
  text-decoration: none;
}

.text-wrapper-wide {
  position: relative;
  width: 91%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #000;
  margin-top:10px;
  font-size:30px;
  font-family:garagegothic-regularregular,Arial, Helvetica, sans-serif;
  background-color:#0C6;
  padding:15px;
  margin-bottom:25px;
}

.text-banner-wide {
  position:relative;
  width: 91%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top:10px;
  background-color:rgba(120,120,120,.8);
  height:60px;
}

.title-wide {
   font-size:15px;
   text-shadow:none;
   margin-top:5px;
   line-height:20px;

}

.name-wide {
  font-size: .7em;
}

.GAbox {
	background-color:#CCC;
	padding:10px;
	width:40%; 
	float:left;
	margin:10px;
}
	
	.VIPbox {
	background-color:#0CF;
	padding:10px;
	width:40%; 
	float:left;
	margin:10px;
	margin-left:35px;
}

.vip {margin-bottom:200px;}


.vip_container { padding: 150px 0px 15x 20px; }
.vip_container .vip { 
width: 100%;
float: left;
background-position: 0px 3px;
}

.vip_container .vip .content { padding: 150px 30px 10px 0px; }