@charset "UTF-8";
@font-face {
  font-family: "FSLolaWeb";
  src: url("../fonts/FSLolaWeb-Regular.eot");
  src: url("../fonts/FSLolaWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/FSLolaWeb-Regular.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: "CalibriWeb";
  src: url("../fonts/CalibriWeb-Regular.eot");
  src: url("../fonts/CalibriWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/CalibriWeb-Regular.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: "FSLolaWeb";
  src: url("../fonts/FSLolaWeb-Italic.eot");
  src: url("../fonts/FSLolaWeb-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/FSLolaWeb-Italic.woff") format("woff");
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: "CalibriWeb";
  src: url("../fonts/CalibriWeb-Italic.eot");
  src: url("../fonts/CalibriWeb-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/CalibriWeb-Italic.woff") format("woff");
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: "FSLolaWeb";
  src: url("../fonts/FSLolaWeb-Bold.eot");
  src: url("../fonts/FSLolaWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/FSLolaWeb-Bold.woff") format("woff");
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: "CalibriWeb";
  src: url("../fonts/CalibriWeb-Bold.eot");
  src: url("../fonts/CalibriWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CalibriWeb-Bold.woff") format("woff");
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: "FSLolaWeb";
  src: url("../fonts/FSLolaWeb-BoldItalic.eot");
  src: url("../fonts/FSLolaWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/FSLolaWeb-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: bold;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: "CalibriWeb";
  src: url("../fonts/CalibriWeb-BoldItalic.eot");
  src: url("../fonts/CalibriWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/CalibriWeb-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: bold;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: "rospa-font";
  src: url("../fonts/rospa-font.eot");
  src: url("../fonts/rospa-font.eot?#iefix") format("embedded-opentype"), url("../fonts/rospa-font.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
[data-icon]:before {
  font-family: "rospa-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="ro-"]:before,
[class*=" ro-"]:before {
  font-family: "rospa-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ro-speech-bubble:before {
  content: "\61"; }

.navbar-nav > li > .dropdown-menu {
  margin-top: 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.navbar-default .navbar-nav > li > a {
  /*width: 200px;*/
  font-weight: bold; }

.mega-dropdown {
  position: static !important;
  /*width: 100%;*/ }

.mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none; }
  .mega-dropdown-menu:before {
    content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 50.2%;
    z-index: 10; }
  .mega-dropdown-menu:after {
    content: "";
    border-bottom: 17px solid #ccc;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    top: -17px;
    left: 50%;
    z-index: 8; }
  @media (max-width: 768px) {
    .mega-dropdown-menu:before, .mega-dropdown-menu:after {
      display: none; } }
  .mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0; }
    .mega-dropdown-menu > li > ul > li {
      list-style: none; }
      .mega-dropdown-menu > li > ul > li > a {
        display: block;
        padding: 2px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #008EAA;
        white-space: normal; }
        .mega-dropdown-menu > li > ul > li > a:hover, .mega-dropdown-menu > li > ul > li > a:focus {
          text-decoration: none;
          color: #007990;
          background-color: #f5f5f5; }
  .mega-dropdown-menu .dropdown-header {
    font-family: FSLolaWeb, 'Franklin Gothic Medium', 'Franklin Gothic', 'ITC Franklin Gothic', Tahoma, sans-serif;
    font-size: 18px;
    padding: 0;
    font-weight: bold;
    color: #001E62; }
    .mega-dropdown-menu .dropdown-header a {
      color: #001E62;
      font-weight: bold; }
      .mega-dropdown-menu .dropdown-header a:hover, .mega-dropdown-menu .dropdown-header a:focus {
        color: #001649; }
  .mega-dropdown-menu form {
    margin: 3px 20px; }
  .mega-dropdown-menu .form-group {
    margin-bottom: 3px; }

/***************/
/* HTML STYLES */
/***************/
body {
  font-family: CalibriWeb, Calibri, Arial, sans-serif;
  font-size: 16px; }

h1, h2, h3, h4, h5, #branding {
  color: #001E62;
  font-family: FSLolaWeb, "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Tahoma, sans-serif;
  font-weight: bold; }

h1 {
  font-size: 36px;
  margin-top: 0; }

h2 {
  font-size: 28px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 20px; }

h5, #branding {
  font-size: 20px;
  font-weight: normal; }

p, a {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

a {
  color: #008EAA;
  cursor: pointer; }
  a:hover, a:focus, a:active {
    color: #007990; }

hr {
  border-top: 1px solid #ddd; }

/* Styles for image captions, relies on HTML5 Shiv for IE8 and below */
/* Styling HTML5 is scary, kids! */
figure {
  text-align: center;
  margin: 10px; }
  figure img {
    margin-left: auto;
    margin-right: auto; }
  figure figcaption {
    font-size: 12px;
    color: #999;
    margin-top: 5px; }

/* Styles for a sidebar! */
/* Media Query gives the <aside> no margin when it spans the whole screen*/
aside {
  margin: 0; }

@media (min-width: 768px) {
  aside {
    margin: 0 0 10px 10px; } }
/* Giving the "Book/Quote" buttons a little margin */
#content aside .btn {
  margin-top: 10px; }

cite {
  font-style: italic; }

/**************/
/*** HEADER ***/
/**************/
#header {
  margin-bottom: 5px; }
  #header form {
    /* Search box */
    margin-bottom: 5px; }

#logo {
  margin-bottom: 10px; }
  @media (min-width: 992px) {
    #logo {
      margin-bottom: 0; } }

#branding {
  color: #008EAA; }

/* search styles */
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }

  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0; } }
@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }

  .navbar-right {
    float: right !important;
    margin-right: -15px; }

  .navbar-right ~ .navbar-right {
    margin-right: 0; } }
