/*NEW STYLESHEET FOR RESPONSIVE WEBSITE =  WIDE with BANDS  -- Adriana Nov. 2015*/
/*NOTE: All standard eshow elements are the same*/

/* STANDARD ESHOW ELEMENTS
===========================================================================================================*/
body { 
	font-family: 'Helvetica', sans-serif;
	color: #000;
	font-size: 14px; 
	line-height: 1.8em;
}

p { 
	font-family: 'Helvetica', sans-serif;
	color: #000;
}

a { color:#cd6cce;}
a:hover { color:#3e2a53;}

.pageTitle {color:#542764;
			font-size: 35px; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Helvetica', sans-serif;
	line-height: 1.5em;
}

h1 { 
	color:#542764;
	text-transform:uppercase;
	font-size: 32px; 
	line-height: normal;
}
h2 { color:#9a4f9a; font-size:24px; line-height: normal; }
h3 { color:#3e2a53; font-size:20px; line-height: normal; }
h4 { color: #9a4f9a; line-height: normal;}

@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
.pageTitle {font-size: 30px; }
h1 { font-size: 28px; }
h2 { color:#9a4f9a; font-size:20px; }
h3 { color:#3e2a53; font-size:16px; }
	
}
@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
.pageTitle {font-size: 24px; }
	
}

@media (max-width: 480px) { /* Landscape phones and down */
h1 { font-size: 24px; }
h2 { color:#9a4f9a; font-size:16px; }
h3 { color:#3e2a53; font-size:12px; }
}


.color1 { color: #542764; }
.color2 { color: #9a4f9a; }
.color3 { color: #3e2a53; }

.bgcolor1 { background-color: #542764;color:#fff;}
.bgcolor2 { background-color:#9a4f9a;color:#fff;}
.bgcolor3 { background-color: #3e2a53;color:#fff;}
.bgcolorSpecial	{ background-color: #333;}

.bdcolor1 { border-color: #542764; }
.bdcolor2 { border-color: #9a4f9a; }
.bdcolor3 { border-color: #3e2a53; }


/*  New eShow Styles - last edited 5/11/2016 - Adriana  */
/* ================= TABLE COLOR styles ===================*/

.tb-color1 { /* header row & font color */
	color: #FFF; background-color: #542764; }

.tb-color2 { /* 2nd row & font color */
	color: #fff; background-color:#9a4f9a; }
	
.tb-color3 { /* 3nd row & font color */
	color: #FFF; background-color: #3e2a53; }

.tb-colorLt { /* light row & font color */
	color: #333; background-color: #ebebeb; }
	
.tb-colorDefault{ /* used on the {{SALES_SUMMARY}} in emails and admin, with Ami */ 
	color: #333; background-color: #CCC; }	
	
.tb-text { /*  Default text for all tables that use "tb-text" */
	font-family: 'Helvetica', Arial, sans-serif;
	font-size: 14px;
	color: #333333;
	text-align: left;
}	

/*========== For table GRIDS / LINES  ===================*/
/* Default grey COLOR for table lines - change only if needed*/
.border-table th, .border-table td,
.line-table th, .line-table td {
	border-color: #dddddd !important;
}


/*--------------Mobile Menu-------------------*/
#mobile-menu > span { color:#542764;}
#mobile-menu > span:hover {color:#9a4f9a;}
#toggle-view-menu > li {background-color:#542764;}
#toggle-view-menu li:hover {background-color: #9a4f9a;}
#toggle-view-menu span {background-color:#542764;}
#toggle-view-menu li.active {background-color:#542764;}
#toggle-view-menu .menu-panel {background-color:#542764;}


/* TWITTER FEED
===========================================================================================================*/
/*#twitter ul li:hover { background-color:#0b5a93;}*/
#twitter .tweet { color:#666;
border-bottom:thin;
}

/*TWITTER OVERRIDES from modules.css  -  May 2016 Adriana */
#twitter .tweet a {background-color: transparent; color:#EF468F; padding: 2px 4px; font-weight:bold;}
#twitter .tweet a:hover {background-color: transparent; color:#EC4F26;}
#twitter .user span { width:100px; display:block; margin-top: 6px;}
#twitter span[data-scribe="element:name"] { display:none;}
#twitter span[data-scribe="element:screen_name"] { display:none;}



/* BACK TO TOP
===========================================================================================================*/
#back-top a {background-color:#742877;}
#back-top a:hover {background-color:#9a4f9a;}

/* CUSTOM TITLES
===========================================================================================================*/
.Custom-title {background-color:#742877;}
.Custom-title .title-text {background-color:#742877;}




/*======= NEW =======*/

/* CUSTOM BANDS for WIDE SITES
===========================================================================================================*/
.band {width:100%;}

#header-band {background-color:#fff;}
#nav-band {background-color: #542764;}
#hero-section-band { background-color: #4b4d4f;}
#hero-inner-section-band { background-color: #4b4d4f;}
#hero-box-band { background-color: transparent;}
#expert-presenters-band {background-color:#fff;}
#testimonials-band {background-color:#fff; padding: 1em 0 2em 0;}
#content-band {background-color:#FFF;}
#footer-band {background-color:#464343;}
#eshow-footer-band {background-color:#3f2a53;}


@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
	
	
}
@media (max-width: 767px) {  /* Landscape phone to portrait tablet */

	
}

@media (max-width: 480px) { /* Landscape phones and down */
}






/* CONTENT and SIDE COLUMN - DON'T CHANGE
===========================================================================================================*/
.sidecolumn3 { padding:20px;}
.maincontent9 { padding:15px 15px 15px 30px; }
.maincontent12 { padding:30px 40px;}  

@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
	.sidecolumn3 { padding:20px;}
}

/*CSS to funtion as push & pull (switch column positions in phone view) for bootstrap 2*/
#content-area {float:left;}
#sidebar-area {margin-left: 0;}

@media (max-width: 767px) {
	#content-area {float:none;}
}
@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
	
	
}
@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
.maincontent12 { 

	text-align: center;
	}
	
}

@media (max-width: 480px) { /* Landscape phones and down */
}


/* HEADER & CALL OUT
===========================================================================================================*/
.header-logo {
	float: left;
	padding: 1em;
	max-width: 70%;
}

.header-callout {
	float: right;
	padding-top: 2.4em;
}

.reg-button {
	color: #ffffff;
	font-family: 'Helvetica', sans-serif;
	background-color: #9a4f9a; 
	font-size: 15px;
	font-weight: bold;
	line-height: 0.75em;
	text-align: center;
	text-transform: uppercase;
	padding: 12px 50px;
	text-decoration: none;
	display: inline-block;
	border-radius: 20px;
}

.reg-button:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #3e2a53;
}

.button-padding {
	padding-top: 3em;
}

@media (min-width: 768px) and (max-width: 979px) { /* Portrait tablet to landscape */ 
.header-logo {
	max-width: 100%;
}
.header-callout {
	padding-top: 2em;
}
}
@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
.header-logo {
	float: none;
	text-align: center;
	max-width: 70%;
	padding-left: 16em;
}
.header-callout {
	float: none;
	text-align: center;
	padding-bottom: 1em;
	padding-top: 0;
}
}
@media (max-width: 480px) { /* Landscape phones and down */
.header-logo {
	float: none;
	text-align: center;
	max-width: 100%;
	padding-left: 2em;
}
}


/* ======= Sticky top nav =======*/
.affix {
    top:0;
    width: 100%;
    z-index: 9998 !important;
}
.affix ~ .container {
   position: relative;
   top: 50px;
}


/* HERO BOX SECTION - ADI
===========================================================================================================*/
#hero-section-band {
	background: url(../images/sitelook/hero_image.jpg);
	background-color: #4b4d4f;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

/* HERO BOXES EQUAL COLUMNS
============================================================================*/
.hero-row-eq [class*="span4"] { 
	position: relative;
	min-height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0 0 80px 0;
}
.hero-row-eq {
	display: flex;
}
.hero-col-eq {
	flex: 1;
	background: #ffffff;
	box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.3);
}
.hero-col-eq p {
	padding: 15px;
}
.hero-box-info-button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
}

@media (max-width: 768px) {
	.hero-row-eq [class*="span4"] { margin-top: 25px; margin-bottom: 25px;}
	.hero-row-eq {display: block;}
	.hero-col-eq {flex: unset;}
}


/* CUSTOM HERO BOXES - HOME PAGE
============================================================================*/
#hero-box-band { margin-top: -10px;}
.hero-box-headers {
	padding: 10px 0;
	margin-bottom: 15px;
}
.hero-box-register {background-color: #542764;}
.hero-box-learn {background-color: #542764;}
.hero-box-exhibit {background-color: #542764;}

.hero-box-title {
  color: #FFF;
	font-size: 24px;
	font-weight: normal;
	text-align: center; 
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.hero-box-text {
	font-size: 17px;
	text-align: center; 
	line-height: 1.5em;
  margin-bottom: 5px;
}
.hero-box-bttn-container {
	/*background:rgba(134,134,134,.50);*/
	text-align: center;
  
}
.hero-box-bttn {
	background-color: #9a4f9a;
	color: #ffffff;
	display: inline-block;
	/*font-size: 12pt;*/
	font-weight: bold;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.05em;
	text-decoration: none;
	border: none;
	min-width: 140px;
	padding: 0.65em 3.5em;
	border-radius: 20px;
}
.hero-box-bttn:hover {
	background-color: #3e2a53;
	color: #FFF;
	text-decoration: none;
}

@media (max-width: 1200px) {  /* Large desktop */
	
}
@media(max-width: 979px) {	/* Portrait tablet to landscape */
	
}
@media (max-width: 768px) {
	#hero-box-band { margin-top: 0px;}
	#hero-box-band .container { padding: 0px 50px;}  
}

@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
.hero-box-bttn {
	padding: 0.65em 2em;
}
}

@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
}

@media (max-width: 480px) { /* Landscape phones and down */
.hero-box-bttn {
	padding: 0.65em 1.7em;
}	
}


/* HERO INNER BOX SECTION
===========================================================================================================*/
#hero-inner-section-band {
	background: url(../images/sitelook/hero_image_inner.jpg);
	background-color: #4b4d4f;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

.hero-inner-overlay {
	display:table;
	height: 250px;
	margin:0 auto;	
}
.hero-inner-img-tag {
	padding: 45px 0;
}

@media (max-width: 1200px) {  /* Large desktop */
	.hero-inner-overlay { height: 200px;}
	.hero-inner-img-tag {	padding: 35px 0;}
}
@media(max-width: 979px) {	/* Portrait tablet to landscape */
	.hero-inner-overlay { height: 175px;}
	.hero-inner-img-tag {	padding: 25px 0;}
}



/* COLUMN ITEMS - INNER PAGES
===========================================================================================================*/
.column-boxes {
	padding-bottom: 10px;
}

.column-headers{
	padding: 5px 0;
	border-bottom: 1px solid #3f2a53;
}

.col-header-text {
	color: #3f2a53;
	font-family: 'Helvetica', sans-serif;
	text-align:left; 
	text-transform: capitalize;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 0.08em;
}

#slideshow2 p {
	padding-top: .5em;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Helvetica', sans-serif;
	font-weight: bold;
}
.quick-link-icons {
	text-align: left;
}
.quick_links { margin:0 1em;}

.quick_links { 
	display:inline-block;
	color: #66686a;
	padding: 0 0 0 0.5em;
	font-size: 1.12em;
	line-height: 2rem;
	
}
	
a.quick_links  {
	color: #4E545C;
}

a.quick_links:hover,
a.quick_links:focus {
	color: #9a4f9a;
	text-decoration: none;
}

i.quick_links_icon {
	font-size: 20px;
	color: #9a4f9a;
	text-decoration: none;
	line-height: 2rem;
}

@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
.col-header-text {
	font-size: 1em;
}
.quick_links {margin: 0; font-size: 14px;}	
.quick_links ul li a {font-size: 12px;}	
}
@media (max-width: 767px) {  /* Landscape phone to portrait tablet */

}


/* TESTIMONIALS 
===========================================================================================================*/
.carousel-header {
	text-align: center;
	padding-top: 2em;
}

.carousel-header {
	position:relative;
}

.carousel-header-title-box h1 {
	color: #585858;
	font-family: 'Helvetica', sans-serif;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	padding:0;
	margin:0;
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.carousel-header {
	margin:0 20px;
}
}
.carousel-header-title-box {
	display:table;
	margin:0 auto;
}
.carousel-header,
.carousel-header-title-box {
	height:76px;
}
@media (max-width: 767px) {
.carousel-header,
.carousel-header-title-box {
	height:40px;
}
}

#carousel_rotator-2 .owl-item {
}
#carousel_rotator-2.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	font-size: 5em;
	font-weight: 200;
	color: #909090;
	background: none;
}
#carousel_rotator-2.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: -15px; top: 9.5rem;
}
#carousel_rotator-2.owl-theme .owl-controls .owl-buttons .owl-next {
	right: -15px; top: 9.5rem;
}
#carousel_rotator-2 .owl-item p { 
	font-size: 16px; margin-bottom: 1rem; 
}

@media screen and (max-width: 1128px ) {
	/*#carousel_rotator-2.owl-theme .owl-controls .owl-buttons div {
		display:none;
	}*/
}
@media (min-width: 768px) and (max-width: 979px) { /* Portrait tablet to landscape */
	#carousel_rotator-2 {
		width: 100%;
		margin: 1.45rem 0;
		padding: 0 1em;
	}
	.owl-item img { 
		/*width: 35%;*/ 
	}
}
@media screen and (max-width: 767px ) {
	#carousel_rotator-2.owl-theme .owl-controls .owl-buttons div {
		display:none;
	}
	#carousel_rotator-2 {
		width: 95%;
		margin: 1.35rem 0;
		padding: 0 1em 30px 1em;
	}
	.owl-item img { 
		width: 85%;
		text-align: center;
		padding-left: 2em;
	}
}
@media screen and (max-width: 480px ) {
	#carousel_rotator-2 {
		margin: 1.65rem 0;
		padding: 0 .5rem 20px .5rem;
	}
	#carousel_rotator-2 img { 
		width:100%; float:left;
	}
	.owl-item img { 
		width: 75%;
		text-align: center;
		padding-left: 1em;
	}
 }

.testimonial-text-box {
	color:#585858;
	font-family: 'Helvetica', sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size:22px;
	line-height:1.4em;
	text-align:center;
	display:table;
	margin:15px auto;
	padding:0 5vw;
}
.testimonial-text-quote {
	display:table-cell;
	vertical-align:middle;
	margin:0 auto;
}
.testimonial-text-name {
	color:#585858;
	font-size: 18px;
	font-weight:500;
	font-style: italic;
}



/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.testimonial-text-box {
	font-size:20px;
	line-height:1.5em;
	height:160px;
	margin:20px auto;
	padding:0 3vw;
}
}

@media (max-width: 480px) { /* Landscape phones and down */

}


/* SPEAKER/EXPERT SECTION 
===========================================================================================================*/
#expert-section .row-fluid {
	margin-bottom: 2.5%;
}
#speakers-band {
	padding-top: 1em;
}

.maincontent12-pad { 
	padding:0px 40px;
	text-align: center;
}

.expert_presenters {
	padding: 2em 0;
}
.expert-area {
	position:relative;
	display: block;
	padding-bottom: 2em;
}
.thumb-overlay {
	position: relative;
}
.expert-image {
	display: block;
  	width: 100%;
  	height: auto;
}
.thumb-overlay:hover .expert-image {
	-webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */
    filter: blur(1px);
  	opacity: 0.5;
}
.thumb-overlay:hover .overlay-content {
	opacity: 0.65;
}

.overlay-content a {
	text-decoration: none;
}

.overlay-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
	transition: .5s ease;
	background-color: #5b5380;
}
.overlay-text {
  	position: relative;
  	top: 50%;
  	left: 50%;
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	text-align: center;
	color: #FFF;
}
.overlay-text h4 {
  	color: #FFF;
}
.overlay-text h5 {
  	color: #FFF;
}
.overlay-text a {
  	color: #FFF;
	text-decoration: none;
}
.overlay-text h5 a {
  	color: #FFF;
	text-decoration: none;
}
.overlay-text .overlay-spkName {
  	color: white;
  	font-size: 18px;
	/*padding: 0 1em;*/
}

.purple-bkg {
	background: #542764;
	padding: .1em;
}

.purple-bkg p {
    text-align: center;
    font-size: 1em;
    padding-top: .6em;
}

.purple-bkg a {
    color: #FFF;
	text-decoration: none;
}




@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
.expert-image {
	width: 100%;
}	
}

