/*=============================================================
  NEWSROOM
  =============================================================*/
.banner-container.news{
	background-color:#e1dbc4;
}  
.banner-container.news li{
	font-size:16px;
	font-weight:700;
	color:#575c68;
	list-style:none;
}
.banner-container.news li a{
	text-decoration:none;
	color:#fff;
}
.banner-container.news .banner-content{
	margin-left:200px;
}

ul.year-achive-container{
	text-align:center;
	margin:0 0 30px 0;
	padding:0;
}
ul.year-achive-container li{
	display:inline-block;
	margin:5px 10px;
}
ul.year-achive-container li a{
	font-size:16px;
	font-weight:600;
	color:#000;
	padding:10px 20px;
	text-decoration:none;
	display:inline-block;
}
ul.year-achive-container li a:hover{
	color:#ec1c2d;
}
ul.year-achive-container li a.active{
	background:#ec1c2d;
	color:#fff;
}

.news-container{
	padding:50px 0;
}
	.news-title-container{
		padding-top:20px;
		margin-bottom:40px;
		border-bottom:#ec1c2d 4px solid;
	}
	.news-title-container.grey-bg{
		background:#DBDBDB;
	}
	.news-title{
		width:170px;
		padding:5px;
		background:#fff;
		margin:0 auto;
		margin-bottom:-5px;
	}
	.news-title h1{
		font-size:26px;
		font-weight:700;
		line-height:6px;
		text-align:center;
		color:#000;
		background:#FFF;
	}

.news-container p{
	font-size:16px;
	line-height:24px;
}
ul.news-content{
	position:relative;
	text-align:center;
	padding:0;
}
ul.news-content li{
	width:24%;
	min-height:250px;
	padding:15px;
	display:inline-block;
	*display:inline;
	transition: ease-in .3s;
	vertical-align:top;
}
ul.news-content li img{
	transition: ease-in .3s;
	margin:0 auto;
}
ul.news-content li a{
	text-decoration:none;
	border:0;
}
ul.news-content li:hover{
	background:#E4E4E4;
}
ul.news-content li a:hover h1{
	color:#666;
}
ul.news-content li:hover img{
	opacity:0.7;
}
ul.news-content h1 {
	font-size:18px;
	line-height:24px;
	font-weight:700px;
	color:#000;
	padding:8px 0;
	margin:0;
	text-align:center;
}
ul.news-content h1 span{
	line-height:26px;
}
ul.news-content span.date {
	font-size:14px;
	color:#999;
}
ul.news-content .thumb {
	margin: 0 0 10px 0;
}
.news-details-container{
	position:relative;
	width:100%;
	background:#ec1c2d;
	min-height:150px;
	display:flex;
	align-items:center;
}
.news-details-container h1{
		font-size:26px;
		font-weight:700;
		line-height:26px;
		color:#fff;
		margin-bottom:10px;
		margin-top:0;
}
.news-details-container p{
		font-size:16px;
		font-weight:400;
		line-height:16px;
		color:#fff;
		margin:0;
}
.news-details-content{
	padding:20px 0;
}
.news-details-content h2{
	font-size:22px;
	line-height:26px;
}
.news-details-content p{
	font-size:16px;
	line-height:24px;
	text-align:justify;
}
.news-details-content .gallery-box{
	padding-left:40px;
}

.banner-container.faq{
	background-color:#2a4055;
}  
.banner-container.faq .banner-content{
	margin-left:200px;
}


.banner-container.news-press{
	background-color:#e1dbc4;
}
.banner-container.news-press .banner-content{
	margin-left:200px;
}
.banner-container.event-archive{
	background-color:#656562;
}
.banner-container.event-archive .banner-content{
	margin-left:200px;
}

.banner-container.event-calendar{
	background-color:#bc5449;
}
.banner-container.event-calendar .banner-content{
	margin-left:200px;
}

.video-container{
	padding:50px 0;
}
.video-container h1{
		font-size:26px;
		font-weight:700;
		line-height:26px;
		margin-bottom:10px;
		text-align:center;
		border-top:#ec1c2d 2px solid;
		padding:20px 0;
}

ul.media-link{
	padding:0;
	margin:0;
}
ul.media-link li{
	padding:15px 0 15px 68px;
	margin:6px 0;
	list-style:none;
	border-bottom:1px dotted #909090;
	text-align:left;
	font-size:16px;
	font-weight:700;
	color:#000;
}
ul.media-link li:last-child{
	border-bottom:none;
}
ul.media-link li a{
	display:flex;
	align-items:center;
}
ul.media-link li .date{
	display:inline-block;
	width:auto;
	padding:10px 10px 5px 10px;
	background-color:#666;
	color:#fff;
	margin-right:10px;
	text-align:center;
	margin-left:-68px;
}
ul.media-link li .date .day{
	font-size:30px;
	font-weight:400;
	line-height:20px;
}
ul.media-link li .date .month{
	font-weight:400;
	letter-spacing:1.1px;
}
ul.media-link li p{
	margin:0;
}
ul.media-link li span{
	font-weight:400;
	color:#000;
	margin:0;
}