.navbar-right {
  margin-right: 0; }

/**********/
/* Search */
/**********/
.gsc-tabsArea {
  display: none; }

.gsc-control-cse {
  font-family: CalibriWeb, Calibri, Arial, sans-serif !important;
  font-size: 18px !important;
  padding: 0 !important; }

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
  padding: 0 !important; }

.gsc-control-cse .gs-result .gs-title * {
  font-size: 22px !important;
  color: #3A5DAE !important; }

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #008EAA !important; }

.gsc-result .gs-title {
  height: 32px !important;
  color: #3A5DAE !important; }

.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
  color: #009639 !important; }

/************************/
/*** FRONT PAGE STUFF ***/
/************************/
.front-page .row, #banner {
  margin-bottom: 10px; }

/* Responsive positioning of buttons on Your Stories ad */
#your-stories {
  position: relative; }
  #your-stories .btn {
    position: absolute; }
    #your-stories .btn.latest-story {
      top: 55%;
      left: 13%;
      /* Widescreen */
      /* Medium */
      /* Small */
      /* X-Small */ }
      @media (max-width: 1200px) {
        #your-stories .btn.latest-story {
          top: 53%;
          left: 10%; } }
      @media (max-width: 992px) {
        #your-stories .btn.latest-story {
          top: 55%;
          left: 13%; } }
      @media (max-width: 768px) {
        #your-stories .btn.latest-story {
          top: 10px;
          left: inherit;
          right: 25px; } }
    #your-stories .btn.your-story {
      top: 75%;
      left: 15%;
      /* Widescreen */
      /* Medium */
      /* Small */
      /* X-Small */ }
      @media (max-width: 1200px) {
        #your-stories .btn.your-story {
          top: 75%;
          left: 12.5%; } }
      @media (max-width: 992px) {
        #your-stories .btn.your-story {
          top: 75%;
          left: 15%; } }
      @media (max-width: 768px) {
        #your-stories .btn.your-story {
          top: 65px;
          left: inherit;
          right: 25px; } }

/* What's new bubbles on R/H of homepage */
#whats-new blockquote.business-services {
  background: #3A5DAE;
  box-shadow: -4px 4px 0px 0px #001E62;
  color: #fff;
  position: relative;
  border-left: 0;
  margin-bottom: 30px;
  border-radius: 10px;
  display: table;
  display: block; }
  #whats-new blockquote.business-services h2, #whats-new blockquote.business-services h3, #whats-new blockquote.business-services h4, #whats-new blockquote.business-services a, #whats-new blockquote.business-services small {
    color: #fff; }
  #whats-new blockquote.business-services a:hover {
    text-decoration: underline;
    color: #fff; }
  #whats-new blockquote.business-services:before, #whats-new blockquote.business-services:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 0 20px 20px;
    display: block;
    width: 0;
    margin-top: -10px;
    bottom: -20px; }
  #whats-new blockquote.business-services:before {
    left: 20px;
    border-color: transparent #3A5DAE;
    z-index: 10; }
  #whats-new blockquote.business-services:after {
    left: 15px;
    border-color: transparent #001E62;
    z-index: 9; }
  #whats-new blockquote.business-services.pull-right {
    margin: 0 0 20px 20px; }
  #whats-new blockquote.business-services.pull-left {
    margin: 0 20px 20px 0; }
