b{font-weight:bold;}

.trrain-show-page #content .wrapper{padding-top:0; padding-bottom:0;}
.trrain-show-page #content .wrapper .inner{background:#dde0c3 url(images/responsive/trrain-img/content-bg.jpg) repeat 0 0; }
.trrain-show-page.data-privacy-month #content .wrapper .inner{background:#dde0c3 url(images/responsive/trrain-img/data-security-bg.jpg) repeat 0 0; }


.trrain-show-page .lhs{width:25%; float:left;}
.trrain-show-page .rhs{width:70%; float:right; margin-right:2%; padding-top:40px;}

.trrain-show-page .lhs .box{background:#fff; padding:20px; margin-bottom:15px;}
.trrain-show-page .lhs .logos img{margin-bottom:10px;}

.trrain-show-page .lhs .companies-list.box{margin-bottom:0;}
.trrain-show-page .lhs .companies-list ul li{list-style:none; margin-bottom:15px;}

.trrain-show-page .header-blk{margin-bottom:20px;}
.trrain-show-page .header-blk .left-blk{float:left; width:50%;}
.trrain-show-page .header-blk .left-blk img{vertical-align:middle; margin-right:10px;}
.trrain-show-page .header-blk .left-blk span{font-size:14px; color:#000; font-weight:bold;}
.trrain-show-page .header-blk .right-blk{float:right; text-align:right; width:40%; padding-top:15px;}
.trrain-show-page .header-blk .right-blk img{display:inline; margin-left:5px;}

.trrain-show-page .how-we-celebrate{margin-bottom:30px; background:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;
padding:25px 15px; border:5px solid #bdc19d; color:#333 !important;  }
.trrain-show-page .how-we-celebrate img.logo{float:right; margin:0 0 0px 15px;}
.trrain-show-page #content h3{color:#000; font-size:25px; line-height:32px; }
.how-we-celebrate .title-blk{margin-bottom:10px;}

.how-we-celebrate{clear:right; margin-right:15%;}
.how-we-celebrate .info-box ul li{list-style:none; margin-bottom:15px; padding-left:15px; color:#000; font-size:14px; line-height:20px; 
background:url(images/responsive/trrain-img/bullet.png) no-repeat 0 7px; font-style:italic;}
.how-we-celebrate .info-box ul li b{font-weight:normal; }
.how-we-celebrate span{color:#000 !important;}

.trrain-show-page .slideshow{margin-bottom:25px;}
.trrain-show-page #content .slideshow h3{text-align:left; margin-bottom:15px; font-size:34px;}


/*----- Quote block --*/
.company-logo{margin-bottom:15px; }
.quote-blk{max-width:650px; margin:0 10px 30px 0; float:right; }
.quote-blk blockquote{background:#fff; border-radius:50% ; -moz-border-radius:50%; -webkit-border-radius:50%;
padding:80px 80px 60px; margin-bottom:30px; min-height:200px; text-align:center; position:relative; box-shadow:0 6px #01a650; -moz-box-shadow:0 6px #01a650;
-webkit-box-shadow:0 6px #01a650;  }
.quote-blk blockquote p{font-style:italic !important; font-family:"Times New Roman", Times, serif !important; color:#000; font-size:22px !important;
 line-height:30px !important; text-align:center;}

.quote-blk blockquote span.arrow{position:absolute; background:url(images/responsive/trrain-img/arrow.png) no-repeat 0 0; width:28px; height:30px;
bottom:-29px; right:50%; margin-left:-14px; z-index:100; display:block;}

.quote-blk div.author-detail{padding-left:30px;}
.quote-blk div.author-detail .author-pic{float:left; margin-right:15px;}
.quote-blk div.author-detail .author-pic img{border:2px solid #fff;}
.quote-blk div.author-detail span{font-size:20px; font-weight:bold; color:#000; line-height:24px; padding-top:30px; display:block; margin-bottom:10px; }
.quote-blk div.author-detail span small{display:block; font-size:14px; line-height:18px; font-weight:normal;}


/*------ Home page styles -------*/
.employee-day-widget{border-bottom:2px solid #0381A4; background:url(images/responsive/trrain-img/content-bg.jpg) repeat 0 0; padding:15px 15px 10px; position:relative;

margin-top:-30px; clear:both; margin-bottom:30px;}


.employee-day-widget .right-blk{float:right; width:68%;}
.employee-day-widget .left-blk{float:left; width:30%; padding-top:25px;}


.employee-day-widget .quote-blk{max-width:615px;}
.employee-day-widget .quote-blk blockquote{padding:50px 85px; margin-bottom:20px; max-width:none;}
.employee-day-widget img.trrain_logo{display:block; }
.employee-day-widget .quote-blk{float:left; margin:0 10px 10px; }
.employee-day-widget .quote-blk blockquote{min-height:100px;}
.employee-day-widget .quote-blk blockquote p{font-size:16px !important; line-height:24px !important; }
.employee-day-widget .quote-blk blockquote p a{color:#000;}
.employee-day-widget .quote-blk div.author-detail{padding-left:100px;}
.employee-day-widget .quote-blk div.author-detail span{font-size:16px; font-weight:bold; color:#000; line-height:22px; display:block; margin-bottom:10px; 
 }
.employee-day-widget .quote-blk div.author-detail img{float:right; margin-left:15px; width:100px;}
.employee-day-widget .quote-blk div.author-detail span small{display:block; font-size:12px; line-height:16px; font-weight:normal;}
.employee-day-widget .logo-list{background:#fff; padding:20px 5px 10px;  clear:both;}
.employee-day-widget .logo-list ul {margin-bottom:2px;}
.employee-day-widget .logo-list ul li{list-style:none; float:left; width:18%; margin:0 1%; height:70px; line-height:70px;}
.employee-day-widget .logo-list ul li img{max-width:100%; max-height:100%; vertical-align:middle;}
.employee-day-widget span.view-all{line-height:14px; display:block; text-align:right;}
.employee-day-widget span.view-all a{ color:#00afdf; font-size: 12px; }

/*---------- Listing Page --------*/
.trrain-show-page .listing-page{padding:30px 15px; }
.trrain-show-page .about{background:#fff; padding:15px; margin-bottom:30px;   }
.trrain-show-page .about .logos{float:left; width:30%;}
.trrain-show-page .about .logos img{display:block; margin:0 0 15px 40px;}
.trrain-show-page .about .description{float:right; width:60%; padding:10px 5%; }
.trrain-show-page .about .description p{color:#333; font-size:20px; line-height:32px;}

.trrain-show-page .listing-page .companies-list{background:#fff; padding:20px 10px 10px;}
.trrain-show-page .listing-page .companies-list ul li{list-style:none; float:left; width:18%; margin:0 1% 10px; height:100px; line-height:100px;}
.trrain-show-page .listing-page .companies-list ul li img{max-width:100%; max-height:100%; vertical-align:middle;}
.trrain-show-page #content .listing-page .companies-list h3{font-size:22px; line-height:26px; color:#1793C7; margin-bottom:25px; padding-left:15px; }
.trrain-show-page .listing-page .companies-list span.notification{float:right; margin-bottom:15px; font-size:11px; line-height:14px;
margin-left:10px; color:#666;}

/*----- Data Privacy month ------*/
.national-data-privacy{background:url(images/responsive/trrain-img/data-security-bg.jpg) repeat 0 0;}

/*------ Participants -----*/

.participants ul li{list-style:none; margin-bottom:15px;}
.participants ul li img{float:left; margin:0 10px 5px 0; width:50px; height:50px;}
.participants ul li strong{display:block; font-style:italic; font-weight:bold; font-family:"Times New Roman", Times, serif; line-height:20px; 
font-size:16px; color:#000; padding-top:6px;}
.participants ul li strong a{color:#000;}
.participants ul li span{font-family:"Times New Roman", Times, serif; font-size:12px; color:#7A1521; font-style:italic; line-height:14px;}
.blog-post p{font-size:15px; line-height:20px; color:#3c3c3c;}

.participants-list{background:#fff; padding:20px 10px 10px;}
.participants-list.participants ul li{list-style:none; float:left; width:23%; margin:0 1% 10px; height:100px; overflow:hidden;}
.trrain-show-page #content .participants-list h3{font-size:22px; line-height:26px; color:#1793C7; margin-bottom:25px; padding-left:15px; }
.participants-list span.notification{float:right; margin-bottom:15px; font-size:11px; line-height:14px;
margin-left:10px; color:#666;}

/*-------- Media queries -------*/
@media screen and (max-width:767px){
	.participants-list.participants ul li{width:31%;}
	.trrain-show-page .about .logos img{margin-left:0;}	
	.trrain-show-page .about .description p{font-size:16px; line-height:25px;}
}

@media screen and (max-width:567px){
	.participants-list.participants ul li{width:48%;}	
		
}

@media screen and (max-width:479px){
	.trrain-show-page .lhs{float:none; width:auto;}	
	.trrain-show-page .rhs{float:none; width:auto; margin-right:0;}	
	.participants-list.participants ul li{width:98%;}
	.trrain-show-page .about .description, .trrain-show-page .about .logos{float:none; width:auto;}
	}