ul.faq-link{
	padding:0 !important;
	margin:0 !important;
}
ul.faq-link li{
	padding:15px 0 15px 30px;
	margin:6px 26px !important;
	list-style:none !important;
	text-align:left;
	font-size:16px !important;
	font-weight:700;
	color:#000;
	background-image:url(../images/icon_pdf.gif);
	background-repeat:no-repeat;
	background-position:0 16px;
}
ul.faq-link li p{
	font-weight:400;
	color:#000;
	margin:0;
}


.float-left{
	float:left;
}

.float-right{
	float:right;
}

/*========================================
  FAQ
  ========================================*/
  .faq-container{
	padding:50px 0;
}
.faq-container .cbp-item  {
	
}
.faq-container .cbp-caption-expand .cbp-caption {
    border-bottom: 1px dotted #909090;
}
.faq-container .cbp-item ul { 
	margin-left: -35px;
	}
  .faq-container .cbp-item li{
	  list-style:disc;
	  margin-left:15px;
  }
  .faq-container .cbp-item .cbp-caption-defaultWrap {
	  color:#660000;
  }
  .faq-container .cbp-item .cbp-l-caption-body {
	  color:#000;
	  background:#eee;
	  padding-top:25px;
	  padding-right:25px;
	  padding-bottom:25px;
  }
  .faq-container .cbp-l-filters-underline {
	  text-align:center;
	  border-bottom:#ec1c2d 2px solid;
  }
  .faq-container .cbp-l-filters-underline .cbp-filter-item {
    border-bottom: none;
    cursor: pointer;
    font: 700 14px "Lato", sans-serif !important;
    padding: 10px 15px;
    margin: 0 20px 0 0;
    color: #000;
}
.faq-container .cbp-filter-item-active.cbp-filter-item {
	background:#ec1c2d;
	border:none;
	color:#fff !important;
}

/* ====================================================================== 
 TABLE
====================================================================== */
.faq-container table { 
		width: 100%; 
		border-collapse: collapse;
		background:#fff;
	}
	/* Zebra striping */
	.faq-container table tr:nth-of-type(odd) { 
		background: #eee; 
	}
	.faq-container table th { 
		background: #333; 
		color: white; 
		font-weight: 700; 
	}
	.faq-container table td, .faq-container table th { 
		padding: 15px; 
		border: 1px solid #ccc; 
		text-align: left; 
		vertical-align:top;
	}
	.faq-container table ul { 
	margin-left: -35px;
	}

/* ====================================================================== 
 EVENTS
====================================================================== */
#events-archive-grid-container .cbp-item {
}
.events-container{
	padding:50px 0;
}
  .events-container .cbp-l-filters-underline {
	  text-align:center;
  }
  .events-container .cbp-l-filters-underline .cbp-filter-item {
    border-bottom: none;
    cursor: pointer;
    font: 700 14px "Lato", sans-serif !important;
    padding: 10px 15px;
    margin: 0 20px 0 0;
    color: #000;
}
.events-container .cbp-filter-item-active.cbp-filter-item {
	background:#ec1c2d;
	border:none;
	color:#fff !important;
}

.events-logo-container{
	max-width:350px;
	height:150px;
	display:flex;
	align-items:center;
	margin:0 auto;
	text-align:center;
	padding:0 20px;
	background:#fff;
}
.events-logo-container img{
	max-width:100% !important;
}
	.events-title-container{
		padding-top:20px;
		margin-bottom:40px;
		border-bottom:#ec1c2d 4px solid;
	}
	.events-title-container.grey-bg{
		background:#DBDBDB;
	}
	.events-title{
		width:270px;
		padding:5px;
		background:#fff;
		margin:0 auto;
		margin-bottom:-5px;
	}
	.events-title h1{
		font-size:26px;
		font-weight:700;
		line-height:6px;
		text-align:center;
		color:#000;
		background:#FFF;
	}
	