#whats-new blockquote:nth-of-type(1) {
  background: #008EAA;
  box-shadow: -4px 4px 0px 0px #3A5DAE;
  color: #fff;
  position: relative;
  border-left: 0;
  margin-bottom: 30px;
  border-radius: 10px;
  display: table;
  display: block; }
  #whats-new blockquote:nth-of-type(1) h2, #whats-new blockquote:nth-of-type(1) h3, #whats-new blockquote:nth-of-type(1) h4, #whats-new blockquote:nth-of-type(1) a, #whats-new blockquote:nth-of-type(1) small {
    color: #fff; }
  #whats-new blockquote:nth-of-type(1) a:hover {
    text-decoration: underline;
    color: #fff; }
  #whats-new blockquote:nth-of-type(1):before, #whats-new blockquote:nth-of-type(1):after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 0 20px 20px;
    display: block;
    width: 0;
    margin-top: -10px;
    bottom: -20px; }
  #whats-new blockquote:nth-of-type(1):before {
    left: 20px;
    border-color: transparent #008EAA;
    z-index: 10; }
  #whats-new blockquote:nth-of-type(1):after {
    left: 15px;
    border-color: transparent #3A5DAE;
    z-index: 9; }
  #whats-new blockquote:nth-of-type(1).pull-right {
    margin: 0 0 20px 20px; }
  #whats-new blockquote:nth-of-type(1).pull-left {
    margin: 0 20px 20px 0; }
#whats-new blockquote:nth-of-type(2) {
  background: #CF4520;
  box-shadow: -4px 4px 0px 0px #8d2f16;
  color: #fff;
  position: relative;
  border-left: 0;
  margin-bottom: 30px;
  border-radius: 10px;
  display: table;
  display: block; }
  #whats-new blockquote:nth-of-type(2) h2, #whats-new blockquote:nth-of-type(2) h3, #whats-new blockquote:nth-of-type(2) h4, #whats-new blockquote:nth-of-type(2) a, #whats-new blockquote:nth-of-type(2) small {
    color: #fff; }
  #whats-new blockquote:nth-of-type(2) a:hover {
    text-decoration: underline;
    color: #fff; }
  #whats-new blockquote:nth-of-type(2):before, #whats-new blockquote:nth-of-type(2):after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 0 20px 20px;
    display: block;
    width: 0;
    margin-top: -10px;
    bottom: -20px; }
  #whats-new blockquote:nth-of-type(2):before {
    left: 20px;
    border-color: transparent #CF4520;
    z-index: 10; }
  #whats-new blockquote:nth-of-type(2):after {
    left: 15px;
    border-color: transparent #8d2f16;
    z-index: 9; }
  #whats-new blockquote:nth-of-type(2).pull-right {
    margin: 0 0 20px 20px; }
  #whats-new blockquote:nth-of-type(2).pull-left {
    margin: 0 20px 20px 0; }
#whats-new blockquote:nth-of-type(3) {
  background: #AA0061;
  box-shadow: -4px 4px 0px 0px #702F8A;
  color: #fff;
  position: relative;
  border-left: 0;
  margin-bottom: 30px;
  border-radius: 10px;
  display: table;
  display: block; }
  #whats-new blockquote:nth-of-type(3) h2, #whats-new blockquote:nth-of-type(3) h3, #whats-new blockquote:nth-of-type(3) h4, #whats-new blockquote:nth-of-type(3) a, #whats-new blockquote:nth-of-type(3) small {
    color: #fff; }
  #whats-new blockquote:nth-of-type(3) a:hover {
    text-decoration: underline;
    color: #fff; }
  #whats-new blockquote:nth-of-type(3):before, #whats-new blockquote:nth-of-type(3):after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 0 20px 20px;
    display: block;
    width: 0;
    margin-top: -10px;
    bottom: -20px; }
  #whats-new blockquote:nth-of-type(3):before {
    left: 20px;
    border-color: transparent #AA0061;
    z-index: 10; }
  #whats-new blockquote:nth-of-type(3):after {
    left: 15px;
    border-color: transparent #702F8A;
    z-index: 9; }
  #whats-new blockquote:nth-of-type(3).pull-right {
    margin: 0 0 20px 20px; }
  #whats-new blockquote:nth-of-type(3).pull-left {
    margin: 0 20px 20px 0; }
