/* CSS Document */
.anchor {position:absolute; z-index:-1; top:-70px; display:block;}

/* ##### lp-MainVideo ##### */
#lp-MainVideo {
	margin: 0 auto 20px auto;
	position: relative;
	height: 450px;
	overflow: hidden;
	background: url(../img/tlo_video_1900x450.jpg?v3) no-repeat;
	background-size: cover;
	background-position: center;
}
#lp-MainVideo video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
}
#lp-MainVideo .i-desc {
	padding: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(255, 255, 255, 0.60);
	width: 100%;
	text-align: center;
	overflow: hidden;
}

/* ##### lp-hr ##### */
.lp-hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #666, rgba(0, 0, 0, 0));
	width: 90%;
}

/* ##### MENU ##### */
#lp-menu {
	text-align: center;
	z-index: 100;
	position: relative;
	margin-bottom: 40px;
}
#lp-menu li {margin:0 2px; line-height: 16px; font-size: 16px;}
#lp-menu li a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 196px;
	height: 50px;
	color: #50565c;
	background: #fff;
	padding: 2px 5px;
	box-shadow: 4px 6px 25px 0 rgba(0, 0, 0, .33);

	-webkit-transition: none !important;
	-moz-transition: none !important;
	transition: none !important;

}
#lp-menu li a:hover {color: #000;}

#lp-menu li.active a {
	color: #fff;
	background: -webkit-linear-gradient(left top, #f5c245, #f49b3c);
	background: -o-linear-gradient(bottom right, #f5c245, #f49b3c);
	background: -moz-linear-gradient(bottom right, #f5c245, #f49b3c);
	background: linear-gradient(to bottom right, #f5c245, #f49b3c);
}

/* ##### MAP ##### */
#lp-mapaPylen {
	padding:50px 0 0 0;
	position:relative;
}

#lp-mapAreaContainer {
	background:url(../img/mapa-empty.jpg) no-repeat;
	background-size: contain;
}
#lp-mapArea {
	background:url(../img/mapa-empty.jpg) no-repeat;
	background-size: contain;
}
#lp-mapArea.pos-r1 {background-image: url(../img/mapa-pos1.jpg);}
#lp-mapArea.pos-r2, #lp-mapArea.pos-r22 {background-image: url(../img/mapa-pos2.jpg);}
#lp-mapArea.pos-r3 {background-image: url(../img/mapa-pos3.jpg);}
#lp-mapArea.pos-r4, #lp-mapArea.pos-r42, #lp-mapArea.pos-r43 {background-image: url(../img/mapa-pos4.jpg);}

#areaMap {
	opacity:0;
	max-width: 100% !important;
	width: 100% !important;
	height: 100% !important;
}

.lp-table3 {width:100%; font-size:12px; margin-bottom:10px;}
.lp-table3 th {
	border:1px solid #a4a4a4;
	width:25px;
	text-align:center;
	padding:3px 2px;
	background:#DADAD9;
	vertical-align:middle;
}
.lp-table3 th[colspan="2"] {width:50px;}
.lp-table3 th[colspan="3"] {width:75px;}

.lp-table3 td {
	border:1px solid #a4a4a4;
	text-align:center;
	width:25px;
	padding:3px 2px;
	vertical-align:middle;
}

.lp-table3 td:first-child {
	text-align:center;
	font-weight:bold;
	background:#f2f2f2;
	font-size:12px;
}

.lp-table3 td.st-n:after {content:"";}
.lp-table3 td.st-s:after {content:""; color:#fff;}
.lp-table3 td.st-w:after {content:""; color:#fff;}

.lp-table3 td.st-n {background-color:#FAEC7A;}
.lp-table3 td.st-s {background-color:#FFA800;}
.lp-table3 td.st-w {background-color:#F43235;}

.lp-legend-map {text-align:right;}
.lp-legend-map span {margin-right:5px; font-size:12px; padding:3px 10px;}
.lp-legend-map .st-n {background-color:#FAEC7A;}
.lp-legend-map .st-s {background-color:#FFA800; color:#fff !important;}
.lp-legend-map .st-w {background-color:#F43235; color:#fff !important;}

.lp-change-map p strong {font-size:16px; margin-bottom:5px;}

/* ##### lp-filterText ##### */
.lp-filterText {padding: 0 !important;}
.lp-filterText li {
	padding-left: 30px;
	list-style: none;
}
.lp-filterText .lp-b1 {background: url(../img/b1.png) no-repeat left 1px;}
.lp-filterText .lp-b2 {background: url(../img/b2.png) no-repeat left 1px;}
.lp-filterText .lp-b3 {background: url(../img/b3.png) no-repeat left 1px;}
.lp-filterText .lp-b4 {background: url(../img/b4.png) no-repeat left 1px;}

/* ##### TABLE2 ##### */
.lp-table2 {width:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.lp-table2 th {
	font-weight:bold;
	text-align:left;
	padding:7px 10px;
	border-bottom:1px solid #d2d2d2;
	border-right:10px solid #f9f9f9;
	background:#dadad9;
	vertical-align:middle;
	font-size:14px;
	text-shadow:0 0 1px #fff;
}
.lp-table2 th:last-child {border-right:none; text-align:center;}

.lp-table2 td {
	vertical-align:middle; 
	border-bottom:1px solid #d2d2d2;
	border-right:10px solid #f9f9f9;
	padding:7px 10px;
}

.lp-table2 td:first-child *, .lp-table2 td:first-child {color:#336699 !important;}
.lp-table2 td:last-child {border-right:none;}

@media all and (max-width: 991px) {
  #landingPage h1 {font-size:28px; line-height: normal; margin-bottom: 0px;}
  #landingPage h2 {font-size:22px; line-height: normal; margin-bottom: 0px;}
  #landingPage h3 {font-size:18px; line-height: normal; margin-bottom: 0px;}
  #landingPage p  {line-height: 24px;}
  #lp-menu li {line-height: 20px;}
  #lp-purifyNav div.lp-purifyCenter{ 	max-width: 208px; }
  p.hide-tech {width: 90% !important;}
  #silent-shred iframe {width: 100% !important;}
}

@media all and (max-width: 991px) {
	#landingPage h1 {font-size: 24px;}

	/* ##### lp-MainVideo ##### */
	#lp-MainVideo {background-image: url(../img/tlo_video_707x600.jpg?v3);}
	#lp-MainVideo video {display: none;}
}

@media all and (max-width: 767px) {
	#landingPage table.responsive { margin-bottom: 0; }
	#landingPage table.responsive td, #landingPage table.responsive th {height: 30px; min-width: 30px;}

	#landingPage .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	#landingPage .pinned table { border-right: none; border-left: none; width: 100%; }
	#landingPage .pinned table th, .pinned table td { white-space: nowrap; }
	#landingPage .pinned td:last-child { border-bottom: 0; }

	#landingPage div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	#landingPage div.table-wrapper div.scrollable { margin-left: 35%; }
	#landingPage div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

	#landingPage table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	#landingPage table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
}

@media all and (max-width: 479px) {
	/* ##### lp-MainVideo ##### */
	#lp-MainVideo {height: 300px;}

}