/* STANDARD ESHOW ELEMENTS -  last edited 10/11/2016 - updated for responsive template 6-11-18 (Adriana)
===========================================================================================================*/

body { 
  font-family:"Roboto",Arial,Helvetica,sans-serif;
  color: #001A76; 
  background-color: #fff;
	line-height: 1.65;
}

a { color: #33BD99;}
a:hover, a:focus { color: #51C6A8;}

.pageTitle {color: #001A76; padding-bottom: 15px; margin-top: 0;}

h1 { color: #001A76; font-size: 30px; }
h2 { color: #001EA4; font-size: 26px; }
h3 { color: #33BD99; font-size: 21px; }
h4 { color: #666666; font-size: 17px; }

.color1 { color: #001A76; }
.color2 { color: #001EA4; }
.color3 { color: #33BD99; }

.bgcolor1	{ background-color: #001A76; color: #FFF;}
.bgcolor2	{ background-color: #001EA4; color: #FFF;}
.bgcolor3	{ background-color: #33BD99; color: #FFF;}
.bgcolorSpecial	{ background-color: #33BD99; color: #FFF;}

.bdcolor1	{ border-color: #001A76;}
.bdcolor2	{ border-color: #001EA4;}
.bdcolor3	{ border-color: #33BD99;}


/* New eShow Styles - TABLE COLOR styles
===========================================================================================================*/
.tb-color1 { /* header row & font color */
	color: #FFF; background-color: #001A76; }

.tb-color2 { /* 2nd row & font color */
	color: #FFF; background-color: #001EA4; }
	
.tb-color3 { /* 3nd row & font color */
	color: #FFF; background-color: #33BD99; }

.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 Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	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:#014BB3;}
#mobile-menu > span:hover { color:#001A76;}
#toggle-view-menu > li { background-color:#014BB3;}
#toggle-view-menu li:hover { background-color: #001A76;}
#toggle-view-menu span { background-color:#014BB3;}
#toggle-view-menu li.active { background-color:#014BB3;}
#toggle-view-menu .menu-panel {	background-color:#014BB3;}


/* TWITTER FEED - Took out twitter old styles for updated 2018 website widget
===========================================================================================================*/


/* BACK TO TOP
===========================================================================================================*/
#back-top a { background-color:#33bd99;}
#back-top a:hover { background-color:#33bd99;}


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







/* NEW - GLOBAL UPATED FOR RESPONSIVE TEMPLATE
===========================================================================================================*/

/* All navigation styles in responsive_top_nav.css */

/* IMPORTANT - DON'T CHANGE - CSS to funtion as push & pull (switch column positions in phone view) for bootstrap 2*/
#content-area { float:right; }
#sidebar-area { margin-left: 0; }
@media (max-width: 767px) {
	#content-area { float:none; }
}

/* Side column and main content */
.content-row { margin-top: 2.75em; margin-bottom: 2em; }
.side-column { padding: 10px 0 10px 30px; }
.admin-column { padding: 0 30px 0 20px; }
/*.border-left { border-left: 1px solid #ebebeb; }*/

.nav-header-area { padding-bottom: 0;}
.slideshow2-area { padding-bottom: 30px;}

@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
  .content-row { margin-top: 2.25em; margin-bottom: 1.5em; }
	.side-column { padding: 0 0 0 15px; }
	.admin-column { padding: 0 30px 0 20px; }
	.border-left { border-left: 1px solid #ebebeb; }
}

@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
  .content-row { margin-top: 1.25em; margin-bottom: 1em; }
	.side-column { padding: 15px; }
  .admin-column { padding: 15px; }
	.border-left { border-left: none; }
}




/* CLIENT CUSTOM STYLES
===========================================================================================================*/
.index-headings {
	font-size: 34px;
	font-weight: 700;
	text-align: center; 
	margin: 2.5em 0 1.5em 0;
	line-height: 1.2em;
}

.white-heading {
  font-family: "Epilogue", sans-serif;
	font-weight: 800;
	color: #001a76;
}

@media (max-width: 979px) {	/* Portrait tablet to landscape */
	.index-headings {
		font-size: 30px;
		margin: 1.75em 0 0.75em 0;
	}
}
@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
	.index-headings {
		font-size: 25px;
		margin: 1.75em 1.25em 0.75em 1.25em;
	}
}
@media (max-width: 480px) {  /* Landscape phone to portrait tablet */
	.index-headings {
		margin: 1.5em 1.25em 0.5em 1.25em;
	}
}


/* HEADER-STYLES
===========================================================================================================*/
#header-band{
	background-image:url(../images/sitelook/header_background.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-color: #fff;
}

.logo-header-row{
	padding: 1em 0;
}
.logo-header{
	max-width: 450px;
	padding-top:25px;
	
	
}

.footer-header-text {  font-size: 16px; 
	font-weight: bold; padding: 15px;
	text-align: right;}

.footer-header-text a { 
	color: #33bd99; }

.footer-header-text a:focus, a:hover{
	color:#33BD99;  
}

.social-media-title{
	font-family: "Epilogue", sans-serif;
	font-size:20px;
  	padding-top: 20px;
	font-weight: bold;
	color:#33bd99;
	text-align:right;
}

.fa-inverse{
	color:#001a76 !important;
}
	
.header-social-media {
	padding-top:10px;
	text-align:right;
	padding-right:40px;
}
.header-social-icons {
	font-size: 9px;
	color: #fff !important;
	text-decoration: none;
}
.header-social-media a:hover,
.header-social-media a:focus { color: #33BD99 !important;}





@media (max-width: 979px) {  /* Landscape phone to portrait tablet */
	.logo-header{
		max-width: 1170px;
		
	
}
	
 	
	.header-social-media {
		text-align:right;
		padding-right:30px;
	}
	
	.header-social-icons {
	font-size: 9px;
	
}
	
	.header-social-icons-img{
		width:38px;
	}
	
}

@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
  .logo-header-row{
		padding: 0.7em 0;
	}
	.logo-header{
		max-width: 400px;
    	margin: 0 auto;
	}
	
.footer-header-text {  
	text-align: center;}
	
	.header-social-media {
		text-align:center;
		padding-right:0;
	}
	
}

@media (max-width: 480px) { /* Landscape phones and down */
	.logo-header{
		max-width: 300px;
    	
	}
}





/* Hero
===========================================================================================================*/
#slideshow1-hero{
	background-color:#001EA4; 
}

.hero-text-img{
	max-width:900px;
	margin:80px auto;
	padding:20px;}

.hero-logo{
	max-width: 450px;
	margin:0 auto;}


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

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

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


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



/* MENU NAV
===========================================================================================================*/
#menu-nav-band{
	background-color: #eee;
}

.float_left {
	float: left;
	padding: .5em .2em;
}

.menunav-text {
	font-size: 18px;
	color: #184794;
	font-weight: bold;
}

.menunav-text a {
	font-size: 18px;
	color: #184794;
	font-weight: bold;
}

.fa fa-calendar menu-icon {
	font-size: 18px;
	padding: .5em;
}

.fa fa fa-cog menu-icon {
	font-size: 18px;
	padding: .5em;
}

.menunav-text-thin {
	font-size: 18px;
	color: #000;
	font-weight: lighter;
	line-height: 1em;
}

.float_right {
	float: right;
	padding: .6em 0 .5em 0;
}


@media (max-width: 767px) {

.float_left {
	float: none;
	text-align: center;
}
.float_right {
	float: none;
	text-align: center;
	padding: .6em 0 .2em 0;
}
	
}


/* VIDEO
===========================================================================================================*/
#virtual-band{
	background-color:#fff;
	background-size:cover;
	background-repeat: no-repeat;
}
.video-content {
	margin-top: 3em;
}




.virtual-title{
	font-family: "Epilogue", sans-serif;
	font-size:40px;
	text-transform: uppercase;
	color:#001A76;
 	font-weight: 800;
	text-align: center;
	padding-top:30px;
	
}
.virtual-info-text{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#001A76;
	font-size: 21px;
	line-height: 1.5;
	text-align: left;
	padding: 95px 20px 20px 0;
}

@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
	.video-container {margin-bottom: 0}
  .virtual-info-text{ font-size: 16px;text-align: left;padding: 30px 20px 20px 0;}
  .virtual-title{ font-size: 30px; text-align: center;}
}
  


@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
	.video-container {margin-bottom: 0}
  .virtual-info-text{ font-size: 17px;text-align: center; padding: 0 40px 20px 40px;;}
	.virtual-title{ font-size: 24px; text-align: center; padding-top:30px;}
	
	.virtual-tech{
		padding:0 150px 0 150px;
	}

}

@media (max-width: 480px) { /* Landscape phones and down */
	.virtual-info-text{font-size: 15px; padding: 30px 40px; }
	.virtual-title{ font-size: 18px; text-align: center; padding-top:20px;}
	.virtual-tech{
	padding:20px 70px 20px 70px;
	}
	
}




/* SPEAKERS SECTION
===========================================================================================================*/
#circles-band {background-color: #FFF;}
.speaker-section {
	text-align: center;
	margin: 0;
}


.speaker-section {
	text-align: center;
	margin: 20px 0;
}

.circle-heading{
	font-family: "Epilogue", sans-serif;
	color:#001a76;
	font-size:40px;
	font-weight:800;
	
}


.presenter-box {
	display: inline-block;
	width: 320px;
	padding: 20px 10px;
	vertical-align: top;
}
.presenter-image {
	border: solid #FFF 1px;
	
}



.presenter-image:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	transition: .2s;
}


.presenter-info{
	color:#7F8083;
	font-size: 15px;
	padding: 1.2em 0;
}

.speaker-button .button {
	font-size: 12px;
	text-transform: uppercase;
	font-weight:bold;
  padding-top:20px;
	
}
.speaker-button .button a {
	color: #AA1F2E;
	
	border-radius: 15px;
	border:#AA1F2E solid 2px;
	padding: 12px 7px;
	text-decoration: none;
	transition: .2s;
}
.speaker-button .button a:hover {
	background-color: #AA1F2E;
	color:#fff;
}




/* TESTIMONIALS
===========================================================================================================*/
#testimonials-band {
	background-image:url(../images/sitelook/testimonies_background.png), linear-gradient(to bottom, rgba(255,255,255,1), rgba(224,230,245,1));
 	background-repeat: no-repeat;
	  background-position: center center;
	  background-size:100% auto;
}

.testimonials-section {
	padding-bottom: 50px;
}
.testimonial-text-box {
	font-size: 26px;
	line-height:1.64em;
	text-align:center;
	display:table;
	padding: 0 5em;
}
.testimonial-text-quote {
	font-weight: 300;
	display:table-cell;
	vertical-align:middle;
	margin:0 auto;
	color:#001A76;
	padding-bottom: 30px;
}

.testimonial-photo-1{
	max-width: 300px;
	margin:0 auto;
}



@media (max-width: 979px) {	/* Portrait tablet to landscape */
	#testimonials-band {
	  background-image:url(../images/sitelook/testimonial_background_responsive.png), linear-gradient(to bottom, rgba(255,255,255,1), rgba(224,230,245,1));
  	  background-size:cover;
	  background-position: center center;}
	
	.testimonial-text-box {font-size:18px;}
	.testimonials-section { padding-bottom: 30px;}
}
@media (max-width: 480px) { /* Landscape phones and down */
	#testimonials-band {background-image:linear-gradient(to bottom, rgba(255,255,255,1), rgba(224,230,245,1));}
	.testimonial-text-box{ font-size: 17px; }
}

#owl-testimonials.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	font-size: 8em;
	font-weight: 200;
	color: #DBDBDB;
	background: none;
}
#owl-testimonials.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: -15px; top: -40%;
}
#owl-testimonials.owl-theme .owl-controls .owl-buttons .owl-next {
	right: -15px; top: -40%;
}
@media screen and (max-width: 767px ) {
	#owl-testimonials.owl-theme .owl-controls .owl-buttons div {
		display:none;
	}
}

/*to override owl css*/
#owl-testimonials.owl-theme .owl-controls .owl-page span {
    background: #FFF;
}


/* STAT NUMBERS
===========================================================================================================*/

#stat-numbers-band{
	background-image:url(../images/sitelook/stats-background.jpg);
	background-color:#AA1F2E;
	background-size:cover;
	background-repeat: no-repeat;
}


.count-area {
    position: relative;
     padding: 20px 0;
    text-align: center;
    color: #fff;
}
.count-area-content {
    margin-top: 20px;
}

.count-digit {
	color: #29AC88;
    font-weight: 700;
    font-size: 100px;
}

.color-purple{
	color:#d67ff4;
}

.color-purple:after{
	content: "+";
	color:#fff;
}

.color-yellow{
  color:#f8c30c;
}




.count-title {
	 font-family: "Epilogue", sans-serif;
	font-weight: 800;
  font-size:25px;
	color:#fff;
	text-align: center;
	padding-bottom:2em;
}

.thousand-icon:after{
	content: "K";
	}




@media (max-width: 979px) {  /* Landscape phone to portrait tablet */
.stat-numbers-large-text{
	font-size:80px;
	}

.stat-numbers-small-text{
	font-size:20px;
 }
}


@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
#stat-numbers-band{
	background-image:url(../images/sitelook/mobile_stats_background.jpg);
	background-color:#AA1F2E;
	background-size:cover;
	background-repeat: no-repeat;
}
}

@media (max-width: 480px) {  /* Landscape phone to portrait tablet */
.stat-numbers-large-text{
	font-size:60px;
	}

.stat-numbers-small-text{
	font-size:16px;
 }
}





/* SPONSOR CAROUSEL
===========================================================================================================*/
#sponsor-band{
	background-color:#fff;
}

.toyota-inner{
	text-align: center;
	padding-bottom: 20px;
}

.carousel-section {
	padding-bottom: 50px;
	
}



.blue-heading {
	font-family: "Epilogue", sans-serif;
	font-weight: 800;
	color:#001A76;;
	margin-top:1.5em;
}

.toyota-sponsor{
	max-width:300px;
	margin:0 auto;
	padding-bottom:6em;
}

.sponsor{
	text-align: center;
	
}

#owl-sponsors .item {
	margin: 1em;
	padding: 1.rem;
}
#owl-sponsors .item img {
	display: block;
	/*width: 100%;*/
	max-width: 100%;
	max-height:100%;
	margin: 0 auto;
	/*height: auto;*/
}