#whats-new blockquote:nth-of-type(4) {
  background: #CF4520;
  box-shadow: -4px 4px 0px 0px #8d2f16;
  color: #fff;
  position: relative;
  border-left: 0;
  margin-bottom: 30px;
  border-radius: 10px;
  display: table;
  display: block; }
  #whats-new blockquote:nth-of-type(4) h2, #whats-new blockquote:nth-of-type(4) h3, #whats-new blockquote:nth-of-type(4) h4, #whats-new blockquote:nth-of-type(4) a, #whats-new blockquote:nth-of-type(4) small {
    color: #fff; }
  #whats-new blockquote:nth-of-type(4) a:hover {
    text-decoration: underline;
    color: #fff; }
  #whats-new blockquote:nth-of-type(4):before, #whats-new blockquote:nth-of-type(4):after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 0 20px 20px;
    display: block;
    width: 0;
    margin-top: -10px;
    bottom: -20px; }
  #whats-new blockquote:nth-of-type(4):before {
    left: 20px;
    border-color: transparent #CF4520;
    z-index: 10; }
  #whats-new blockquote:nth-of-type(4):after {
    left: 15px;
    border-color: transparent #8d2f16;
    z-index: 9; }
  #whats-new blockquote:nth-of-type(4).pull-right {
    margin: 0 0 20px 20px; }
  #whats-new blockquote:nth-of-type(4).pull-left {
    margin: 0 20px 20px 0; }
#whats-new blockquote.other-news {
  background: #009639;
  box-shadow: -4px 4px 0px 0px #005151;
  color: #fff;
  position: relative;
  border-left: 0;
  margin-bottom: 30px;
  border-radius: 10px;
  display: table;
  display: block; }
  #whats-new blockquote.other-news h2, #whats-new blockquote.other-news h3, #whats-new blockquote.other-news h4, #whats-new blockquote.other-news a, #whats-new blockquote.other-news small {
    color: #fff; }
  #whats-new blockquote.other-news a:hover {
    text-decoration: underline;
    color: #fff; }
  #whats-new blockquote.other-news:before, #whats-new blockquote.other-news:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 0 20px 20px;
    display: block;
    width: 0;
    margin-top: -10px;
    bottom: -20px; }
  #whats-new blockquote.other-news:before {
    left: 20px;
    border-color: transparent #009639;
    z-index: 10; }
  #whats-new blockquote.other-news:after {
    left: 15px;
    border-color: transparent #005151;
    z-index: 9; }
  #whats-new blockquote.other-news.pull-right {
    margin: 0 0 20px 20px; }
  #whats-new blockquote.other-news.pull-left {
    margin: 0 20px 20px 0; }

/* Segmented boxes on front page with image and text */
.speechbox {
  position: relative;
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-top: 1px solid #005151;
  margin-bottom: 20px;
  /*border-radius: 0px 0px 10px 10px;*/
  /* Speech bubbles for CSS3 */
  /* http://www.ilikepixels.co.uk/drop/bubbler/ */ }
  .speechbox h2 {
    margin-top: 0; }
  .speechbox:after {
    content: url("images/blue-bubble.png");
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    left: -1px;
    top: -11px; }
  .speechbox.speechbox-noborder {
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none; }

/*************/
/*** BLOGS ***/
/*************/
.main-story {
  position: relative; }
  .main-story img.pull-left {
    margin: 0; }

.main-story-bubble {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0; }

.main-story-text {
  color: white;
  display: block;
  width: 390px;
  height: 200px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 11;
  padding: 0 20px 20px 30px; }
  .main-story-text a {
    color: #97D700; }

#ctl00_plcMain_Holder_lt_zone_NewsletterSubscription_btnSubmit {
  margin: 0 0 0 10px; }

.blog-categories .btn {
  margin: 0 5px 10px; }

/* Because our image is acting like a link to swap a censored version with an uncensored version - pointer makes it obvious it's clickable */
img:hover.img-censor {
  cursor: pointer; }

/************/
/*** BODY ***/
/************/
/* To lift the container away from the top of the page, and the footer from the body container */
.container {
  background: #fff;
  padding-top: 10px; }

.breadcrumb {
  padding: 4px 15px; }
  .breadcrumb li {
    font-size: 14px; }

/* Table footers */
.table-total {
  background: #eee;
  font-weight: bold; }

/* Nasty minimum height fix to ensure Footer's always at the bottom of the page on short pages */
#main-content {
  min-height: 510px;
  height: auto !important;
  height: 510px; }

#content a, #content a.btn:hover {
  text-decoration: none; }

#content a:hover {
  text-decoration: underline; }

/* Training "Infographic" styles */
.greenbox {
  background: #C9E6ED;
  border: 5px solid #fff;
  padding: 5px; }

.greenbox p {
  text-align: center; }

