/*Hide angular code at rendering time.*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

body, html {
  height: 100%;
}

body {
  font-size: 14px;
}

a {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

a:hover {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.content-sm {
  padding-top: 20px;
  padding-bottom: 20px;
}

.content-md {
  padding-top: 30px;
  padding-bottom: 30px;
}

.content {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-lg {
  padding-top: 60px;
  padding-bottom: 60px;
}

.headline {
  position: relative;
  display: block;
  margin: 0 0 20px 0;
}

.headline h2 {
  color: #000;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0 0 20px;
  padding: 0 0 5px;
  display: inline-block;
  line-height: 30px;
  font-size:24px;
}

.rec-content{
    padding:15px 0px;
}
.rec-content li p.date, .rec-content li p.location {
    font-size: 14px;
    color: #37474f
}

.rex-content li p a {
    color: #003975;
}

.headline h2:after {
  left: 0;
  right: 0;
  z-index: 1;
  width: 100px;
  height: 2px;
  content: " ";
  bottom: 5px;
  text-align: center;
  position: absolute;
  background-color: #007bff;
}

.headline-light h2 {
  color: #ffffff !important;
}

.headline-center {
  text-align: center;
}

.headline-center h2:after {
  left: 50%;
  margin-left: -50px;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.nearmiss-incident-wrapper {
    background: #f3f7f9;
    font-size:13px;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Header Start*/
.header-wrapper {
  background: #fff;
  position: relative;
  z-index: 1010;
  -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
}

.header {
  position: relative;
}

.header .logo {
  position: relative;
  float: left;
  margin: 6px 0 5px;
}

.header .logo img {
  height: 55px;
}
/*
Navigation Menu */
.navigation-menu {
  margin: 0;
  float: right;
}

.navigation-menu ul {
  margin: 0;
  padding: 0;
}

.navigation-menu ul li {
  display: inline-block;
}

.navigation-menu ul li a {
  display: block;
  padding: 23px 15px 20px;
  line-height: 20px;
  color: #343a40;
  font-size: 16px;
  text-decoration: none;
  border-bottom: 3px solid transparent;
}
.navigation-menu ul li:hover a {
  color: #589ffc;
}
.navigation-menu ul li.active a {
  color: #3e8ef7;
  border-bottom-color: #3e8ef7;
}

.btn-navigation-menu {
  color: #003975;
  display: none;
}

@media only screen and (max-width: 991px) {
  .btn-navigation-menu {
    display: inline-block;
  }

  .navigation-menu {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 1;
    width: 100%;
    background: #ffffff;
    float: none;
    border: 1px solid #d5dbdd;
    -webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05);
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
  }

  .navigation-menu ul li {
    display: block;
  }

  .navigation-menu ul li a {
    padding: 10px 15px;
  }
}

/*
Header Buttons */
.header-buttons {
  float: right;
  margin: 15px 0 5px 10px;
}

/*
Plant Selection */
.plant-selection {
  width: 220px;
  float: right;
  margin: 15px 0 0 10px;
}

.plant-selection i {
  font-size: 20px;
}

