@charset "utf-8";
/* CSS Document */
/* =Reset
-------------------------------------------------------------- */
/*
 * Copyright (c) 2012-2013 Thibaut Courouble
 * http://www.cssflow.com
 *
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */
.container {
				margin: 20px auto;
				width: 400px;
				max-width: 100%;
				text-align: center;
}
.share-btn {
				display: inline-block;
				vertical-align: top;
				position: relative;
				margin: 0 10px;
				padding-top: 40px;
				width: 80px;
				font-weight: bold;
				text-align: center;
				text-decoration: none;
				border-radius: 8px;
				-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
				box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.share-btn:active {
				margin-top: 3px;
}
.share-btn:active .share-btn-action {
				padding-bottom: 3px;
				-webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
				box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
}
.share-btn:active .share-btn-action:after {
				bottom: 3px;
}
.share-btn-count {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				line-height: 40px;
				font-size: 19px;
				letter-spacing: -1px;
				color: #555;
				text-shadow: 0 1px white;
				background: #e6eff5;
				border-width: 1px 1px 0;
				border-style: solid;
				border-color: #c5c5c5 #bbb;
				border-radius: 8px 8px 0 0;
				background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
				background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
				background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
				background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), transparent 40%);
				-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
				box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
}
.share-btn-count:after {
				content: '';
				position: absolute;
				top: 100%;
				left: 50%;
				margin-left: -6px;
				border: 6px solid transparent;
				border-top-color: #e6eff5;
}
.share-btn-count:before {
				content: '';
				position: absolute;
				top: 100%;
				left: 50%;
				margin-left: -6px;
				border: 6px solid transparent;
				border-top-color: #e6eff5;
}
.share-btn-count:before {
				margin-left: -7px;
				margin-top: 1px;
				border-width: 7px;
				border-top-color: rgba(0, 0, 0, 0.07);
}
.share-btn-action {
				display: block;
				position: relative;
				line-height: 32px;
				padding: 2px 0 6px;
				font-size: 12px;
				color: white;
				text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
				border: solid rgba(0, 0, 0, 0.18);
				border-width: 0 1px;
				border-radius: 0 0 8px 8px;
}
.share-btn-action:before {
				content: '';
				display: inline-block;
				vertical-align: top;
				margin: 8px 2px 0 0;
				width: 18px;
				height: 18px;
				background-image: url("https://plc-training.org/images/icons.png");
}
.share-btn-action:after {
				content: '';
				position: absolute;
				top: 0;
				bottom: 6px;
				left: 0;
				right: 0;
				border-radius: 0 0 6px 6px;
				-webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);
				box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);
}
.share-btn-tweet {
				background: #83cfe8;
				background-image: -webkit-linear-gradient(top, #83cfe8, #6ebbd4);
				background-image: -moz-linear-gradient(top, #83cfe8, #6ebbd4);
				background-image: -o-linear-gradient(top, #83cfe8, #6ebbd4);
				background-image: linear-gradient(to bottom, #83cfe8, #6ebbd4);
				-webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
				box-shadow: inset 0 -6px rgba(0, 0, 0, 0.16), inset 0 -1px rgba(0, 0, 0, 0.15);
}
.share-btn-tweet:before {
				margin-left: -3px;
}
.share-btn-tweet:after {
				-webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);
				box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);
}
.share-btn-tweet + .share-btn-count {
				-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);
				box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);
}
.share-btn-tweet + .share-btn-count:before {
				border-top-color: rgba(0, 0, 0, 0.05);
}
.share-btn-like {
				background: #6480bd;
				background-image: -webkit-linear-gradient(top, #6480bd, #3c5894);
				background-image: -moz-linear-gradient(top, #6480bd, #3c5894);
				background-image: -o-linear-gradient(top, #6480bd, #3c5894);
				background-image: linear-gradient(to bottom, #6480bd, #3c5894);
				-webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2);
				box-shadow: inset 0 -6px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.2);
}
.share-btn-like:before {
				background-position: -18px 0;
}
.share-btn-plus {
				background: #f74040;
				background-image: -webkit-linear-gradient(top, #f74040, #db1818);
				background-image: -moz-linear-gradient(top, #f74040, #db1818);
				background-image: -o-linear-gradient(top, #f74040, #db1818);
				background-image: linear-gradient(to bottom, #f74040, #db1818);
				-webkit-box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
				box-shadow: inset 0 -6px rgba(0, 0, 0, 0.08), inset 0 -1px rgba(0, 0, 0, 0.3);
}
.share-btn-plus:before {
				display: none;
}
.scell {
				float: left;
				padding-left: 5px;
				padding-right: 5px;
				padding-top: 5px;
}
/* - Original css - */
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
audio {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
mark {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
time {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ruby {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
output {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
menu {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
hgroup {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
header {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
footer {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
figure {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
embed {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
details {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
canvas {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
aside {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
th {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
tr {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
thead {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
tfoot {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
tbody {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
caption {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
table {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
label {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
form {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ul {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ol {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
dd {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
dt {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
dl {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
center {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
i {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
u {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
b {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
var {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
tt {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
sup {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
sub {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
strong {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
strike {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
small {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
samp {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
s {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
q {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
kbd {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ins {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
em {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
dfn {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
del {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
code {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
cite {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
big {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
address {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
acronym {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
abbr {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
pre {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
p {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
h6 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
h5 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
h4 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
h3 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
h2 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
h1 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* Youtube Reflexive */
.vid-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 35px; height: 0; overflow: hidden;
}

.vid-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vid-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vid-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
iframe {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
object {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
applet {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
span {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
div {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
html {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
				line-height: 1;
				font-family: "Open Sans";
				color: #008000;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
q {
	quotes: none;
}
blockquote {
	quotes: none;
}
q:after {
	content: '';
	content: none;
}
q:before {
	content: '';
	content: none;
}
blockquote:after {
	content: '';
	content: none;
}
blockquote:before {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	font-weight: normal;
	text-align: left;
}
th {
	font-weight: normal;
	text-align: left;
}
caption {
	font-weight: normal;
	text-align: left;
}
h6 {
	clear: both;
}
h5 {
	clear: both;
}
h4 {
	clear: both;
}
h3 {
	clear: both;
}
.h3highlight{background:#e5e5e5; color:#000; padding:8px 5px; font-size:14px; font-weight:bold; margin-bottom:20px;}
h2 {
	clear: both;
}
h1 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
}
a:focus {
	outline: thin dotted;
}
section {
	display: block;
}
nav {
	display: block;
}
hgroup {
	display: block;
}
header {
	display: block;
}
footer {
	display: block;
}
figure {
	display: block;
}
figcaption {
	display: block;
}
details {
	display: block;
}
aside {
	display: block;
}
article {
	display: block;
}
video {
	display: inline-block;
}
canvas {
	display: inline-block;
}
audio {
	display: inline-block;
}
audio:not([controls]) {
 display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
}
a {
				text-decoration: underline;
}
/**{
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}*/
/*Main CSS START
@font-face {
 font-family: 'FontAwesome-webfont';
 src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
 src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}*/
#wrapper {
	width:100%;
	height:100%;
	border-top:7px solid #3e454c;
}
header {
	width:980px;
	margin:0 auto;
	text-align:center;
	padding:10px 0;
	overflow:hidden;
	border-bottom:2px solid #e5e5e5;
}
.logo{float:right; margin:0 10px 0 0;}
header h1 {
	color:#3e454c;
	font-size:64px;
	font-weight:normal;
	float:left;
	position:relative;
	top:30px;
}
h1.page-title{
font-family:"Open Sans"; 
font-size:30px; 
color:#3e454c; 
font-weight:normal; 
margin-bottom:15px;
}
h2.page-title{
				font-family: "Open Sans";
				font-size: 30px;
				color: #008000;
				font-weight: normal;
				margin-bottom: 15px;
				text-align:center;
}

.content {
	margin:0 auto;
	width:980px;
	padding:20px 0;
	overflow:hidden;
}
.content p {
	
	font-size: 1.3em;
	margin:0 0 1em 0;
	color:#3e454c;
	line-height:25px;
}
nav {
	overflow:hidden;
	margin:0 0 10px 0;
	clear:both;
}
nav ul li {
	width:160px;
	float:left;
}
nav ul h2 {
	background:url(https://plc-training.org/images/h2-bg.jpg) repeat-x;
	display:block;
	height:60px;
	text-align:center;
}
nav ul h2 a {
				font-size: 15px;
				color: #3e454c;
				padding: 10px 10px 0 10px;
				display: block;
				text-decoration: underline;
}
nav ul h2 a:hover {
				font-size: 16px;
				color:  blue;
				padding: 10px 10px 0 10px;
				display: block;
				text-decoration: underline;
}

nav ul li .drop {
	border:1px solid #eec334;
	border-top:0px;
	min-height:210px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	padding:10px;
}
nav ul li .drop ul {
}
nav ul li .drop ul li {
	width:auto;
	margin:0 0 10px 0;
	background:url(https://plc-training.org/images/bull.png) no-repeat left top 5px;
	padding:0 0 0 15px;
	float:none;
}
nav ul li.arrow {
	width:40px;
}
nav ul li.arrow::after {
 content:""; 
 display:inline-block;
 /* font-family:"FontAwesome-webfont"; */
 font-size:40px;
 color:#333;
 position:relative;
 top:125px;
}
nav ul li.advance {
	width:100%;
	text-align:center;
	margin:25px 0;
}
nav ul li.advance span {
	background:url(https://plc-training.org/images/advance-bg.jpg) repeat-x;
	padding:8px 85px;
	line-height:30px;
	font-size:15px;
	color:#3e454c;
	font-weight:bold;
}
/*
nav ul li .drop:after{content:"\f061"; display:inline-block; font-family:"FontAwesome"; font-size:40px; color:#333;}
nav ul li .drop ul li:after{content:""; display:none; font-family:"FontAwesome"; font-size:40px; color:#333;}
*/
nav ul li .drop ul li h3 a {
	font-size:13px;
	color:#3e454c;
	font-weight:normal;
	line-height:15px;
}
nav ul li .drop ul li h3 {
	font-size:13px;
	color:#3e454c;
	font-weight:normal;
	line-height:15px;
}
footer {
	width:100%;
	height:fit-content;
	margin:0 auto;
	background:#3e454c;
	padding-bottom:2px
}
ul.foot {
	padding:10px 0;
	text-align:center;
	clear:both;
}
ul.foot li {
	display:inline-block;
	margin:0 5px;
 	padding-top:12px;
 	padding-bottom:12px;
}
ul.foot li a {
	font-size:15px;
	color:#ffffff;
	text-decoration:underline;
	padding: 1vw;
}
ul.social {
	text-align:center;
	clear:both;
	padding:5px 0;
}
p.share {
	text-align:center;
	clear:both;
	line-height: 0.5;
}
ul.social li {
	display:inline;
	margin-right:15px;
	font-family:"FontAwesome-webfont";
	font-size:18px;
}
ul.social li a {
	color:#fff;
	padding: 1vw;
}
.fb::before {
	content:"\f09a";
}
.tw::before {
	content:"\f099";
}
.pl::before {
	content:"\f0d5";
}
.in::before {
	content:"\f0e1";
}
footer p {
				font-size: 12px;
				color: #FFFF99;
				text-align: center;
}



ul.normal{margin:10px 0 25px 0;}
ul.normal li{margin:0 0 10px 0; line-height:22px;}
ul.normal li a{
				color: #148314;
				text-decoration: underline;
}




.content-image{text-align:center; margin:10px 0;}
.content-image img{border:5px solid #FFF; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.75); box-shadow: 0 0 10px 0 rgba(0,0,0,.75);}

ul.topics{margin:15px 0;}
ul.topics li{margin:5px 0 5px 0; background:url(https://plc-training.org/images/topics-bull.png) no-repeat left top 4px; padding-left:15px;}
ul.topics li h3{font-size:16px; font-weight:bold; color:#3E454C;}
.content h4{font-weight:normal; font-size:22px; margin:10px 0; color:#3e454c;}
a.mobile{color:#F00 !important;}
.type{
				text-align: center;
				color: #FFFFCC;
}

ul.types{clear:both; overflow:hidden; margin:20px 0;}
ul.types li{width:30%; float:left; color: #3E454C; font-size: 13px; font-weight: normal; line-height: 15px; margin:0 0 10px 0;}
ul.default{list-style:disc; margin:auto; padding:0 0 20px 25px;}
ul.default li{font-family:'Open Sans'; font-size:14px; line-height:20px; color:#3e454c; margin-bottom:5px;}

.info{padding:5px; border:1px solid #000; margin-bottom:20px;}
.info p{margin:0 0 0px 0;}
h5{background:#e5e5e5; color:#000; padding:8px 5px; font-size:14px; font-weight:bold; margin-bottom:20px;}
p.testimonials{font-style:italic;}
span.user{display:block; clear:both; font-weight:bold; font-style:normal;}
p.see:before{display:inline-block; content:"\f061"; font-family:"FontAwesome-webfont"; padding-right:15px; font-size:18px;}
p.see a{
				color: #148314;
				font-weight: bold;
				text-decoration: underline;
}

p.style-cen{font-family:"Comic Sans MS"; color: #f00002; text-align:center; font-size:18px; margin:0 0 20px 0;}
p.red{color:#FF0000;}
.default ul {
    list-style: disc outside none;
    padding: 5px 0 0 15px;
}

h1{margin-bottom:20px;}
img.bt { vertical-align: bottom; }
.copyright {
				color: #800000;
				margin-bottom: 25px;
				margin-left: 20px;
				margin-right: 20px;
				padding-left: 20px;
				padding-right: 20px;
}
.copyright2 {
				color: #FFFFCC;
				margin-left: auto;
				margin-right: auto;
				text-shadow: 0px -1px 0px rgb(215, 200, 30);
				z-index: 10;
				position: relative;
}

.button2{
color: rgb(0, 0, 0);
width:140px;
margin-left:auto;
margin-right:auto;
font-size: 20px;
padding: 5px;
text-decoration:none;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: rgb(215, 200, 30);
background: -moz-linear-gradient(270deg, rgb(215, 200, 30) 1%, rgb(255, 255, 30) 70%);
background: -webkit-linear-gradient(270deg, rgb(215, 200, 30) 1%, rgb(255, 255, 30) 70%);
background: -o-linear-gradient(270deg, rgb(215, 200, 30) 1%, rgb(255, 255, 30) 70%);
background: -ms-linear-gradient(270deg, rgb(215, 200, 30) 1%, rgb(255, 255, 30) 70%);
background: linear-gradient(180deg, rgb(215, 200, 30) 1%, rgb(255, 255, 30) 70%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
}
.button2:hover {
color: rgb(0, 0, 0);
width:200px;
margin-left:auto;
margin-right:auto;
font-size: 20px;
padding: 5px;
text-decoration:none;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:  yellow;
background: -moz-linear-gradient(270deg, rgb(200, 185, 15) 1%, rgb(255, 255, 60) 7%);
background: -webkit-linear-gradient(270deg, rgb(200, 185, 15) 1%, rgb(255, 255, 60) 7%);
background: -o-linear-gradient(270deg, rgb(200, 185, 15) 1%, rgb(255, 255, 60) 7%);
background: -ms-linear-gradient(270deg, rgb(200, 185, 15) 1%, rgb(255, 255, 60) 7%);
background: linear-gradient(180deg, rgb(200, 185, 15) 1%, rgb(255, 255, 60) 7%);
-webkit-box-shadow: 0px 3px 1px rgba(60, 60, 60, 0.75);
-moz-box-shadow:    0px 3px 1px rgba(60, 60, 60, 0.75);
box-shadow:         0px 3px 1px rgba(60, 60, 60, 0.75);
}
.font100 {
				font-size: 100%;
}

/*Responsive Css Start*/
@media (max-width: 768px) {
	header{
		width:100%;
	}
	header h1 {
		font-size:40px;
	}
	.content{
		width:98%;
		padding:10px 1%;
	}
	nav ul li{
		width:100%;
	}
	nav ul h2{
		height:auto;
	}
	nav ul h2 a{
		padding:10px;
	}
	nav ul li .drop{
		min-height:100%;
	}
	nav ul li.arrow{
		width:100%;
		text-align:center;
	}
	nav ul li.arrow:after{
		content:"\f063";
		position:inherit;
	}
	nav ul li.advance span{
		padding:0;
		width:100%;
		display:block;
	}
	.content-image{
		width:100%;
		}
	.content-image img{
		max-width:90%;
		}
	footer{
		height:auto;
		width:98%;
		padding:1% 1% 10px 1%;
	}
	ul.types li{
		width:50%
	}
}
@media (max-width: 450px){
	img{
		max-width:100%;
		height:auto;
	}
	header h1{
		text-align:center;
		clear:both;
		width:100%;
		display:block;
		top:0;
		font-size: 12.2vw;
	}
	header img{
		width:50%;
	}
	.logo{
		display:block;
		width:100%;
		text-align:center;
	}
	ul.types li{
		width:100%
	}
	embed{width:100%;}
}
/*Media Print*/
@media print{
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}	
}
div.testimonials2 {
				font-style: italic;
				margin-left: 40px;
				font-size:14px;
				color:#3e454c;
				line-height:20px;

}
span.user2{display:block; clear:both; font-weight:bold; font-style:normal; margin-left: 40px;
}
.imgmobile {
    max-width: 100%;
    height: auto;
    width:auto;
    border:0px
    }
.mobileimage {
    max-width: 100%;
    height: auto;
    width:auto;
    border:0px
    }
.container2 {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#sidenoteLtGreen {
				margin-top: 16px;
				padding: 14px;
				background: #CCFF99;
				border-radius: 22px;
				-moz-border-radius: 22px;
				-webkit-border-radius: 22px;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.textblue {
				color: #0000FF;
}
.textdrkblue {
				color: #000080;
}
.textaquablue {
				color: #00FFFF;
}
.textorange {
				color: #FF9933;
}
.textred {
				color: #FF0000;
}
.textpink {
				color: #FF00FF;
}
.textgreen {
				color: #008000;
}
.textteal {
				color: #008080;
}
.textolive {
				color: #808000;
}
.textlimegreen {
				color: #00FF00;
}
.textlimegreenGlow {
				color: #009900;
				text-shadow: 0 0 0.2em #00FF00, 0 0 0.2em #00FF00, 0 0 0.2em #00FF00;
}
.textpurple {
				color: #800080;
}
.textgray {
				color: #808080;
}
.textyellow {
				color: #FFFF00;
}
.textgreen {
				color: #008000;
}
.textpurple {
				color: #800080;
}
.textcenterpurple {
				text-align: center;
				color: #800080;
}
.txtlrgbluecenter {
				color: #0000FF;
				font-size: x-large;
				text-align: center;
}
.textmaroon {
				color: #FF0000;
}
.textwhite {
				color: #FFFFFF;
}
.comicgreen {
				font-family: "Comic Sans MS";
				color: #008000;
}
.comicblue {
	font-family: "Comic Sans MS";
	color: #0000FF;
}
.comicmaroon {
				font-family: "Comic Sans MS";
				color: #800000;
}
.comicgrey {
	font-family: "Comic Sans MS";
	color: #666666;
}
.ComicSansMS {
				font-family: "Comic Sans MS";
}
.textAirialRnd {
				font-family: "Arial Rounded MT Bold" !important;
}
.txtroundedBold {
				font-family: "Arial Rounded MT Bold";
}
.textAirial {
				font-family: Arial;
}
.txtFrankMed {
				font-family: "Franklin Gothic Medium";
}
.textCursive {
				font-family: "Script MT Bold";
}
.textWingDings {
				font-family: Wingdings;
}
.txtStrikeThrough {
				text-decoration: line-through;
}
.txtXXsmall {
				font-size: xx-small;
}
.txtXsmall {
				font-size: x-small;
}
.txtsmall {
				font-size: small;
}
.centerxsmall {
	text-align: center;
	font-size: x-small;
}
.textmedium {
				font-size: medium;
}
.textlarge {
				font-size: large;
}
.textmediumblink {
				font-size: medium;
				text-decoration: blink;
}
.Indent10 {
				text-indent: 10px;
}
.Moveright5percent {
				margin-left: 5%;
}
.paddingLeft10 {
				padding-left: 10px;
				border-radius: 10px;
				box-shadow: 5px 2px 10px pink;
}
.textcenter {
	text-align: center;
}
.textallignright {
				text-align: right;
}
.textallignrightsmall {
				text-align: right;
				font-size: small;
}
.textlarge {
				font-size: large;
}
.textlargeblink {
				font-size: large;
				text-decoration: blink;
}
.textRedYellowBkg {
				color: #FF0000;
				background-color: #FFFF00;
}
.textYellowBkg {
				background-color: #FFFF00;
}
.clearfix {
    overflow: auto;
}
.bigbluecenter {
				display: table-cell;
				vertical-align: top;
				text-align: center;
				padding: 3px 10px;
				color: #0000FF;
				font-size: xx-large;
				font-weight: bolder;
}
.BackgrndLimeGrnRedText {
				color: #FF0000;
				background-color: #00FF00;
}
.imgleftborder {
				float: left;
				padding: 2px 2px;
				border: 1px solid #000000;
}
.imgborder {
				padding: 2px 2px;
				border: 1px solid #000000;
}
.imgborderGreen {
				border-style: outset;
				border-width: 2px;
				border-color: #66FF33 #006600 #006600 #99FF33;
				padding: 2px 2px;
}
.imagemarge10 {
				margin-left: 0px;
				margin-right: 10px;
}
.imgleftborder10 {
				float: left;
				padding: 2px 10px;
}
.imgleftborder10x10 {
				float: left;
				right: 2px;
				padding-right:10px;
}
.imgleftpadding5x5 {
				float: left;
				padding: 5px 5px;				
}
.imgleftpad5x5Noboarder {
				float: left;
				padding: 5px 5px;
				border:0px
}
.imgleftNOborder10 {
				float: left;
				padding: 2px 10px;
				border:0px
}
.imgPadding5x5 {
				padding: 5px 5px;				
}
.imgthumb {
				float: left;
				padding: 1px 1px;
				border:0px
}
.imgNoBorder {
				padding: 1px 1px;
				border:0px
}
.rTable { display: table; 
			width: 99%;
    		background-color:white;
    		border: 1px solid #333;
  			border-radius: 10px;
  			box-shadow: 5px 5px 2px #AAA;
  			padding: 5px;
  			margin: 0 auto;
  			border-collapse: collapse;
  			
  			} 
.rTableRow {
				display: table-row;
				border-width: 1px 0px 1px 1px;
				border-color: #D6D6D6;
				border-style: solid hidden solid solid;
}
.rTableHeading { display: table-header-group; vertical-align:top; text-align:center; width:100%; clear:both; } 
.rTableHeadingAlignLeft { display: table-header-group; vertical-align:top; width:100%; clear:both; } 
.rTableBody { display: table-row-group; background-color:white; width:80%; margin-left:10%; 
    		margin-right:10%; } 
.rTableFoot { display: table-footer-group; } 
.rTableHead { display:table-caption; 
				vertical-align:top; 
				text-align:center; 
				background-color:white;
				border-radius: 10px;
  				box-shadow: 5px 5px 2px #AAA; 
}
.rTableHeadYellowBackgr {
				display: table-caption;
				vertical-align: top;
				text-align: center;
				background-color: #FFFF99;
				border-radius: 10px;
				box-shadow: 5px 5px 2px #AAA;
}
.rTableCell {display: table-cell;
				vertical-align: top;
				padding: 3px 10px;
}
.rTableCellLtYellow {
				display: table-cell;
				vertical-align: top;
				padding: 3px 10px;
				background-color: #FFFF99;
}
.rTableCellLtBlue {
				display: table-cell;
				vertical-align: top;
				padding: 3px 10px;
				background-color: #99CCFF;
}
.rTableCellLtGreen {
				display: table-cell;
				vertical-align: top;
				padding: 3px 10px;
				background-color: #CCFF99;
}
.rTableCell3 {
				display: table-cell;
				vertical-align: top;
				padding: 3px 10px;
}
.rTableHeadr { display: table-cell; vertical-align:top; text-align:center; padding: 3px 10px; }

.rTableCellr { display: table-cell; 
	vertical-align:top;	 
	text-align:center; 
	padding: 3px 10px; 
	
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.HeaderYellowBkg {
				display: inline-block !important;
				width: 99%;
				background-color: #FFFF99;
				border: 1px solid #333;
				border-radius: 10px;
				box-shadow: 5px 5px 2px #AAA;
				padding: 5px 1px 5px 5px;
				margin: 0 auto;
				border-collapse: collapse;
				padding-bottom: 10px;
				font-family: "Arial Rounded MT Bold";
				font-size: medium;
				font-weight: bold;
}
.column-container {
				display: inline-block !important;
				width: 99%;
				background-color: white;
				border: 1px solid #333;
				border-radius: 10px;
				box-shadow: 5px 5px 2px #AAA;
				padding: 5px 1px 5px 5px;
				margin: 0 auto;
				border-collapse: collapse;
				padding-bottom: 10px;
}
.column-left {
				display: inline-block !important;
				width: 280px;
				border: 2px solid #99FF33;
				vertical-align: top;
				border-radius: 10px;
				box-shadow: 5px 5px 2px #AAA;
				padding: 5px;
				margin-right: 10px;
				margin-bottom: 10px;
				position: relative;
				float: left;
}
.column-right {
				display: inline-block !important;
				width: 55%;
				min-width: 280px;
				vertical-align: top;
				padding: 5px 1px 5px 5px;
				position: relative;
}
#GcapCenter {
 				width: 304px;
    			margin: 0 auto;
}
div.container4 {
    height: 10em;
    position: relative }
div.container4 p {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -45%) }
.brownbut-div1 {
				-webkit-box-sizing: border-box;
    			-moz-box-sizing: border-box;
				display: block;
				background: #E2DBC5;
				border: 2px solid #333;
				text-align: center;
				border-radius: 10px;
				box-shadow: 5px 5px 2px #AAA;
				padding: 5px;
				margin-bottom: 10px;
				position: relative;
}
.definition-box1 {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				margin: auto auto 0px auto;
				width: 90%;
				border: 2px solid #FFFF00;
				text-align: center;
				vertical-align: top;
				border-radius: 10px;
				box-shadow: 5px 5px 2px #AAA;
				padding: 5px 5px 0px 5px;
				position: relative;
				background-color: #000000;
				color: #FFFF00;
}
.centerDIV {
				background-position: center;
				margin: auto;
				max-width: 500px;
				height: 331px;
}
.listDiv {
				padding-top: 20px !important;
				padding-left: 10px !important;
}
.listDiv ol li {
				font-size: x-large !important;
				list-style-position: inside !important;
				list-style-type: auto;
}
.listDiv ul li {
				font-size: x-large !important;
				list-style-position: inside !important;
				list-style-type: circle;
}
.linkNoUnderline {
				text-decoration: none;
}
.centerDIVnoBck {
				width: fit-content;
				margin:auto;
				height: auto;
}
.bigarrow {
	margin-left: 0.1em;
    width: 38px;
    display: inline-block;
    font-size: 40px;
    color: #008000;
    position: relative;
    top: 125px;
}