.greenbox a {
  color: #145869; }

/* Attempt to make the glyphicons look like an equals sign! */
#collapse-overview .glyphicon-minus, #collapse-infographic .glyphicon-minus {
  display: block;
  line-height: 0.5; }

/* Adding slight increase in margin to li elements */
#content li {
  margin-bottom: 3px; }

/* But not on tabs */
#content .nav-tabs li {
  margin-bottom: -1px; }

/* Auto link styling */
#content p .pdf:before, #content li .pdf:before, #content td .pdf:before, #content th .pdf:before {
  font-family: FontAwesome;
  margin-right: 5px;
  content: "";
  color: #FF671F; }
#content p .doc:before, #content li .doc:before, #content td .doc:before, #content th .doc:before {
  font-family: FontAwesome;
  margin-right: 5px;
  content: "";
  color: #FF671F; }
#content p .xls:before, #content li .xls:before, #content td .xls:before, #content th .xls:before {
  font-family: FontAwesome;
  margin-right: 5px;
  content: "";
  color: #FF671F; }
#content p .ppt:before, #content li .ppt:before, #content td .ppt:before, #content th .ppt:before {
  font-family: FontAwesome;
  margin-right: 5px;
  content: "";
  color: #FF671F; }
#content p .audio:before, #content li .audio:before, #content td .audio:before, #content th .audio:before {
  font-family: FontAwesome;
  margin-right: 5px;
  content: "";
  color: #FF671F; }
#content p .video:before, #content li .video:before, #content td .video:before, #content th .video:before {
  font-family: FontAwesome;
  margin-right: 5px;
  content: "";
  color: #FF671F; }

#splash-buttons {
  margin-top: 15px; }

/* Contact Social*/
#contact-social hr {
  margin: 5px 0; }

/* To give the lovely FontAwesome lengthened buttons some more room on md screen sizes */
#social .btn {
  margin-bottom: 3px; }

/* Styles for the checklist in the NEBOSH Distance Learning course */
#checklist .glyphicon-ok {
  color: #00930c; }

#checklist .glyphicon-remove {
  color: #c00; }

/* Giving the 404 page categories more room to breathe */
dd {
  margin-bottom: 10px; }

/* Handwriting class */
.handwriting {
  font-family: 'MV Boli', 'Monotype Corsiva', Zapfino, 'URW Chancery L', 'Courier New', Courier, monospace; }