@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
 #expert-section .row-fluid {
   margin-bottom: 0;
 }
 #expert-section .span4 {
   padding: 1em 12em;

 } 

}

@media (max-width: 480px) { /* Landscape phones and down */
 #expert-section .span4 {
   padding: 1em 1.5em;

 }
}





/* FOOTER SECTION
===========================================================================================================*/
.footer-logo {
	text-align:left; 
	padding: 2em 0;
}
.footer-content p {
	color: #FFF;
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	padding: 2em 0 1em 5em;
}
.footer-content p a {
	color: #FFF;
	text-decoration: underline;
}
.footer-content p a:hover {
	color: #cd6cce;
}

.social-media-content {
	padding: 1.5em 0;
}
.social-media-hashtag {
	text-align: right;
	color: #FFF;
}
.social-media-hashtag p {
	color: #FFF;
	font-size: 1.3em;
	text-align: right;
	padding-right: 3.2em; 
}
/*.social-media-links { text-align: right; }
.social-media-links a {
	font-size: 1rem;
	color: #994f9a;
	text-decoration: none;
	padding: 0 0.2rem;
}
.social-media-links a:hover, .social-media-links a:focus { color: #3f2a53; }
.social-media-links i.fa-inverse  { color: #fff;}
.social-media-links i.fa-inverse:hover  { color: #fff;}
.social-media-footer {
	padding-top: 1.5em;
	float: right;
}*/
.social-images {
	float: right;
}
.social-icons {
	width: 80%;
	padding: 0 .5em;
}