/*.events-content{
	position:relative;
	border:#ccc 1px solid;
	background:#F1F1F1;
	min-height:350px;
}
.events-content a{
	text-decoration:none;
	border:0;
}
.events-content h1 {
	font-size:18px;
	line-height:24px;
	font-weight:700px;
	color:#000;
	padding:20px 5px 8px 5px;
	margin:0;
	text-align:center;
}
.events-content p {
	font-size:14px;
	font-weight:400;
	color:#666;
	text-align:center;
	margin:0;
	padding:0 0 20px 0;
}*/
.framework-img {
	float:left;
	max-width:400px;
	margin:20px 20px 20px 0;
}
.framework-img-chart {
	float:right;
	margin:20px 0 20px 20px;
}

	.layer-black{
		position:absolute;
		width:100%;
		height:100%;
		background: url(../images/zoom-in-white.png) center no-repeat;
		background-color:rgba(0, 0, 0, 0.8);
		background-size:15%;
		z-index:99;
		opacity:0;
		transition: ease-in .3s;
	}
	.events-content a:hover .layer-black{
		opacity:1;
	}
	.events-popup-content{
	padding:40px 0;
	}
	.contact-content{
		border-left:#666 1px solid;
		margin-left:-11px;
		padding-bottom:30px;
	}
	.events-popup-content h1{
		font-size:36px;
		line-height:36px;
		font-weight:700;
		color:#344860;
		margin:0;
	}
	.events-popup-content h2{
		font-size:20px;
		line-height:24px;
		font-weight:400;
		color:#000;
	}
	.events-popup-content p{
		font-size:16px;
		line-height:24px;
		font-weight:400;
		color:#000;
		padding:0 0 0 40px;
	}
	.events-popup-content ul{
		padding-left:55px;
		font-size:16px;
	}
	.events-popup-content ul li{
		padding:3px 0;
	}
	.contact-box{
	font-size:16px;
	line-height:20px;
	padding:0 30px;
	border-right:#666 1px solid;
	}
	.contact-box img{
		max-width:250px;
		margin-bottom:20px;
	}
	.contact-box ul{
		padding:0;
		margin:10px auto;
		width:100%;
		max-width:560px;
	}
	.contact-box ul li{
		padding:10px 0 10px 25px;
		margin:0;
		list-style:none;
		position:relative;
	}
	.contact-box ul li a{
		text-decoration:none;
	}
	.contact-box ul li a:hover{
		text-decoration:underline;
	}
	.contact-box ul li.date{
		background:url(../images/events/icon_calendar.png) left center no-repeat;
	}
	.contact-box ul li.location{
		background:url(../images/events/icon_location.png) left center no-repeat;
	}
	.contact-box ul li.website{
		background:url(../images/events/icon_website.png) left center no-repeat;
	}
	/*.contact-box ul li img{
		display:inline-block;
		vertical-align:middle;
		margin-right:5px;
	}*/
	
	.contact-box .contact-icon{
		margin:20px 0;
	}
	.contact-box h1 {
		font-size:22px;
		font-weight:700;
		border-top:#000 1px dotted;
		border-bottom:#000 1px dotted;
		padding:20px 0;
	}
	.contact-box h3 {
		font-size:18px;
		font-weight:700;
		margin:0;
		border-bottom:#000 1px dotted;
		padding:20px 0;
	}
	
	
	
.video-thumb{
	width:100%;
	max-width:600px;
	margin:0 auto;
	position:relative;
}
.video-thumb a{
	text-decoration:none;
	color:#fff;
}
.video-thumb a .video-mask{
	position:absolute;
	width:100%;
	height:100%;
	top:0%;
	left:0%;
	background-color:#000000;
	opacity:0;
	transition:opacity 0.4s;
	-webkit-transition:opacity 0.4s;
}
.video-thumb a:hover .video-mask{
	opacity:0.8;
}
.video-thumb a:hover .video-button{
	position:absolute;
	background-image:url(../images/btn_play.png);
	background-position:center center;
	background-repeat:no-repeat;
	width:65px;
	height:70px;
	top:40%;
	margin-top:-35px;
	left:50%;
	margin-left:-33px;
	z-index:10;
}
.video-thumb p{
	position:absolute;
	width:80%;
	font-size:20px;
	font-weight:600;
	color:#fff;
	top:55%;
	left:10%;
	text-align:center;
	padding:10px;
	background-color:rgba(0, 0, 0, 0.7);
}



	
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		.faq-container table, .faq-container table thead, .faq-container table tbody, .faq-container table th, .faq-container table td, .faq-container table tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.faq-container table thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.faq-container table tr { border: 1px solid #ccc; }
		
		.faq-container table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		.faq-container table td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		.faq-container table td:nth-of-type(1):before { content: "CHARACTERISTIC"; }
		.faq-container table td:nth-of-type(2):before { content: "LATEX"; }
		.faq-container table td:nth-of-type(3):before { content: "NITRILE"; }
		.faq-container table td:nth-of-type(4):before { content: "VINYL"; }
	}
	