blockquote {
  background: #009639;
  box-shadow: -4px 4px 0px 0px #005151;
  color: #fff;
  position: relative;
  border-left: 0;
  margin-bottom: 30px;
  border-radius: 10px;
  display: table;
  /* Adds a little bit of breathing room for floated blockquotes */ }
  blockquote h2, blockquote h3, blockquote h4, blockquote a, blockquote small {
    color: #fff; }
  blockquote a:hover {
    text-decoration: underline;
    color: #fff; }
  blockquote:before, blockquote:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 0 20px 20px;
    display: block;
    width: 0;
    margin-top: -10px;
    bottom: -20px; }
  blockquote:before {
    left: 20px;
    border-color: transparent #009639;
    z-index: 10; }
  blockquote:after {
    left: 15px;
    border-color: transparent #005151;
    z-index: 9; }
  blockquote.pull-right {
    margin: 0 0 20px 20px; }
  blockquote.pull-left {
    margin: 0 20px 20px 0; }
  #content blockquote a {
    font-weight: bold;
    text-decoration: underline; }
  @media (min-width: 768px) {
    blockquote .pull-right {
      margin-left: 10px; }
    blockquote .pull-left {
      margin-right: 10px; }
    #content blockquote a {
      text-decoration: none; } }
  blockquote.pull-right {
    padding: 10px 20px;
    border-right: 0; }
  blockquote.blockquote-heading {
    background: #CF4520;
    box-shadow: -4px 4px 0px 0px #8d2f16;
    color: #fff;
    position: relative;
    border-left: 0;
    margin-bottom: 30px;
    border-radius: 10px;
    display: table; }
    blockquote.blockquote-heading h2, blockquote.blockquote-heading h3, blockquote.blockquote-heading h4, blockquote.blockquote-heading a, blockquote.blockquote-heading small {
      color: #fff; }
    blockquote.blockquote-heading a:hover {
      text-decoration: underline;
      color: #fff; }
    blockquote.blockquote-heading:before, blockquote.blockquote-heading:after {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 0 0 20px 20px;
      display: block;
      width: 0;
      margin-top: -10px;
      bottom: -20px; }
    blockquote.blockquote-heading:before {
      left: 20px;
      border-color: transparent #CF4520;
      z-index: 10; }
    blockquote.blockquote-heading:after {
      left: 15px;
      border-color: transparent #8d2f16;
      z-index: 9; }
    blockquote.blockquote-heading.pull-right {
      margin: 0 0 20px 20px; }
    blockquote.blockquote-heading.pull-left {
      margin: 0 20px 20px 0; }
    blockquote.blockquote-heading p {
      font-size: 24px; }
  blockquote.blockquote-alt {
    background: #008EAA;
    box-shadow: -4px 4px 0px 0px #004e5d;
    color: #fff;
    position: relative;
    border-left: 0;
    margin-bottom: 30px;
    border-radius: 10px;
    display: table; }
    blockquote.blockquote-alt h2, blockquote.blockquote-alt h3, blockquote.blockquote-alt h4, blockquote.blockquote-alt a, blockquote.blockquote-alt small {
      color: #fff; }
    blockquote.blockquote-alt a:hover {
      text-decoration: underline;
      color: #fff; }
    blockquote.blockquote-alt:before, blockquote.blockquote-alt:after {
      content: '';
      position: absolute;
      border-style: solid;
      border-width: 0 0 20px 20px;
      display: block;
      width: 0;
      margin-top: -10px;
      bottom: -20px; }
    blockquote.blockquote-alt:before {
      left: 20px;
      border-color: transparent #008EAA;
      z-index: 10; }
    blockquote.blockquote-alt:after {
      left: 15px;
      border-color: transparent #004e5d;
      z-index: 9; }
    blockquote.blockquote-alt.pull-right {
      margin: 0 0 20px 20px; }
    blockquote.blockquote-alt.pull-left {
      margin: 0 20px 20px 0; }

/* Well bubbles */
.well.pull-right:after {
  content: url("images/orange-bubble.png");
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  right: 18px;
  top: -9px; }

#training-links h3 {
  font-size: 18px; }

/* Font awesome stacks in training */
#training-booking .ro-speech-bubble {
  color: #FFA300; }
#training-booking .fa-phone {
  color: #fff; }

/* Speech bubbles instead of chevrons on training pages */
#training-accordion .ro-speech-bubble {
  margin: -3px 10px 0 0; }
  #training-accordion .ro-speech-bubble.expand {
    color: #001E62;
    transform: rotate(225deg); }
  #training-accordion .ro-speech-bubble.minimise {
    color: #008EAA;
    transform: rotate(320deg); }