.footer-eshowlogo {
    text-align: right;
    padding: .5em 0;
}


@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
.footer-content p {
	padding: 2em 0 1em 1em;
}	
	
}

@media (max-width: 767px) { 
.footer-logo {
	text-align: center; 
	padding-top: 1em;
}
.footer-content {
	text-align: center;
}
.footer-content p {
	text-align: center;
	padding: .5em 0;
}

.social-media-content {
	text-align: center;
}
.social-media-hashtag p {
	text-align: center;
	padding-right: 0;
}
.social-media-footer {
	float: none;
}
.social-media-links { text-align: center; }
	
.social-images {
	float: none;
	text-align: center;
}
.social-icons {
	width: 100%;
	padding: .5em;
}
.footer-eshowlogo {
    text-align: center;
}

}

@media (max-width: 480px) {
.social-icons {
	padding: .5em;
}
}



/* GENERAL SITE STYLES
===========================================================================================================*/
img.img-responsive {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

#sess_table .sessionRow a  {
	color: #FFF;
}


/* CLIENT CUSTOM STYLES
===========================================================================================================*/



/* Custom Buttons
===========================================================================================================*/
.button-row {
	font-size: 14px;
	
}

.button-row ul {
	display: list-item;
	list-style-type: none;
}

.button-row ul li {
	padding: 20px;
	display: inline-block;
}

.button-row a {
	color: #ffffff;
	display: inline-block;
	/*font-size: 12pt;*/
	font-weight: bold;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.05em;
	text-decoration: none;
	border: none;
	min-width: 140px;
	padding: 0.65em 3.5em;
	border-radius: 20px;
}

 .button-row .color1 {
    background: #9a4f9a;
}


.button-row a:hover {
	background-color: #3e2a53;
	color: #FFF;
	text-decoration: none;
}

.button {
	padding: .5em;
}

.button a {
	color: #ffffff;
	display: inline-block;
	/*font-size: 12pt;*/
	font-weight: bold;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.05em;
	text-decoration: none;
	border: none;
	min-width: 140px;
	padding: 0.65em 3.5em;
	border-radius: 20px;
}



.button .color1 {
    background: #9a4f9a;
}


.button a:hover {
	background-color: #3e2a53;
	color: #FFF;
	text-decoration: none;
}


/* BASIC MEDIA QUERIES
===========================================================================================================*/
@media (min-width: 1200px) {  /* Large desktop */
}

@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
}

@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
}

@media (max-width: 480px) { /* Landscape phones and down */
}