#owl-sponsors.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	font-size: 8em;
	font-weight: 200;
	color: #7F8083;
	background: none;
}
#owl-sponsors.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: -15px; top: -10%;
}
#owl-sponsors.owl-theme .owl-controls .owl-buttons .owl-next {
	right: -15px; top: -10%;
}


.sponsor-button .button {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
  text-align: center;
	padding-top:30px;
	margin-bottom:1em;
}
.sponsor-button .button a {
	color: #AA1F2E;
	background-color:#fff;
	border:#AA1F2E solid 2px;
	border-radius: 22px;
	padding: 15px 10px;
	text-decoration: none;
	transition: .2s;
}
.sponsor-button .button a:hover {
	background-color: #AA1F2E;
	color:#fff;
}


@media screen and (max-width: 767px ) {
	#owl-sponsors.owl-theme .owl-controls .owl-buttons div {
		display:none;
	}
	
	.toyota-sponsor{
	 padding-top:3em;}
	
	.owl-theme .owl-controls .owl-page span{
	display: none;
	}

}

@media (max-width: 480px) { /* Landscape phones and down */
	#owl-sponsors.owl-theme .owl-controls .owl-pagination  {
			display:none;
	}
}




/* COLUMN ITEMS
===========================================================================================================*/
.column-headers{
	padding: 10px 0 5px 0;
	background-color: transparent;
	border-bottom: 2px solid #31B798;
	margin-bottom: 0.75rem;
}