/* The class Kentico applies for blog H1s */
.handwriting {
  font-family: FSLolaWeb, "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Tahoma, sans-serif; }

/* To highlight selected radio buttons on forms - currently used on donate now (jQuery applied)*/
.radio label.radio-highlight {
  color: #008EAA;
  font-weight: bold; }

/* Credit Card icons for donate page */
.card-type {
  height: 44px;
  width: 74px;
  display: inline-block;
  margin-right: 5px;
  background: url("images/sprite-ccard.png") no-repeat; }

.card-master {
  background-position: 0 0; }

.card-maestro {
  background-position: 0 -44px; }

.card-visa {
  background-position: 0 -88px; }

.card-amex {
  background-position: 0 -132px; }

.card-blank {
  background-position: 0 -176px; }

/**************/
/* NAVIGATION */
/**************/
/* MAIN NAV */
.navbar {
  margin-bottom: 0; }

.navbar-default {
  background: none;
  border: none; }

.navbar-collapse {
  padding: 0; }

@media (max-width: 768px) {
  .navbar .divider {
    display: none; } }

/* Menu bubbles */
.menu-bubble {
  height: 16px;
  width: 16px;
  display: inline-block;
  margin-right: 5px;
  background: url("images/sprite-bubbles.png") no-repeat; }

.bubble-light-pink {
  background-position: 0 0; }

.bubble-medium-pink {
  background-position: 0 -16px; }

.bubble-dark-pink {
  background-position: 0 -32px; }

.bubble-light-green {
  background-position: 0 -48px; }

.bubble-medium-green {
  background-position: 0 -64px; }

.bubble-dark-green {
  background-position: 0 -80px; }

.bubble-light-orange {
  background-position: 0 -96px; }

.bubble-medium-orange {
  background-position: 0 -112px; }

.bubble-dark-orange {
  background-position: 0 -128px; }

.bubble-light-blue {
  background-position: 0 -144px; }

.bubble-medium-blue {
  background-position: 0 -160px; }

.bubble-dark-blue {
  background-position: 0 -176px; }

/* SIDENAV */
.sub-navigation {
  border-right: 1px solid #ddd;
  padding-right: 5px; }
  .sub-navigation .section {
    font-family: FSLolaWeb, "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Tahoma, sans-serif; }
  .sub-navigation li {
    color: #001E62;
    font-weight: bold;
    font-size: 26px; }
    .sub-navigation li a {
      font-size: 14px;
      color: #333;
      font-weight: normal; }

.sub-navigation .nav > li > a {
  padding: 5px 10px; }

.sub-navigation li.active > a {
  font-weight: bold;
  color: #fff;
  background-color: #001E62; }

.sub-navigation li.active > a:hover {
  color: #fff;
  background-color: #001649; }

.sub-navigation ul.nav-pills ul {
  margin-left: 15px; }

.sub-navigation .glyphicon {
  margin-right: 3px; }

.sub-navigation .glyphicon-chevron-right {
  color: #aaa; }

/* Remove margin-right from .navbar-toggle so we can have them in a .btn-group */
.btn-group .navbar-toggle {
  margin-right: 0; }

/* Indentations for subnav in collapsed view */
.navbar-collapse .nav-pills ul {
  margin-left: 10px; }

/* Pagination branding colours */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #008EAA;
  border-color: #008EAA; }

/**************/
/*** FOOTER ***/
/**************/
#footer {
  background: #001E62;
  color: #d3d9e7; }
  #footer .container {
    background: #001E62; }
  #footer li {
    list-style-type: square;
    color: #fff; }
    #footer li a, #footer li a:hover {
      color: #fff; }
  #footer h2 {
    color: #fff; }
  #footer #social-media {
    margin-bottom: 15px;
    font-size: 13px; }
    #footer #social-media a {
      /*word-spacing:-8px;*/ }
      #footer #social-media a .fa-stack-2x {
        color: #fff; }
      #footer #social-media a .fa-stack-1x, #footer #social-media a:hover {
        color: #001E62; }

/******************************/
/* CUSTOM PRICE TABLE CLASSES */
/******************************/
.tier-title {
  font-size: 22px; }

.tier1 {
  background: #f6fff6; }

.tier2 {
  background: #e8ffe7; }

.tier3 {
  background: #dbffd9; }

.fa-check {
  color: #6ea733; }

.fa-times {
  color: #c91d11; }

/*************************/
/* CUSTOM BUTTON CLASSES */
/*************************/
/* RoSPA branded button*/
.btn {
  font-size: 16px; }
  .btn.pull-right {
    margin: 5px 0 5px 10px; }
    #searchform .btn.pull-right {
      margin: 0;
      height: 33px;
      padding: 0 12px; }

.btn-lg {
  font-size: 20px; }

.btn-primary, .navbar-default .navbar-toggle {
  color: #fff;
  background-color: #008EAA;
  border-color: #007990; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary.disabled, .btn-primary[disabled], .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle.disabled, .navbar-default .navbar-toggle[disabled] {
    color: #fff;
    background-color: #007990;
    border-color: #006377; }
  .btn-primary:active, .btn-primary.active, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle.active {
    background-color: #00a3c3 \9;
    border-color: #00b9dd \9; }
  .btn-primary .caret, .navbar-default .navbar-toggle .caret {
    border-top-color: #fff; }

.btn-default {
  color: #fff;
  background-color: #001E62;
  border-color: #001649; }
  .btn-default:hover, .btn-default:focus, .btn-default.disabled, .btn-default[disabled] {
    color: #fff;
    background-color: #001649;
    border-color: #000e2f; }
  .btn-default:active, .btn-default.active {
    background-color: #00267c \9;
    border-color: #002e95 \9; }
  .btn-default .caret {
    border-top-color: #fff; }

/* RoSPA training button */
.btn-training {
  color: #003399;
  background-color: #eee;
  border-color: #eee; }
  .btn-training:hover, .btn-training:focus, .btn-training:active, .btn-training.active, .btn-training.disabled, .btn-training[disabled] {
    color: #003399;
    background-color: #ddd;
    border-color: #ddd; }
  .btn-training:active, .btn-training.active {
    background-color: #ccc \9;
    border-color: #ccc \9; }

/* Sharing buttons */
.btn-twitter {
  color: #ffffff;
  background-color: #55ACEE; }
  .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .btn-twitter.disabled, .btn-twitter[disabled] {
    color: #ffffff;
    background-color: #3e98dc; }
  .btn-twitter:active, .btn-twitter.active {
    background-color: #237fc4 \9; }

.btn-facebook {
  color: #ffffff;
  background-color: #3B5999; }
  .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .btn-facebook.disabled, .btn-facebook[disabled] {
    color: #ffffff;
    background-color: #284481; }
  .btn-facebook:active, .btn-facebook.active {
    background-color: #1c2f5a \9; }

.btn-linkedin {
  color: #ffffff;
  background-color: #0977B5; }
  .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .btn-linkedin.disabled, .btn-linkedin[disabled] {
    color: #ffffff;
    background-color: #006ba8; }
  .btn-linkedin:active, .btn-linkedin.active {
    background-color: #004b75 \9; }

/* Dynamic Buttons */
input.btn {
  margin-bottom: 10px; }

/* Used on the file-download page to hide the document extension */
#content p #download.pdf:before {
  content: none; }

/******************/
/* EMBEDING MEDIA */
/******************/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
  /* A little breathing room for paragraphs underneath */ }
  .embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Include this class on Google Maps embedded in an initially hidden element to fix the map marker issue */
/* Make Facebook embeded streams responsive width */
#likebox-wrapper * {
  width: 100% !important; }

/*****************/
/* ADMIN CHANGES */
/*****************/
.splash-button-img {
  width: 75px;
  height: 75px; }

/*******************************/
/* BOOTSTRAP CHANGES/ADDITIONS */
/*******************************/
/* Because images and asides deserve breathing room, but not on mobile phones! */
img.pull-right, aside.pull-right {
  margin: 10px 0 10px 10px; }
  @media (max-width: 480px) {
    img.pull-right, aside.pull-right {
      float: none !important;
      margin: 0; } }
img.pull-left, aside.pull-left {
  margin: 10px 10px 10px 0; }
  @media (max-width: 480px) {
    img.pull-left, aside.pull-left {
      float: none !important;
      margin: 0; } }

/* Fixing the non-functioning .center-block class in this old version of Bootstrap */
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

/* When a list is wrapped to the side of left-floated content the bullet point is cut off, this allows the bullet to be 'inside' the list item */
.list-inside {
  list-style-position: inside; }

/* Overwriting the default bootstrap blue primary text colour. */
/* Currently used on /safety-training/work/nebosh/international/ and /safety-training/work/nebosh/diploma/ to highlight in-company course status */
.text-primary {
  color: #D0006F; }

/* Because text-right gives text its very own 100% width block to sit in. In this case, we want it to float and only take up its own width. */
/* Currently used on /membership/ to float the text/button to the right at the top of the page. */
p.pull-right {
  padding-left: 5px; }

/* So images with white borders can have definition, i.e. document thumbnails */
.img-border {
  border: 1px solid #ccc; }

/* Because we like to stack thumbnails, and it's ugly when they touch */
.thumbnail {
  margin-bottom: 20px; }

/* Font Awesome icons should share the line height of the tags they're in! */
.fa {
  line-height: inherit; }

/*Extra bottom margin on media elements*/
.media {
  margin-bottom: 30px; }
  aside .media {
    margin-bottom: 0px; }

/* To make list-group-item-headings look like actual headers, given that they use h4 */
a.list-group-item .list-group-item-heading {
  color: #0095cf; }

/* To make images that don't fill the containing carousel be centred */
.carousel-inner > .item > img {
  margin: 0 auto; }

/* Used on the four buttons that appear on splash pages to remove default Bootstrap grey background */
.well.well-transparent {
  background-color: transparent;
  padding: 5px; }

/* Make the progress bar blue! */
.progress-bar {
  background-color: #008EAA; }

.badge {
  /* Used on Gold Medal/Presidents Award pages */
  /* Used on the Awards entry pages to highlight closing dates - but this can be used anywhere to highlight an important date, course status etc */ }
  .badge.badge-gold {
    color: #A17B28;
    background-color: #FFEBA1; }
  .badge.badge-highlight {
    background-color: #FF671F; }

/* Fixes excessive top margin when .well elements contain a h2 */
.well h2:first-of-type, .well h3:first-of-type, .well h4:first-of-type, aside h2:first-of-type, aside h3:first-of-type, aside h4:first-of-type, blockquote h2:first-of-type, blockquote h3:first-of-type, blockquote h4:first-of-type {
  margin-top: 5px; }

.well-transparent h3.media-heading {
  font-size: 20px; }

/* Fix Google Maps canvas - Wrap your Google Maps embed in a `.reset-box-sizing` to reset Bootstrap's global `box-sizing` changes. */
.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/*# sourceMappingURL=default.css.map */