/*========================================
  Light Box
  ========================================*/
  .lightbox-popup{
	  width:100%;
	  max-width:1170px;
	  padding:40px;
	  overflow:auto;
  }
  .lightbox-popup h1 {
	  font-size:32px;
	  font-weight:700;
	  color:#ec1c2d;
  }
  .lightbox-popup p {
	  line-height:20px;
  }
  .lightbox-popup img{
	  float:right;
	  width:100%;
	  max-width:250px;
	  margin:15px 0 15px 30px;
  }
  
  
  
 .news-details-content a{
	 text-decoration:none;
 }
.btn-link{
	  background:#333;
	  padding:10px 0;
	  margin-bottom:30px;
	  font-size:16px;
	  font-weight:700;
	  color:#fff;
	  text-align:center;
  }
.btn-link:hover{
	  background:#000;
  }


  
    

/*========================================
  Responsive
  ========================================*/
@media (max-width:800px){
	.banner-container{
		background-size:cover;
		height: 25vh;
	}
	.banner-container.media{
		background-image:url(../images/banner-media.jpg);
		background-position:right 20% center;
	}
	.banner-container.media-releases{
		background-image:url(../images/banner-media-releases.jpg);
		background-position:left 20% center;
	}
	.banner-container.media-coverage{
		background-image:url(../images/banner-media-coverage.jpg);
		background-position:right 20% center;
	}
	.banner-container.events-happenings{
		background-image:url(../images/banner-events-happenings.jpg);
		background-position:right 20% center;
	}
	.banner-container.video-gallery{
		background-image:url(../images/banner-video-gallery.jpg);
		background-position:right 20% center;
	}
	.banner-container.others{
		background-image:url(../images/banner-others.jpg);
		background-position:left 20% center;
	}
	
	.banner-container.news{
		background-image:url(../images/banner-news-media.jpg);
		background-position:center;
		background-size:cover;
		height: 25vh;
	}
	.banner-container.news .banner-content{
		background-color:#e1dbc4;
		margin-left:0px;
	}
	
	.banner-container.news-press{
		background-image:url(../images/banner-news.jpg);
	}
	.banner-container.news-press .banner-content{
		background-color:#e1dbc4;
		margin-left:0px;
	}
	
	.banner-container.faq{
		background-image:url(../images/banner-faq.jpg);
	}
	.banner-container.faq .banner-content{
		background-color:#2a4055;
		margin-left:0px;
	}
	
	.banner-container.event-calendar{
		background-image:url(../images/banner-event-calendar.jpg);
	}
	.banner-container.event-calendar .banner-content{
		background-color:#bc5449;
		margin-left:0px;
	}
	
	.banner-container.event-archive{
		background-image:url(../images/banner-event-archive.jpg);
	}
	.banner-container.event-archive .banner-content{
		background-color:#656562;
		margin-left:0px;
	}	
	
		.news-details-container {
			padding-top: 0;
		}

	ul.news-content li{
		width:49.5%;
	}
	.news-details-content .gallery-box{
		padding-left:10px;
	}
	
	.contact-content{
		border-left:none;
		margin-left:0;
	}
	.contact-box{
		padding:0 10px;
		border-right:none;
		border-bottom:#666 1px solid;
	}
	.contact-box ul{
		width:100%;
		max-width:none;
	}
	.events-popup-content p{
		padding:0 0 0 0px;
	}
	.events-popup-content ul{
		padding-left:15px;
	}
}


@media screen and (max-width:767px){
	.banner-container{
		height: 20vh;
	}
}

@media screen and (orientation:landscape) and (max-height:500px) and (max-width:960px){
	.banner-container{
		height: 50vh;
	}
}


@media screen and (orientation:landscape) and (max-height:600px){
	.banner-container.news{
		height: 70vh;
	}
}



@media (max-width:595px){
	ul.news-content li{
		width:100%;
		min-height:inherit;
		height:auto;
		margin:10px 0;
	}
	.news-details-content img{
		float:none !important;
		margin:10px auto;
	}
	.news-details-container{
		min-height:none;
		padding-top:10px;
		padding-bottom:15px;
	}
	.news-details-container h1{
		font-size:22px;
		line-height:26px;
	}
	.news-details-content h2{
		font-size:18px;
		line-height:22px;
	}
	.video-thumb p{
		width:90%;
		font-size:16px;
		left:5%;
	}
	ul.media-link li a{
		align-items:flex-start;
	}
}