.col-header-text {
	color:#001A76;
	text-align: center; 
	font-size: 1.3rem;
}


/* COUNTDOWN
===========================================================================================================*/
#countdown-band{
	background-image:url(../images/sitelook/countdown-background.jpg);
	background-color:#fff;
	background-size:cover;
	background-repeat: no-repeat
}
.countdown-row-color{
	margin:40px 0;
}



/* FOOTER 1
===========================================================================================================*/
.footer-section-band {
	background-image:url(../images/sitelook/header_background.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-color: #fff;
}

.footer-section {
	padding: 2em 0;
}

.logo-footer-img {
 width:230px;;
	
  }

.nav-footer{
	text-align: center;
	font-size:11px;		
}

.nav-footer ul li{
	padding:5px;
	list-style-type: none;
	display:inline-block;
}

.nav-footer a{
color:#fff;
}



.footer-text { 
	color: #FFF; 
	text-align: center;
  	font-size:11px;
	padding-bottom:1.5em;
}



.footer-social-media {
	text-align:left;
	margin-right:10px;
  	margin-top:10px;
	}


.footer-social-icons {
	font-size: 8px;
	color: #fff !important;
	text-decoration: none;
	margin-right:2px;
	}

.footer-social-media :hover,
.footer-social-media :focus { color:#31B799;}

.eshow-footer-logo{
	max-width: 150px;
	float:right;
	padding-top: 14px;
}

.jp-footer-text{
	font-size:12px;
	color:#fff;
	text-align: center;
}

.jp-footer-logo{
	max-width: 200px;
	margin:0 auto;
	padding-bottom:2em;
}


@media (min-width: 768px) and (max-width: 979px) {	/* Portrait tablet to landscape */
	.logo-footer-img { width: 100%;}
	.footer-social-icons{font-size:6px;}
	.footer-social-media {
	 margin-right:0px;}
}



@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
	.logo-footer-img {
			display: block;
			margin: 0 auto;
			width: 30%;
		}
	.span3.nav-footer {
		font-size: 15px;
		text-align: center;
	}
  .footer-title {padding-top: 20px;}
	.footer-social-media {margin-right:0; text-align: center; padding: 20px 0;}
	.footer-text {padding-bottom: 15px;}
	.eshow-footer-logo {padding-top: 15px;}
}
@media (max-width: 480px) { /* Landscape phones and down */
	.logo-footer-img {width: 50%;}
	.footer-text {padding:0 20px 20px 20px;}
}




@media (max-width: 767px) {  /* Landscape phone to portrait tablet */
	
	.eshow-footer-logo {
		float:none;
		display: block;
  	margin: 0 auto;
  	width: 50%;
		}
}
@media (max-width: 480px) { /* Landscape phones and down */
	.eshow-footer-logo{
		padding-top: 0;
	}
}








/* 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 */

}