@font-face {
  font-family: 'Font Awesome 5 Free';
  src: url('../webfonts/fa-solid-900.eot');
  src: url('../webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
      url('../webfonts/fa-solid-900.woff2') format('woff2'),
      url('../webfonts/fa-solid-900.woff') format('woff'),
      url('../webfonts/fa-solid-900.ttf') format('truetype'),
      url('../webfonts/fa-solid-900.svg#fa-solid-900') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  src:  url('../webfonts/icomoon.eot?xux4zo');
  src:  url('../webfonts/icomoon.eot?xux4zo#iefix') format('embedded-opentype'),
    url('../webfonts/icomoon.ttf?xux4zo') format('truetype'),
    url('../webfonts/icomoon.woff?xux4zo') format('woff'),
    url('../webfonts/icomoon.svg?xux4zo#icomoon') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.fa-banding:before {
  content: "\e900";
}
.fa-bbstop:before {
  content: "\e901";
}
.fa-behaviorbasedsafety:before {
  content: "\e902";
}
.fa-dataanalysis:before {
  content: "\e903";
}
.fa-datatools:before {
  content: "\e904";
}
.fa-defensivedriving:before {
  content: "\e905";
}
.fa-drivingforum:before {
  content: "\e906";
}
.fa-environmentpermits:before {
  content: "\e907";
}
.fa-environmentprojects:before {
  content: "\e908";
}
.fa-hsecoachingprogram:before {
  content: "\e909";
}
.fa-hsecompetence:before {
  content: "\e90a";
}
.fa-hsedigitallibrary:before {
  content: "\e90b";
}
.fa-hseperformance:before {
  content: "\e90c";
}
.fa-hsesops:before {
  content: "\e90d";
}
.fa-incidentinvestigation:before {
  content: "\e90e";
}
.fa-learningincident:before {
  content: "\e90f";
}
.fa-lifesavingrules:before {
  content: "\e910";
}
.fa-roadsafetystatistics:before {
  content: "\e911";
}

html{height: 100%;}

body{
    font-family: Arial;
    font-size: 14px;
    min-height: 100%;
	position: relative;
  margin: 0;
  background-color: #f7f7f7;
  background-image: url("/spheracloud/Style%20Library/FLGE/images/pdo-site-background-8.jpg") !important;
  background-repeat:no-repeat;
  background-size: cover;
    background-attachment: fixed;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,.ms-h2, .ms-h3, .ms-headerFont,dl, ol, ul{font-family: Arial;}
.ms-rtestate-field h4, h4.ms-rteElement-H4{
	color:inherit;
}
.o365cs-base.o365spo .o365cs-topnavBGColor-2, .o365cs-base.o365spo.o365cs-topnavBGColor-2, #O365_NavHeader.o365spo.o365cs-topnavBGColor-2
{
background-color:#339933;
}
.o365cs-base .o365cs-topnavLinkBackground-2 {
    background-color: #339933;
}
	
.o365cs-base.o365spo .ms-bgc-tdr, .o365cs-base.o365spo .ms-bgc-tdr-h:hover {
    background-color: #205f20;
}
.o365cs-base .ms-bgc-tp, .o365cs-base .ms-bgc-tp-h:hover, .o365cs-base.ms-bgc-tp {
    background-color: #339933;
}
.ms-backgroundImage {
    background-image: white;
}
.ms-webpartzone-cell{
	    margin: auto auto 0px;
}
/*Header CSS*/
header{
  background:#fff;
  width: 100%;
 }
  .header {
    padding: 0px;
    width: 100%;
    min-height: 140px;
    padding: 2em;
  }
  .pdo-site-logo {
    margin-top: 10px;
    display: inline-block;
}
.pdo-site-logo img{width: 95%;}
 
.pdo-site-site-tools{float:right;width:575px;display:block;text-align:right;}
.pdo-site-site-tools-nav{display:inline-block;float:left;width:100%;margin:0 0 20px;}
.pdo-site-site-tools-nav ul{display:inline-block;float:right;margin:0;padding:0;position:relative;}
.pdo-site-site-tools-nav ul li{display:inline-block;float:left;margin:0 0 0 30px;padding:0;position:relative;}
.pdo-site-site-tools-nav ul li a:link,
.pdo-site-site-tools-nav ul li a:active,
.pdo-site-site-tools-nav ul li a:visited{color:#999; text-decoration:none;padding:10px 0 10px 10px;}
.pdo-site-site-tools-nav ul li a:hover{color:#333}
.pdo-site-site-tools-nav ul li a img{margin-right:5px}
.pdo-site-site-tools-nav ul ul{display:none;position:absolute;top:100%;left:0;background:#f0f0f0;padding:0;text-align:left;margin:5px 0 0 0px; z-index:999}
.pdo-site-site-tools-nav ul ul li{width:200px;margin:0;}
.pdo-site-site-tools-nav ul ul a{padding:10px;width:200px;float:left;display:inline-block;}
.pdo-site-site-tools-nav ul ul a:hover{color:#333;}
.pdo-site-site-tools-nav ul ul ul{top:0;left:100%}

.activehover a{background:#f0f0f0;}


.pdo-site-site-tools-nav-dropdown1 a,
.pdo-site-site-tools-nav-dropdown2 a{padding:10px}
#clicker{display:none;}
.clicker-bg{display:none;}

.pdo-site-site-tools-search-social{display:inline-block;float:left;width:100%;}

#searchInputBox{float: none;margin-bottom: 0px;}
.ms-mpSearchBox {
    width: auto;
}
.ms-floatRight {
    float: none;
}
.ms-srch-sb {
    display: block;
}
.ms-srch-sb>input{
margin: auto;
    height: auto;
}
.ms-srch-sb-border {
    border: 0;
}
.ms-srch-sb-border:hover {
    border: none;
}
.ms-srch-sb-borderFocused {
    border: none;
}
.pdo-site-site-tools-search{float:left;display:inline-block;margin-left:80px;background:#f7f7f7;padding:10px;width:290px;}
.pdo-site-site-tools-search input{
  width:auto;
    outline: none;
    padding: 0px;
    margin: auto 0px;
    height: auto;
    float: left;
    border: 0!important;
    background: transparent;
    color: #666;
    font-style: normal;
    font-size: 13px;
    display: block;
}
.pdo-site-site-tools-search .searchbox{float:left;display:inline-block;border:0;background:transparent;color:#ccc;height:30px;line-height:30px;font-size:16px;padding-left:5px;}
.pdo-site-site-tools-search .searchgo{float:right;display:inline-block; background:url("../images/seach-go.png") center center no-repeat;height:30px;width:30px;border:0; text-indent:-9999px; cursor:pointer;}


.pdo-site-site-tools-social{float:left;display:inline-block;margin-left:20px;padding-left:15px;background: url("../images/nav-break.jpg") left center no-repeat;height:40px;width:175px;}
.pdo-site-site-tools-social a:link,
.pdo-site-site-tools-social a:active,
.pdo-site-site-tools-social a:visited {
  float: right;
  margin: 10px 0 0 14px;
  width: 18px;
  height: 18px;
  text-indent: 9999px;
  display: inline-block;
  overflow: hidden;
}

.pdo-site-site-tools-search #SRSB table,
.pdo-site-site-tools-search #SRSB tr,
.pdo-site-site-tools-search #SRSB {width:100%!important;display:inline-block;float:left;}
.pdo-site-site-tools-search #SRSB input {width:255px!important;outline:none;padding:0 5px;border:0!important;background:transparent;color:#666;font-style:normal;font-size:13px}

.pdo-site-site-tools-search #SRSB .ms-sbgo.ms-sbcell {padding:0px;background: #f7f7f7;}
.pdo-site-site-tools-search #SRSB .ms-sbgo.ms-sbcell img {visibility:hidden}

.pdo-site-site-tools-search #SRSB .ms-sbgo.ms-sbcell a:link,
.pdo-site-site-tools-search #SRSB .ms-sbgo.ms-sbcell a:visited,
.pdo-site-site-tools-search #SRSB .ms-sbgo.ms-sbcell a:active{background:url("../images/seach-go.png") center center no-repeat;height:28px;width:28px;display:inline-block;float:left;}

.pdo-site-site-tools-social .facebook a{color:#999; background:url("../images/footer-facebook.svg") center center;background-repeat:no-repeat;}
.pdo-site-site-tools-social .linkedin a{color:#999;background:url("../images/footer-in.svg") center center;background-repeat:no-repeat;}
.pdo-site-site-tools-social .youtube a{background:url("../images/footer-youtube.svg") center center;background-repeat:no-repeat;}
.pdo-site-site-tools-social .twitter a{background:url("../images/footer-twitter.svg") center center;background-repeat:no-repeat;}
.pdo-site-site-tools-social .instagram a {background:url("../images/footer-insta.svg") center center;background-repeat:no-repeat;}

.pdo-site-site-tools-social .facebook a:hover{background:url("../images/footer-facebook_hover.svg") center center;background-repeat:no-repeat;}
.pdo-site-site-tools-social .linkedin a:hover{background:url("../images/footer-in_hover.svg") center center;background-repeat:no-repeat;}
.pdo-site-site-tools-social .youtube a:hover{background:url("../images/footer-youtube_hover.svg") center center;background-repeat:no-repeat;}
.pdo-site-site-tools-social .twitter a:hover{background:url("../images/footer-twitter_hover.svg") center center;background-repeat:no-repeat;}
.pdo-site-site-tools-social .instagram a:hover{background:url("../images/footer-insta_hover.svg") center center;background-repeat:no-repeat;}

.pulse-anim{
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
   animation: pulse 2s infinite;   
   box-shadow: 0 0 0 rgba(204,169,44, 1);
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.9);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 1);
    box-shadow: 0 0 0 0 rgba(204,169,44, 1);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

/*Header End*/



/*footer CSS*/
footer{background-color: #f7f7f7;width: 100%;}
.footer{
  display: block;
  border-top: 1px solid #ccc;
  padding: 2em;
  background-color: #fff;
  margin: auto;
  width: 100%;
}
.pdo-site-footer-logo {
  display: inline-block;
  margin: 0;
}
.pdo-site-footer-logo img {
  width: 95%;
}
.pdo-site-footer-wrapper{
  width: 100%;
}
.pdo-site-footer{
  margin: 0;
}
.pdo-site-footer-inner{
  display: inline-block;
}
.pdo-site-footer-popular-ul, .pdo-site-social-footer-ul {
  margin: 0px !important;
  padding-left: 0px;
}
.pdo-site-footer-popular-ul li {
  display: inline-block;
  width: 46% !important;
  margin: 5px;
}
.pdo-site-footer-popular-ul li a{
   text-decoration: none;
   color: #999;
}
.pdo-site-footer-popular-ul li a:hover{
  text-decoration: none;
  color: #000;
}
.pdo-site-footer h5{
  margin: 10px 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #ccc;
  font-size: 0.83em;
  font-weight: 600;
}
/*
.pdo-site-footer-first{
  width: 28%;
}
.pdo-site-footer-second{
  width: 48%;
}
.pdo-site-footer-third{
  width: 24%;
}*/
.pdo-site-footer-second-coloum .pdo-site-footer-nav ul li a{
padding: 0px;
margin: 15px;
}
.pdo-site-footer-second-coloum .pdo-site-footer-nav ul li{
  display: inline;
  border-right: 1px solid #ccc;
  margin-bottom:10px;
}
.pdo-site-footer-second-coloum .pdo-site-footer-nav ul .last{
  border-right: none;
  border: none;
}
.pdo-site-footer-third-inner ul li{
  display: inline;
}
pdo-site-footer-popular-ul{
text-align:left;
}
.copyright{
float:right;
}
.pdo-site-footer-second-coloum .pdo-site-footer-nav UL{
float:left;
}
.pdo-site-footer-second-coloum .pdo-site-footer-nav UL .first a{
margin-left: 0px;
margin-right: 15px;	
}

.pdo-site-footer-nav{
  display: block;
  width: 100%;
  font-size: 13px;
  padding: 0 1em;
}
.pdo-site-footer-nav ul {float: left; margin: 0; padding-left: 0;}
.pdo-site-footer-nav ul li {
  display: inline;
  width: auto;
  font-size: 13px;
  margin: 0;
  text-align: left;
  border-right: 1px solid #ccc;
}
.pdo-site-footer-nav ul li:last-child{border-right: none;}
.pdo-site-footer-nav ul li a:link,
.pdo-site-footer-nav ul li a:active,
.pdo-site-footer-nav ul li a:visited{color: #999; text-decoration: none; padding: 10px;}

.pdo-site-footer-nav ul li a:link:hover{text-decoration: none;color: #000;}

.pdo-site-footer-legal{width:100%;display:inline-block;float:left;font-size:11px;}
.pdo-site-footer-legal ul {/* display:inline-block; */padding-left: 0;}
.pdo-site-footer-legal ul li {display:inline-block;float:left;width:auto;font-size: 11px;}
.pdo-site-footer-legal ul li a:link,
.pdo-site-footer-legal ul li a:active,
.pdo-site-footer-legal ul li a:visited{color:#999; text-decoration:none;margin:0 0 0 11px;height:16px;display:inline-block;line-height:16px;}
.pdo-site-footer-legal ul li.copyright{color:#333; text-decoration:none;margin:0 0 0 11px;height:16px;display:inline-block;line-height:20px;}

.pdo-site-footer-legal ul li.facebook a{color:#999; background:url("../images/footer-facebook.svg") no-repeat left top;padding-left:20px; height:30px; width:30px;}
.pdo-site-footer-legal ul li.linkedin a{color:#999;background:url("../images/footer-in.svg") no-repeat left top;padding-left:20px; height:30px; width:30px;}
.pdo-site-footer-legal ul li.youtube a{color:#999;background:url("../images/footer-youtube.svg") no-repeat left top;padding-left:20px; height:30px; width:30px;}
.pdo-site-footer-legal ul li.twitter a{color:#999;background:url("../images/footer-twitter.svg") no-repeat left top;padding-left:20px; height:30px; width:30px;}
.pdo-site-footer-legal ul li.instagram a{color:#999;background:url("../images/footer-insta.svg") no-repeat left top;padding-left:20px; height:30px; width:30px;}
 
.pdo-site-footer-legal ul li.facebook a:hover{background:url("../images/footer-facebook_hover.svg") no-repeat left top;}
.pdo-site-footer-legal ul li.linkedin a:hover{background:url("../images/footer-in_hover.svg") no-repeat left top;}
.pdo-site-footer-legal ul li.youtube a:hover{background:url("../images/footer-youtube_hover.svg") no-repeat left top;}
.pdo-site-footer-legal ul li.twitter a:hover{background:url("../images/footer-twitter_hover.svg") no-repeat left top;}
.pdo-site-footer-legal ul li.instagram a:hover{background:url("../images/footer-insta_hover.svg") no-repeat left top;}

.pdo-site-footer-legal ul li a:link, .pdo-site-footer-legal ul li a:active, .pdo-site-footer-legal ul li a:visited {
  color: #999;
  text-decoration: none;
  margin: 0 0 0 11px;
  display: inline-block;
  line-height: 16px;
}
.pdo-site-footer-legal p{font-size: 14px;padding-top: 10px; clear: both; margin-bottom: 0;color: #333;}
.pdo-site-footer-legal p b{color: #333;}
/*footer End*/
/*Slider Section Start*/
#slider_wrapper{
  position: relative;
    /* padding-bottom: 300px; */
    /* padding-top: 50px; */
    /* background-size: cover; */
    height: 395px;
}
/*#slider_wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: #19191b;
	overflow: hidden;
	z-index: -1;
}
video{
	max-width: 100%;
    height: auto;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
}*/
.carousel-item{height: 350px;}
.carousel-item img{max-width: 100%;}
.carousel-caption{
  position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    margin-left:10%;
}
.carousel-caption h2{text-transform: uppercase; font-weight: bold;color:#fff;}
.carousel-caption a{color: #fff; background-color: #00a651; padding: 0.8em 2em; text-decoration: none;    display: inline-block;}
.carousel-control-next, .carousel-control-prev{
	width:10%;
}
/*Slider Section End*/

/*Home Subsite CSS Start*/
.ss-container {  
  border: 1px solid #b3b3b3;
  background-color: #fff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  min-height:250px;
}
.ss-container:hover{
    border-color: transparent!important;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: :0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.ss-container a{
  display: block;
  text-decoration: none;
  padding: 10px;
}
.ss-home{
  padding: 0;text-align: right;
}
.ss-home img{
  text-align: center;
  display: block;
  margin: 10px auto;
  max-width: 100%;
  width: 100%;
  max-height: 93px;
}
.ss-home p{text-align: justify; font-size: 12px;color: #333; margin-bottom: 0.5rem;overflow: hidden; max-height: 55px;}
.ss-home span{text-align: right;display: inline-block;color: #00a651; font-size: 12px;border-bottom: 1px solid #fbce0a;}
.ss-home:hover{background-color: transparent;}
.ss-home h3{
 text-align: center;
    color: #00a651;
    font-size: 18px;
    min-height: 50px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    }
/*Home Subsite CSS End*/

.light-gray{background-color: #e8e8e8;}
.dark-gray{background-color: #d8d8d8;}
.lightbg{background-color: #f0f0f0;}
.quick-link{padding: 1em; min-height: 245px; padding-bottom: 0px;}
.quick-link h4{
  font-size: 1.2rem; 
  font-weight: 600;
  color: #00a651; 
  border-bottom: 1.5px solid #fbce0a;
  text-align: left;
  display: inline-block;
}
.quick-link ul {
	position: relative;
	list-style: none;
	margin-left: 0;
	padding-left: 1.4em;
}
.quick-link ul li {line-height: 1.9;}
.quick-link ul li:before {
	content: "";
	position: absolute;
	left: 0;
  background:url("../images/quicklink-bullet.svg") no-repeat center;
  width: 12px;
  height: 12px;
  vertical-align: middle;
    margin-top: 7px;
}
.quick-link ul li a{color: #333;}
.quick-link ul li a:hover{color: #00a651;}
.quick-link img{
  max-width: 100%;
}
/*Tool link CSS Start*/
.box-wrapper{
  display: grid;
--auto-grid-min-size: 9rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
-ms-grid-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
grid-gap: 0.5rem;
}
.box-container {
  display: inline-block;
  max-width: 6.69cm;
  width: 100%;
  height: 170px;
  background-color: #fff;
  border:1px solid #b3b3b3;
}
.box-container a{position: relative; display: block;text-decoration: none;padding: 0.5em;}
.box-container a > img{ height: 80px; display: block; margin: 1.3em auto; max-width: 100%;}
.box-container a > h5{text-align: center;color: #333; font-size: 14px;}

.hvr-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgb(0 0 0 / 0%);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
color: white;
}
.hvr-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ddd;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} 
/*Tool link CSS Start*/
/*Incident and Performace CSS Start*/
.ip-bg{background-color: #fff; border: 1px solid #b3b3b3;padding: 1em;min-height: 318px;}
.ip-bg h4 {
	font-size: 1.2rem;
	font-weight: 600;
	color: #00a651;
	text-align: left;
	display: inline-block;
}
.ip-bg a{
  text-decoration: none;
  text-align: right;
  color: #212529;
  float: right;
}
.ip-bg a:hover{color: #00a651;}
.ip-bg table{margin-bottom: 0;}
.ip-bg table td .pp-icon{
  position: relative;
  background: url("../images/pp-icon.svg") no-repeat center;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.table td, .table th{border: 1px solid #dddddd;padding: 0.6rem .75rem;}
.ip-bg table a{color: #333;}
.ip-bg table a:hover{color: #00a651;}
.ip-bg .seperateheading{display: inline-block;margin-bottom: 0;}
.ip-bg .seperateheading a {color: #00a651;font-size: 12px;}

.perform-table{position: relative;}
.perform-table .table td, .perform-table .table th{text-align: left;border: 1px solid #E1E1E1;padding:0.4rem .75rem;}
.perform-table .table th:last-child{text-align: center;}
.perform-table .table td:last-child{text-align: right;}
.perform-table .table th{background-color: #fbce0a; color: #333;}
.perform-table tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05);}
/*.perform-table .table td{width: 50%;}*/
.perform-table h5 {
  font-size: 13px;
  text-align: center;
  font-weight: 600;
  display: block;
  margin: 0.5em 0em 0.3em;
}
.perform-table a{
	line-height:2;
}
.year {
  font-size: 12rem;
  z-index: -1;
  opacity: 0.2;
  position: absolute;
  top: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
}
.countdown {
  display: none;
  text-align: center;
    justify-content: center;
}
.time {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.38rem;
  background-color: #00a651;
  color: #fff;
  width: 100%;
    border: 1px solid #333;
    border-right: none;
}
.time:last-child{border-right: 1px solid #333;}
.time h2 {
  font-size: 16px;
  color:#fff;
  margin: 0;
  line-height: 1;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgb(0 0 0 / 68%);
}
.time p {
  font-size: 0.75rem;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1;
}
.loading{
  width: 32px;
    height: 32px;
    text-align: center;
    margin: auto;
    display: block;
}
/*Inner Page Layout CSS Start*/
.bg-white{background-color: #fff;}
.breadcrumb{background-color: transparent;padding: 0rem 2rem;}
.breadcrumb .home{color:#999999;}
.breadcrumb .current{color:#00a651;}
.breadcrumb .bc-node{color:#999999;}

.breadcrumb-item a{color: #999999;}
.breadcrumb-item.active{ color: #333;}
.inner-btn{
  color: #fff;
  background-color: #00a651;
  padding: 0.8em 2em;
  text-decoration: none;
  display: inline-block;
  text-decoration: none;
  transition: 0.5s;
  border: none;
}
.inner-btn:hover{
  color: #333;
  background-color: #fbcf10;
  text-decoration: none;
}

.img-effect {
  position: relative;
  overflow: hidden;
}
.img-effect:after {
  
  animation: shine 5s ease-in-out  infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}
.img-effect:active:after {
  opacity: 0;
}

@keyframes shine{
  10% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
  }
}
/*Inner Page Layout CSS End*/
/*Online Library CSS Start*/
.ol-main-heading {
  font-size: 1.2rem;
  font-weight: 600;
  color: #333;
  border-bottom: 1.5px solid #00a651;
  text-align: left;
  display: inline-block;
  margin-top: 1rem;
}
.ol-container {  
  border: 1px solid #b3b3b3;
  background-color: #f7f7f7;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.ol-container:hover{
    border-color: transparent!important;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: :0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.ol-container a{
  display: block;
  text-decoration: none;
  padding: 10px;
}
.ol-home{
  padding: 0;text-align: center;
}
.ol-home img{
  text-align: center;
  display: block;
  margin: 10px auto;
  max-width: 100%;
  width: 100%;
  max-height: 50px;
}
.ol-home h3{
  text-align: center;
  color: #333;
  font-size: 12px;
  margin-top: 1rem;
  height: 30px;
  margin-bottom: 0;}
.search-sec{ border: 1px solid #b3b3b3; background-color: #f7f7f7;}
.search-sec .btn:hover{background-color: #f7f7f7; border-radius: 0;}
  .navbar-form {
    float: left;
    width: 70%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 15%);
  }
  .ad-search{width: 30%; text-align: center;padding-right: 0;}
  .ad-search:hover{color: #00a651;}
  .fa-search:before{color: #00a651;}
  .ad-search-container{padding: 1em; border: 1px solid #b3b3b3; background-color: #f7f7f7;}
.form-control{width: 100%;}
.navbar-form input{border:none;}
.navbar-form input:focus{outline: none; outline-color: transparent; border:none;box-shadow: none;}
.btn.focus, .btn:focus{box-shadow: none;}
.ol-table{position: relative;}
.ol-table .table thead th{color: #333;background-color: #fbcf10;}
.ol-table .table th,.ol-table .table td{border:1px solid #333;}
.ol-table .table td a{color: #00a651;}
.ol-table .table td a span{color: #333;margin-left: 5px;}
.ol-heading{display: inline-block;}
.ol-heading a{color: #00a651;}
  /*Online Library CSS End*/

  /*SafetyDay CSS Start*/
  .safetyday{position: relative;}
  .safety-banner{
    /*background: url("/hseforcontractors/Style%20Library/HSE/images/safetydaybanner.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: 100%;
    background-size: cover;
    width: 100%;
    min-height: 246px;
    display: block;
  }

  .safety-nav{position: relative;display: flex;}
  .safety-nav a{
    width: 25%;
    padding: 0.7rem 0.5rem;
    background-color: #00a651;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    border: 1px solid #fff;
    font-size: 16px;
    line-height: 1.2;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  .safety-nav a:hover, .safety-nav a.active{
    background-color: #333;
    box-shadow: 0 16px 38px -12px rgb(0 0 0 / 56%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 16px 38px -12px rgb(0 0 0 / 56%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
    -moz-box-shadow: :0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  }
  .safety-nav a:first-child{border-top-left-radius: 25px;}
  .safety-nav a:last-child{border-top-right-radius: 25px;}
  .safety-nav a span{
    text-align: center;
    display: block;
    background-color: #fbcf10;
    color: #333;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin: auto;
    line-height: 3.2;
    font-weight: 600;
    border: 5px solid #fff;
    margin-bottom: 0.6rem;
    margin-top: -45px;
    font-size: 1.1rem;
  }
  .safetyday h4{
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    text-align: center;
    display: block;
    margin-top: 1rem;
    margin-bottom: 0.8rem;
    text-transform: uppercase;
  }
  .safetyday-content{position: relative; padding: 1em;}
  .safetyday-content h5{
    font-variant: small-caps;
    font-weight: bold;
    color: #333;
  }
  .safetyday-content h5::first-letter{color: #00a651;}
  .safetyday-content h6{font-weight: 600;}

  .safetyday-content ul {
    position: relative;
    list-style: none;
    margin-left: 0;
    padding-left: 1.4em;
  }
  .safetyday-content ul li {line-height: 1.9;}
  .safetyday-content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    background:url("../images/quicklink-bullet.svg") no-repeat center;
    width: 12px;
    height: 12px;
    vertical-align: middle;
      margin-top: 7px;
  }
  .safetyday .lightbg{background-color: #f7f7f7;}
  .safetyday .text-quote{text-align: center; font-style: italic;width: 75%; margin: auto;}
  .safetyday .fa-quote-left:before {
    content: "\f10d";
    font-size: 20px;
    display: block;
    margin-bottom: 0;
    color: #00a651;
    text-align: left;
    margin-right: 5px;
  }
  .safetyday .fa-quote-right:before {
    content: "\f10e";
    font-size: 20px;
    display: block;
    margin-bottom: 0;
    color: #00a651;
    text-align: right;
    margin-left: 5px;
}
.key-roles{
  background-color: #fff;
  border:1px solid #b3b3b3;
  min-height: 250px;
  height:100%;
  text-align: left;
  padding-bottom: 10px;
}
.key-roles h6{
  background-color: #00a651;
  color: #fff;
  font-size: 14px;
    padding: 8px 5px;
    margin-bottom: 0;
    text-align:center;
}
.key-roles p{
  padding: 8px 5px;
  font-size: 12px;
  margin-bottom: 0;
}
.key-roles p span{color: #00a651;}

.materials {
  background-color: #fff;
  border: 1px solid #b3b3b3;
  min-height: 200px;
  text-align:left;
  padding-bottom: 10px;
}
.materials h6{
  background-color: #fbcf10;
  color: #333;
  font-size: 14px;
    padding: 8px 10px;
    margin-bottom: 0;
    min-height: 67px;
    display: flex;
    justify-content: left;
    align-items: center;
}
.materials p{
  padding: 8px 10px;
  font-size: 12px;
  margin-bottom: 0;
}
.materials p a{color: #00a651; font-style: italic;}
.materials p img{margin-right: 10px;}

.safety-contact{
  background-color: #fff;
  border:1px solid #b3b3b3;
  min-height: 140px;
  text-align:left;
}
.safety-contact h6{
  background-color: #00a651;
  color: #fff;
    padding: 8px 10px;
    margin-bottom: 0;
    font-variant: small-caps;
    font-size: 1.25rem;
    text-align:center;
}
.safety-contact p{
  padding: 8px 10px;
  font-size: 12px;
  margin-bottom: 0;
}
.safety-contact p a{color: #00a651; font-style: italic;}
   /*SafetyDay CSS End*/

/*FAQ CSS Start*/
.faqs-category{
	background-color: #f7f7f7;
	border: 1px solid #b3b3b3;
	display: block;
	text-align: center;
	padding: 1em;
	height: 100%;
}
.faqs-category img{
	display: flex;
	justify-content: center;
	width: 55px;
	margin: auto;
	margin-bottom: 1em;
	filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	-webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.faqs-category h6{
	color: #000;
	font-size: 0.8rem;
	margin-bottom: 0;
	font-weight: bold;
}
.faqs-category:hover, a.active{
	background-color: #fff;
}
.faqs-category:hover .hover-expand, .faqs-category.active .hover-expand {
    -webkit-transform: scale3d(1.2,1.2,1);
    transform: scale3d(1.2,1.2,1);
}
.faqs-category:hover img, a.active img{
	  -webkit-filter: grayscale(0);
  filter: none;
}

.faqs-container{
  overflow: hidden;
}
.faq-singular {
  position: relative;
  /*border-bottom: 1px solid #ccc;*/
  padding: 0 30px 0 20px;
}
.faq-singular:hover,
.faq-singular.active{
  background: #f7f7f7;
  border: 1px solid #ddd;
  background-image: linear-gradient(90deg, #00a651 0%, #00a651 8px, transparent 8px, transparent 100%);
}
.faq-singular .faq-question {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 10px 10px 10px 0px;
  font-weight: 700;
  font-size: 18px;
color: #00a651;
}
.faq-singular .faq-question:before {
  position: absolute;
  content: "+";
  color: #808080;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  font-weight: 700;
  transition: all .5s;
}
.faq-singular.active .faq-question:before {
  transform: translateY(-50%) rotate(45deg) scale(1.3);
}
.faq-answer {
  display: none;
  padding-bottom: 20px;
}
/*FAQ CSS End*/
.pl-1, .px-1{
	text-align:center;
}

/*DataTable CSS Start*/
.page-link{color: #00a651;}
.page-item.active .page-link{background-color: #00a651; border-color: #00a651;}
.table thead th{background-color: #fbcf10;}
/*DataTable CSS End*/

/*LSR CSS Start*/
.lsr-home-icon{height: 170px !important;}
.lsr-home-icon img{ height: 140px !important;margin: auto !important;}

/*LSR Resources CSS*/
.lsr-res-container {  
  border: 1px solid #b3b3b3;
  background-color: #ffffff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.lsr-res-container:hover{
    border-color: transparent!important;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: :0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.lsr-res-container a{
  display: block;
  text-decoration: none;
  padding: 6px;
}
.lsr-res-home{
  padding: 0;text-align: center;
}
.lsr-res-home img{
  text-align: center;
  display: block;
  margin: 10px auto;
  max-width: 100%;
  width: 100%;
  max-height: 70px;
}
.lsr-res-home h3{
  text-align: center;
  color: #333;
  font-size: 14px;
  margin-top: 1rem;
  height: 30px;
  margin-bottom: 0;
}
.self-decl-btn{
  background-color: #00a651;
  color:#fff !important;
  padding: 0.8em 2em;
  text-decoration: none;
  transition: 0.5s;
  border: none;
  float: right;
  border-radius: 5px;
  /*text-shadow: 1px 1px 0px rgb(0 0 0 / 68%);*/
  box-shadow: 0 0px 5px 2px rgb(0 0 0 / 10%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0 0px 5px 2px rgb(0 0 0 / 10%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 0px 5px 2px rgb(0 0 0 / 10%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
}
.self-decl-btn:hover{
  text-decoration: none;    
  color: #333;
  background-color: #fbcf10;
}
.modal{padding-right: 0px !important;}
.modal-header{background-color: #00a651;color: #fff;border-bottom: 3px solid #fbce0a;padding: 0.5rem 1rem;    border-top-left-radius: 10px;
  border-top-right-radius: 10px;}
.modal-title{margin: auto;font-weight: 600;}
.modal-content{border:none;border-radius: 10px;}
.modal-header .close{ margin-left: 0px !important;  padding: 0.3rem 1rem; margin: 0rem -1rem -0em auto;min-width: auto; position:absolute; right:1rem;}
.modal-body h6{color: #00a651; font-weight: 600;}
.modal-img{
  width: 120px;
  float: left;
  background-color: #fff;
  border: 1px solid #b3b3b3;
  margin: 0 1em auto 0px;
  padding: 0.5rem;
}
.lsr-res a{color: #00a651;}
.lsr-res a:hover{color: #333333;}
.pp-icon{
  position: relative;
  background: url("../images/pp-icon.svg") no-repeat center;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.pdf-icon{
  position: relative;
  background: url("../images/pdf-icon.svg") no-repeat center;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.excel-icon{
  position: relative;
  background: url("../images/excel-icon.svg") no-repeat center;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.word-icon{
  position: relative;
  background: url("../images/word-icon.svg") no-repeat center;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.image-icon{
  position: relative;
  background: url("../images/image-icon.svg") no-repeat center;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.video-icon{
  position: relative;
  background: url("../images/video-icon.svg") no-repeat center;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}


/*LSR CSS End*/
/*HomePage Subsite CSS Start*/
.pdo-green{color: #00a651;}
.hp-subsite{position: relative;}

.hp-subsite-banner{	
	width: 100%;
	min-height: 246px;
	display: block;
}

.hp-subsite h3{
  font-size: 1.2rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  text-transform: uppercase;
  display: flex;
  transform: translateX(-50%);
  margin-top: -20px;
  text-shadow: 1px 1px 0px rgb(0 0 0 / 68%);
  background: url("/spheracloud/Style%20Library/FLGE/images/base-bg.svg") no-repeat;
  height: 90px;
  background-position: bottom center;
  background-size: 100%;
  padding:0rem 1rem 1rem;
  justify-content: center;
  width: 20rem;
  vertical-align: middle;
  align-items: center;
}
.heading-main{
  margin: auto;
  position: absolute;
  left: 50%;
}
.heading-corner::before{
  content: '';
  position: absolute;
  right: 100%;
  top: 0;
  width: 0;
  border-bottom: 21px solid #028239;
  border-left: 13px solid transparent;
}
.heading-corner::after{
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  width: 0;
  border-bottom: 21px solid #028239;
  border-right: 13px solid transparent;
}
.hp-subsite-content{position: relative; padding: 1em;}
.hp-subsite-content h5{
  text-transform: uppercase;
  font-weight: bold;
  color: #00a651;
}
.hp-subsite-content h5::first-letter{color: #00a651;}
.hp-subsite-content h6{font-weight: 600;}
.hp-subsite .lightbg{background-color: #f7f7f7;}
.hp-subsite .text-quote{text-align: center; font-style: italic;width: 75%; margin: auto;}
.hp-subsite .fa-quote-left:before {
  content: "\f10d";
  font-size: 20px;
  display: block;
  margin-bottom: 0;
  color: #00a651;
  text-align: left;
  margin-right: 5px;
}
.hp-subsite .fa-quote-right:before {
  content: "\f10e";
  font-size: 20px;
  display: block;
  margin-bottom: 0;
  color: #00a651;
  text-align: right;
  margin-left: 5px;
}
.hod-pic{
  position: relative;
  overflow: hidden;
  width: 100px;
  margin: auto;
  height: 100px;
}
.hod-pic img{
  border-radius: 50%;
  max-width: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  border: 3px solid #d6d6d6;
  height: 100%;
  width:100px;
 }
.hp-subsite-ql{padding: 1em; min-height: 170px; padding-bottom: 0px;height:100%;}
.hp-subsite-ql h4{
  font-size: 1.2rem; 
  font-weight: 600;
  color: #00a651; 
  border-bottom: 1.5px solid #fbce0a;
  text-align: left;
  display: inline-block;
}
.hp-subsite-ql ul {
	position: relative;
	list-style: none;
	margin-left: 0;
	padding-left: 1.4em;
}
.hp-subsite-ql ul li {line-height: 1.9;}
.hp-subsite-ql ul li:before {
	content: "";
	position: absolute;
	left: 0;
  background:url("/spheracloud/Style%20Library/FLGE/images/quicklink-bullet.svg") no-repeat center;
  width: 12px;
  height: 12px;
  vertical-align: middle;
    margin-top: 7px;
}
.hp-subsite-ql ul li a{color: #333;}
.hp-subsite-ql ul li a:hover{color: #00a651;}

/*Slick Slider CSS Start*/
.slick-slide{
  background-color: #ffffff;
  border:1px solid #b3b3b3;
  border-radius: 8px;
  padding: 1em;
}
.slick-slide h6{color: #00a651;font-size: 0.8rem; margin-top: 1rem; margin-bottom: .5rem;text-transform: uppercase; text-align: center;}
.slick-slide p{text-align: center;margin-bottom: 1rem;color: #212529;}
.slick-center {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  transform: scale(1.25);
  background-color: #dddddd;}
.slick-list { padding:2.5rem 3rem !important;}
/*Slick Slider CSS End*/

.tab_container {
  margin: 0 auto;
  position: relative;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  padding: 2rem;
}

.tab_container input, .tab_container section{
  clear: both;
  padding-top: 10px;
  display: none;
  width:100%;
}

.tab_container label {
  font-weight: 700;
  font-size: 18px;
  padding: 0.5em;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  background: #fbce0a;
  flex: auto;
  text-align: center;
  align-items: center;
  justify-content: center;
  align-content: center;
  margin-bottom: 0;
  border: 1px solid #b3b3b3;
}
.tab_container label span{display: block;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8 {
  display: block;
  padding: 20px;
  /*background: #fff;
  border-bottom: 2px solid #f0f0f0;*/
}

.tab_container .tab-content p,
.tab_container .tab-content h4,.tab_container .tab-content img {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
}
.tab_container .tab-content h4  {
  text-align: left;
}
.tab_container .tab-content a{ color: #00a651;}
.tab_container [id^="tab"]:checked + label {
  background: transparent;
  box-shadow: inset 0 6px #00a651;
  border: none;
}

.tab_container [id^="tab"]:checked + label span {
  color: #00a651;
}

.tab_container label .fa {
  font-size: 1.3em;
  margin: 0.2rem auto;
}

@media only screen and (max-width: 900px) {
  .tab_container label span {
    display: none;
  }
  
  .tab_container {
    padding: 0;
  }
  .tab-content{padding: 20px;}
}

@keyframes fadeInScale {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/*HomePage Subsite CSS End*/
/*Online Library Inner Page CSS Start*/
.ol-inner-container {  
  border: 1px solid #b3b3b3;
  background-color: #fff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: block;
  text-decoration: none;
  padding: 10px;
  border-radius: 10px;
}
.ol-inner-container:hover{
    border-color: transparent!important;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.ol-inner-home{
  padding: 0;text-align: center;
}
.ol-inner-home:hover{background-color: transparent;}
.ol-inner-home img{
  text-align: center;
  display: block;
  margin: 10px auto;
  max-width: 100%;
  width: 100%;
  max-height: 40px;
}
.ol-inner-home p{
  text-align: center;
  font-size: 14px;
  color: #00a651;
  margin-bottom: 0;
  overflow: hidden;
  min-height: 36px;
  height:100%;
  padding: 5px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 50%);
  box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 50%);
}
.ol-inner-home h3{ text-align: center; color: #333; font-size: 14px; font-weight: 600;}
.ol-inner-home a{color: #00a651; text-decoration: underline;}
.ol-inner-home a:hover{color: #333;}
.flg-events{
  height: 100%;
  cursor: pointer;  
}
.flg-events:hover{
  -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.flg-events img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.flg-events:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
/*Online Library Inner Page CSS End*/
/*Covid Page CSS Start*/
/*.covid-banner{
  background: url(../images/covid-banner.png) no-repeat;
  background-attachment: fixed;
  background-position: 100%;
  background-size: cover;
  width: 100%;
  min-height: 246px;
  display: block;
}*/
/*Covid Page CSS End*/
/*Summer Page CSS Start*/
.summer-banner{
  background: url("../images/summer-banner.jpg") no-repeat;
  /*background-attachment: fixed;*/
  background-position: 100%;
  background-size: cover;
  width: 100%;
  min-height: 246px;
  display: block;
}
/*Summer Page CSS End*/

/*estidama Page CSS Start*/
.estidama-banner{
  background: url("../images/estidamabanner.jpg") no-repeat;
  /*background-attachment: fixed;*/
  background-position: 100%;
  background-size: cover;
  width: 100%;
  min-height: 300px;
  display: block;
}
/*estidama Page CSS End*/
/*Site Administration CSS Start*/
.site-admin-container{
  position: relative;
  border:1px solid #ddd;
  padding: 1rem;
  text-align: center;
  display: block;
  border-radius: 10px;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.site-admin-container:hover{
  text-decoration: none;
  box-shadow: 0 16px 38px -12px rgb(0 0 0 / 56%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0 16px 38px -12px rgb(0 0 0 / 56%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
  -moz-box-shadow: :0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.site-admin-container img{height: 90px;}
.site-admin-container h4{color: #00a651;font-size: 1.3rem;}
.hover-expand {
  -webkit-transition: -webkit-transform .3s ease;
  -o-transition: -o-transform .3s ease;
  transition: transform .3s ease;
}
.site-admin-container:hover .hover-expand {
  -webkit-transform: scale3d(1.2,1.2,1);
  transform: scale3d(1.2,1.2,1);
}
/*Site Administration CSS End*/
.ppe-product-container{
  background-color: #f0f0f0;
  border: 1px solid #ddd;
  padding: 1em;
}
.ppe-product-container img{
  display: block;
    margin: auto;
    max-width:100%;
}
.ppe-border-bg{
  border: 1px solid #ddd;
  background-color: #fff;
}
.ppe-focal-description{
  border:1px solid #ddd;
  padding: 1em;
  text-align: center;
}
.ppe-focal-description h6{font-weight: 600;}
.ppe-focal-description p{font-size: 1rem;}

.lsr-res-home{
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.lsr-res-home:hover .hover-expand {
  -webkit-transform: scale3d(1.2,1.2,1);
  transform: scale3d(1.2,1.2,1);
}
.ol-home{
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.ol-home:hover .hover-expand {
  -webkit-transform: scale3d(1.2,1.2,1);
  transform: scale3d(1.2,1.2,1);
}
.sorting_1{
	width:30%;
}
#ctl00_ctl52_ExplicitLogin{
/*	display:none !important;*/
}
.columnbackground{
	background-color: #FFD1D1!important;
	color:black;
}
/*FAQ CSS Start*/
.ol-main-heading {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333 !important;
    text-align: left;
    display: inline-block;
    margin-top: 1rem;
    margin-left: 1em;
}
.faqs-container{
  overflow: hidden;
}
.faq-singular {
  position: relative;
  /*border-bottom: 1px solid #ccc;*/
  padding: 0 30px 0 20px;
}
.faq-singular:hover,
.faq-singular.active{
  background: #f7f7f7;
  border: 1px solid #ddd;
  background-image: linear-gradient(90deg, #00a651 0%, #00a651 8px, transparent 8px, transparent 100%);
}
.faq-singular .faq-question {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 10px 10px 10px 0px;
  font-weight: 700;
  font-size: 18px;
color: #00a651;
}
.faq-singular .faq-question:before {
  position: absolute;
  content: "+";
  color: #808080;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 28px;
  font-weight: 700;
  transition: all .5s;
}
.faq-singular.active .faq-question:before {
  transform: translateY(-50%) rotate(45deg) scale(1.3);
}
.faq-answer {
  display: none;
  padding-bottom: 20px;
}
/*FAQ CSS End*/
/*Image Animation CSS Start*/
.box{
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	color: white;
	padding: 15px;
}

.box:before{
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.1);
  transition: 0.5s;
  pointer-events: none;
}

/*.box:hover:before{
  left:-50%;
  transform: skewX(-5deg);
}*/

.box .content{
    border: 3px solid #EC1C24;
    padding: 12px;
    text-align: center;
    height: 100%;
}
.box .content img{ max-width: 100%; width: 100%; height: 100%;}

.box span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  
}

.box span:nth-child(1)
{
  transform:rotate(0deg);
}

.box span:nth-child(2)
{
  transform:rotate(90deg);
}

.box span:nth-child(3)
{
  transform:rotate(180deg);
}

.box span:nth-child(4)
{
  transform:rotate(270deg);
}

.box span:before
{
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  height: 3px;
  background: #00a651;
  animation: animate 4s linear infinite;
}

@keyframes animate {
  0% {
  transform:scaleX(0);
  transform-origin: left;
  }
  50%
  {
    transform:scaleX(1);
  transform-origin: left;
  }
  50.1%
  {
    transform:scaleX(1);
  transform-origin: right;
    
  }
  
  100%
  {
    transform:scaleX(0);
  transform-origin: right;
    
  }  
} 
/*Image Animation CSS End*/