.plant-selection .form-control,
.plant-selection .input-group-addon {
  background-color: #f3f7f9;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Header End*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Breadcrumb Start*/
.breadcrumb-wrapper {
  background: url('/Areas/Public/Content/images/sub-page-header.jpg');
  background-size: cover;
  position: relative;
}

.breadcrumb-wrapper .breadcrumb-heading {
  display: block;
  padding: 60px 0;
}

.breadcrumb-wrapper h2 {
  font-size: 36px;
  color: #ffffff;
  line-height: 48px;
  margin: 0;
  font-weight: 300;
}

.breadcrumb-wrapper h2 span {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 10px 20px;
  display: inline-block;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Breadcrumb End*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Floating Menu Start*/
.floating-menu {
  position: fixed;
  z-index: 1020;
  right: 0;
  top: 20%;
  padding: 5px;
  background: #ffffff;
}

.floating-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.floating-menu ul li {
  margin: 0;
  padding: 0;
}

.floating-menu ul li + li {
  margin-top: 5px;
}

.floating-menu ul li a {
    display: block;
    width: 130px;
    white-space: normal;
    border: none;
    font-size: 13px;
    line-height: 16px;
}


@media only screen and (max-width: 767px) {
    .floating-menu {
      position: relative;
      z-index: 1;
      padding: 5px;
      background: #f3f7f9;
      text-align: center;
    }
    .floating-menu ul li {
      display: inline-block;
      vertical-align: top;
      margin: 2px;
    }
    .floating-menu ul li + li {
      margin-top: 2px;
    }
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Floating Menu End*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Banner Start*/
.banner-wrapper {
  position: relative;
  z-index: 0;
}
.ls-container{visibility: hidden;position: relative}
.ls-lt-container{position: absolute}
.ls-lt-container, .ls-lt-container *{text-align: left !important;direction: ltr !important}
.ls-container-fullscreen{margin: 0 auto !important;padding: 2% !important;background: black !important;border-radius: 0 !important;-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border: none !important}
.ls-container-fullscreen .ls-thumbnail-wrapper, .ls-container-fullscreen .ls-fullscreen, .ls-container-fullscreen .ls-shadow{display: none !important}
.ls-overflow-hidden{overflow: hidden}
.ls-inner{position: relative;background-position: center center;z-index: 2}
.ls-loading-container{position: absolute !important;display: none;z-index: 3 !important;left: 50% !important;top: 50% !important}
.ls-loading-indicator{margin: 0 auto}
.ls-inner, .ls-slide{width: 100%;height: 100%}
.ls-slide, .ls-layer{position: absolute;display: none;background-position: center center;overflow: hidden}
.ls-active, .ls-animating{display: block !important}
.ls-slide > *{position: absolute;line-height: normal;margin: 0;left: 0;top: 0}
.ls-slide .ls-bg{left: 0px;top: 0px;transform: none !important;-o-transform: none !important;-ms-transform: none !important;-moz-transform: none !important;-webkit-transform: none !important}
.ls-yourlogo{position: absolute;z-index: 99}
.ls-bar-timer{position: absolute;width: 0;height: 2px;background: white;border-bottom: 2px solid #555;opacity: .55;filter: alpha(opacity=55);z-index: 4;top: 0}
.ls-circle-timer{width: 16px;height: 16px;position: absolute;right: 10px;top: 10px;z-index: 4;opacity: .65;filter: alpha(opacity=65);display: none}
.ls-ct-half{background: white}
.ls-ct-center{background: #444}
.ls-ct-left, .ls-ct-right{width: 50%;height: 100%;overflow: hidden}
.ls-ct-left, .ls-ct-right{float: left;position: relative}
.ls-ct-rotate{width: 200%;height: 100%;position: absolute;top: 0}
.ls-ct-left .ls-ct-rotate, .ls-ct-right .ls-ct-hider, .ls-ct-right .ls-ct-half{left: 0}
.ls-ct-right .ls-ct-rotate, .ls-ct-left .ls-ct-hider, .ls-ct-left .ls-ct-half{right: 0}
.ls-ct-hider, .ls-ct-half{position: absolute;top: 0}
.ls-ct-hider{width: 50%;height: 100%;overflow: hidden}
.ls-ct-half{width: 200%;height: 100%}
.ls-ct-center{width: 50%;height: 50%;left: 25%;top: 25%;position: absolute}
.ls-ct-half, .ls-ct-center{border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px}
.ls-bottom-nav-wrapper{height: 0}.ls-bottom-slidebuttons{text-align: left}
.ls-bottom-nav-wrapper, .ls-below-thumbnails{position: absolute;bottom: 60px;left:0;right:0;z-index: 2;height: 0;text-align: center;margin: 0 auto}
.ls-below-thumbnails{display: none;z-index: 6}
.ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next{outline: none}
* .ls-bottom-nav-wrapper *, * .ls-bottom-nav-wrapper span *{direction: ltr !important}
.ls-bottom-slidebuttons{position: relative;z-index: 1000}.ls-bottom-slidebuttons, .ls-nav-start, .ls-nav-stop, .ls-nav-sides{position: relative}
.ls-nothumb{text-align: center !important}.ls-vpcontainer{width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.ls-tn{display: none !important}
.ls-thumbnail-hover{display: none;position: absolute;left: 0}
.ls-thumbnail-hover-inner{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none}
.ls-thumbnail-hover-bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0}
.ls-thumbnail-hover-img{position: absolute;overflow: hidden}
.ls-thumbnail-hover img{max-width: none !important;position: absolute;display: inline-block;visibility: visible !important;left: 50%;top: 0}
.ls-thumbnail-hover span{left: 50%;top: 100%;width: 0;height: 0;display: block;position: absolute;border-left-color: transparent !important;border-right-color: transparent !important;border-bottom-color: transparent !important}
.ls-thumbnail-wrapper{position: relative;width: 100%;margin: 0 auto;z-index: 4}
.ls-thumbnail{position: relative;margin: 0 auto}
.ls-thumbnail-inner, .ls-thumbnail-slide-container{width: 100%}
.ls-thumbnail-slide-container{overflow: hidden !important;position: relative}
.ls-touchscroll{overflow-x: auto !important}
.ls-thumbnail-slide{text-align: center;white-space: nowrap;float: left;position: relative}
.ls-thumbnail-slide a{overflow: hidden;display: inline-block;width: 0;height: 0;position: relative}
.ls-thumbnail-slide img{max-width: none !important;max-height: 100% !important;height: 100%;visibility: visible !important}
.ls-shadow{display: none;position: absolute;z-index: 1;top: 100%;width: 100%;left: 0;overflow: hidden !important;visibility: hidden}
.ls-shadow img{width: 100% !important;height: auto !important;position: absolute !important;left: 0 !important;bottom: 0 !important}
.ls-bottom-nav-wrapper, .ls-thumbnail-wrapper, .ls-nav-prev, .ls-nav-next{visibility: hidden}
.ls-wp-fullwidth-container{width: 100%;position: relative}
.ls-wp-fullwidth-helper{position: absolute}
.ls-overflow-hidden{overflow: hidden}
.ls-lt-tile{position: relative;float: left;perspective: 1000px;-o-perspective: 1000px;-ms-perspective: 1000px;-moz-perspective: 1000px;-webkit-perspective: 1000px}
.ls-lt-tile img{visibility: visible;display: inline-block}
.ls-curtiles{overflow: hidden}
.ls-curtiles, .ls-nexttiles{position: absolute;width: 100%;height: 100%;left: 0;top: 0}
.ls-curtile, .ls-nexttile{overflow: hidden;position: absolute;width: 100% !important;height: 100% !important;backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden}
.ls-curtile{left: 0;top: 0}
.ls-curtile img, .ls-nexttile img{position: absolute;filter: inherit}
.ls-fullscreen{position: absolute;z-index: 10;cursor: pointer;display: block}
html * .ls-nav-prev, html * .ls-nav-next, html * .ls-container img, html * .ls-bottom-nav-wrapper a, html * .ls-container .ls-fullscreen, body * .ls-nav-prev, body * .ls-nav-next, body * .ls-container img, body * .ls-bottom-nav-wrapper a, body * .ls-container .ls-fullscreen, #ls-global * .ls-nav-prev, #ls-global * .ls-nav-next, #ls-global * .ls-container img, #ls-global * .ls-bottom-nav-wrapper a, #ls-global * .ls-container .ls-fullscreen, html * .ls-thumbnail a, body * .ls-thumbnail a, #ls-global * .ls-thumbnail a{transition: none;-o-transition: none;-ms-transition: none;-moz-transition: none;-webkit-transition: none;line-height: normal;outline: none;padding: 0;border: 0}
html * .ls-slide > a, body * .ls-slide > a, #ls-global * .ls-slide > a, html * .ls-slide > h1, body * .ls-slide > h1, #ls-global * .ls-slide > h1, html * .ls-slide > h2, body * .ls-slide > h2, #ls-global * .ls-slide > h2, html * .ls-slide > h3, body * .ls-slide > h3, #ls-global * .ls-slide > h3, html * .ls-slide > h4, body * .ls-slide > h4, #ls-global * .ls-slide > h4, html * .ls-slide > h5, body * .ls-slide > h5, #ls-global * .ls-slide > h5, html * .ls-slide > p, body * .ls-slide > p, #ls-global * .ls-slide > p, html * .ls-slide > div, body * .ls-slide > div, #ls-global * .ls-slide > div, html * .ls-slide > span, body * .ls-slide > span, #ls-global * .ls-slide > span, html * .ls-slide > *, body * .ls-slide > *, #ls-global * .ls-slide > *{transition: none;-o-transition: none;-ms-transition: none;-moz-transition: none;-webkit-transition: none}
html * .ls-slide > *, body * .ls-slide > *, #ls-global * .ls-slide > *{margin: 0}
html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img{background: none !important;min-width: 0 !important;max-width: none !important;border-radius: 0;box-shadow: none;border: 0;padding: 0}
html * .ls-wp-container .ls-slide > *, body * .ls-wp-container .ls-slide > *, #ls-global * .ls-wp-container .ls-slide > *{line-height: normal;outline: none;padding: 0;margin: 0;border: 0}
html * .ls-wp-container .ls-slide > a > *, body * .ls-wp-container .ls-slide > a > *, #ls-global * .ls-wp-container .ls-slide > a > *{margin: 0}
html * .ls-wp-container .ls-slide > a, body * .ls-wp-container .ls-slide > a, #ls-global * .ls-wp-container .ls-slide > a{text-decoration: none}
.ls-wp-fullwidth-container, .ls-wp-fullwidth-helper, .ls-container, .ls-container *{box-sizing: content-box !important;-moz-box-sizing: content-box !important;-webkit-box-sizing: content-box !important}
html * .ls-yourlogo, body * .ls-yourlogo, #ls-global * .ls-yourlogo{margin: 0}
html * .ls-tn, body * .ls-tn, #ls-global * .ls-tn{display: none}
.site{overflow: visible !important}
.ls-oldiepnghack{filter: none !important}
.ls-gpuhack{width: 100% !important;height: 100% !important;left: 0px !important;top: 0px !important}
html * .ls-container .ls-webkit-hack, body * .ls-container .ls-webkit-hack, #ls-global * .ls-container .ls-webkit-hack{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1}

.ls-fullwidth .ls-bottom-slidebuttons a{position:relative;}
.ls-fullwidth .ls-bottom-slidebuttons a.ls-nav-active:before, 
.ls-fullwidth .ls-bottom-slidebuttons a:hover:before {
    content:'';
    position:absolute;
    top: 6px;
    left: 6px;
    height: 8px;
    width: 8px;
    background:#000;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.ls-bottom-nav-wrapper{
    position: absolute;
    bottom: 20px;
    left:0;
    right:0;
    height: 0;
    text-align: center;
    margin: 0 auto
    }

.banner-wrapper.plus-statistics .ls-bottom-nav-wrapper{
    bottom:80px;
    }
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Banner End*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Statistics Start*/
.statistics-wrapper {
  position: relative;
  z-index: 1;
}

.statistics-wrapper .statistics-widget {
  background: #ffffff;
  margin: -100px 0 0 0;
  padding: 30px;
  -webkit-box-shadow: 0 -15px 15px 0 rgba(0,0,0,.25);
  box-shadow: 0 -15px 15px 0 rgba(0,0,0,.25);
}
.statistics-wrapper .statistics-widget .statistics {
  padding: 20px 15px;
  border-radius: 0;
}
.statistics-wrapper .statistics-widget .statistics h2 {
  font-size: 55px;
  font-weight: 300;
}

.statistics-wrapper .statistics-widget .statistics p {
  font-size: 24px;
  font-weight: 200;
}
@media only screen and (max-width: 767px) {
    .statistics-wrapper .statistics-widget .statistics h2 {
        font-size: 36px;
    }
    .statistics-wrapper .statistics-widget .statistics p {
        font-size: 18px;
        font-weight: 300;
    }
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Statistics End*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Events Start*/
.events-list {
}

.events-list .events-list-item {
}

.events-list .events-list-item + .events-list-item {
  margin-top: 20px;
}

.events-list .events-list-item .events-list-date {
  height: 90px;
  width: 90px;
  float: left;
  background-color: #007bff;
  text-align: center;
  text-transform: uppercase;
  padding: 18px 0;
  color: #ffffff;
}

.events-list .events-list-item .events-list-date span {
  font-size: 30px;
  line-height: 32px;
  font-weight: 500;
}

.events-list .events-list-item .events-list-date span label {
  display: block;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
}

.events-list .events-list-item .events-list-body {
  margin-left: 110px;
}

.events-list .events-list-item .events-list-body h3 {
  margin: 0;
  padding: 5px 0 5px;
  font-weight: 400;
}

.events-list .events-list-item .events-list-body p {
  margin: 0;
  padding: 0 0 5px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Events End*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Upcoming Events Start*/
.upcoming-events-recent-knowledge-badge-wrapper {
  background: url('/Areas/Public/Content/images/upcoming-events-recent-knowledge-base-bg.png') no-repeat center center;
  background-size: cover;
  background-color:#343a40;
  overflow: hidden;
}

.upcoming-events-recent-knowledge-badge-wrapper .upcoming-events-widget,
.upcoming-events-recent-knowledge-badge-wrapper .recent-knowledge-badge-widget {
  height: 100%;
}

.upcoming-events-recent-knowledge-badge-wrapper .recent-knowledge-badge-widget {
  position: relative;
  z-index: 0;
}

.upcoming-events-recent-knowledge-badge-wrapper .recent-knowledge-badge-widget::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  z-index: -1;
  height: 100%;
  width: 1000%;
  background: #f3f7f9;
}

@media only screen and (max-width: 767px) {
  .upcoming-events-recent-knowledge-badge-wrapper .recent-knowledge-badge-widget::before {
    left: -50%;
  }
}


/*Upcoming Events*/
.upcoming-events-widget {
  padding: 60px 15px 60px 0;
}

.upcoming-events-widget .events-list .events-list-item {
  color: #fff;
}

.upcoming-events-widget .events-list .events-list-item .events-list-date {
  background: rgba(255, 255, 255, 0.1);
}

.upcoming-events-widget .events-list .events-list-item .events-list-body h3 {
  color: #fff;
}

.upcoming-events-widget .events-list .events-list-item .events-list-body p {
  color: #fff;
}

/*Recent Knowledge Badge*/
.recent-knowledge-badge-widget {
  padding: 60px 0 60px 15px;
}
.recent-knowledge-badge-widget .postpool .article-thumb img {
  height: 80px;
  width: 80px;
}
.recent-knowledge-badge-widget .postpool .post-excerpt {
  margin: 0px 0 0 100px;
}
.recent-knowledge-badge-widget .postpool .img-article::before {
  left: 40px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Upcoming Events End*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Latest News Start*/
.latest-news-wrapper {
}

.latest-news {
}

.latest-news .latest-news-item {
  min-height: 240px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
}

.latest-news .latest-news-item .latest-news-image {
  height: 220px;
  position: relative;
}

.latest-news .latest-news-item .latest-news-image img {
  height: 100%;
  width: 100%;
}

.latest-news .latest-news-item .latest-news-date {
  position: absolute;
  right: 15px;
  bottom: -15px;
  height: 80px;
  width: 80px;
  background-color: #007bff;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  padding: 15px 0;
}

.latest-news .latest-news-item .latest-news-date span {
  font-size: 30px;
  line-height: 32px;
  font-weight: 500;
}

.latest-news .latest-news-item .latest-news-date span label {
  display: block;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
}

.latest-news .latest-news-item .latest-news-content {
  padding: 20px;
}

.latest-news .latest-news-item .latest-news-content h3 {
  padding: 0;
  margin: 5px 0 0;
  font-weight: 400;
  line-height: 30px;
  min-height: 60px;
  display: block;
}

.latest-news .latest-news-item .latest-news-content p {
  padding: 0;
  margin: 5px 0 10px 0;
  font-weight: normal;
  line-height: 20px;
  min-height: 85px;
}

/*.latest-news .latest-news-item .latest-news-content a {
  text-transform: uppercase;
}*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Latest News End*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Detail Page Start*/
.detail-page {
}

.detail-page .detail-page-heading h1 {
  font-size: 30px;
  padding: 0 0 10px 0;
  margin: 0;
  font-weight: 300;
}

.detail-page .detail-page-post-by {
  padding: 5px 0px 5px 10px;
  background: #f3f7f9;
  font-size: 13px;
  margin: 0 0 20px;
}

.detail-page .detail-page-post-by span {
  margin: 0 0 0 0;
}

.detail-page .detail-page-post-by span i {
  margin: 0 5px 0 0;
}

.detail-page .detail-page-body {
}

.detail-page .detail-page-body img {
    max-width:100%;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Detail Page Start*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Footer Wrapper Start*/
.footer-wrapper {
  padding: 10px 30px;
  background-color: #f3f7f9;
  text-align: center;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Footer Wrapper End*/

/*No data available*/
.grey_box_message {
  color: #999;
  font-size: 18px;
  font-style: italic;
  margin: 20px;
  font-weight: 300;
}

.ta-hidden-input {
  display: none;
}   

/*Loader*/
.loader {position: fixed;width: 100%;height: 100%;left: 0;top: 0;padding-top: 40%;z-index: 999999;}
.loader .loader_2 {left: 46.8%;z-index: 1051;}
.loader_2 {position: relative;left: 50%;width: 40px;height: 40px;}
.loader_2 img {display: block;bottom: 0px;width: 20px;height: 20px;position: absolute;}