@charset "utf-8";
/* CSS Document */
/*  Table of Contents 



01. FEATURE STYLES

	A. SEARCH BAR

	B. STICKY

	C. FORM LIST AND FORM VALIDATION

	D. FX REPLACE

    E. COUNTDOWN CLOCK

    F. TIMELINE



02. NAVIGATION STYLES

	A. OFF-CANVAS

	B. TOP BAR

    C. MAIN NAVIGATION BAR

    D. LEFT NAVIGATION BAR

	E. BREADCRUMBS, PAGENATION & PROGRESS INDICATOR



03. CONTAINER STYLES

    A. MAIN SECTION

    B. LEFT SECTION

	C. RIGHT SECTION

	D. FOOTER

	E. OVERLAP OVER CONTAINERS

	F. BLOCK GRIDS

	G. POSTS & TOOLS



04. CONTENT STYLES

	A. HEADERS, PARAGRAPHS, BODY

	B. LISTS

    C. TABS AND ACCORDION

    D. DROPDOWNS

    E. TABLES

    F. HYPERLINKS

    G. LABELS AND HIGHLIGHTS

	H. LINES AND DIVIDERS

	I. COLOURS

	J. FORMS AND VALIDATIONS

	K. V-CARDS



05. BUTTON STYLES

	A. SINGLE BUTTONS

	B. BUTTON GROUPS

	C. SPLIT BUTTONS

	D. DROPDOWN BUTTONS    



06. CALLOUTS AND PROMPT STYLES

	A. MODALS

	B. ALERTS AND FIELD SETS

	C. PANELS, DIVISIONS AND SPANS

	D. TOOL TIPS

	E. JOYRIDES

	F. PRICING TABLES



07. IMAGE AND MEDIA STYLES

	A. THUMBNAILS

	B. SLIDERS

	C. IFRAME

	D. BACKGROUND IMAGE



*/
/* DEEJAYS.COM */
/*



=============================================== 01. FEATURE STYLES ===============================================



*/
/* -------------------- A. SEARCH BAR -------------------- */


table.gsc-search-box td.gsc-input {
    padding-top: 24px;
}

.button.search-button {
  width: 39px;
  height: 39px;
  background-size: 20px 20px;
  background-color: #f2f2f2;
  background-image: url("../img/search_icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0px;
  border: 0.063rem solid #cacaca;
  border-left: 0rem solid #cacaca;
}
.button.search-button:hover {
  background-color: #e8e6e6;
}
.button.clear-button {
  width: 39px;
  height: 39px;
  background-size: 20px 20px;
  background-color: #fefefe;
  background-image: url("../img/delete_icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0px;
  border: 0.063rem solid #cacaca;
  border-left: 0rem solid #cacaca;
}
.button.clear-button:hover {
  background-color: #e8e6e6;
}
.button.clear, .button.clear:hover, .button.clear:focus {
  cursor: pointer;
  color: #4968a9;
  padding-top: 0px;
}
.button.clear:hover, .button.clear:focus {
  color: #5275bd;
}

#clear-search-button {
cursor: pointer;
color: #4968a9;
font-size: .750em;		
}

#clear-search-button:hover, #clear-search-button:focus {
text-decoration: underline;		
}


/* -------------------- B. STICKY -------------------- */

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    background: rgba(254, 254, 254, 0.25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed;
}

.very_very_top {
    left: 0;
    top: 0;
    /*height: 39px;*/
    width: 100%;
    z-index: 450;
    position: fixed;
    border: none;
    border-bottom: 1px solid #aeafaf;
    margin: 0;
	/*margin-bottom: 38px;*/
    box-shadow: 0px 3px 5px rgb(118, 118, 118, 0.3);
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	background: linear-gradient(to bottom, #ffffff, #ccced0);
}


.sticky {
  z-index: 10;
}
/*.sticky.is-stuck {

    position: fixed;

    z-index: 101;

    width: 100%;

}*/
.search_stick {
  position: fixed;
  z-index: 10;
}
/* -------------------- C. FORM LIST AND FORM VALIDATION -------------------- */
.contact-us-section {
  padding: 2rem;
  background: #fefefe;
}
.contact-us-section .contact-us-section-left {
  padding-right: 2rem;
  border-bottom: 2px solid #e6e6e6;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
  .contact-us-section .contact-us-section-left {
    border-right: 1px solid #e6e6e6;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.contact-us-section .contact-us-section-right {
  padding-left: 2rem;
}
@media print, screen and (min-width: 40em) {
  .contact-us-section .contact-us-section-right {
    border-left: 1px solid #e6e6e6;
  }
}
.contact-us-section .contact-us-header {
  margin-bottom: 2rem;
}
@media screen and (min-width: 40em) and (max-width: 74.9375em) {
  .contact-us-section .contact-us-header {
    font-size: 32px;
  }
}
.contact-us-section .responsive-embed {
  margin-bottom: 0;
  padding-bottom: 55%;
}
.contact-us-form input[type=text], .contact-us-form input[type=email], .contact-us-form textarea {
  margin-bottom: 1.5rem;
}
.contact-us-form-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.contact-us-form-actions input[type=submit] {
  border-radius: 5000px;
  padding-left: 2rem;
  padding-right: 2rem;
}
.contact-us-form-actions .contact-us-file-button {
  background: transparent;
  color: #8a8a8a;
}
.contact-us-list {
  list-style-type: none;
  margin: 0;
}
.contact-us-list li a {
  color: #222222;
}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #ffffff;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input:disabled, input[readonly], textarea:disabled, textarea[readonly], select:disabled {
  background-color: #d3d2d2;
  cursor: default;
  color: #1e1e1e;
}
[type='search'] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 0;
  padding: 0rem;
  border: 0px solid #cacaca;
  border-right: 0px solid #cacaca;
  border-radius: 0;
  background-color: #ffffff;
  font-family: inherit;
  font-size: .875rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: none;
  /*box-shadow: inset 0 0 0 rgba(10, 10, 10, 0.1);*/
}
#searchBar-form {
  position: relative;
  overflow: hidden;
}
#searchBar-form-large {
  position: relative;
  overflow: hidden;
  width: 600px;
}
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
  outline: none;
  border: 1px solid #5b6771;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
[type='search']:focus {
  outline: none;
  border: 1px solid #cacaca;
  border-right: 0px solid #cacaca;
  background-color: #fefefe;
  box-shadow: 0 0 0 #cacaca;
  transition: none;
}
table [type='text'], table [type='text']:focus {
  box-shadow: inset 0 0 0 rgb(10 10 10 / 10%);
}
#search_engine {
  background-color: #000;
  border: 0px solid #fff;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b6b6b6;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #b6b6b6;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #b6b6b6;
}
input::placeholder, textarea::placeholder {
  color: #b6b6b6;
}
.is-invalid-input:not(:focus) {
  border-color: #d3414e;
  background-color: #f9ecea;
}
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
  color: #d3414e;
}
.is-invalid-input:not(:focus)::-moz-placeholder {
  color: #d3414e;
}
.is-invalid-input:not(:focus):-ms-input-placeholder {
  color: #d3414e;
}
.is-invalid-input:not(:focus)::placeholder {
  color: #d3414e;
}
/* -------------------- D. FX REPLACE -------------------- */

.hierarchy-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  position: relative; /* Establish stacking context for the triangle */
  max-width: 46.12em;
	
}

.arrow-label {
  text-align: left;
  font-weight: bold;
  font-size: 1rem;
  margin-left: 25.5%; /* Align with content area */
  color: #b2b6c1;
  text-transform: uppercase;
}

/* Main Gradient Triangle Container */
.gradient-triangle {
  position: absolute;
  top: 0; /* Start at the top of the Elimination level */
  left: 0;
  width: 25%; /* Triangle occupies 25% of the width */
  height: calc(100% - 0px); /* Ensure it aligns with content */
  z-index: 0; /* Place it behind content */
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

/* Individual Gradient Levels */
.gradient-level {
  width: 100%;
  flex-grow: 1;
  position: relative;
}

/* Apply Horizontal Gradients and Individual Clip Paths */
.gradient-elimination {
  background: linear-gradient(to left, #000054, #0268b5);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}

.gradient-substitution {
  background: linear-gradient(to left, #003e06, #007e3c);
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 40% 100%);
}

.gradient-engineering {
  background: linear-gradient(to left, #ef7600, #fbad47);
  clip-path: polygon(40% 0, 100% 0, 100% 100%, 60% 100%);
}

.gradient-administrative {
  background: linear-gradient(to left, #380a56, #9874b3);
  clip-path: polygon(60% 0, 100% 0, 100% 100%, 80% 100%);
}

.gradient-ppe {
  background: linear-gradient(to left, #a71328, #d53d4d);
  clip-path: polygon(80% 0, 100% 0, 100% 100%, 100% 100%);
}

/* Control Level Styling - Updated Colors */
.control-level {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 75%; /* Content occupies the remaining width */
  margin-left: 25%; /* Align content levels to start where the gradient ends */
  max-width: 900px;
  min-height: 120px; /* Consistent height for all levels */
  padding: 1.25rem;
  border-radius: 8px;
  position: relative; /* Ensure proper layering */
  z-index: 1; /* Place content above the triangle */
}

.control-level h2 {
  margin: 0 0 0.5rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: white; /* Improve contrast */
}

.control-level p {
  margin: 0;
  font-size: 1rem;
  color: white; /* Improve contrast */
}

.control-level .notes {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0.5rem;
  border-radius: 8px;
  color: white; /* Improve contrast */
  margin-top: 1rem;
}

/* Updated Content Area Colors */
.control-level.elimination {
  background: linear-gradient(to right, #000054, #0268b5);
}

.control-level.substitution {
  background: linear-gradient(to right, #003e06, #007e3c);
}

.control-level.engineering {
  background: linear-gradient(to right, #ef7600, #fbad47);
}

.control-level.administrative {
  background: linear-gradient(to right, #380a56, #9874b3);
}

.control-level.ppe {
  background: linear-gradient(to right, #a71328, #d53d4d);
}

/* Vertical Flow Line */
.flow-line {
  position: absolute;
  top: 0;
  left: 25.175%; /* 🔹 Shift right to add space from the triangle */
  width: 4px;
  height: 100%;
  background-color: #b2b6c1; /* Updated color */
  z-index: 1; /* Ensure it stays above the triangle but below the content */
}

/* Arrowheads Styling */
.flow-line::before,
.flow-line::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 10px;
  border-color: transparent transparent transparent transparent;
}

/* Top Arrowhead - Pointing UP */
.flow-line::before {
  top: -8px; /* Shift slightly into white space */
  border-width: 0 8px 10px 8px; /* Triangle pointing UP */
  border-color: transparent transparent #b2b6c1 transparent; /* Updated color */
}

/* Bottom Arrowhead - Pointing DOWN */
.flow-line::after {
  bottom: -8px; /* Shift slightly into white space */
  border-width: 10px 8px 0 8px; /* Triangle pointing DOWN */
  border-color: #b2b6c1 transparent transparent transparent; /* Updated color */
}





.blinking {
  animation: blinkingText 1.2s infinite;
}

@keyframes blinkingText {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}


#example-four {
  position: relative;
}
#example-four.on:after {
  content: "Cancel";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  text-decoration: underline;
}
/* -------------------- E. COUNTDOWN CLOCK -------------------- */
#clockdiv {
  font-family: bebas-neue-by-fontfabric, sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  width: 100%;
}
#clockdiv > div {
  padding: 3px;
  border-radius: 3px;
  background: transparent;
  display: inline-block;
}
#clockdiv div > span {
  padding: 3px;
  border-radius: 3px;
  background: transparent;
  display: inline-block;
  font-weight: 700;
}
.smalltext {
  padding-top: 5px;
  font-size: 16px;
}
/* -------------------- F. TIMELINE -------------------- */

.arrow-vertical {
  width: 2px; /* Width of the arrow line */
  min-height: 1600px; /* Adjust based on your layout */
  background-color: #646e71; /* Color of the arrow */
  position: absolute;
  left: -15px; /* Adjust to align with the left side of the flowchart */
  bottom: 50px; /* Adjust based on your layout */
}

.arrow-horizontal {
  width: 20px; /* Width of the horizontal line */
  height: 2px; /* Height of the arrow line */
  background-color: #646e71; /* Color of the arrow */
  position: absolute;
  left: -15px; /* Adjust to align with the left side of the flowchart */
  bottom: 50px; /* Adjust based on your layout */
}

.arrow-horizontal-end {
  width: 20px; /* Width of the horizontal line */
  height: 2px; /* Height of the arrow line */
  background-color: #646e71; /* Color of the arrow */
  position: absolute;
  left: -15px; /* Adjust to align with the left side of the flowchart */
  bottom: 1650px; /* Adjust based on your layout */
}

.arrow-horizontal-end::before {
  content: '';
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #646e71; /* Color of the arrowhead */
  position: absolute;
  right: -15px; /* Adjust to position the arrowhead */
  top: -5px; /* Adjust to align with the horizontal line */
  transform: rotate(90deg); /* Rotate the arrowhead 90 degrees clockwise */	
}

.vertical-text {
    position: absolute;
    left: 10px; /* Adjust this value to position text on the right side of the line */
    top: 83%;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: 0 0;
    white-space: nowrap;
    color: #1e1e1e;
    font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
}

.arrow-vertical2 {
  width: 2px; /* Width of the arrow line */
  height: 1450px; /* Adjust based on your layout */
  background-color: #646e71; /* Color of the arrow */
  position: absolute;
  left: -15px; /* Adjust to align with the left side of the flowchart */
  bottom: 50px; /* Adjust based on your layout */
}

.arrow-horizontal2 {
  width: 20px; /* Width of the horizontal line */
  height: 2px; /* Height of the arrow line */
  background-color: #646e71; /* Color of the arrow */
  position: absolute;
  left: -15px; /* Adjust to align with the left side of the flowchart */
  bottom: 50px; /* Adjust based on your layout */
}

.arrow-horizontal-end2 {
  width: 20px; /* Width of the horizontal line */
  height: 2px; /* Height of the arrow line */
  background-color: #646e71; /* Color of the arrow */
  position: absolute;
  left: -15px; /* Adjust to align with the left side of the flowchart */
  bottom: 1650px; /* Adjust based on your layout */
}

.arrow-horizontal-end2::before {
  content: '';
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #646e71; /* Color of the arrowhead */
  position: absolute;
  right: -15px; /* Adjust to position the arrowhead */
  top: -5px; /* Adjust to align with the horizontal line */
  transform: rotate(90deg); /* Rotate the arrowhead 90 degrees clockwise */	
}

.vertical-text2 {
    position: absolute;
    left: 10px; /* Adjust this value to position text on the right side of the line */
    top: 83%;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: 0 0;
    white-space: nowrap;
    color: #1e1e1e;
    font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
}

/*.arrow-horizontal-end::before {
  content: '';
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #000; 
  position: absolute;
  left: -10px; 
  top: -5px; 
}*/



.timeline .timeline-item::after, .timeline .timeline-item::before {
  clear: both;
  content: '';
  display: block;
  width: 100%;
}
.timeline {
  margin: 30px auto;
  padding: 0 10px;
  position: relative;
  transition: all 0.25s ease-in;
  width: 100%;
}
.timeline::before {
  background: #ffffff;
  content: '';
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  width: 3px;
}
.timeline::after {
  clear: both;
  content: '';
  display: table;
  width: 100%;
}
.timeline a {
  color: #0455A4;
  font-weight: bold;
  transition: all 0.25s ease-in;
}
.timeline a:hover {
  box-shadow: 0 1px 0px 0px #1779ba;
  transition: all 0.25s ease-in;
}
.timeline .timeline-item {
  margin-bottom: 24px;
  position: relative;
}
.timeline .timeline-item .timeline-icon {
  background: #ffffff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin-left: -23px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 50px;
}
.timeline .timeline-item .timeline-icon img, .timeline .timeline-item .timeline-icon svg {
  left: 6px;
  position: relative;
  top: 3px;
}
.timeline .timeline-item .timeline-icon svg {
  top: 14px;
}
.timeline .timeline-item .timeline-content {
  padding: 24px;
  transition: all 0.25s ease-in;
  width: 40%;
  background: #ffffff;
  margin-bottom: 1rem;
  border: 1px solid #C2C2C2;
  border-radius: 15px;
  color: #0a0a0a;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.timeline .timeline-item .timeline-content-minimal {
  padding: 12px;
  transition: all 0.25s ease-in;
  width: 40%;
  background: transparent;
  margin-bottom: 1rem;
  border: 0px solid #C2C2C2;
  border-radius: 0px;
  color: #0a0a0a;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.19);
}
.timeline .timeline-item .timeline-content p {
  color: #000000;
}
.timeline .timeline-item .timeline-content p {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0;
}
.timeline .timeline-item .timeline-content .timeline-content-date {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}
.timeline .timeline-item .timeline-content .timeline-content-month {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 400;
}
.timeline .timeline-item .timeline-content.right {
  float: right;
  text-align: left;
}
@media screen and (max-width: 39.9375em) {
  .timeline {
    margin: 30px;
    padding: 0;
    width: 90%;
  }
  .timeline::before {
    left: 0;
  }
  .timeline .timeline-item .timeline-content {
    float: right;
    text-align: left;
    width: 90%;
  }
  .timeline .timeline-item .timeline-content::before, .timeline .timeline-item .timeline-content.right::before {
    border-left: 0;
    border-right: 7px solid #ffffff;
    left: 10%;
    margin-left: -6px;
  }
  .timeline .timeline-item .timeline-icon {
    left: 0;
  }
}
/* Content animation */
/* .timeline-icon--hidden, .timeline-content--hidden {

    visibility: hidden

  }*/
/*.timeline-icon--bounce-in {

    -webkit-animation: cd-bounce-1 0.6s;

    animation: cd-bounce-1 0.6s

  }*/
/*.timeline-content--bounce-in {

    -webkit-animation: cd-bounce-2 0.6s;

    animation: cd-bounce-2 0.6s

  }*/
/*.timeline-item:nth-child(even) .timeline-content--bounce-in {

    -webkit-animation-name: cd-bounce-2-inverse;

    animation-name: cd-bounce-2-inverse

  }*/
/*@-webkit-keyframes cd-bounce-1 {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.5);

    transform: scale(0.5)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(1.2);

    transform: scale(1.2)

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

}*/
/*@keyframes cd-bounce-1 {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.5);

    transform: scale(0.5)

  }

  60% {

    opacity: 1;

    -webkit-transform: scale(1.2);

    transform: scale(1.2)

  }

  100% {

    -webkit-transform: scale(1);

    transform: scale(1)

  }

}*/
/*@-webkit-keyframes cd-bounce-2 {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px)

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(20px);

    transform: translateX(20px)

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

}*/
/*@keyframes cd-bounce-2 {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px)

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(20px);

    transform: translateX(20px)

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

}*/
/*@-webkit-keyframes cd-bounce-2-inverse {

  0% {

    opacity: 0;

    -webkit-transform: translateX(100px);

    transform: translateX(100px)

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px)

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

}*/
/*@keyframes cd-bounce-2-inverse {

  0% {

    opacity: 0;

    -webkit-transform: translateX(100px);

    transform: translateX(100px)

  }

  60% {

    opacity: 1;

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px)

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0)

  }

}*/
/*



=============================================== 02. NAVIGATION STYLES ===============================================



*/
.nav_padding {
  padding-left: 3.438em;
}
.nav_dark {
  background-color: #373737;
}
/* -------------------- A. OFF-CANVAS -------------------- */
.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #343434;
  overflow-x: hidden;
}
span.menu_icon {
  color: #ffffff;
  font-size: 1.750em;
font-family: "proxima-nova-extra-condensed", sans-serif;
font-weight: 700;
font-style: normal;
}
#menu_icon {
  color: #ffffff;
}
#menu_icon:hover {
  color: #C9C5C6;
}
/* -------------------- B. TOP BAR -------------------- */
.title-bar {
  /*padding: 0.5rem;*/
  background: #ffffff;
  color: #fefefe;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.smallLogo {
  width: 250px;
}
.largeLogo {
  width: 275px;
}
/*



.logo_transition {

    -webkit-transition: width .35s;

    transition: width .35s;



}



*/
.smallLogo2 {
  width: 125px;
}
.largeLogo2 {
  width: 175px;
}
.menu .menu-text {
  /*padding: 1.188rem .75rem;*/
  font-weight: bold;
  line-height: 1;
  font-family: proxima-nova, sans-serif;
  font-size: 13px;
  color: #363636;
}
.title-bar {
  width: 100%;
  z-index: 10;
  /*transition: height .25s ease;*/
  /*height: 8.024em;*/
  border-bottom: 0px solid #ffffff;
  background-color: #eaeaea;
  background-image: url('../img/bkg_titlebar.png');
  background-repeat: no-repeat;
}
.title-bar .title-bar-right, .title-bar .title-bar-left {}
.title-bar-right {
  min-width: 50%;
}
.title-bar-left ul {}
.title-bar .dropdown.menu li {
  float: left;
}
/*.title-bar .dropdown.menu .is-dropdown-submenu {

  border: none;

  background-color: #ffffff;

}*/
#root {
  margin-top: 3em;
}
.top-bar, .top-bar ul {
  background-color: #000000;
}
.top-bar {
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  min-height: 3.313em;
  border-top: 0px solid #6f9fc8;
  border-bottom: 0px solid #ffffff;
}
ul.on_top {
  z-index: 1000 !important;
}
div.left_padding {
  padding-left: 5.313em;
}
/* Very Top Header Navigation */

.very_very_top .menu a, .very_very_top .menu .button, .very_very_top .menu li {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: .1rem .1rem;
}

li.google_translate_list {
 min-width: 31.25em;
}

/*"""""""" (MAIN) Items""""""""*/
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #6C7378 transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}
#navTop a {
  /*padding: .500em 0 .500em 1.950em;*/
  color: #C9C5C6;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-size: 0.813em;
  text-decoration: none;
  text-align: left;
}
/*"""""""" (MAIN) Hover State""""""""*/
#navTop a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
/*"""""""" (SUB) Container""""""""*/
#navTop .is-dropdown-submenu {
  padding: 0.625em 0.625em;
  background-color: #050b0e;
  /*background-image:url("img/bkg_content.jpg");*/
  border-width: 1px;
  border-style: none;
  border-color: #ffffff;
  min-width: 285px;
}
#navTop ul li {
  padding: 0.625em 0px;
  /*background-color:rgba(0, 0, 0, 0.2);*/
  border-bottom: 0.063em solid rgba(255, 255, 255, 0.1);
}
#navTop ul li:last-child {
  border-bottom: 0px solid rgba(255, 255, 255, 0.1);
}
/*"""""""" (SUB) Items""""""""*/
#navTop div a, #navTop ul a {
  padding: 0.125em 0.625em 0.125em 0.313em;
  margin: 0.313em 0.313em;
  background-color: transparent;
  font-size: 0.875em;
  list-style-position: inside;
  list-style-type: circle;
}
/*"""""""" (SUB) Hover State""""""""*/
#navTop div a:hover {
  text-decoration: underline;
}
/*"""""""" Individual Titles""""""""*/
#navTop .navToptitle {
  cursor: default;
  padding: 0.188em 0px 0.188em 0.750em;
  background-color: #262626;
  color: #FFFFFF;
  font-family: proxima-nova, Arial;
  font-size: 0.688em;
  font-weight: bold;
}
/*"""""""" Individual Horizontal Dividers""""""""*/
#navTop .navTopdividerx {
  border-top-width: 1px;
  margin: 16px 0;
  border-color: #3d444a;
}
/*"""""""" Individual Vertical Dividers""""""""*/
#navTop .navTopdividery {
  border-left-width: 1px;
  height: 15px;
  margin: 4px 2px 0px;
  border-color: #333333;
}
/*"""""""" Custom Rule""""""""*/
ul#navTop ul {
  background-color: #F1F1F1;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
}
/*"""""""" Custom Rule""""""""*/
ul#navTop ul a {
  /*padding: 2px 10px 2px 5px;*/
  /*background-color: #F1F1F1;*/
}
/*[END of Very Top Header Navigation]*/
.icon_width {
  padding-right: 0.375em;
}
.icon_width_left {
  padding-left: 0.375em;
}
.icon_width_more {
  padding-right: 0.563em;
}
.logo_header {
  padding-left: 1.625em;
}
.button-group {
  margin-bottom: 0rem;
}
/* -------------------- C. MAIN NAVIGATION BAR -------------------- */
.navigation_bar_background {
  margin-top: 0;
  /*height: 3.313em;*/
  padding: 0.313em;
  padding-bottom: 0;
  padding-left: 1.5em;
  /*padding-top: 0.688em;*/
  position: relative;
  background-image: url('../img/bkg_navbar.jpg');
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-top: 0px solid #ffffff;
  border-bottom: 0px solid #ffffff;
  background-color: #18343f;
}
.navigation_bar_background_course {
  margin-top: 0;
  /*height: 3.313em;*/
  padding: 0.313em;
  padding-bottom: 0;
  /*padding-left: 1.5em;*/
  /*padding-top: 0.688em;*/
  position: relative;
  /*background-image: url('../img/bkg_navbar.jpg');*/
  background-color: #1e1e1e;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-top: 0px solid #ffffff;
  border-bottom: 0px solid #ffffff;
}
/* -------------------- D. LEFT NAVIGATION BAR -------------------- */
.grey_inside_nav {
  background-color: #373737;
  padding-bottom: 1.125em;
}
.dark_grey_inside_nav {
  background-color: #313131;
  /*padding-bottom: .750em;	*/
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #313131;
}
/*.inside_nav {



border-width: 0px 0px thin 0px;

	border-color: #ffffff;

    background-color: #373737;

}*/
.left_bar_top {
  padding-top: 2.750em;
  padding-left: 0;
  padding-bottom: 0.500em;
}
.nav_left_bar {
  padding-left: 2.250em;
  color: #5B6771;
}
.left_bar_info .user-name {
  padding-top: 1.250em;
  padding-left: 1.150em;
  margin-bottom: 0;
  /*font-family: prenton, sans-serif;*/
}
.left_bar_info .user-title {
  margin-bottom: 1.250em;
  padding-left: 1.500em;
  margin-top: -.375em;
  padding-bottom: 0;
  color: #BBBBBB;
  font-size: 0.750em;
}
/* -------------------- E. BREADCRUMBS, PAGENATION & PROGRESS INDICATOR -------------------- */
.pagination a, .pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  background: #f5f5f5;
  color: #333333;
}
.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #5576ba;
  color: #fefefe;
  cursor: default;
}
.pagination a:hover, .pagination button:hover {
  background: #e0edf7;
  text-decoration: none;
}
.progress-indicator {
  list-style: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: table;
  table-layout: fixed;
}
.progress-indicator > li {
  position: relative;
  display: table-cell;
  text-align: center;
  font-size: 1.5em;
}
.progress-indicator > li span {
  position: absolute;
  color: #a9a8a8;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: 600;
  font-size: 0.750rem;
  letter-spacing: 0.05px;
  text-transform: uppercase;
}
.progress-indicator > li::before {
  content: attr(data-step);
  display: block;
  margin: 0 auto;
  background: #cacaca;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  margin-bottom: 0.25em;
  line-height: 1.5em;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  font-weight: bold;
  font-family: proxima-nova, sans-serif;
  color: #979595;
}
.progress-indicator > li::after {
  content: '';
  position: absolute;
  display: block;
  background: #cacaca;
  width: 100%;
  height: 0.15em;
  top: 50%;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  left: 50%;
  margin-left: 1.5em\9;
  z-index: 0;
}
.progress-indicator > li:last-child:after {
  display: none;
}
.progress-indicator > li.is-complete {
  color: #5b6771;
}
.progress-indicator > li.is-complete::before, .progress-indicator > li.is-complete::after {
  color: #fefefe;
  background: #5b6771;
}
.progress-indicator > li.is-complete span {
  color: #5b6771;
}
.progress-indicator > li.is-current {
  color: #bf3b4b;
}
.progress-indicator > li.is-current::before {
  color: #fefefe;
  background: #bf3b4b;
}
.progress-indicator > li.is-current span {
  color: #bf3b4b;
}
/*



=============================================== 03. CONTAINER STYLES ===============================================



*/
.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 80rem;
  margin: 0 auto;
}
.wider_row {
  max-width: 103.313rem;
  padding-top: 0em;
}
.narrow_row {
  max-width: 100rem;
  padding-top: 0em;
}
.medium_row {
  max-width: 105rem;
  padding-top: 0em;
}
.page_background {
  background: #ffffff;
  background-repeat: no-repeat;
}
.content_background_white {
  background: #ffffff;
  background-repeat: no-repeat;
}
.page_background_blue {
  background: #18343e;
}
.page_background_dark_grey {
  background: #4B545B;
}
.page_background_dark_grey2 {
  background-image: url("../img/bkg_titlebar.png");
  background-repeat: repeat-x;	
background-position: center bottom;	
border-bottom: 0px solid #202427;	
}

.navigation_container {
  border-top: 1px solid #18343e;
  border-bottom: 2px solid #ffffff;	
}
.page_background_dark {
  background: #0e2149;
  background-image: url("../img/hero_image4.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  border-top: 16px solid #8995c9;
  border-bottom: 16px solid #8995c9;
}
.page_background_dark_portal {
  background: #0e2149;
  background-image: url("../img/hero_image_portal.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  border-top: 16px solid #8995c9;
  border-bottom: 16px solid #8995c9;
}
.page_background_dark_portal2 {
  background: #0e2149;
  background-image: url("../img/hero_image_portal_inside.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  border-top: 16px solid #8995c9;
  border-bottom: 16px solid #8995c9;
}
.page_background_light {
  background: #fafafa;
  background-repeat: no-repeat;
}
.page_background_graphic {
  padding-top: 1.85em;
  padding-bottom: 1.85em;
  padding-left: 0.625em;
  padding-right: 0.625em;
  background-image: url("../img/bkg_page_home.png");
  background-repeat: repeat-x;
  background-color: #ffffff;
  border-top: 0px solid #ffffff;
}

.page_background_graphic2 {
  padding: 3.125em 0.625em;
  /*background-image: url("../img/bkg_page_home.png");*/
  /*background-repeat: repeat-x;*/
  background-color: #fafafa;
}
.page_background_graphic3 {
  padding: 3.438em 0.625em;
  background-image: url("../img/bkg_page_home3.jpg");
  background-repeat: repeat-x;
  background-color: #ced0d4;
}
.page_background_graphic_content {
  padding: 3.125em 0.625em;
  background-image: url("../img/bkg_page_home_content.png");
  background-repeat: repeat-x repeat-y;
  background-color: #ffffff;
}
.page_background_inside {
  background-image: url("../img/bkg_page_home3.png");
  background-repeat: repeat-x;
  background-color: #ffffff;
}
.page_background_roc {
  background-image: url("../img/bkg_roc.png");
  background-repeat: repeat-x;
  background-color: #ffffff;
}
.no_padding {
  padding: 0px;
}
.negative_padding {
  margin-top: -1.125em;
  /*padding-top: -15px;*/
  padding-bottom: 0.625em;
}
/* Padding for the text and hyperlinks at the very bottom to match*/
ul.small_text_footer li.more_padding_top {
  padding-top: 1.000em;
}
/* -------------------- A. MAIN SECTION -------------------- */
/* -------------------- B. LEFT SECTION -------------------- */
/* -------------------- C. RIGHT SECTION -------------------- */
/* -------------------- D. FOOTER -------------------- */
.black_footer {
  background-color: #202426;
  padding: .500em .625em;
}
#engadget-footer-sitemap-container #engadget-footer-sitemap {
  max-width: 100.000rem;
  margin-right: auto;
  margin-left: auto;
  color: #e6e6e6;
  padding: 3.75rem 0;
}
div.footer_area {
  color: #807f7f;
  font-size: 75%;
}
/* Vertical Footer */
.padding_footer {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
#engadget-footer-sitemap-container {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  margin-top: 0;
  background-color: #377492;
}
#engadget-footer-sitemap-container #engadget-footer-sitemap {
  max-width: 100.000rem;
  margin-right: auto;
  margin-left: auto;
  color: #e6e6e6;
  padding: 3.75rem 0;
}
#engadget-footer-sitemap-container #engadget-footer-sitemap::before, #engadget-footer-sitemap-container #engadget-footer-sitemap::after {
  display: table;
  content: ' ';
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
#engadget-footer-sitemap-container #engadget-footer-sitemap::after {
  clear: both;
}
#engadget-footer-sitemap-container #engadget-footer-sitemap a {
  color: #e6e6e6 !important;
}
#engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column {
  float: left;
  width: 50%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
#engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column:nth-of-type(1n) {
  clear: none;
}
#engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column:nth-of-type(2n+1) {
  clear: both;
}
#engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column:last-child {
  float: left;
}
@media print, screen and (min-width: 64em) {
  #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column {
    float: left;
    width: 25%;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 64em) and (min-width: 40em) {
  #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media print, screen and (min-width: 64em) {
  #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column:nth-of-type(1n) {
    clear: none;
  }
  #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column:nth-of-type(4n+1) {
    clear: both;
  }
  #engadget-footer-sitemap-container #engadget-footer-sitemap .links > .link-column:last-child {
    float: left;
  }
}
#engadget-footer-sitemap-container #engadget-footer-sitemap .links .link-column:not(:last-child) {
  border-right: 1px solid #4181a3;
}
#engadget-footer-social-container {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  margin-top: 0;
  background-color: #e1eef8;
}
#engadget-footer-social-container #engadget-footer-social {
  max-width: 100.000rem;
  margin-right: auto;
  margin-left: auto;
  color: #e6e6e6;
  padding: 3.75rem 0;
}
#engadget-footer-social-container #engadget-footer-social::before, #engadget-footer-social-container #engadget-footer-social::after {
  display: table;
  content: ' ';
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
#engadget-footer-social-container #engadget-footer-social::after {
  clear: both;
}
#engadget-footer-social-container #engadget-footer-social a {
  color: #e6e6e6 !important;
}
#engadget-footer-social-container #engadget-footer-social .footer-left {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  #engadget-footer-social-container #engadget-footer-social .footer-left {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
#engadget-footer-social-container #engadget-footer-social .footer-left:last-child:not(:first-child) {
  float: right;
}
@media print, screen and (min-width: 40em) {
  #engadget-footer-social-container #engadget-footer-social .footer-left {
    width: 50%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
  #engadget-footer-social-container #engadget-footer-social .footer-left {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media print, screen and (min-width: 40em) {
  #engadget-footer-social-container #engadget-footer-social .footer-left:last-child:not(:first-child) {
    float: right;
  }
}
@media print, screen and (min-width: 64em) {
  #engadget-footer-social-container #engadget-footer-social .footer-left {
    width: 41.66667%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 64em) and (min-width: 40em) {
  #engadget-footer-social-container #engadget-footer-social .footer-left {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media print, screen and (min-width: 64em) {
  #engadget-footer-social-container #engadget-footer-social .footer-left:last-child:not(:first-child) {
    float: right;
  }
}
#engadget-footer-social-container #engadget-footer-social .footer-left .input-group-field {
  background: #fefefe;
}
#engadget-footer-social-container #engadget-footer-social .footer-right {
  text-align: right;
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  #engadget-footer-social-container #engadget-footer-social .footer-right {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
#engadget-footer-social-container #engadget-footer-social .footer-right:last-child:not(:first-child) {
  float: right;
}
@media print, screen and (min-width: 40em) {
  #engadget-footer-social-container #engadget-footer-social .footer-right {
    width: 50%;
    float: right;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
  #engadget-footer-social-container #engadget-footer-social .footer-right {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media print, screen and (min-width: 40em) {
  #engadget-footer-social-container #engadget-footer-social .footer-right:last-child:not(:first-child) {
    float: right;
  }
}
#engadget-footer-social-container #engadget-footer-social .fa {
  padding: 0 0 0 0.6rem;
}
#engadget-footer-social-container #engadget-footer-social h2 {
  color: #fefefe;
}
#engadget-footer-social-container #engadget-footer-social p {
  font-size: 0.8rem;
  margin-bottom: 0;
}
#engadget-footer-contact-details-container {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  margin-top: 0;
  background-color: #fefefe;
}
#engadget-footer-contact-details-container #engadget-footer-contact-details {
  max-width: 100.000rem;
  margin-right: auto;
  margin-left: auto;
  color: #8a8a8a;
  font-size: 0.8rem;
  padding: 1.25rem 0;
}
#engadget-footer-contact-details-container #engadget-footer-contact-details::before, #engadget-footer-contact-details-container #engadget-footer-contact-details::after {
  display: table;
  content: ' ';
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
#engadget-footer-contact-details-container #engadget-footer-contact-details::after {
  clear: both;
}
#engadget-footer-contact-details-container #engadget-footer-contact-details a {
  color: #8a8a8a !important;
}
#engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  text-align: center;
  font-size: 0.9rem;
}
@media print, screen and (min-width: 40em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
#engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left:last-child:not(:first-child) {
  float: right;
}
#engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left li {
  display: block;
}
@media print, screen and (min-width: 40em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left {
    width: 50%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    text-align: left;
  }
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media print, screen and (min-width: 40em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left:last-child:not(:first-child) {
    float: right;
  }
}
@media print, screen and (min-width: 64em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left {
    width: 66.66667%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 64em) and (min-width: 40em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media print, screen and (min-width: 64em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left:last-child:not(:first-child) {
    float: right;
  }
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left ul {
    margin-bottom: 0;
  }
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left li {
    display: inline-block;
  }
}
#engadget-footer-contact-details-container #engadget-footer-contact-details .footer-left .fa {
  padding: 0 0.4rem;
}
#engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right {
  font-size: 0.9rem;
}
@media screen and (max-width: 39.9375em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right {
    display: none !important;
  }
}
@media print, screen and (min-width: 40em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right {
    width: 50%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media print, screen and (min-width: 40em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right:last-child:not(:first-child) {
    float: right;
  }
}
@media print, screen and (min-width: 64em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right {
    width: 33.33333%;
    float: left;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    text-align: right;
  }
}
@media print, screen and (min-width: 64em) and (min-width: 40em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
@media print, screen and (min-width: 64em) {
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right:last-child:not(:first-child) {
    float: right;
  }
  #engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right ul {
    padding-top: 1.6rem;
  }
}
#engadget-footer-contact-details-container #engadget-footer-contact-details .footer-right .fab {
  padding: 0 0.4rem;
}
/* -------------------- E. OVERLAP OVER CONTAINERS -------------------- */

/* Normal state */
.hover-image {
  padding-bottom: .625em;
}

/* Hover state */
.hover-link:hover .hover-image {
  /* Change the image source on hover */
  content: url('../img/hard_hat_enews_hover_icon.png');
}



/* Position the sidebar at the bottom of the viewport */
#mySidenav {
  position: absolute;
  bottom: 112px;
  right: 0;
  width: 50px; /* Start with a small width */
  transition: width 0.3s, right 0.3s; /* Transition the width and right position on hover */
}

/* Style the links inside the sidenav */
#mySidenav a {
  display: flex; /* Display as flex container */
  align-items: center; /* Center content vertically */
  text-decoration: none;
  font-size: 18px;
  color: #828c95;
  font-weight: 700;
  border-radius: 0 5px 5px 0;
  overflow: hidden;
  height: 55px;
  transform: translateX(0); /* Initially translateX(0) */
  transition: transform 0.3s; /* Add transition for sliding effect */
}

#mySidenav a:hover {
  width: 255px; /* Expand the width on hover */
  transform: translateX(-100%); /* Slide the content in on hover */
}

#mySidenav a img {
  width: 43px; /* Set the correct width of the icon */
  height: auto; /* Maintain aspect ratio */
  margin-right: 10px; /* Add some space between the icon and text */
  margin-left: 10px;
}

/* The link: px from the bottom with a background */
#about {
  background: linear-gradient(to bottom, #2c3134, #202426);
}


div.overlap {
  position: absolute;
  left: 100px;
  right: 0px;
  top: 0px;
  margin-left: auto;
  margin-right: auto;
  z-index: 99 !important;
}
div.overlap2 {
  position: absolute;
  top: -25px;
  z-index: 99 !important;
}
div.overlap3 {
  position: absolute;
  bottom: -75px;
  right: -75px;
  z-index: 99 !important;
}
/* -------------------- F. BLOCK GRID -------------------- */
/* -------------------- G. POSTS & TOOLS -------------------- */
div.contact {
  color: #000000;
  font-size: 1.1em;
  font-weight: bold;
}
div.contact a {
  /*color: #000000;*/
  font-size: 1.1em;
  font-weight: bold;
}
.post_details .user-name a {
  font-weight: bold;
  color: #1E1E1E;
  font-size: 0.875em;
}
.post_details .user-title {
  font-size: 0.750em;
}
/*.post_details {

background-color: #f0f0f7;	

}*/
div.post_description {
  font-family: proxima-nova, sans-serif;
  color: #4D565C;
  font-size: .875em;
}
div.post {
  font-family: proxima-nova, sans-serif;
  color: #4D565C;
  font-size: .875em;
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: 0px solid #F0F0F7;
}
div.post_withline {
  font-family: proxima-nova, sans-serif;
  color: #4D565C;
  font-size: .875em;
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #F0F0F7;
}
div.paperwork {
  font-family: proxima-nova, sans-serif;
  color: #4D565C;
  font-size: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: 2px solid #F0F0F7;
}
div.paperwork_closeout {
  font-family: proxima-nova, sans-serif;
  background-color: #F0F0F7;
  color: #4D565C;
  font-size: 1.125em;
  padding-top: 2em;
  padding-bottom: 1em;
  border-bottom: 2px solid #F0F0F7;
}
div.post_main, span.post_main {
  font-family: proxima-nova, sans-serif;
  color: #6d7c88;
  font-size: 0.750em;
  font-weight: normal;
  min-height: 3em;
}
div.post_main_dark, span.post_main_dark {
  font-family: proxima-nova, sans-serif;
  color: #000000;
  font-size: 0.875em;
  font-weight: bold;
  /*padding-top: 1em;*/
}
div.post_main_underneath, span.post_main_underneath {
  font-family: proxima-nova, sans-serif;
  color: #6d7c88;
  font-size: 0.813em;
  font-weight: normal;
  padding-top: 0;
}
div.post_main_white {
  font-family: proxima-nova, sans-serif;
  color: #C9C5C6;
  font-size: 0.750em;
  /*padding-top: 1em;*/
}
div.post_main_white_larger {
  font-family: proxima-nova, sans-serif;
  color: #C9C5C6;
  font-size: 1em;
  /*padding-top: 1em;*/
}
div.post_main_light {
  font-family: proxima-nova, sans-serif;
  color: #C9C5C6;
  font-size: 0.813em;
  font-weight: 400;
  padding-top: 0.750em;
}
div.poster_info {
  font-family: proxima-nova, sans-serif;
  color: #808495;
  font-size: .750em;
}
span.post_info {
  font-weight: bold;
  font-size: .900em;
}
.not_read {
  font-weight: bold;
  font-size: 100%;
}
a.company {
  text-decoration: none;
  font-size: .900em;
  color: #4D565C;
  padding: 0px;
  display: inline;
}
a.company:hover {
  /*text-decoration: underline;*/
  color: #0455A4;
}
a.contact {
  text-decoration: none;
  font-size: .900em;
  padding: 0px;
  display: inline;
}
a.contact:hover {
  text-decoration: underline;
  color: #0455A4;
}
/*a.contact:visited {

  text-decoration: none;

  font-size: .900em;

  padding: 0px;

  display: inline;

}*/
div.post_main {
  font-family: proxima-nova, sans-serif;
  color: #4D565C;
  font-size: .875em;
  /*padding-top: 1em;*/
}
div.post_time {
  font-family: "proxima-nova", sans-serif;
  color: #808495;
  font-size: .875em;
  padding-top: 0em;
}
div.poster_info {
  font-family: proxima-nova, sans-serif;
  color: #808495;
  font-size: .750em;
}
span.post_info {
  font-weight: bold;
  font-size: .900em;
}
.not_read {
  font-weight: bold;
  font-size: 100%;
}
a.poster:link {
  text-decoration: none;
  color: #4D565C;
  padding: 0px;
  display: inline;
}
a.poster:hover {
  text-decoration: underline;
}
a.poster:visited {
  text-decoration: none;
  color: #4D565C;
  padding: 0px;
  display: inline;
}
a.post:link {
  text-decoration: none;
  padding: 0px;
  display: inline;
  font-size: 120%;
}
a.post:hover {
  text-decoration: underline;
}
a.post:visited {
  text-decoration: none;
  padding: 0px;
  display: inline;
  font-size: 120%;
}
a.last_post:link {
  text-decoration: none;
  /*color: #404040;*/
  padding: 0px;
  display: inline;
  /*font-weight: bold;*/
}
a.last_post:hover {
  text-decoration: underline;
}
a.last_post:visited {
  text-decoration: none;
  /*color: #404040;*/
  padding: 0px;
  display: inline;
  /*font-weight: bold;*/
}
a.user_tools:link {
  text-decoration: none;
  color: #4D565C;
  padding: 0px;
  display: inline;
}
a.user_tools:hover {
  text-decoration: underline;
}
a.user_tools:visited {
  text-decoration: none;
  color: #4D565C;
  padding: 0px;
  display: inline;
}
a.post_link:link {
  text-decoration: none;
  padding: 0px;
  display: inline;
}
a.post_link:hover {
  text-decoration: underline;
}
a.post_link:visited {
  text-decoration: none;
  padding: 0px;
  display: inline;
}
a.post_tools:link {
  text-decoration: none;
  padding: 0px;
  display: inline;
  color: #4D565C;
  font-size: .875em;
}
a.post_tools:hover {
  text-decoration: underline;
}
a.post_tools:visited {
  text-decoration: none;
  padding: 0px;
  display: inline;
  color: #4D565C;
  font-size: .875em;
}
.active_tool {
  font-weight: bold;
}
a.post_small:link {
  font-size: .750em;
  text-decoration: none;
  padding: 0px;
  display: inline;
}
a.post_small:hover {
  text-decoration: underline;
}
a.post_small:visited {
  font-size: .750em;
  text-decoration: none;
  padding: 0px;
  display: inline;
}
.poster-description {
  color: #8a8a8a;
  font-size: 0.9em;
  line-height: 1.25em;
}
.avatar-image {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  border: 0 solid #cacaca;
  margin-right: 0.9375rem;
}
.avatar-image2 {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  border: 0 solid #cacaca;
  margin-right: 0.9375rem;
}
.avatar-image3 {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  border: 0 solid #cacaca;
  /*margin-right: 0.9375rem;*/
}
.avatar-image4 {
  width: 3.750rem;
}
.avatar-image-small {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  border: 0.0625rem solid #cacaca;
}
.avatar-image-large {
  width: 3.65rem;
  height: 3.65rem;
  border-radius: 50%;
  border: 0.0625rem solid #cacaca;
}
.photo_thumbnail {
  height: 4.688rem;
  object-fit: contain;
}
.image_standard {
  max-height: 17.188rem;
  object-fit: contain;
}
#user_avatar_header {
  background-image: url('../img/tcp_photo/tcp_photo_notuploaded.jpg');
  background-repeat: no-repeat;
  width: 6rem;
  height: 6rem;
  background-size: cover;
  background-position: top center;
  border-radius: 50%;
  margin: auto;
}
#profile_image {
  background-image: url('../img/tcp_photo/tcp_photo_notuploaded.jpg');
  background-repeat: no-repeat;
  width: 9.375rem;
  height: 12.5rem;
  background-size: cover;
  background-position: top center;
  margin: auto;
}
.thumb_image {
  background-image: url('../img/photo/tcp_photo_notuploaded.jpg');
  background-repeat: no-repeat;
  width: 4.688rem;
  height: 4.688rem;
  background-size: cover;
  background-position: top center;
  margin: auto;
  border: solid 4px #fefefe;
  box-shadow: 0 0 0 1px rgb(10 10 10 / 20%);
}
.thumb_image_larger {
  background-image: url('../img/photo/tcp_photo_notuploaded.jpg');
  background-repeat: no-repeat;
  width: 100%;
  height: 14.5rem;
  background-size: cover;
  background-position: center center;
  margin: auto;
  border: solid 4px #fefefe;
  box-shadow: 0 0 0 1px rgb(10 10 10 / 20%);
}
.publication_image_larger {
  background-image: url('../img/magazine/publication_notuploaded.jpg');
  background-repeat: no-repeat;
  width: 100%;
  height: 37.500em;
  background-size: cover;
  background-position: center center;
  margin: auto;
  border: solid 4px #fefefe;
  box-shadow: 0 0 0 1px rgb(10 10 10 / 20%);
}
.logo_thumb {
  height: 3.000em;
  object-fit: contain;
}
.logo_thumb_larger {
  height: 4.250em;
  object-fit: contain;
}
#card_image {
  background-image: url('../img/tcp_photo/tcp_photo_notuploaded.jpg');
  background-repeat: no-repeat;
  width: 12.5rem;
  height: 15.625rem;
  background-size: cover;
  background-position: top center;
  margin: auto;
  border: solid 4px #fefefe;
  box-shadow: 0 0 0 1px rgb(10 10 10 / 20%);
}
#avatar_image {
  background-image: url('../img/tcp_photo/tcp_photo_notuploaded.jpg');
  background-repeat: no-repeat;
  width: 9.375rem;
  height: 12.5rem;
  background-size: cover;
  background-position: top center;
  margin: auto;
}
#user_thumbnail {
  background-image: url('../img/tcp_photo/tcp_photo_notuploaded.jpg');
  background-repeat: no-repeat;
  width: 3.500rem;
  height: 3.500rem;
  background-size: cover;
  background-position: top center;
  margin: auto;
}
#user_avatar_instructor1 {
  background-image: url('../img/avatars/instructor_sample.jpg');
  background-repeat: no-repeat;
  width: 6rem;
  height: 6rem;
  background-size: cover;
  background-position: top center;
  border-radius: 50%;
  margin: auto;
}
#user_avatar_tcpsupport {
  background-image: url('../img/avatars/tcp_support.png');
  background-repeat: no-repeat;
  width: 6rem;
  height: 6rem;
  background-size: cover;
  background-position: top center;
  border-radius: 50%;
  margin: auto;
}
#instructor_photo_small {
  background-image: url('../img/avatars/instructor_sample.jpg');
  background-repeat: no-repeat;
  width: 9.5rem;
  height: 11.5rem;
  background-size: cover;
  background-position: top center;
  /*    border-radius: 50%;*/
  margin: auto;
}
#tcp_photo_small {
  /* background-image: url('../img/tcp_photo/tcp_photo_sample.jpg');*/
  background-repeat: no-repeat;
  width: 9.5rem;
  height: 11.5rem;
  background-size: cover;
  background-position: top center;
  /*    border-radius: 50%;*/
  margin: auto;
}
.container_logo {
  width: 3.438em;
  height: 3.438em;
  display: table-cell;
  vertical-align: middle;
}
/* Resize images */
.container_logo img {
  width: 100%;
  height: auto;
}
.avatar_inpost {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  border: 0 solid #cacaca;
}
.avatar_transition {
  -webkit-transition: width .35s; /* Safari */
  transition: width .35s;
}
.container-avatar {
  padding-right: 0.5rem;
}
.dropdown-pane {
  position: absolute;
  z-index: 10;
  width: 90%;
  max-width: 31.250rem;
  padding: 1rem;
  visibility: hidden;
  display: none;
  border: 0px solid #cacaca;
  border-top: .500rem solid #fefefe;
  border-radius: 0;
  background-color: #fefefe;
  font-size: 1rem;
  box-shadow: 3px 3px 18px #cacaca;
}
.dropdown-pane.is-open {
  visibility: visible;
  display: block;
}
.dropdown-pane.tab_pane {
  min-width: 90%;
  max-width: 100%;
  border-top: 0.250rem solid #0D0D0D;
  background-color: #F2F2F3;
  border: 1px solid #707070;
}
.dropdown-pane.tab_pane2 {
  min-width: 96%;
  border-top: 0.250rem solid #0D0D0D;
  /*background-image: url(../img/bkg_page_home3.png);*/
  /*background-repeat: repeat-x;*/
  background-color: #eaeaea;
  border: 1px solid #707070;
}
.nav_tab_container {
  /*min-height: 300px;*/
  max-height: 715px;
  overflow-y: scroll;
}
.nav_tab_container::-webkit-scrollbar {
  width: 8px;
}
/* Track */
.nav_tab_container::-webkit-scrollbar-track {
  background: #F0F0F7;
}
/* Handle */
.nav_tab_container::-webkit-scrollbar-thumb {
  background: #a5a4a4;
}
/* Handle on hover */
.nav_tab_container::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/* Profile Card with Action Icons */
.card_container {
  display: flex;
  flex-flow: row wrap;
}
.card-wrap {
  flex: 0 0 25%;
  display: flex;
  padding: 10px; /* gutter width */
}
.card_container3 {
  display: flex;
  flex-flow: row wrap;
}
.card-wrap3 {
  flex: 0 0 33.33333%;
  display: flex;
  padding: 10px; /* gutter width */
}
.card-wrap2 {
  flex: 0 0 50%;
  display: flex;
  padding: 10px; /* gutter width */
}
.card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #C2C2C2;
  border-radius: 0;
  background: #ffffff;
  overflow: hidden;
  color: #0a0a0a;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  backface-visibility: hidden; /* Fixes Chrome/Edge rendering glitches */
  transform-style: preserve-3d; /* Helps 3D transforms stay smooth */
  will-change: transform, box-shadow; /* Tells browser to prep for transform */
}

 .card:hover {
  transform: scale(1.02); /* Slight zoom, no moving up */
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}


.card_content p {
	padding-top: 0.375em;
	color: rgba(255, 255, 255, 0.8);
	font-size: 1em;
	padding-left: .875em;
	padding-right: .875em;
	font-weight: 500;
}

.card_content h2, .card_content h3, .card_content h4, .card_content h5 {
font-family: "proxima-nova", sans-serif;
color: #ffffff;
margin-bottom: 0;
padding-left: 0.5em;
	padding-right: 0.5em;	
}

.card-top-strip {
  height: 0.75em; /* Same as your old border-top thickness */
  width: 100%;
}

.card_red_strip {
  background-color: #782a39;
}

.card_orange_strip {
  background-color: #a74106;
}

.card_green_strip {
  background-color: #2d440b;
}

.card_blue_strip {
  background-color: #033b72;
}


.card:hover .card-top-strip {
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
  transition: box-shadow 0.3s ease;
}

.card-top-strip {
  transition: box-shadow 0.3s ease;
}



.card_red {
/*background: #8d3042;*/
/*border-top: 0.75em solid #782a39;*/
background-image: linear-gradient(#782a39, #8d3042);
padding-bottom: 0.125em;
}

.card_red2 {
background: #d3414e;
/*border-top: 0.75em solid #d3414e;*/
padding-bottom: 0.125em;
}

.card_blue {
/*background: #8d3042;*/
/*border-top: 0.75em solid #033b72;*/
background-image: linear-gradient(#033b72, #0455A4);
padding-bottom: 0.125em;
}



.card_orange {
/*background: #d6560b;*/
/*border-top: 0.75em solid #a74106;*/
background-image: linear-gradient(#a74106, #d6560b);
padding-bottom: 0.125em;	
}

.card_orange2 {
background: #ed7d31;
/*border-top: 0.75em solid #ed7d31;*/
padding-bottom: 0.125em;	
}

.card_green {
/*background: #3b590e;*/
/*border-top: 0.75em solid #2d440b;*/
background-image: linear-gradient(#2d440b, #3b590e);
padding-bottom: 0.125em;	
}

.card_green2 {
background: #539633;
/*border-top: 0.75em solid #539633;*/
padding-bottom: 0.125em;	
}





.card_links {
padding-top: 1em;	
}

.callout.card_callout {
background-color: #202427;
color: #ffffff;	
font-size: 1.5em;
font-weight: 700;
font-family: "proxima-nova-extra-condensed", sans-serif;	
}

.card_links .menu a.nav_main_link {
padding-bottom: 1em;	
padding-left: .875rem;
outline: none; /* Removes the focus outline if it's present */	
}

.card_links .menu a {
    line-height: 1.5;
    text-decoration: none;
    display: block;
   padding: 1rem 1rem;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
	padding-left: 1rem;
	padding-right: 1rem;
	/*margin-bottom: 0.7rem;*/
	color: rgba(255, 255, 255, 0.7);
}

.card_links .sub_sub_menu a {
    line-height: 1;
}


.card_links ul.link_card li {
  background-color: rgba(0, 0, 0, 0.1); /* Adjust transparency */
  padding: 0.5em; /* Space inside each list item */
  margin-bottom: 0.3125em; /* Space between list items */
  display: flex; /* Aligns items in a row */
  align-items: center; /* Centers items vertically */
}

/* Apply flex only to direct child <li> elements within each sub-menu */
.card_links > ul > li > ul.link_card2 > li {
    display: block;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 0;
    margin-bottom: 0.25em;
}

/* Override for nested ul elements */
.card_links ul.link_card2 ul {
    position: relative; /* Ensure sub-sub menus align correctly */
    display: block; /* Stack items vertically */
    width: 100%; /* Full width to prevent horizontal overflow */
    left: 0; /* Align with the start of the parent li */
    padding-left: 0.25em; /* Indent for clarity */
	padding-top: 0; /* Indent for clarity */
	padding-bottom: 0.25em; /* Indent for clarity */
    margin-top: 0; /* Space between sub-menu and sub-sub menu */
	
}

.card_links ul.link_card2 ul li {
    display: block; /* Each sub-sub menu item on its own line */
    background-color: transparent; /* Clear any inherited background */
    padding: 0 0; /* Vertical padding for better readability */
}


.card_links .menu > a {
    background-color: transparent;
	/*padding: 0.5em;*/ /* Space inside each list item */
    color: #ffffff;
	font-weight: 700;
}


.card_links .menu .is-active > a {
    background-color: transparent;
	/*padding: 0.5em;*/ /* Space inside each list item */
    color: #ffffff;
	font-weight: 700;
}

.card_links .menu .active > a {
background-color: transparent;
    color: #ffffff;
	font-weight: 900;
	margin-bottom: 0;
}


.left_nav_card_links .fa-li {
    padding-top: .5em;
}

.left_nav_card_links .number-overlay {
    padding-top: 0.375em;
}


.fa-li {
  position: relative;
  flex-shrink: 0; /* Prevents the icon from shrinking */	
}

.fa-identifying-hazards {
  transition: transform 0.5s ease;
}
.fa-identifying-hazards:hover {
  transform: scale(1.05);
}



.number-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-size: 1.1em;
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
	/*padding-left: 1em;*/
	/*padding-right: 0.875em;*/
}

.number-overlay-white {
  color: #ffffff;
}

a.white_list {
  color: rgba(255, 255, 255, 0.7); /* Ensures link color is white */
  font-size: 0.9375em;
  font-weight: 500;	
  margin-left: 0.5em; /* Adjust spacing between icon and text */
}

a.white_list:hover {
  color: #ffffff; /* Ensures link color is white */
text-decoration: none;	
}

a.white_list:active {
  color: #ffffff; /* Ensures link color is white */
text-decoration: none;
background-color: transparent;	
}

a.white_list2 {
  color: rgba(255, 255, 255, 0.7); /* Ensures link color is white */
  font-size: .875em;
  line-height: 1.6;	
  font-weight: normal;
  /*padding-right: 2.625em;*/
}

a.white_list2:hover {
  color: #ffffff; /* Ensures link color is white */
text-decoration: none;	
}

a.white_list2:active {
  color: #ffffff; /* Ensures link color is white */
text-decoration: none;
background-color: transparent;
font-weight: bold;	
}



.rollover_hover:hover {
  box-shadow: 0 4px 8px 0 rgba(20, 104, 160, 0.3), 0 6px 20px 0 rgba(20, 104, 160, 0.3);
  transform: scale(1.03); /* Adjust the scale value as needed */
opacity: 1; /* Fully visible */	
}

.no_shadows {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);	
}

div.card1_title {
  background-color: #234A59;
  padding: 1rem;
  color: #ffffff;
  font-weight: bold;
}

div.card2_title {
  background-color: #234A59;
  padding: 1rem;
  color: #ffffff;
  font-weight: bold;	
}






.card_minimal {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: 0px solid #C2C2C2;
  border-radius: 0;
  background: #ffffff;
  overflow: hidden;
  color: #0a0a0a;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
}
.card_bkg {
  background-image: url("../img/BCCSA_SWOOSHES_light_grey.png");
  background-repeat: no-repeat;
  background-color: #ffffff;
}
.featured_bkg {
  background-image: url("../img/bccsa_swooshes_lightcolour.jpg");
  background-repeat: no-repeat;
  background-color: #ffffff;
}
.text_bkg {
  background-image: url("../img/bccsa_swooshes_lightgrey2.jpg");
  background-repeat: no-repeat;
  background-color: #ffffff;
}
.photo_bkg_featured {
  background-image: url("../img/bccsa_swooshes_featured_image.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
.tab_image {
  float: left;
  /*width: 19.375em;*/
  width: 100%;
  height: 9.375em;
  border-radius: 10px;
  object-fit: contain;
  object-position: 50% 50%;
  padding-bottom: .875em;
}
/*.tab_image:hover {

transform: scale(1.1);

}*/

.tab_header_title {
    padding-left: .750em;
    padding-top: 1.5em;
}




.tab_image2 {
  float: left;
  /*width: 19.375em;*/
  width: 100%;
  height: 12.500em;
  border-radius: 10px;
  object-fit: cover;
  object-position: 50% 50%;
  padding-bottom: .875em;
}
.tab_image_portrait {
  /*float: left;*/
  /*width: 19.375em;*/
  /*width: 100%;*/
  object-fit: cover;
  object-position: 50% 50%;
  height: 12.500em;
}
.logo_height {
  height: 3.125em;
}
.tab_image_background {
  background-position: left;
  /*width: 19.375em;*/
  width: 100%;
  height: 4.438em;
  border-radius: 10px 10px 0px 0px;
  background-image: url("../img/bccsa_swooshes_lightgrey2.jpg");
  background-repeat: no-repeat;
  background-color: #ffffff;
  padding-bottom: 1em;
}
.title_image_background {
  float: left;
  /*width: 19.375em;*/
  width: 100%;
  padding-top: 1em;
  height: 6.55em;
  border-radius: 0px 0px 0px 0px;
  /*background-image: url("../img/bccsa_swooshes_lightcolour.jpg");*/
  /*background-repeat: no-repeat;*/
  background-color: #54656f;
  background-image: linear-gradient(#54656f, #2d383e);
  /*background-color: #ffffff;*/
  padding-bottom: 0px;
}
.program_image_thumbnail {
  padding-left: .750em;
  padding-top: .875em;
  height: 5.438em;
  object-fit: cover;
  object-position: 50% 50%;
}
.program_image_hero_thumbnail {
  padding-left: .750em;
  padding-top: .875em;
  height: 11.563em;
}
.program_image_page {
  /*padding-left: .750em;*/
  /*padding-top: .875em;*/
  height: 5.438em;
  object-fit: cover;
  object-position: 50% 50%;
}
.program_image_certification {
  height: 7.813em;
}
.title_padding {
  padding-left: .625em;
  padding-top: .625em;
  padding-bottom: .325em;
}
.post_image_thumbnail {
  width: 28em;
}
.post_image_thumbnail_smaller {
  width: 16em;
}
.image_caption {
  /*padding-top: 1em;*/
  font-size: 0.875em;
  font-style: italic;
}
.container_image {
  /*float: left;*/
  width: 100%;
  height: 460px;
  object-fit: cover;
  object-position: 0% 50%;	
}
.featured_container {
  position: relative;
  text-align: center;
  color: white;
}
/* Bottom right text */
.featured_bottom_right {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: transparent;
  width: 50%;
  padding: 1.5em;
  font-size: 0.875em;
}
/* Bottom left text */
.featured_bottom_left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}
/* full overlay */
.featured_overlay {
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.white_border_top {
  border-top: .500rem solid #ffffff;
}
.card-section-title {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 1rem;
  padding: 0px 1rem 1rem 1rem;
  vertical-align: top;
}
.cell_minimum_height {
  min-height: 7.000em;
  vertical-align: top;
}
.card-section-title-no-bottom-space {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 1rem;
  padding: 0px 1rem 0px 1rem;
}
.card-minimum-height {
  min-height: 1em;
  vertical-align: top;
}
.card-minimum-height-larger {
  min-height: 6.875em;
}
.card-minimum-height-smaller {
  min-height: 2.5em;
}
.card-section-bottom {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 1rem;
  padding: 0px 1rem 1rem 1rem;
  min-height: 4.5em;
  vertical-align: bottom;
}
.card-section-bottom-smaller {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 1rem;
  padding: 0px 1rem 1rem 1rem;
  min-height: 1.5em;
  vertical-align: bottom;
}


/*.tab_card_full {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}*/

/*.tab_card_full:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}*/

.card-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 1.75rem;
  color: white;
  background: rgba(0, 0, 0, 0.6);
  padding: 0.3em 0.5em;
  border-radius: 0.4em;
  z-index: 2;
}
.tab_card_full {
  position: relative;
}


/* When a tab card is hovered */
.tab_card_full a:hover {
  text-decoration: none;
  color: #1a73e8;
}
.tab_links_underline a:hover {
  text-decoration: underline;
  /*background-color: #d5e2fb;*/
}
.tab_card {
  padding: 1.0em;
}
.tab_card p {
  font-size: 0.938em;
}
.card-section-title-no-bottom-space a h5 {
  color: #1e1e1e;
}
.card-section-title-no-bottom-space a:hover h5 {
  color: #0455A4;
}
.tab_card_full a:hover h5 {
  color: #1a73e8;
}

.card-section-title h5 a {
color: #000000;	
}

.card-section-title h5 {
    margin-bottom: 0.5rem;
}

ul.card_unordered li {
  font-size: 0.938em;
  margin-bottom: 0.625em;
  margin-left: 0.500em;
}
/* Indented in Resources folder description, maybe other managers or areas */
.text_bkg ul li, .text_bkg ol li {
  margin-left: 1em;
}

/* Indented in short description of Resources, maybe other managers or areas */
.gateway-table td ul li, .gateway-table td ol li {
  margin-left: .650em;
}


ul.indented li, ol.indented li {
  margin-left: 1em;
  color: #1e1e1e;	
}
ul.indented_more li, ol.indented_more li {
  margin-left: 1.5em;
}
ul.indented_alot_more li, ol.indented_alot_more li {
  margin-left: 2.25em;
}
ol.space_top_bottom, ul.space_top_bottom {
  margin-top: 0.875em;
  margin-bottom: 0.875em;
}
ul.more_space_between li, ol.more_space_between li {
  margin-bottom: 1.5em;
}
ul.little_space_between li, ol.little_space_between li {
  margin-bottom: .750em;
}
ul.very_little_space_between li, ol.very_little_space_between li {
  margin-bottom: .500em;
}

ul.no_space_between li, ol.no_space_between li {
  margin-bottom: 0;
}

.menu.vertical.nested > li:first-child {
  margin-top: .500em; /* Adjust this value as needed */
}
ol > li::marker {
  font-weight: bold;
}
.dropdown-pane.dropdown-pane_dark {
  position: absolute;
  /*z-index: 1;*/
  width: 100%;
  border-top: .500rem solid #1e1e1e;
  background-color: #1e1e1e;
}
.dropdown-pane.arrow-top {
  margin-top: 80px;
}
.dropdown-pane.arrow-top:after {
  content: " ";
  position: absolute;
  right: 13px;
  top: -14px;
  border-top: none;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #fefefe;
  /*box-shadow: 5px 5px 18px #cacaca;*/
}
.dropdown-pane-smaller {
  width: 150px;
}
a.main_dropdown:link {
  text-decoration: none;
  color: #363636;
  font-weight: bold;
  display: inline;
  font-size: .875em;
}
a.main_dropdown:hover {
  text-decoration: none;
  color: #4968A9;
}
a.main_dropdown:visited {
  text-decoration: none;
  color: #4D565C;
  display: inline;
  font-size: .875em;
}
/*



=============================================== 04. CONTENT STYLES ===============================================



*/
.bold {
  font-weight: bold;
}

.bold_more {
  font-weight: 900;
}
.medium_bold {
  color: #000000;
}
.italics {
  font-style: italic;
}
.uppercase_text {
  text-transform: uppercase;
}
.transparent {
  opacity: 0.0;
  filter: alpha(opacity=0); /* For IE8 and earlier */
}
.larger_text {
  font-size: 2em;
}

.larger_text2 {
  font-size: 1.25em;
  outline: none; /* Removes the focus outline if it's present */
}
/* -------------------- A. HEADERS, PARAGRAPHS, BODY -------------------- */
body {
  margin-top: 0;
  padding: 0;
  background: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #1e1e1e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  /*background-image: url("../img/bg.jpg");*/
  /*background-repeat: no-repeat;*/
}

.off-canvas-content {
margin-top: 2em;	
}

p {
  font-family: proxima-nova, sans-serif;
  color: #1e1e1e;
  font-size: 1.000em;
}
p.subdued {
  font-size: 0.875em;
  color: #8a8a8a;
}
p.subhead::first-letter {
  font-family: 'Times New Roman', serif;
  font-size: 200%;
  color: #667079;
  line-height: 0;
}
.lead_dark {
  font-family: proxima-nova, sans-serif;
  font-size: 1.15em;
  line-height: 1.6;
  color: #000000;
  font-weight: 500;
  margin-bottom: 1em;
}

.lead_dark_larger {
  font-family: proxima-nova, sans-serif;
  font-size: 1.25em;
  line-height: 1.6;
  color: #000000;
  font-weight: 600;
  margin-bottom: 1em;
}


.lead {
  font-family: proxima-nova, sans-serif;
  font-size: 1.15em;
  line-height: 1.6;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 1em;
}
.lead a {
  font-family: proxima-nova, sans-serif;
  color: #c9c0bf;
  text-decoration: none;
  font-weight: 500;
}
.lead a:hover {
  font-family: proxima-nova, sans-serif;
  color: #ffffff;
  text-decoration: underline;
}
h1 {
  font-family: proxima-nova, sans-serif;
  font-weight: 900;
  color: #000000;
  /* line-height: 1.125em; */
}
h2, h3, h4, h5, h6 {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #000000;
  line-height: 1.375em;
  padding-bottom: .250em;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
  line-height: 0;
  color: #000000;
}
h1.alternate, h2.alternate, h3.alternate, h4.alternate, h5.alternate, h6.alternate {
font-family: "proxima-nova-extra-condensed", sans-serif;
font-weight: 800;
font-style: normal;
padding-bottom: 0.375em;	
}
p.alternate {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h1.white_text, h2.white_text, h3.white_text, h4.white_text, h5.white_text, h6.white_text, p.white_text, span.white_text {
  color: #ffffff;
}
ul.white_text {
  color: #ffffff;
}
ul.white_text li a {
  font-family: proxima-nova, sans-serif;
  color: #c9c0bf;
  text-decoration: none;
  font-weight: 500;
}
ul.white_text li a:hover {
  font-family: proxima-nova, sans-serif;
  color: #ffffff;
  text-decoration: underline;
}
h1.grey_text, h2.grey_text, h3.grey_text, h4.grey_text, h5.grey_text, h6.grey_text, p.grey_text, div.grey_text {
  color: #5b6771;
}
h1.dark_grey_text, h2.dark_grey_text, h3.dark_grey_text, h4.dark_grey_text, h5.dark_grey_text, h6.dark_grey_text, p.dark_grey_text {
  color: #828990;
}

h1.light_grey_text, h2.light_grey_text, h3.light_grey_text, h4.light_grey_text, h5.light_grey_text, h6.light_grey_text, p.light_grey_text {
  color: rgba(255, 255, 255, 0.7);
}

h1.blue_text, h2.blue_text, h3.blue_text, h4.blue_text, h5.blue_text, h6.blue_text, p.blue_text {
  color: #6e81a9;
}
h1.condensed, h2.condensed, h3.condensed, h4.condensed, h5.condensed, h6.condensed, p.condensed {
  color: #ffffff;
  font-family: bebas-neue-by-fontfabric, sans-serif;
  font-weight: 700;
  font-style: normal;
}
h1.no_bold, h2.no_bold, h3.no_bold, h4.no_bold, h5.no_bold, h6.no_bold, p.no_bold {
  font-weight: 400;
}
h1.highlight, h2.highlight, h3.highlight, h4.highlight, h5.highlight, h6.highlight, p.highlight {
  font-weight: 900;
  color: #000000;
  padding-top: 0em;
  padding-bottom: 0em;
}
p.small_text_no_padding {
  font-size: 85.0%;
  padding: 0px;
}
p.small_text_footer {
  font-size: 85.0%;
}
p.card_description_listing, div.card_description_listing {
  font-size: 0.813em;
  color: #6d7c88;
}
ul.small_text_footer li {
  font-size: 0.813em;
}
ul.small_text_footer li.larger_text {
  font-size: 1.000em;
}
p.small_text_footer2 {
  font-size: 0.813em;
}
p.smallest_text {
  font-size: 70.0%;
}
h1.less_space, h2.less_space, h3.less_space, h4.less_space, h5.less_space, h6.less_space {
  margin-bottom: 0em;
  line-height: 0.650em;
}
p.less_space {
  margin-bottom: .750em;
  line-height: 1.45em;
}
h1.medium_space, h2.medium_space, h3.medium_space, h4.medium_space, h5.medium_space, h6.medium_space, p.medium_space {
  margin-bottom: 0em;
  line-height: 1.125em;
}
h1.lesser_space, h2.lesser_space, h3.lesser_space, h4.lesser_space, h5.lesser_space, h6.lesser_space, p.lesser_space {
  margin-bottom: 0em;
  line-height: 0.150em;
}
h1.more_space, h2.more_space, h3.more_space, h4.more_space, h5.more_space, h6.more_space {
  padding-bottom: 0.500em;
}
h1.more_space_top, h2.more_space_top, h3.more_space_top, h4.more_space_top, h5.more_space_top, h6.more_space_top, p.more_space_top {
  padding-top: 0.5em;
}
h1.more_space_top_little, h2.more_space_top_little, h3.more_space_top_little, h4.more_space_top_little, h5.more_space_top_little, h6.more_space_top_little, p.more_space_top_little {
  padding-top: 0.250em;
}
h1.more_space_top_medium, h2.more_space_top_medium, h3.more_space_top_medium, h4.more_space_top_medium, h5.more_space_top_medium, h6.more_space_top_medium, p.more_space_top_medium {
  padding-top: 0.475em;
}
div.more_space_top_medium {
  padding-top: 0.475em;
}
h1.more_space_top_little_bottom_none, h2.more_space_top_little_bottom_none, h3.more_space_top_little_bottom_none, h4.more_space_top_little_bottom_none, h5.more_space_top_little_bottom_none, h6.more_space_top_little_bottom_none, p.more_space_top_little_bottom_none {
  padding-top: 0.250em;
  padding-bottom: 0em;
}
h1.footer, h2.footer, h3.footer, h4.footer, h5.footer, h6.footer, p.footer {
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
  font-size: 85%; /* text-transform: uppercase; */
}
blockquote, blockquote p {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.125em;
  font-style: normal;
  /*width: 500px;*/
  /*margin: 0.25em 0;*/
  /*padding: 0.35em 40px;*/
  line-height: 1.55;
  position: relative;
  color: #ffffff;
  border-left: 0px solid #cacaca;
}

blockquote.post, blockquote.post p {
color: #8a8a8a;
    font-size: .938em;
    font-family: "proxima-nova", sans-serif;
    font-weight: normal;
  margin: 0.25em 0;
  padding: 0.35em 12px;
  line-height: 1.55;
  position: relative;
}


/*blockquote {

  margin: 1.5rem 0 .5rem;

  padding: 0 1rem 0 1rem;

  border-left: 0px solid #c6c7c9;

}*/
blockquote:before {
  display: block;
  padding-left: .625em;
  content: "\201C";
  font-size: 5.000em;
  position: absolute;
  left: -.875em;
  top: -.395em;
  color: #ffffff;
}
blockquote cite {
  color: #ffffff;
  font-family: "proxima-nova", sans-serif;
  font-size: .750em;
  display: block;
  margin-top: 1em;
  margin-bottom: 2.75em;
  font-style: normal;
}
blockquote cite:before {
  content: "\2014 \2009";
}
cite2 {
  display: block;
  font-size: 1.000rem;
  color: #384656;
  padding-left: 0.625em;
  padding-top: 0.625em;
  font-style: italic;
}
/* -------------------- B. LISTS -------------------- */

.no-bullet-on-small-medium {
  list-style-type: none;
}

@media screen and (min-width: 64em) {
  /* 64em is Foundation's default breakpoint for 'large' */
  .no-bullet-on-small-medium {
    list-style-type: disc; /* Restore bullets on large and above */
  }
}

ul.indented ul {
list-style-type: circle;	
}


article ul li {
  margin-left: 0.938em;
}
#filter a {
  color: #1e1e1e;
}
#filter .filteractive:hover {
  color: #1e1e1e;
  font-weight: bold;
}
.content_area li {
  margin-left: 0.938em;
}
ul.content_area_breadcrumb li {
  margin-left: -2.0em;
}
ul.content_area_breadcrumb2 li {
  margin-left: 0;
}
ul.small_ul {
  font-size: 85%;
  font-weight: normal;
  color: #e2e1e1;
  line-height: 150%;
}

ul.small_ul2 {
  padding-top: .750em;
  font-size: 90%;
  font-weight: normal;
  line-height: 150%;
}

ul.more_space_top_list, ol.more_space_top_list {
padding-top: .750em;	
}

ul.callout_details li {
  font-size: 0.875em;
  font-weight: normal;
  color: #1e1e1e;
}
.stat {
  font-size: 1.250rem;
  line-height: 1;
  font-weight: bold;
  padding-top: .200em;
  padding-bottom: .500em;
  color: #1e1e1e;
}
.breadcrumbs li {
  float: left;
  font-size: 0.750rem;
  color: #0a0a0a;
  cursor: default;
  text-transform: none;
}
/*#menu-outer {

	height: 84px;

	background: url(images/bar-bg.jpg) repeat-x;



}*/
.table_horizontal_list {
  display: table; /* Allow the centering to work */
  margin: 0 auto;
}
ul#horizontal-list {
  list-style: none;
}
ul#horizontal-list li {
  display: inline;
  padding: .75rem 1rem;
  font-size: 0.875rem;
}
/* -------------------- C. TABS AND ACCORDIONS -------------------- */
.submenu-toggle {
  position: absolute;
  top: 0.25em;
  right: 0;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-color: rgba(255, 255, 255, 0.5);
}
.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: rgba(255, 255, 255, 0.5) transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* Add this CSS rule to change the cursor for links with href="#" */
.card_links .vertical.menu a[href="#"] {
  cursor: text;
}



.submenu-toggle:hover::after {
  border-color: rgba(255, 255, 255, 0.8) transparent transparent;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {	
  position: relative;
/*font-family: "proxima-nova-extra-condensed", sans-serif;*/
font-weight: 700;
font-style: normal;
  font-size: 1rem;
  color: #ffffff;
padding-bottom: 1em;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
}


.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #a6a6a6 transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: -3rem;
}


.accordion-title .question-number {
  margin-right: 0.5em;
  font-weight: bold;
  font-size: 1.25rem;
  color: #000000;
}

.accordion-title:hover .question-number, .accordion-title:focus .question-number {
  color: #ffffff;
  text-decoration: none;
}


.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  padding-right: 2rem;
  border: 1px solid #ffffff;
  border-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.35;
  color: #234A59;
  font-weight: normal;
  background-image: url("../img/BCCSA_SWOOSHES_light_grey.png");
  background-repeat: no-repeat;
  background-position: left center;
}
.accordion-title span {
  font-size: 1.000rem;
  color: #000000;
  font-weight: normal;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #234A59;
  color: #ffffff;
  text-decoration: none;
  background-image: none;
  background-repeat: no-repeat;
}
.accordion-title:focus {
  font-weight: bold;
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #ffffff;
	border-bottom: 1px solid #e6e6e6;
    background-color: #fefefe;
    color: #0a0a0a;
}


.faq_title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #202124;
  /*font-weight: bold;*/
  padding-right: 1.75em;
}
.faq_title:hover, .faq_title:focus {
  background-color: #d33f4d;
  color: #ffffff;
  text-decoration: none;
}
.tabs {
  margin: 0;
  border: 0 solid #f0f0f0;
  background: #373737;
  list-style-type: none;
}
.tabs-title {
  float: left;
}
.tabs-title > a {
  display: block;
  font-family: bebas-neue-by-fontfabric, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: .750rem;
  line-height: 1;
  color: #cccfd1;
  height: 1.125em;
  padding-top: .875em;
}
.tabs-title > a:hover {
  background: #135784;
  text-decoration: none;
  color: #ffffff;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
  font-family: bebas-neue-by-fontfabric, sans-serif;
  font-weight: 700;
  font-style: normal;
  background: #fefefe;
  color: #222222;
}
.tabs-content {
  border: 0px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  background: transparent;
  color: #0a0a0a;
  transition: all 0.5s ease;
}
.tabs-panel {
  display: none;
  padding: 1rem;
}
.tabs-panel.is-active {
  display: block;
}
/* -------------------- D. DROPDOWNS -------------------- */
/* -------------------- E. TABLES -------------------- */


.risk-matrix td {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}
.risk-matrix td:hover {
  transform: scale(1.25);
  outline: 2px solid white;
  outline-offset: -2px;	
}


.risk-matrix {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.risk-matrix th, .risk-matrix td {
  border: 1px solid black;
  padding: 15px;
  font-weight: bold;
  vertical-align: middle;
}
.risk-matrix .grey-box {
  background-color: #e6e6e6;
  font-size: 0.95em;
  text-align: left;
  padding: 10px;
}

.risk-matrix .rotate-label {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  background-color: #e6e6e6;
}

.risk-matrix .small-text {
  font-size: 0.75em;
  font-weight: normal;
  display: block;
  margin-top: 4px;
}

.risk-matrix .left-note {
  font-size: 0.95em;
  line-height: 1.4;
  font-weight: normal;
  padding: 12px 15px;
  background-color: #646f7c;
  color: white;
  vertical-align: top;
  text-align: left;
  min-width: 220px;
  max-width: 220px;
  word-wrap: break-word;
  white-space: normal;
}

.risk-matrix td.low-risk {
    background-color: #00a651;
    color: white;
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-size: 1.25em;
}

.risk-matrix td.moderate-risk {
  background-color: #f6b444; /* Updated Yellow/Orange */
  color: white;
font-family: "proxima-nova-extra-condensed", sans-serif;
	font-size: 1.25em;	
}

.risk-matrix td.high-risk {
  background-color: #d43f4d; /* Updated Red */
  color: white;
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-size: 1.25em;	
}

.risk-legend {
  margin-top: 20px;
  font-weight: bold;
}
.risk-legend .legend-row {
  padding: 10px;
  font-size: 1em;
  margin-top: 4px;
  color: white;
}
.risk-legend .low {
  background-color: #00a651;
}
.risk-legend .moderate {
  background-color: #f6b444;
  color: white;
}
.risk-legend .high {
  background-color: #c6403a;
}

.risk-matrix thead th {
  text-align: center;
  vertical-align: middle;
}

.risk-matrix th[colspan="3"],
.risk-matrix .rotate-label {
  background-color: #a5adb7;
  color: #000;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}



.risk-matrix th[colspan="3"] {
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
}

.risk-matrix thead th .small-text {
  display: block;
  font-size: 0.75em;
  margin-top: 4px;
}




.risk-matrix tfoot th {
    background-color: #f2f2f2;
    font-size: 16px;
    text-align: center;
}

.risk-matrix td.text-field {
	font-weight: normal;
	font-size: .875em;
}


.risk-matrix td.insignificant-risk {
    background-color: #b4e580;
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-size: 1.25em;
}
.risk-matrix td.very-low-risk {
    background-color: #92d050; /* Light Green */
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-size: 1.25em;
}
/*.risk-matrix td.low-risk {
    background-color: #00a651;
    color: white;
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-size: 1.25em;
}*/

.risk-matrix td.low-risk-alternate {
    background-color: #6f7833;
    color: white;
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-size: 1.25em;
}


.risk-matrix td.medium-risk {
    background-color: #ffc000;
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-size: 1.25em;
}

.risk-matrix td.medium-risk-alternate {
    background-color: #e8a24d;
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-size: 1.25em;
}



.risk-matrix td.high-risk-alternate {
    background-color: red;
    color: white;
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-size: 1.25em;
}

.risk-matrix td.very-high-risk {
    background-color: #FF4500;
    color: white;
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-size: 1.25em;
}
.risk-matrix td.extreme-risk {
    background-color: #FF0000;
    color: white;
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-size: 1.25em;
}

.risk-matrix th.white-cell {
	background-color: white;
}

.risk-matrix div.table-subtitle {
	font-weight: normal;
	font-size: .875em;
}





       .more_space_little .risk_table {
            margin-top: 1.5em;
		   margin-bottom: 1.5em;
        }

       .risk_table table {
            width: 100%;
            border-collapse: collapse;
        }
        .risk_table th, .risk_table td {
            border: 1px solid black;
            text-align: center;
            padding: 8px;
        }
        .risk_table th {
            background-color: #f2f2f2;
        }
 .risk_table .extreme-risk, .extreme-risk-title {
            background-color: #FF0000;
            color: white;
	 text-transform: uppercase;
        }

.risk_table .very-high-risk, .very-high-risk-title {
            background-color: #d43f4d;
            color: white;
	text-transform: uppercase;
        }

        .risk_table .critical-risk, .critical-risk-title {
            background-color: #FF0000;
    		color: white;
			text-transform: uppercase; 
        }
        .risk_table .high-risk, .high-risk-title {
            background-color: #d43f4d;
			color: white;
			text-transform: uppercase;
        }
        .risk_table .medium-risk, .medium-risk-title {
            background-color: #f6b444;
			color: white;
			text-transform: uppercase;
        }
        .risk_table .low-risk, .low-risk-title {
            background-color: #00a651;
    		color: white;
			text-transform: uppercase;
        }
        .risk_table .negligible-risk, .negligible-risk-title {
            background-color: #92d050;
			text-transform: uppercase;
        }

.risk-title-padding {
padding-left: .875em;
padding-right: .875em;	
}


/*.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #0455A4 !important;
    background-color: #f5f5f5;
}*/



.tablesorter-default .header, .tablesorter-default .tablesorter-header {
  background-image: url("../css/tablesorter/images/black-unsorted.gif");
  background-position: 90% 45%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerAsc, .tablesorter-default thead .tablesorter-headerSortUp {
  background-image: url(../css/tablesorter/images/black-asc.gif);
  background-position: 90% 45%;
  border-bottom: #838282 4px solid;
}
.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerDesc, .tablesorter-default thead .tablesorter-headerSortDown {
  background-image: url(../css/tablesorter/images/black-desc.gif);
  background-position: 90% 45%;
  border-bottom: #838282 4px solid
}
.tablesorter-default thead .sorter-false {
  background-image: none;
  cursor: default;
}
/*table.hover tbody tr:hover {

  background-color: #FFF3D9;

}*/
table.form-table {
  width: 100%;
}
table.gateway-table {
  width: 100%;
  /*table-layout: fixed;*/
  /*overflow-wrap: break-word;*/
}
.gateway-table.unstriped tbody {
  background-color: transparent;
}
.gateway-table th {
  background-color: #4c565f;
}
.gateway-table th a {
  color: #a4bce7;
}
.gateway-table th a:hover, .gateway-table th a:focus {
  color: #ffffff;
}
.gateway-table tfoot {
  background-color: #ffffff;
}
.gateway-table tfoot td {
  padding-top: 1rem;
  color: #7e7e7e;
}
.gateway-table th [type='checkbox'], .gateway-table td [type='checkbox'] {
  margin-top: 1rem;
}
/*.gateway-table th.more_space_top {

  padding-top: 2.000em;

}*/
.gateway-table th {
  border: 1px solid #737f8e;
  color: #ffffff;
}

.gateway-table th.minwidth {
  min-width: 150px;
}


.gateway-table tr, .gateway-table td {
  border: 1px solid #e0e0e0;
}
.gateway-table tbody th, .gateway-table tbody td {
  padding: 0.875rem 0.625rem 0.750rem 0.750rem;
}
.gateway-table tr.grey_cell {
  background-color: #f7f7f7;
  border-bottom: 0.375em solid #f1f1f3;
}
.gateway-table tr.grey_cell_border_top {
  background-color: #f7f7f7;
  border-top: 0.375em solid #f1f1f3;
}
#UserTable td {
  vertical-align: top;
}
#UserTable2 td {
  vertical-align: top;
}
.gateway-table th [type='checkbox'], .gateway-table td [type='checkbox'] {
  margin-top: 1rem;
}
.course_space {
  color: green;
}
.gateway-table2 th, .gateway-table2 td {
  vertical-align: top;
}
.gateway-table2 th.grey, .gateway-table2 td.grey, .gateway-table td.grey {
  background-color: #f9f9f9;
}
.gateway-table2 th {
  padding-top: 0.875rem;
}
.gateway-table3 th, .gateway-table3 td {
  vertical-align: top;
  background-color: #F0F0F7;
  border-bottom: 1px solid #ffffff;
}
.gateway-table3 th.grey, .gateway-table3 td.grey {
  background-color: #f1f1f1;
}
.gateway-table3 th {
  padding-top: 0.875rem;
}
.gateway-table4 th, .gateway-table4 td {
  vertical-align: top;
  background-color: #F0F0F7;
  border-bottom: 1px solid #ffffff;
  font-size: 0.813rem;
}
.gateway-table4 th.grey, .gateway-table4 td.grey {
  background-color: #f1f1f1;
}
.gateway-table4 th {
  padding-top: 0.750rem;
}
.cell_description {
  color: #808495;
}
.responsive-card-table {
  border-collapse: collapse;
}
.responsive-card-table.unstriped tbody {
  background-color: transparent;
}
.responsive-card-table th {
  background-color: #373737;
}
.responsive-card-table th {
  border: 1px solid #535252;
  color: #ffffff;
}
.responsive-card-table tr, .responsive-card-table td {
  border: 1px solid #F1F1F3;
}
/*.responsive-card-table tbody th, table tbody td {

  padding: 0.875rem 0.625rem 0.750rem 0.750rem;

}*/
.responsive-card-table td.status_pending {
  background-color: #8E24AA;
  color: #ffffff;
  text-transform: uppercase;
}
.responsive-card-table td.status_approved {
  background-color: #539633;
  color: #ffffff;
  text-transform: uppercase;
}
.responsive-card-table td.status_completed {
  background-color: #539633;
  color: #ffffff;
  text-transform: uppercase;
}
.responsive-card-table td.status_overdue {
  background-color: #d3414e;
  color: #ffffff;
  text-transform: uppercase;
}
.responsive-card-table td.status_active2day {
  background-color: #2196f3;
  color: #ffffff;
  text-transform: uppercase;
}
.responsive-card-table td.status_active1day {
  background-color: #D5962A;
  color: #ffffff;
  text-transform: uppercase;
}
.responsive-card-table td.status_inactive_course {
  background-color: #fcff31;
  color: #ffffff;
  text-transform: uppercase;
}
@media screen and (max-width: 845px) {
  .responsive-card-table {}
  .responsive-card-table thead tr {
    position: absolute;
    top: -9999em;
    left: -9999em;
  }
  .responsive-card-table tr {
    border: 1px solid #F1F1F3;
    display: block;
  }
  .responsive-card-table tr + tr {
    margin-top: 1.5rem;
  }
  .responsive-card-table td {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #f0f0f7;
    border-top: 1px solid #f0f0f7;
    border-right: 1px solid #f0f0f7;
    border-left: 1px solid #f0f0f7;
    padding-left: 50%;
    position: relative;
  }
  .responsive-card-table td:before {
    content: attr(data-label);
    display: inline-block;
    font-weight: bold;
    line-height: 1.5;
    margin-left: -100%;
    width: 100%;
    position: relative;
    z-index: 1;
    color: #373737;
    word-wrap: break-word;
  }
  .responsive-card-table td:after {
    content: '';
    position: absolute;
    /*background: #e6e6e6;*/
    width: 25%;
    height: 95%;
    left: 1px;
    top: 1px;
    z-index: 0;
  }
}
.gateway table {
  background: #ffffff;
  margin-bottom: 1.25rem;
  border-left: solid 0 #dddddd;
  border-right: solid 0 #dddddd;
  border-bottom: solid 1px #dddddd;
  border-top: solid 0 #dddddd;
  table-layout: auto;
}
.gateway table thead, .gateway table tfoot {
  background: #373737;
}
.gateway table thead tr th, .gateway table thead tr td, .gateway table tfoot tr th, .gateway table tfoot tr td {
  padding: 0.750rem 0 0.750rem 0.750rem;
  font-size: 0.750rem;
  font-family: bebas-neue-by-fontfabric, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  text-align: left;
}
.gateway td.smaller {
  font-size: 0.75rem;
}
.gateway table tr th, .gateway table tr td {
  padding: 0.750rem 0 0.750rem 0.750rem;
  font-size: 0.750rem;
  text-align: left;
  color: #384656;
}
.gateway table ul li {
  font-size: 0.750rem;
}
a.tables {
  font-family: proxima-nova, sans-serif;
}
a.tables:visited {
  font-family: proxima-nova, sans-serif;
}
a.tables:hover {
  font-family: proxima-nova, sans-serif;
}
.bccsa_grey_tabletitle {
  background: #646e71;
  color: #ffffff;
  font-weight: bold;
}
.bccsa_black_tabletitle {
  background: #373737;
  color: #ffffff;
  font-weight: bold;
}
.gateway td.white {
  background: #ffffff;
  text-align: center;
}
.gateway th.white {
  background: #ffffff;
  text-align: center;
}
.gateway th.small_text {
  font-size: 75%;
  font-weight: normal;
}
/* -------------------- F. HYPERLINKS -------------------- */
a.face {
  font-family: proxima-nova, sans-serif;
  color: #737c84;
}
a.face:hover {
  color: #595e62;
  text-decoration: none;
}

a.guide_titles {
	color: #ffffff;
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-weight: 500;
}

a.guide_titles:hover {
  color: #C9C5C6;
  text-decoration: none;
}

a.face2 {
  font-family: proxima-nova, sans-serif;
  color: #1878f1;
}
a.face2:hover {
  color: #1161c6;
  text-decoration: none;
}
a.twit {
  font-family: proxima-nova, sans-serif;
  color: #737c84;
}
a.twit:hover {
  color: #595e62;
  text-decoration: none;
}
a.twit2 {
  font-family: proxima-nova, sans-serif;
  color: #2aa4ef;
}
a.twit2:hover {
  color: #2182be;
  text-decoration: none;
}
a.yout {
  font-family: proxima-nova, sans-serif;
  color: #737c84;
}
a.yout:hover {
  color: #595e62;
  text-decoration: none;
}
a.linkedn {
  font-family: proxima-nova, sans-serif;
  color: #737c84;
}
a.linkedn:hover {
  color: #595e62;
  text-decoration: none;
}
a.mail {
  font-family: proxima-nova, sans-serif;
  color: #e47b35;
}
a.mail:hover {
  color: #c1672b;
  text-decoration: none;
}
a.title {
  color: #000000;
  font-family: proxima-nova, sans-serif;
}
a.title:hover {
  color: #0455A4;
  text-decoration: none;
}
a.title_alternate {
  color: #000000;
  font-family: bebas-neue-by-fontfabric, sans-serif;
}
a.title_alternate:hover {
  color: #0455A4;
  text-decoration: none;
}
.breadcrumbs a {
  color: #4968a9;
}
a {
  font-family: proxima-nova, sans-serif;
  font-size: 1.000em;
  color: #0455A4;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  color: #4968a9;
  text-decoration: underline;
}
a.regular {
  color: #4968a9;
}
a.regular:visited {
  text-decoration: none;
}
a.regular:hover {
  color: #4968a9;
}
a.bold {
  font-weight: bold;
}
a.faq:active {
  text-decoration: none;
  font-weight: bold;
  color: #384656;
}
a.faq[tabindex]:focus {
  text-decoration: none;
  font-weight: bold;
  color: #384656;
  outline: none;
}
a.faq_selected {
  text-decoration: none;
  font-weight: bold;
  color: #384656;
}
a.header_links {
  font-size: .875em;
  font-weight: bold;
  color: #F2F2F2;
}
a.header_links:hover {
  text-decoration: none;
  color: #D2D0D0;
}
.user_name_header_padding {
  padding-top: 1.50em;
}
a.user_name_header {
  font-size: .875em;
  font-weight: bold;
  color: #4A5259;
}
a.user_name_header:hover {
  text-decoration: none;
  color: #5E6871;
}
/*a.user_name_header:visited {



    font-weight: bold;



    color: #f26722;



}*/
a.highlight_link:link {
  font-weight: normal;
  color: #f26722;
}
a.highlight_link:hover {
  text-decoration: underline;
  font-weight: normal;
  color: #f26722;
}
a.highlight_link:visited {
  font-weight: normal;
  color: #f26722;
}
a.footer_links:link {
  /* color: #e6e6e6; */
  text-decoration: none;
}
a.footer_links:hover {
  text-decoration: underline;
}
a.footer_links:visited {
  /* color: #e6e6e6; */
  text-decoration: none;
}
a.top_header_links:link {
  color: #C9C5C6;
  font-size: 0.813em;
  font-weight: 500;
  text-decoration: none;
}
a.top_header_links:hover {
  color: #FFFFFF;
  font-size: 0.813em;
  font-weight: 500;
  text-decoration: underline;
}
a.top_header_links:visited {
  color: #C9C5C6;
  font-size: 0.813em;
  font-weight: 500;
  text-decoration: none;
}
a.small_links:link {
  font-size: 80.0%;
  text-decoration: none;
}
a.small_links:hover {
  text-decoration: underline;
}
a.small_links:visited {
  font-size: 80.0%;
  text-decoration: none;
}
a.small:link {
  font-size: 85.0%;
  text-decoration: none;
}
a.small:hover {
  font-size: 85.0%;
  text-decoration: none;
  color: #eeebeb;
}
a.small:visited {
  font-size: 85.0%;
  text-decoration: none;
}
a.small2:link {
  font-size: .750em;
  text-decoration: none;
  font-weight: normal;
}
a.small2:hover {
  font-size: .750em;
  text-decoration: none;
  color: #eeebeb;
  font-weight: normal;
}
a.small2:visited {
  font-size: .750em;
  text-decoration: none;
  font-weight: normal;
}
a.small3 {
  font-size: .750em;
  text-decoration: none;
  font-weight: normal;
}
a.small3:hover {
  font-size: .750em;
  text-decoration: underline;
  font-weight: normal;
}
a.small_header_tool:link {
  font-size: .688em;
  text-decoration: none;
  font-weight: normal;
}
a.small_header_tool:hover {
  font-size: .688em;
  text-decoration: none;
  color: #667079;
  font-weight: normal;
}
a.small_header_tool:visited {
  font-size: .688em;
  text-decoration: none;
  font-weight: normal;
}
a.footer_link:link {
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #4d4d4d;
}
a.footer_link:hover {
  text-decoration: underline;
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #4d4d4d;
}
a.footer_link:visited {
  font-family: arial, sans-serif;
  font-weight: bold;
  color: #4d4d4d;
}
a.light_blue {
  color: #5178bc;
}
a.light_blue:hover {
  color: #ffffff;
  text-decoration: none;
}

a.grey_link {
  color: #667079;
}
a.grey_link:hover {
  color: #484F55;
  text-decoration: underline;
}


/*a.light_blue:visited {

  color: #5178bc;

}*/
a.light_blue_lighter {
  color: #6399f7;
}
a.light_blue_lighter:hover {
  color: #ffffff;
  text-decoration: none;
}
a.white {
  color: #ffffff;
}
a.white:hover {
  color: #eeebeb;
}

a.blue_link:link {
  color: #6f9fc8;
}
a.blue_link:hover {
  color: #587fa0;
}
a.blue_link:visited {
  color: #6f9fc8;
}
/* -------------------- G. LABELS AND HIGHLIGHTS -------------------- */
.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.65rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #579dc0;
  color: #fefefe;
}
.label.secondary {
  background: #e4e8ea;
  color: #5b6771;
  font-weight: normal;
  border: 0px solid #caced5;
  /*text-transform: uppercase;*/
  letter-spacing: .5px;
}
.label.approved {
  background: #539633;
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #539633;
  /*text-transform: uppercase;*/
  letter-spacing: .5px;
}
.label.todo {
  background: #8e24aa;
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #8e24aa;
  /*text-transform: uppercase;*/
  letter-spacing: .5px;
}
.label.new {
  background: #d3414e;
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #d3414e;
  /*text-transform: uppercase;*/
  letter-spacing: .5px;
}
.label.active2day {
  background: #2196f3;
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #2196f3;
  /*text-transform: uppercase;*/
  letter-spacing: .5px;
}
.label.active1day {
  background: #d5962a;
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #d5962a;
  /*text-transform: uppercase;*/
  letter-spacing: .5px;
}
.label.change {
  background: #fff3d9;
  color: #d3414e;
  font-weight: 500;
  border: 0px solid #fff3d9;
  /*text-transform: uppercase;*/
  letter-spacing: .5px;
  /*margin-bottom: 0.425em;*/
}
.label.change_slider {
  background: #e43b3f;
  color: #ffffff;
  font-weight: 500;
  border: 0px solid #e43b3f;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-right: 1em;
  padding: 0.5rem 0.75rem 0.5rem;
  box-shadow: 5px 5px #000000;
}
.label.received_pending {
  background: #fee624;
  color: #000000;
  font-weight: bold;
  border: 1px solid #fee624;
  /*text-transform: uppercase;*/
  letter-spacing: .5px;
}
.label.cancelled {
  background: #969ba4;
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #969ba4;
  /*text-transform: uppercase;*/
  letter-spacing: .5px;
}
.label.basic {
  display: inline-block;
  padding: 0rem 0rem;
  border-radius: 0;
  font-size: 0.65rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: transparent;
  color: #7e7e7e;
  margin-left: .45rem;
}
.label.basic_red {
  display: inline-block;
  padding: 0rem 0rem;
  border-radius: 0;
  font-size: 0.65rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: transparent;
  color: #cc4438;
  margin-left: .45rem;
}
.label.category1 {
  background: #5576ba;
  color: #fefefe;
}
.label.category2 {
  background: #cc4438;
  color: #fefefe;
}
.label.category3 {
  background: #ffae00;
  color: #0a0a0a;
}
.label.category4 {
  background: #7e7e7e;
  color: #fefefe;
}
.input-group-label {
  padding: 0 1rem;
  border: 0px solid #cacaca;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: rgb(202, 202, 202);
  background: transparent;
  color: #959595;
  text-align: center;
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-align: center;
  align-items: center;
}
.input-group {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0;
  -ms-flex-align: stretch;
  align-items: stretch;
}
/* -------------------- H. LINES AND DIVIDERS -------------------- */
.type-sidelines {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}
.type-sidelines span {
  display: inline-block;
  position: relative;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.type-sidelines span:before, .type-sidelines span:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 9999px;
  top: 50%;
  border-top-style: solid;
  border-top-width: 1px;
}
.type-sidelines span:before {
  right: 100%;
}
.type-sidelines span:after {
  left: 100%;
}
.double {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}
.double span {
  display: inline-block;
  position: relative;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.double span:before, .double span:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 9999px;
  top: 50%;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  height: 0.5em;
  margin-top: -0.25em;
}
.double span:before {
  right: 100%;
}
.double span:after {
  left: 100%;
}
.custom {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}
.custom span {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
.custom span:before, .custom span:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  border-top-style: dotted;
  border-top-width: 4px;
  border-top-color: #000000;
  margin-top: -2px;
}
.custom span:before {
  right: 100%;
}
.custom span:after {
  left: 100%;
}
.custom-2 {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}
.custom-2 span {
  display: inline-block;
  position: relative;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.custom-2 span:before, .custom-2 span:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 9999px;
  top: 50%;
  border-top-style: solid;
  border-top-width: 6px;
  border-top-color: #e6e6e6;
  margin-top: -2px;
}
.custom-2 span:before {
  right: 100%;
}
.custom-2 span:after {
  left: 100%;
}
hr {
  clear: both;
  max-width: 100%;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #e1e1e1;
  border-left: 0;
}
hr.separator {
  clear: both;
  max-width: 100%;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #f0f0f7;
  border-left: 0;
}
hr.for_headers {
  margin-top: 0;
  margin-bottom: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px dotted #e1e1e1;
}
hr.for_posts {
  margin-top: .75rem;
  margin-bottom: .75rem;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #e1e1e1;
}
hr.black_footer {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #464461;
  margin: 1em 0;
  padding: 0;
}
hr.black_footer2 {
  display: block;
  height: 2px;
  border: 0;
  border-top: 2px solid #464461;
  margin: 1em 0;
  padding: 0;
}
hr.dotted {
  border-top: 1px dotted #999999;
  color: #fff;
  background-color: transparent;
  height: 1px;
  width: 100%;
  padding: 0px;
  margin-top: 4px;
}
hr.grey {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 5px;
}
/*hr.grey_thick {
  display: block;
  height: 2px;
  border: 0;
  border-top: 8px solid #646f7c;
  margin: 1em 0;
  padding: 0px;
}*/

hr.grey_thick {
  border: 0;
  height: 3px;
  background: linear-gradient(to right, #646f7c, #ffffff);
  margin: 1rem 0;
}


hr.orange_thick {
  display: block;
  height: 2px;
  border: 0;
  border-top: 25px solid #ed7d31;
  margin: 1em 0;
  padding: 2px;
}
.icon_orange {
  color: #ed7d31;
}
.icon_purple {
  color: #8e24aa;
}
hr.light_grey_thick {
  display: block;
  height: 2px;
  border: 0;
  border-top: 25px solid #a5a5a5;
  margin: 1em 0;
  padding: 2px;
}
.icon_lightgrey {
  color: #636E7C;
}
hr.yellow_thick {
  display: block;
  height: 2px;
  border: 0;
  border-top: 25px solid #ffc000;
  margin: 1em 0;
  padding: 2px;
}
.icon_yellow {
  color: #ffc000;
}
.icon_header_size {
  font-size: 1.75em;
}
hr.blue_thick {
  display: block;
  height: 2px;
  border: 0;
  border-top: 25px solid #5a9bd5;
  margin: 1em 0;
  padding: 2px;
}
hr.blue {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #1779ba;
  ;
  margin: 1em 0;
  padding: 5px;
}
.icon_blue {
  color: #1779ba;
}
.icon_darkblue {
  color: #244c5c;
}
.icon_black {
  color: #000000;
}

.icon_dark_grey {
  color: #4c565f;
}

hr.white {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ffffff;
  margin: 1em 0;
  padding: 0;
}
hr.white2 {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e6e8ec;
  margin: .850em 0 1.5em;
  padding: 0;
}
hr.white_thin {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ffffff;
  margin: 0em 0;
  padding: 0;
}
hr.white_smaller {
  display: block;
  height: .5px;
  border: 0;
  border-top: .5px solid #ffffff;
  margin: .5em 0;
  padding: 0;
}
hr.footer_line {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #121418;
  margin: 1em 0;
  padding: 0;
}
div.no_space_top {
  padding: 0;
}
div.more_space_bottom {
  margin-bottom: 2.000em;
}
div.more_space_bottom_little {
  margin-bottom: 1.000em;
}
div.no_margin_left ul li {
  margin-left: 0;
  margin-bottom: 0.625rem;
}
li.more_space_top_little {
  margin-top: 0.625rem;
}
div.margin_left ul li {
  margin-left: 1.125rem;
  /*margin-bottom: 0.625rem;*/
}
div.more_space_top, span.more_space_top {
  margin-top: 2.000em;
}
div.more_space_top_little, span.more_space_top_little {
  margin-top: 1.125em;
}
div.more_space_top_verylittle, span.more_space_top_verylittle {
  margin-top: .500em;
}
div.more_space_top_mediumlittle, span.more_space_medium_little {
  margin-top: 1.500em;
}
div.more_space_top_helpdiv {
  margin-top: -.750em;
}
div.field_titles, span.field_titles {
  font-weight: bold;
  text-transform: uppercase;
}
div.padding_div {
  padding: .750em 1.000em;
}

div.padding_div_verytop {
padding-bottom: 1.125em;	
}

i.more_padding_bottom {
  padding-top: .250em;
  padding-bottom: .375em;
}
div.padding_div_more {
  padding: 2em 3em;
}
div.padding_div_for_headers {
  padding-top: 1.250em;
  padding-left: .750em;
  padding-right: .750em;
  padding-bottom: .750em;
}
div.padding_div_for_notes {
  padding-left: .875em;
  padding-right: .875em;
  padding-top: .750em;
  padding-bottom: .750em;
}
.vertical_line {
  border-right: 1px solid #EBEBF2;
}
div.vertical_line_left {
  border-left: 1px solid #d0d0d0;
}
.hidden {
  display: none;
}
div.modal_bkg {
  /*background: #780006;*/
  background-image: url("../img/modal_background.png");
  background-repeat: repeat-x;
  background-color: #ffffff;
  background-position: left top;
}


div.modal_bkg_search {
  /*background: #780006;*/
  background-image: url("../img/modal_background_grey.png");
  background-repeat: repeat-x;
  background-color: #f5f5f5;
  background-position: left top;
}


/* -------------------- I. COLOURS -------------------- */
.event1_label {
  background-color: #d3414e;
  font-weight: normal;
  padding-left: 1.000em;
  padding-right: 1.000em;
  padding-top: .375em;
  padding-bottom: .375em;
  color: #ffffff;
}
.event2_label {
  background-color: #646f7c;
  font-weight: normal;
  padding-left: 1.000em;
  padding-right: 1.000em;
  padding-top: .375em;
  padding-bottom: .375em;
  color: #ffffff;
}
.event3_label {
  background-color: #539633;
  font-weight: normal;
  padding-left: 1.000em;
  padding-right: 1.000em;
  padding-top: .375em;
  padding-bottom: .375em;
  color: #ffffff;
}
.event4_label {
  background-color: #015f5f;
  font-weight: normal;
  padding-left: 1.000em;
  padding-right: 1.000em;
  padding-top: .375em;
  padding-bottom: .375em;
  color: #ffffff;
}
.event5_label {
  background-color: #c9c5c6;
  font-weight: normal;
  padding-left: 1.000em;
  padding-right: 1.000em;
  padding-top: .375em;
  padding-bottom: .375em;
  color: #2f2e2e;
}
.course_1day {
  background-color: #d5962a;
  font-weight: normal;
  padding-left: 1.000em;
  padding-right: 1.000em;
  padding-top: .375em;
  padding-bottom: .375em;
  color: #ffffff;
}
.course_2day {
  background-color: #2196f3;
  font-weight: normal;
  padding-left: 1.000em;
  padding-right: 1.000em;
  padding-top: .375em;
  padding-bottom: .375em;
  color: #ffffff;
}
.course_cancelled {
  background-color: #caced5;
  font-weight: normal;
  padding-left: 1.000em;
  padding-right: 1.000em;
  padding-top: .375em;
  padding-bottom: .375em;
  color: #667079;
}
.course_completed {
  background-color: #539633;
  font-weight: normal;
  padding-left: 1.000em;
  padding-right: 1.000em;
  padding-top: .375em;
  padding-bottom: .375em;
  color: #ffffff;
}
.course_requested {
  background-color: #8E24AA;
  font-weight: normal;
  padding-left: 1.000em;
  padding-right: 1.000em;
  padding-top: .375em;
  padding-bottom: .375em;
  color: #ffffff;
}
.white_text {
  color: #ffffff;
}
.grey_text_footer {
  color: #737c84;
}
.grey_text_alt {
  color: #a3a7aa;
}
.grey_text_header {
  color: #737c84;
}
.blue {
  color: #5576ba;
}
.grey_footer {
  background-color: #121418;
}
.blue_footer {
  background-color: #045d7b;
  border-top: solid 4px #035773;
}
.white_area {
  background-color: #ffffff;
}
.grey {
  color: #7e7e7e;
}
.bkg_colour_inside {
  background-color: #ffffff;
}
.bkg_red {
  /*background-color: #0455a4;*/
  background-image: linear-gradient(#d3414e, #a2323d);
}
.bkg_leftcol_grey {
  background-color: #2e3b40;
  /*background-image: linear-gradient(#265061, #224756);*/
}
#qm1 div#leftcol_grey, #qm1 ul#leftcol_grey {
  background-color: #273337;
}
.bkg_blue {
  /*background-color: #0455a4;*/
  background-image: linear-gradient(#0455a4, #024a8f);
}
.bkg_blue_dark {
  /*background-color: #0455a4;*/
  background-image: linear-gradient(#03294D, #021C36);
}
.bkg_grey_darkest {
  /*background-color: #0455a4;*/
  background-image: linear-gradient(#214251, #050b0e);
}
.bkg_grey_dark {
  /*background-color: #0455a4;*/
  background-image: url("../img/BCCSA_SWOOSHES_light_grey.png");
  background-repeat: no-repeat;
  background-color: #ffffff;
  /*background-image: linear-gradient(#dadcdf, #ffffff);*/
  border-bottom: solid 1px #ffffff;
}

.bkg_swoosh_title {
  /*background-color: #0455a4;*/
  /*background-image: url("../img/bccsa_swooshes_lightgrey_title.jpg");*/
  /*background-repeat: no-repeat;*/
  background-color: #ffffff;
  background-image: linear-gradient(#ffffff, #f9f9f9);
}


.bkg_retro {
  background-color: #1e180a;
}
.light_grey {
  color: #f5f5f5;
}
.mid_grey {
  color: #e6e5e5;
}
.icon_red {
  color: #d3414e;
}
.icon_grey {
  color: #667079;
}
.icon_grey_light {
  color: #caced5;
}
.icon_grey_dark {
  color: #3f4c53;
}
.bkg_grey {
  background-color: #2d2d2d;
}
.bkg_lightest_grey {
  background-color: #e6e6e6;
}
.icon_green {
  color: #539633;
}
.icon_padding {
  padding-right: .375em;
}
.icon_padding_more {
  padding-right: .500em;
}
.icon_padding_left {
  padding-left: .750em;
}
.green {
  color: #539633;
}
.icon_white {
  color: #ffffff;
}
.orange {
  color: #ba6109;
}
.orange2 {
  color: #ffad03;
}
.bccsa_red {
  color: #d33f4d;
}
.bccsa_grey {
  background: #646e71;
  color: #ffffff;
  font-weight: bold;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
  padding-left: 2.500em;
  padding-right: 0em;
}
.yellow {
  color: #ffbb00;
}
.yellow_darker {
  color: #efcc69;
}
.red {
  color: #cc4438;
}
/* -------------------- J. FORMS AND VALIDATIONS -------------------- */


#constant_1 .ctct-form-embed .ctct-form-defaults .ctct-form-header {
    /*font: "proxima-nova", sans-serif;*/
	font-family: "proxima-nova", sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25em;
    font-weight: 700;
    margin: 0 0 12px;
}

#constant_1 .ctct-form-embed .ctct-form-custom .ctct-form-label {
    display: block;
    margin-bottom: 12px;
    line-height: 1;
    font-weight: 700;
    text-align: left;
	font-family: "proxima-nova", sans-serif;
	font-size: .875em;
}

#constant_1 .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {
    background-color: #035eb7;
    border: 1px solid #035eb7;
    color: #ffffff;
	font-family: "proxima-nova", sans-serif;
	font-weight: 900;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

#constant_1 .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:hover {
    background-color: #0078c1;
}

#constant_1 .ctct-form-embed.form_0 .ctct-form-defaults {
    background-color: #ffffff;
	width: 100%;
}

#constant_1 .ctct-form-embed .ctct-form-defaults {
    color: #323232;
    background-color: #fff;
    border-radius: 5px;
    padding: 0px;
    font-family: "proxima-nova", sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

#constant_1 .ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-label, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-listname, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-lists-legend, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-date-slash, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-link, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-privacy-link {
    color: #1e1e1e;
	font-family: "proxima-nova", sans-serif;
}


/* CONTACT FORM 2 */
#constant_2 .ctct-form-embed.form_1 .ctct-form-defaults .ctct-form-header {
    /*font: "proxima-nova", sans-serif;*/
	font-family: "proxima-nova", sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25em;
    font-weight: 700;
    margin: 0 0 12px;
}

#constant_2 .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button {
    background-color: #035eb7;
    border: 1px solid #035eb7;
    color: #ffffff;
	font-weight: 900;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

#constant_2 .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button:hover {
    background-color: #0078c1;
}

#constant_2 .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-label {
    display: block;
    margin-bottom: 12px;
    line-height: 1;
    font-weight: 700;
    text-align: left;
	font-family: "proxima-nova", sans-serif;
	font-size: .875em;
}


#constant_2 .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button {
    background-color: #035eb7;
    border: 1px solid #035eb7;
    color: #ffffff;
}



#constant_2 .ctct-form-embed.form_1 .ctct-form-defaults {
    background-color: #ffffff;
	width: 100%;
}

#constant_2 .ctct-form-embed.form_1 .ctct-form-defaults {
    color: #323232;
    background-color: #fff;
    border-radius: 5px;
    padding: 0px;
    font-family: "proxima-nova", sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

#constant_2 .ctct-form-embed.form_1 .ctct-form-defaults .ctct-form-text, .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-label, .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-listname, .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-lists-legend, .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-date-slash, .ctct-form-embed.form_1 .ctct-form-defaults .ctct-gdpr-text, .ctct-form-embed.form_1 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-link, .ctct-form-embed.form_1 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-privacy-link {
    color: #1e1e1e;
	font-family: "proxima-nova", sans-serif;
}


select {
  font-family: "proxima-nova", sans-serif;
}
select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
input:checked ~ .switch-paddle {
  background: #539633;
}
.switch-paddle {
  background: #cbcbd1;
}
.wufoo input.text, .wufoo textarea.textarea, .wufoo input.file {
  font-family: 'proxima-nova';
}
.wufoo input.text, .wufoo textarea.textarea, .wufoo input.file, .wufoo select.select {
  font-style: normal;
  font-weight: 400;
  color: #333333;
  font-size: 100%;
}
.simple-subscription-form {
  width: 100%;
  padding: 2rem;
  border-radius: 0;
}
/* -------------------- K. V-CARDS -------------------- */
/* Resources */
.product-card {
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.product-card2 {
  background-color: #1779ba;
  border-top: 1px solid #222222;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.product-card2 .product-card-title a {
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.45rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
.product-card-thumbnail {
  display: block;
  position: relative;
}
.product-card-title {
  font-size: 1.0rem;
  font-weight: 600;
  line-height: 1.25rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
.product-card-desc {
  color: #828990;
  display: block;
  font-size: 0.85rem;
}
.product-card-price {
  color: #222222;
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 400;
  font-style: normal;
  margin-top: 0.8rem;
}
.product-card-price2 {
  color: #222222;
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 400;
  font-style: normal;
  margin-top: 0rem;
}
.product-card-sale {
  color: #cacaca;
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
  text-decoration: line-through;
}
.product-card-colors {
  display: block;
  margin-top: 0.8rem;
}
.product-card-color-option {
  display: inline-block;
  height: 25px;
  width: 25px;
}
.post_reply .user-name {
  margin-top: .375em;
  margin-bottom: 0;
  /*font-family: prenton, sans-serif;*/
}
.post_reply .user-title {
  margin-bottom: 0;
  margin-top: -.375em;
  padding-bottom: 0;
  color: #43425D;
  font-size: 0.813em;
}
/* User Dropdown Header */
.user_dashboard_header .user-name {
  margin-top: .250em;
  margin-bottom: 0;
  /*font-family: prenton, sans-serif;*/
}
.user_dashboard_header .user-title {
  margin-bottom: 0;
  margin-top: -.375em;
  padding-bottom: 0;
  color: #43425D;
  font-size: 0.813em;
}
.notifications_dashboard_header .dropdown-name {
  margin-top: .250em;
  margin-bottom: 0;
  color: #262424;
  /*font-family: prenton, sans-serif;*/
}
.notifications_container {
  min-height: 300px;
  max-height: 650px;
  overflow-y: scroll;
}
.notifications_container::-webkit-scrollbar {
  width: 8px;
}
/* Track */
.notifications_container::-webkit-scrollbar-track {
  background: #F0F0F7;
}
/* Handle */
.notifications_container::-webkit-scrollbar-thumb {
  background: #a5a4a4;
}
/* Handle on hover */
.notifications_container::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.user_dashboard_header {
  padding-bottom: 1.250em;
}
.notifications_dashboard_header {
  padding-bottom: .625em;
}
.user_dashboard_contents {
  /*padding-top: 1.000em;*/
  border-top: dotted 1px #cacaca;
  margin-bottom: 1.000em;
  /*padding: 0.875rem 1.125rem;	*/
}
.notification_dashboard_contents {
  /*padding-top: 1.000em;*/
  border-top: dotted 1px #cacaca;
  margin-bottom: 1.000em;
  /*padding: 0.875rem 1.125rem;	*/
}
.notification_course_contents {
  padding-top: 1.000em;
  border-bottom: dotted 0px #cacaca;
  margin-bottom: 1.000em;
  padding-bottom: 1.000em;
  /*padding: 0.875rem 1.125rem;*/
}
.user_dashboard_contents .link-title {
  font-size: 0.875em;
}
.user_course_contents .link-title {
  font-size: 0.875em;
}
.notification_dashboard_contents .notification-title {
  font-size: 0.875em;
}
.notification_course_contents .notification-title {
  font-size: 0.875em;
}
.notification_dashboard_contents .notification-title a.user {
  font-weight: bold;
  color: #1E1E1E;
}
.notification_course_contents .notification-title a.user {
  font-weight: bold;
  color: #1E1E1E;
}
.notification_dashboard_contents .notification-title a.noun {
  color: #1E1E1E;
}
.notification_course_contents .notification-title a.noun {
  color: #1E1E1E;
}
#notificationsTable a.noun {
  color: #1E1E1E;
}
.notification_dashboard_contents .notification-title a.subject {
  font-weight: bold;
}
.notification_course_contents .notification-title a.subject {
  font-weight: bold;
}
.notification_course_contents .notification-title a.more {
  font-size: 0.875em;
}
ul li a.edit {
  font-size: 0.875em;
}
.content_area_white ul li.smaller, .pricing-table ul li.smaller {
  font-size: 0.875em;
}
.small_div3 a.edit {
  font-size: 0.875em;
}
.user_dashboard_contents .link-description {
  margin-bottom: 0;
  color: #43425D;
  margin-top: -.375em;
  padding-bottom: 0;
  font-size: 0.813em;
}
.notification_dashboard_contents .notification-description {
  margin-bottom: 0;
  color: #808495;
  /*margin-top: -.250em;*/
  padding-bottom: 0;
  font-size: 0.750em;
}
.notification_course_contents .notification-description {
  margin-bottom: 0;
  padding-bottom: 1.000em;
  color: #808495;
  /*margin-top: -.250em;*/
  font-size: 0.750em;
}
.notification_course_contents .notification-description_larger {
  margin-bottom: 0;
  padding-bottom: 1.000em;
  color: #808495;
  /*margin-top: -.250em;*/
  font-size: 1.000em;
}
.notification_dashboard_contents .notification-description a {
  color: #808495;
}
.notification_course_contents .notification-description a {
  color: #808495;
}
.user_dashboard_contents li {
  background: #f7f7f7;
}
.notification_dashboard_contents li {
  background: #f7f7f7;
}
.notification_course_contents li {
  background: #ffffff;
}
.profile-card-action-icons {
  background-color: transparent;
  font-weight: 400;
  margin-bottom: 1.6rem;
  /*border-radius: 0.125rem;*/
}
.profile-card-action-icons .card-section {
  background-color: inherit;
  padding: 0.5rem 0 0;
}
.profile-card-action-icons .card-section .profile-card-header, .profile-card-action-icons .card-section .profile-card-about {
  /*border-bottom: 0.0625rem solid #cacaca;*/
  /*padding: 0.7rem 1rem;*/
}
.profile-card-action-icons .card-section .profile-card-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.profile-card-action-icons .card-section .profile-card-header .profile-card-avatar {
  margin-right: 0.5rem;
}
.profile-card-action-icons .card-section .profile-card-header .profile-card-avatar .avatar-image {
  border-radius: 50%;
  width: 3.75rem;
  height: 3.75rem;
}
.profile-card-action-icons .card-section .profile-card-header .profile-card-author {
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  margin-top: 0.3rem;
  padding-bottom: 0;
}
.profile-card-action-icons .card-section .profile-card-header .profile-card-author .author-title, .profile-card-action-icons .card-section .profile-card-header .profile-card-author .author-description {
  margin-bottom: 0;
}
.profile-card-action-icons .card-section .profile-card-header .profile-card-author .author-title {
  color: #828990;
  padding-top: 0.375em;
  padding-bottom: 0;
}
.profile-card-action-icons .card-section .profile-card-header .profile-card-author .author-description {
  color: #828990;
  font-size: 0.813em;
}
.profile-card-action-icons .card-section .profile-card-about .about-title {
  text-transform: uppercase;
}
.profile-card-action-icons .card-section .profile-card-about .separator-left {
  text-align: left;
}
.profile-card-action-icons .card-section .profile-card-about .separator-left::before, .profile-card-action-icons .card-section .profile-card-about .separator-left::after {
  display: table;
  content: ' ';
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.profile-card-action-icons .card-section .profile-card-about .separator-left::after {
  clear: both;
}
.profile-card-action-icons .card-section .profile-card-about .separator-left::after {
  position: relative;
  width: 3rem;
  border-bottom: 0.125rem solid #1779ba;
  margin: 0.3rem auto 0;
  margin-left: 0;
}
.profile-card-action-icons .card-section .profile-card-about .about-content {
  margin-bottom: 0;
}
.profile-card-action-icons .card-section .profile-card-about .about-skills {
  margin-top: 0.6rem;
}
.profile-card-action-icons .card-section .profile-card-about .about-skills ul.arrow {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.profile-card-action-icons .card-section .profile-card-about .about-skills ul.arrow li:before {
  content: '\f006';
  font-family: 'FontAwesome';
  float: left;
  color: #1779ba;
  margin-right: 0.5rem;
}
.profile-card-action-icons .card-section .profile-card-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.profile-card-action-icons .card-section .profile-card-action .action-area {
  width: 20%;
  border-right: 0.0625rem solid #cacaca;
  text-align: center;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.profile-card-action-icons .card-section .profile-card-action .action-area:last-of-type {
  border-right: none;
}
.profile-card-action-icons .card-section .profile-card-action .action-area .action-anchor.has-tip {
  border-bottom: none;
  cursor: pointer;
}
.profile-card-action-icons .card-section .profile-card-action .action-area .action-anchor .fa {
  color: #1779ba;
}
/* END Profile Card with Action Icons */
.card-user-profile {
  position: relative;
  z-index: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1rem;
  border: 1px solid rgba(216, 216, 216, 1);
  border-radius: 1;
  background: #f2f2f2;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
  padding-bottom: 1.125rem;
}
.card-user-profile > :last-child {
  margin-bottom: 0;
}
.card-user-profile:hover .card-user-profile-img {
  opacity: 1;
}
.card-user-profile-content {
  position: relative;
}
.card-user-profile-content::before {
  position: absolute;
  content: '';
  top: -3.4375rem;
  left: -1.875rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.4375rem 0 0 31.25rem;
  z-index: 0;
  border-color: transparent transparent transparent #fefefe;
}
.card-user-profile-actions {
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
  background: #fefefe;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.card-user-profile-actions > :last-child {
  margin-bottom: 0;
}
.card-user-profile-img {
  max-width: 100%;
  opacity: 0.85;
  transition: all 0.25s ease;
}
.card-user-profile-avatar {
  position: absolute;
  bottom: 100%;
  left: 1rem;
  z-index: 2;
  max-width: 5.625rem;
}
.card-user-profile-avatar img {
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
}
.card-user-profile-name {
  margin-top: 1.125em;
  margin-bottom: 1.125em;
  font-weight: bold;
  font-size: 1.25rem;
  text-transform: uppercase;
}
.card-user-profile-button {
  margin-bottom: 0;
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
}
.card-user-profile-button + .card-user-profile-button {
  margin-left: 1rem;
}
.card-user-profile-info {
  font-size: 0.875rem;
  letter-spacing: 1px;
  opacity: 0.8;
}
/*



=============================================== 05. BUTTON STYLES ===============================================



*/
/* -------------------- A. SINGLE BUTTONS -------------------- */
button.radius, .button.radius {
  border-radius: 3px;
}
button.round, .button.round {
  border-radius: 1000px;
}
.button.primary {
  background-color: #214251;
  color: #ffffff;
}
.button.primary:hover, .button.primary:focus {
  background-color: #0455A4;
  color: #fefefe;
}
.button.transparent_button {
  background-color: transparent;
  color: #ffffff;
}
.button.transparent_button:hover, .button.transparent_button:focus {
  background-color: transparent;
  color: #2b5c6f;
}
.button.secondary {
  background-color: #4c565f;
  color: #ffffff;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: #3a4148;
  color: #fefefe;
}
.button.secondary2 {
  background-color: #3a4148;
  color: #ffffff;
}
.button.secondary2:hover, .button.secondary2:focus {
  background-color: #4c565f;
  color: #fefefe;
}
.button.secondary3 {
  background: linear-gradient(rgba(230, 230, 230, 0.2), transparent);
  color: #000000;
  border: 0px solid transparent;	
}
.button.secondary3:hover, .button.secondary3:focus {
  background-color: rgba(250, 250, 250, 0.7); /* Here, 0.7 is the opacity value (between 0 and 1) */
  color: #3a424e;
}

.button.secondary4 {
  background-color: rgba(241, 241, 241, 0.8);
  color: #000000;
  border: 0px solid transparent;	
  border-left: 0px solid #e6e3e3;
}
.button.secondary4:hover, .button.secondary4:focus {
  background-color: rgba(241, 241, 241, 0.7); /* Here, 0.7 is the opacity value (between 0 and 1) */
  color: #3a424e;
}

.button.secondary5 {
  background-color: rgba(250, 250, 250, 0.8);
  color: #000000;
  border: 0px solid transparent;	
  border-left: 0px solid #3a4148;
  padding: 0.7rem 0.673rem;	
}

.button.secondary5:hover, .button.secondary5:focus {
  background-color: rgba(250, 250, 250, 0.7); /* Here, 0.7 is the opacity value (between 0 and 1) */
  color: #3a424e;
}

.button.accept {
  background-color: #539633;
  color: #ffffff;
}
.button.accept:hover, .button.accept:focus {
  background-color: #61B13B;
  color: #fefefe;
}
.button.decline {
  background-color: #d3414e;
  color: #ffffff;
}
.button.decline:hover, .button.decline:focus {
  background-color: #F44E5D;
  color: #fefefe;
}
.button.cancel {
  background-color: #e1e1e1;
  color: #7e7e7e;
  border: 0px solid #01573e;
}
.button.cancel:hover, .button.cancel:focus {
  background-color: #c8c7c7;
  color: #7e7e7e;
}
.button.highlight {
  background-color: #214251;
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  border-radius: .625em;
  font-size: 1.125em;
  animation: pulseAnimation 2s infinite; /* Add this line */
}

.button.highlight:hover, .button.highlight:focus {
  background-color: #0455A4;
  color: #DADCDF;
  animation: none; /* Stop the animation when the button is hovered over or focused */
}

/* Define the keyframes for the pulsing animation */
@keyframes pulseAnimation {
  0%, 100% {
    background-color: #214251;
    color: #ffffff;
  }
  50% {
    background-color: #0455A4;
    color: #DADCDF;
  }
}
.button.highlight_alternate {
  padding-left: 1.875em;
  padding-right: 1.875em;
  background-color: #234A59;
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  line-height: 1.1em;
  font-size: 1.125em;
}
.button.highlight_alternate:hover, .button.highlight_alternate:focus {
  background-color: #2b5c6f;
  color: #DADCDF;
}
.button.highlight_alternate2 {
  padding-left: 1.875em;
  padding-right: 1.875em;
  background-color: #035eb7;
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  /*font-weight: 600;*/
  line-height: 1.1em;
  /*font-size: 1.125em;*/
}
.button.highlight_alternate2:hover, .button.highlight_alternate2:focus {
  background-color: #046ed5;
  color: #fefefe;
}
.minimum_height_button {
  min-height: 1.125em;
}
.button.tag {
  font-family: proxima-nova, sans-serif;
  vertical-align: center;
  margin: 0 0 1rem 0;
  padding: 0.85em .85em;
  -webkit-appearance: none;
  border: 0px solid #ccced0;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.938em;
  font-weight: 700;
  line-height: 1.45;
  text-align: left;
  cursor: pointer;
  background-color: #f3f5f9;
  color: #5379BD;
}
.button.tag:hover, .button.tag:focus {
  background-color: #fafafa;
  color: #0455A4;
}

.button.tag:hover {
scale: 1.025;	
}

.button.tag:focus {
  color: #4A5259;	
}

a.tag_sublink {
color: #5379BD;
font-size: 0.813em;
font-weight: 500;	
}

a.tag_sublink:hover, a.tag_sublink:focus {
font-size: 0.813em;
font-weight: 500;	
}

.bkg_tag_container {
margin-top: -1em;	
background-color: #fafafa;
padding-bottom: .150em;	
}

.toggle-icon {
color: #cacaca;	
}

.long-dash {
  font-weight: bold;
  letter-spacing: -3px;
}

.button.tag_highlight {
  font-family: proxima-nova, sans-serif;
  vertical-align: center;
  margin: 0 0 1rem 0;
  padding: 0.85em .85em;
  -webkit-appearance: none;
  border: 0px solid #ccced0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 1.45;
  text-align: left;
  cursor: pointer;
  background-color: #234A59;
  color: #ffffff;
  border-radius: 0;	
}
.button.tag_highlight:hover, .button.tag_highlight:focus {
  background-color: #2b5c6f;
  color: #DADCDF;
  /*font-weight: 700;*/
}
.button.tag_highlight:hover {
scale: 1.025;	
}

.media-object-section:first-child {
  padding-right: 0.500rem;
}
.media-object-section {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.media-object {
  margin-bottom: 0;
}
@media screen and (max-width: 39.9375em) {
  .media-object.stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .media-object.stack-for-small .media-object-section img {
    width: 100%;
  }
}
.grid-padding-x_small > .cell {
  padding-right: 0.188rem;
  padding-left: 0.188rem;
}
.button.course_nav {
  background-color: #1e1e1e;
  ;
  color: #ffffff;
  font-weight: bold;
}
.button.course_nav:hover, .button.course_nav:focus {
  background-color: #135784;
  color: #fefefe;
}
.button.course_nav.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fefefe transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
  margin-right: 1em;
}
.button.muted {
  background-color: #f2f2f2;
  color: #212529;
  font-size: .875em;
  border: 1px solid #dee2e6;
  line-height: 1.5;
}
.button.muted:hover, .button.muted:focus {
  background-color: #dfdfdf;
  color: #212529;
}
.button.muted_thin {
  background-color: #f2f2f2;
  color: #212529;
  font-size: .875em;
  border: 1px solid #dee2e6;
  line-height: .5;
}
.button.muted_thin:hover, .button.muted_thin:focus {
  background-color: #dfdfdf;
  color: #212529;
}
.button.muted_large {
  background-color: #f2f2f2;
  color: #212529;
  border: 1px solid #dee2e6;
}
.button.muted_large:hover, .button.muted_large:focus {
  background-color: #dfdfdf;
  color: #212529;
}
.button.success {
  background-color: #539633;
  color: #fefefe;
}
.button.success:hover, .button.success:focus {
  background-color: #3c7c31;
  color: #fefefe;
}
.button.alert {
  background-color: #f26722;
  color: #fefefe;
}
.button.alert:hover, .button.alert:focus {
  background-color: #d4591c;
  color: #fefefe;
}
.simple-subscription-form .button {
  margin-bottom: 0;
  border-radius: 0 0 0 0;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #54656f;
  color: #ffffff;
  background-color: #539633;
}
.button.hollow.secondary:hover span, .button.hollow.secondary:focus span {
  color: #D1D1D1;
}
.button.hollow.secondary {
  border: 1px solid #ffffff;
  border-top-color: rgb(255, 255, 255);
  border-right-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
  border-left-color: rgb(255, 255, 255);
  color: #ffffff;
  background-color: transparent;
  text-align: left;
}
.bkg_main_nav_cell {
  background-color: #f3f5f9;
  border: 3px solid #ffffff;
}
.button.main_nav:hover, .button.main_nav:focus {
  border-color: #2b5c6f;
  color: #c4d8df;
  background-color: #2b5c6f;
}
.button.main_nav:hover span, .button.main_nav:focus span {
  color: #d1d1d1;
}
.button.main_nav {
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: #234a59;
  text-align: center;
  border-radius: 8px;
  line-height: 1.35em;
  font-size: 1.063em;
}
span.button_span_lighter {
  font-size: 0.813em;
  color: #d1d1d1;
  font-weight: normal;
  line-height: 2em;
}
/* Header Alert button */
.button-badge {
  background-color: transparent;
  text-decoration: none;
  padding: .5rem 1rem;
  position: relative;
  display: inline-block;
  border-radius: .2rem;
  transition: all ease 0.4s;
}
/*.button-badge:hover {



      border: 1px solid #7e7e7e;



        border-top-color: rgb(126, 126, 126);



        border-right-color: rgb(126, 126, 126);



        border-bottom-color: rgb(126, 126, 126);



        border-left-color: rgb(126, 126, 126);	



}*/
.badge {
  background-color: transparent;
  margin-left: 1.5em;
  font-size: .625em;
  padding-left: .195em;
  font-weight: normal;
  min-width: 2.1em;
  /*margin-top: -2em;*/
}
.badge.left_notification {
  background: #d3414e;
  color: #ffffff;
}
.badge.content_notification {
  background: #e4e8ea;
  color: #5b6771;
  margin-left: .750em;
  font-weight: bold;
}
/* -------------------- B. BUTTON GROUPS -------------------- */
/* -------------------- C. SPLIT BUTTONS -------------------- */
/* -------------------- D. DROPDOWN BUTTONS -------------------- */
.dropdown.button, button.dropdown {
  position: relative;
  padding-right: 0rem;
}
.f-dropdown {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  width: 100%;
  max-height: none;
  height: auto;
  background: white;
  border: solid 1px #dfe1e4;
  font-size: 0.750rem;
  z-index: 99;
  margin-top: 2px;
  max-width: 200px;
}
.f-dropdown.drop-right {
  position: absolute;
  left: -9999px;
  list-style: none;
  width: 100%;
  max-height: none;
  height: auto;
  background: white;
  border: solid 1px #dfe1e4;
  font-size: 0.750rem;
  z-index: 99;
  margin-top: 0;
  margin-left: 2px;
  max-width: 200px;
}
.f-dropdown.drop-left {
  position: absolute;
  left: -9999px;
  list-style: none;
  width: 100%;
  max-height: none;
  height: auto;
  background: white;
  border: solid 1px #dfe1e4;
  font-size: 0.750rem;
  z-index: 99;
  margin-top: 0;
  margin-left: -2px;
  max-width: 200px;
}
/*



=============================================== 06. CALLOUTS AND PROMPT STYLES ===============================================



*/
.callout.primary {
  background-color: #f2f2f2;
  color: #333333;
  border: 1px solid rgba(216, 216, 216, 1);
}
.callout.medium {
  padding-top: 2.250rem;
  padding-right: 1.75rem;
  padding-bottom: 2.250rem;
  padding-left: 1.75rem;
}
.callout.information {
  background-color: #54656f;
  background-image: linear-gradient(#54656f, #2d383e);
  border: .375em solid #2d383e;
}
.callout.information p {
  color: #ffffff;
  /*font-weight: 500;*/
}
.callout.information p a, .callout.information ul.menu li a {
  color: #8EB2F3;
  /*font-weight: 500;*/
  text-decoration: none;
}
.callout.information p a:hover, .callout.information ul.menu li a:hover {
  color: #ffffff;
  /*font-weight: 500;*/
  text-decoration: none;
}
.callout.information ul.menu li a {
  padding-top: .375em;
  padding-left: 0px;
  padding-right: 1.750em;
}
.middle_container {
  margin: auto;
  width: 85%;
}
.media_border {
  border: 10px solid #ffffff;
  border-radius: 0;
  background: #ffffff;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.callout.success {
  background-color: #dde9d8;
  color: #0a0a0a;
}
.callout.warning {
  background-color: #efefef;
  background-image: linear-gradient(#efefef, #ffffff);
  color: #1e1e1e;
  font-size: .938em;
  line-height: 1.6;
}

.callout.warning2 {
  background-color: #f8f9fb;
  background-image: linear-gradient(#efefef, #f8f9fb);
  color: #1e1e1e;
  font-size: .938em;
  line-height: 1.6;
}



.icon_red {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.2); opacity: 0.8; }
  100% { transform: scale(1); opacity: 1; }
}


.callout.alert {
  background-color: #f7e4e1;
  background-image: linear-gradient(#f7e4e1, #ffffff);
  /*color: #ffad03;*/
  border: 1px solid #ffffff;
  border-top: 10px solid #d3414e;
  padding: 1.25em;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
}
.callout.alert p {
  color: #000000;
  font-weight: 500;
}


.callout.alert p a, .callout.alert ul.menu li a {
  color: #DADCDF;
  font-weight: 500;
  text-decoration: none;
}
.callout.alert p a:hover, .callout.alert ul.menu li a:hover {
  color: #ffffff;
  font-weight: 500;
  text-decoration: none;
}
.callout.alert ul.menu li a {
  padding-top: .375em;
  padding-left: 0px;
  padding-right: 1.750em;
}
.callout.alert h4, .callout.alert h2 {
  color: #EFEFEF;
  font-weight: 700;
}
.callout.alert .close-button {
  position: absolute;
  color: #555555;
  cursor: pointer;
}
.callout.alert .close-button:hover {
  position: absolute;
  color: #FFFFFF;
  cursor: pointer;
}
.callout.transparent_background2 {
  background-color: transparent;
  border: 0px solid rgba(236, 238, 241, 1);
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 0em;
  padding-right: 0em;
}
.callout.transparent_background3 {
  background-color: transparent;
  border: 0px solid rgba(236, 238, 241, 1);
}
.callout.transparent_background {
  background-color: transparent;
  border: 0px solid rgba(236, 238, 241, 1);
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 3.625em;
  padding-right: 3.625em;
}
.callout.transparent_background4 {
  background-color: transparent;
  border: 0px solid rgba(236, 238, 241, 1);
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  padding-left: 1.75em;
  padding-right: 1.75em;
}
.callout.transparent_background5 {
  background-color: transparent;
  border: 0px solid rgba(236, 238, 241, 1);
  padding-top: .750em;
  padding-bottom: 2.00em;
  padding-left: 2.00em;
  padding-right: 2.00em;
}
.callout.transparent_background6 {
  background-color: transparent;
  border: 0px solid rgba(236, 238, 241, 1);
  padding-top: .875em;
  padding-bottom: .875em;
  padding-left: 1.625em;
  padding-right: 1.625em;
}
.callout.slide_out {
  color: #333333;
  padding-top: 25px;
  border-bottom: 0px solid #ffffff;
  background-color: #eaeaea;
  /*background-image: url('../img/bkg_slide_out.png');*/
  /*background-repeat: no-repeat;*/
}
.callout.primary_solid {
  background-color: #F0F0F7;
  color: #373737;
  border: 1px solid rgba(202, 206, 213, 1);
  border-style: solid;
  padding-top: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
  margin-top: .875em;
  margin-bottom: .875em;
}
.callout.post_reply {
  background-color: #F0F0F7;
  color: #373737;
  border: 0px solid rgba(202, 206, 213, 1);
  border-style: solid;
  padding-top: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
  margin-top: .875em;
  margin-bottom: .875em;
}
.callout.roc_background {
  background-color: #F0F0F7;
  background-image: url('../img/bkg_roc2.png');
  background-repeat: no-repeat;
  color: #373737;
  border: 1px solid rgba(202, 206, 213, 1);
  border-style: solid;
  padding-top: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
  margin-top: .875em;
  margin-bottom: .875em;
}
.callout.roc_background_white_border {
  background-color: #F0F0F7;
  background-image: url('../img/bkg_roc3.png');
  background-repeat: no-repeat;
  color: #373737;
  border: 1px solid rgba(255, 255, 255, 1);
  border-style: solid;
  padding-top: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
  margin-top: .875em;
  margin-bottom: .875em;
}
.callout.post_reply_user {
  background-color: #e3e3ec;
  color: #373737;
  border: 0px solid rgba(202, 206, 213, 1);
  border-style: solid;
  padding-top: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 1.5em;
  margin-top: .875em;
  margin-bottom: .875em;
}
.callout.post_container {
  background-color: #ffffff;
  border: 1px solid rgba(225, 225, 225, 1);
  padding-top: 2.625em;
  padding-left: 1.500em;
  padding-right: 1.500em;
  padding-bottom: 2.625em;
  border-radius: 0;
}
.post_container li {
  color: #1e1e1e;
}
.callout.poster_in_post {
  background-color: #f5f5f5;
  color: #4d4d4d;
  border: 1px solid rgba(225, 225, 225, 1);
}
.callout.benefits {
  background-color: #ECE1DE;
  color: #202124;
  border: 0px solid rgba(225, 225, 225, 1);
}
.bkg_highlighted {
  background-image: url('../img/bkg_content_callout.png');
  background-repeat: no-repeat;
  background-position: left bottom;
}
.bkg_highlighted_light {
  background-image: url('../img/bkg_content_callout_light.png');
  background-repeat: no-repeat;
  background-position: left bottom;
}
.bkg_highlighted_content {
  background-image: url('../img/bkg_content_callout_lighter.png');
  background-repeat: no-repeat;
  background-position: left bottom;
}
.bkg_leftcol {}
.callout_max {
  max-width: 45.000em;
}
.leftbar_max {
  max-width: 25%;
}
.callout.testimonial {
  background-color: transparent;
  color: #ffffff;
  border: 0px solid rgba(236, 238, 241, 1);
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 3.625em;
  padding-right: 3.625em;
}
.callout.secondary {
  background-color: #ffffff;
  border: 0px solid rgba(225, 225, 225, 1);
  margin-top: 0.625em;
  margin-bottom: 0em;
  padding-top: 2.625em;
  padding-left: 2.625em;
  padding-right: 2.625em;
  padding-bottom: 2.625em;
  border-radius: 0;
}
.callout.secondary2 {
  background-color: #ffffff;
  border: 1px solid rgba(225, 225, 225, 1);
  padding-top: 2.625em;
  padding-left: 2.625em;
  padding-right: 2.625em;
  padding-bottom: 2.625em;
  border-radius: 0;
}
.callout.grey_callout {
  background-color: #e1e1e1;
  border: 1px solid rgba(225, 225, 225, 1);
  margin-top: 2.699em;
  margin-bottom: 0em;
  padding-top: 2.625em;
  padding-left: 2.625em;
  padding-right: 2.625em;
  padding-bottom: 2.625em;
  border-radius: 0;
  color: #0a0a0a;
}
.callout.white_callout {
  background-color: #ffffff;
  border: 0px solid rgba(0, 0, 0, 1);
  margin-top: 0em;
  margin-bottom: 0em;
  padding-top: 0.500em;
  padding-left: 0.500em;
  padding-right: 0.500em;
  padding-bottom: 0.500em;
  border-radius: 0;
  color: #43425D;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.card_radius {
  border-radius: 45px;
}
.callout {
  position: relative;
  margin: 0 0 0 0;
  padding: .750rem;
  border: 0px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  background-color: white;
  color: #0a0a0a;
}
.callout_header {
  position: relative;
  margin: 0 0 0 0;
  padding: 1rem;
  border: 0px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  background-color: #1c1918;
  color: #0a0a0a;
}
.callout.page_leftbar {
  background-color: #f2f2f2;
  color: #333333;
  border: 0px solid rgba(216, 216, 216, 1);
}
/* -------------------- A. MODALS -------------------- */
.reveal-modal-bg {
  z-index: 99 !important;
}
.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  padding: 2.5rem;
  border: 1px solid #fe1e1e1;
  border-radius: 0;
  background-color: #ffffff;
  position: relative;
  top: 250px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
}
.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.85);
  overflow-y: scroll;
}
/* -------------------- B. ALERTS AND FIELD SETS -------------------- */
fieldset {
  border: 1px solid #DDDDDD;
  background: #ffffff;
  padding: 1.25rem;
  margin: 1.125rem 0;
}
fieldset.grey {
  border: 1px solid #a6a6a6;
  background: #F2F2F3;
  padding: 1.5rem;
  border-width: 1px 1px 1px 1px;
  margin: 1.125rem 0;
}
fieldset legend {
  font-weight: bold;
  background: #ffffff;
  color: #27303c;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0;
  margin-left: -0.1875rem;
}
fieldset legend.colour {
  font-size: .875em;
  font-weight: bold;
  background: #01233F;
  color: #ffffff;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0;
  margin-left: -0.1875rem;
}
.long_checkboxes [type='file'], .long_checkboxes [type='checkbox'], .long_checkboxes [type='radio'] {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 1;
}
.long_checkboxes label {
  display: block;
  padding-right: 10px;
  padding-left: 22px;
  text-indent: -22px;
  line-height: 1.5;
}
.long_checkboxes input {
  vertical-align: top;
}
.long_checkboxes label span {
  vertical-align: top;
  cursor: text;
}
.long_checkboxes input[type=checkbox] + span {
  font-weight: normal;
}
.long_checkboxes input[type=checkbox]:checked + span {
  font-weight: bold;
  color: #333;
}
.long_checkboxes_larger label {
  display: block;
  padding-right: 10px;
  padding-left: 22px;
  text-indent: -22px;
  line-height: 1.5;
}
.long_checkboxes_larger input {
  vertical-align: top;
}
.long_checkboxes_larger label span {
  vertical-align: top;
  cursor: text;
  font-size: 1.125em;
}
.long_checkboxes_larger input[type=checkbox] + span {
  font-weight: normal;
}
.long_checkboxes_larger input[type=checkbox]:checked + span {
  font-weight: bold;
}


.checkboxFormatted {

  display: inline-block;

  vertical-align: top;

  padding-left: 25px;

  position: relative;

font-size: .875em;

font-weight: normal;

width: 100%;
	
cursor: text;

}



.checkboxFormatted input {

  position: absolute;

  left: 0;

  top: .438em;

}


/* -------------------- C. PANELS, DIVISIONS AND SPANS -------------------- */
div.content_area {
  padding-top: 0em;
  padding-right: 1.875em;
  padding-bottom: 1.563em;
  padding-left: 1.875em;
}
div.content_area_inside {
  margin-top: 0;
  padding-top: 1.563em;
  padding-right: 1.563em;
  padding-bottom: 1.563em;
  padding-left: 1.563em;
  /*background-color: #ffffff;*/
}

.content_area_inside {
  background: linear-gradient(to bottom, #ffffff, #f8f9fb);
}


div.max_area_constrained {
  max-width: 45.313em;
}
div.nav_area {
  padding-top: .875em;
  padding-right: 0px;
  padding-left: 1.75em;
  background-color: #202427;
	
}
div.more_padding_left {
  padding-left: 1rem;
}

div.padding_left_little {
  padding-left: .375rem;
}

div.more_padding_right {
  padding-right: 1.75rem;
}
div.alot_more_padding {
  padding: 1.750em;
}
div.even_more_padding_left {
  padding-left: 1.50rem;
}
span.main_content_notification {
  color: #D3414E;
  margin-left: .563em;
  font-size: .938em;
}
span.green_notification {
  color: #539633;
  font-weight: bold;
  font-size: 1.125em;
  margin-right: .625em;
}
.highlight_text {
  background-image: url('../img/highlighter_yellow.png');
  background-repeat: no-repeat;
  background-position: center;
}
span.sub_heading {
  font-size: 0.750em;
  font-family: proxima-nova, sans-serif;
  color: #818285;
  font-weight: 500;
  line-height: 0.750em;
}

div.main_title {
/*padding-left: 1rem;*/	
color: #C9C5C6;
font-size: 2em;
/*font-family: "proxima-nova-extra-condensed", sans-serif;*/
font-weight: 800;
/*font-style: normal;*/
padding: 0 0;	
}

div.main_title_logo a {
color: #C9C5C6;	
}

div.main_title_logo a:hover {
color: #ffffff;
text-decoration: none;	
}


div.main_title a {
color: #C9C5C6;
font-size: 2em;
font-family: "proxima-nova-extra-condensed", sans-serif;
font-weight: 800;
font-style: normal;
padding: 0 0;	
}

div.main_title a:hover {
color: #ffffff;
text-decoration: none;	
}

div.main_subtitle {
/*padding-left: 1rem;*/
/*padding-top: 0.375rem;*/	
color: #C9C5C6;
font-weight: bold;
font-size: .875em;	
}

span.alias {
  font-size: 1em;
  font-family: proxima-nova, sans-serif;
  color: #202426;
  font-weight: 500;
}
span.modal_title {
  color: #231f20;
  position: absolute;
  top: .375em;
  left: .875em;
  font-weight: bold;
  font-size: 1em;
}
div.modal_title_background {
  background-color: #234A59;
  padding-left: 25px;
}
div.modal_title_background_darker {
  background-color: #01233F;
  padding-left: 25px;
}
div.sub_heading2 {
  font-size: 1em;
  font-family: proxima-nova, sans-serif;
  text-transform: uppercase;
  color: #A88751;
  font-weight: 500;
  line-height: 1.25em;
  margin-bottom: 1em;
}
div.sub_heading_larger {
  font-size: 1em;
  font-family: proxima-nova, sans-serif;
  text-transform: uppercase;
  color: #A88751;
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 1em;
}
div.sub_heading3 {
  font-size: 0.75em;
  font-family: proxima-nova, sans-serif;
  text-transform: uppercase;
  color: #D0A45D;
  font-weight: 500;
  padding-top: .938em;
}
div.featured_heading {
  font-size: .938em;
  font-family: proxima-nova, sans-serif;
  color: #FA6980;
  font-weight: 600;
  line-height: 1.125em;
  padding-top: .063em;
  padding-bottom: .063em;
}
div.featured_sub_heading {
  font-size: 0.750em;
  font-family: "proxima-nova", sans-serif;
  color: #ffffff;
  font-weight: 500;
  padding-top: 1.000em;
}
/* Center divs at small; left or right on medium and large */
.leftdiv, .centerdiv, .rightdiv {
  text-align: center;
}
@media only screen and (min-width: 641px) {
  .leftdiv {
    text-align: left;
  }
  .rightdiv {
    text-align: right;
  }
}
div.large_div {
  font-size: 1.375em;
}

div.large_div2 {
  padding-top: .625em;
  padding-bottom: .375em;	
  font-size: 1.125em;
}

div.description2 {
padding-bottom: .625em;
}


div.small_text {
  font-size: 0.750em;
  padding: 5px;
  line-height: 1.6;
}
div.small_div, span.small_div {
  font-size: 0.875em;
}
div.small_div2 {
  color: #737376;
  font-size: 0.875em;
}
div.small_div3, span.small_div3 {
  padding-top: 0.500em;
  font-size: 0.875em;
}
div.small_div4 {
  font-size: 0.750em;
  font-weight: normal;
}

div.small_div5 {
  font-size: 0.750em;
  font-weight: normal;
  line-height: 1.1;	
}


span.icon_span {
  font-size: 0.813em;
  color: #9DA8B1;
  font-weight: normal;
}
span.button_span {
  font-size: 0.813em;
  color: #9DA8B1;
  font-weight: normal;
  line-height: 2em;
}
span.button_span_darker {
  font-size: 0.813em;
  color: #848e96;
  font-weight: normal;
  line-height: 2em;
}
span.new_span {
  font-size: 0.813em;
  color: #E43B3F;
  font-weight: normal;
  padding-left: 0.625em;
}

div.new_span {
  font-size: 0.813em;
  color: #E43B3F;
  font-weight: normal;
  padding-left: 0;
}

span.new_span_dark {
  font-size: 0.813em;	
  color: #4c565f;
  font-weight: bold;
  padding-left: 0.625em;
  font-style: italic;
}
span.new_span_slider {
  font-size: 0.813em;
  color: #ffad03;
  font-weight: normal;
  padding-left: 0.500em;
}
sup.slider_sup {
  top: -0.25em;
}
span.icon_span_darker {
  font-size: 0.813em;
  color: #7f878e;
  font-weight: normal;
}
span.icon_span_lighter {
  font-size: 0.813em;
  color: #C1C1C1;
  font-weight: normal;
}
span.price_small {
  font-size: 0.625em;
  color: #1c1918;
  font-weight: normal;
}
.more_space_top {
  margin-top: 1.063em;
}
.little_space_top {
  margin-top: 0.875em;
}
.content_title_header {
  color: #ffffff;
  font-weight: bold;
  background-color: #01233F;
  padding: .625em 1.125em .625em 1.125em;
  /*border-bottom: .313em solid #01325a;*/
}
.content_title_header_table {
  color: #ffffff;
  font-weight: bold;
  background-color: #D3414E;
  padding: .625em 0 .313em 0.625em;
  border-bottom: .313em solid #8E2E37;
}
.content_subtitle_header {
  color: #ffffff;
  font-weight: bold;
  font-size: 0.875em;
  background-color: #373737;
  padding: .625em 0 .313em 1.313em;
}
.content_area_white {
  color: #373737;
  font-weight: normal;
  font-size: .875em;
  background-color: #FFFFFF;
  padding-top: 0;
  padding-bottom: .313em;
  padding-left: .313em;
  padding-right: .313em;
}
.content_area_white_table {
  color: #373737;
  font-weight: normal;
  font-size: 0.938em;
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.content_area_white ul li {
  /*padding-top: 1.000em;*/
  padding-bottom: .313em;
}
.content_area_white a {
  /*padding-top: 1.000em;*/
  font-size: 0.938em;
}
.content_area_white ul li.divider_space {
  padding-top: 1.000em;
  padding-bottom: .313em;
}
.content_area_white ul li.divider_space_little {
  padding-top: .625em;
}
/* -------------------- D. TOOL TIPS -------------------- */
.has-tip {
  border-bottom: dotted 1px #CCCCCC;
  cursor: text;
  font-weight: normal;
  color: #333333;
}
.has-tip:hover, .has-tip:focus {
  border-bottom: dotted 1px #CCCCCC;
  color: #333333;
}
.tooltip {
  display: none;
  position: absolute;
  z-index: 1006;
  font-weight: normal;
  font-size: 0.750rem;
  line-height: 1.3;
  padding: 0.75rem;
  max-width: 200px;
  left: 50%;
  width: 100%;
  color: #FFFFFF;
  background: #0a0a0a;
}
span.tooltip_text {
  font-size: 0.875em;
  color: #4968a9;
  font-weight: normal;
  text-decoration: none;
  padding-left: 1.875em;
}
/* -------------------- E. JOYRIDES -------------------- */
/* -------------------- F. PRICING TABLES -------------------- */
/* .pricing-table .bullet-item {



	



min-height: 160px;



	



} */
.pricing-table {
  background-color: #fefefe;
  border: solid 0px #cacaca;
  width: 100%;
  text-align: left;
  list-style-type: none;
  padding: 0;
}
.pricing-table2 {
  background-color: #ffffff;
  border: solid 0px #cacaca;
  width: 100%;
  text-align: left;
  list-style-type: none;
  padding: 0;
}
.pricing-table li {
  border-bottom: dotted 1px #cacaca;
  padding: 0.875rem 1.125rem;
}
.pricing-table2 li {
  border-bottom: dotted 1px #cacaca;
  padding: 0.875rem 0rem;
}
.pricing-table li:last-child {
  border-bottom: 0;
}
.pricing-table2 li:last-child {
  border-bottom: 0;
}
.pricing-table .title {
  background-color: #0a0a0a;
  color: #fefefe;
  border-bottom: 0;
}
.pricing-table .price {
  background-color: #e6e6e6;
  font-size: 2rem;
  border-bottom: 0;
}
.pricing-table2 .price {
  background-color: #e6e6e6;
  font-size: 2rem;
  border-bottom: 0;
}
.pricing-table .description {
  color: #8a8a8a;
  font-size: 80%;
}
.pricing-table2 .description {
  color: #8a8a8a;
  font-size: 80%;
}
.pricing-table :last-child {
  margin-bottom: 0;
}
.pricing-table2 :last-child {
  margin-bottom: 0;
}
.pricing-table .button {
  color: #fefefe;
}
.pricing-table2 .button {
  color: #fefefe;
}
/*



=============================================== 07. IMAGE AND MEDIA STYLES ===============================================



*/
.img-swap {
  cursor: pointer;
  padding-bottom: 0.625em;
}
/* -------------------- A. THUMBNAILS -------------------- */
.product_thumbnail {
  display: block;
  overflow: hidden;
  height: 3.125em;
}
.product_thumbnail img {
  display: block;
  height: 100%;
}
.product_thumbnail img.portrait {
  width: 100%;
  height: auto;
}
.tcp_photo_thumbnail {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.tcp_photo_thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tcp_photo_thumbnail img.portrait {
  width: 100%;
  height: auto;
}
.user_photo_thumbnail {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.user_photo_thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.user_photo_thumbnail img.portrait {
  width: 100%;
  height: auto;
}
.user_photo_larger {
  position: relative;
  width: 65px;
  height: 65px;
  overflow: hidden;
}
.user_photo_larger img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.user_photo_larger img.portrait {
  width: 100%;
  height: auto;
}
.photo_width {
  max-width: 100px;
}
.photo_width_small {
  max-width: 6.250em;
}
.photo_width_medium {
  max-width: 15.625em;
}
.photo_width_large {
  max-width: 28.125em;
}
.image_max_height {
  max-height: 9.125em;
  /* min-height: 9.125em; */
  display: block;
  margin: auto;
}
/* -------------------- B. SLIDERS -------------------- */
.orbit-container {
  /*vertical-align: bottom;*/
  border: 10px solid #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
ul.orbit-container li {
  display: inline-block;
}
.orbit-container_testimonial {
  /*vertical-align: bottom;*/
  border: 0px solid #ffffff;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.19);
  background-color: #d3414e;
  background-image: linear-gradient(#d3414e, #942f38);
  padding-top: .750em;
  padding-left: 3.000em;
  padding-right: 3.000em;	
  padding-bottom: 2.500em;
  margin: 1.500em auto;
  margin-bottom: 2.500em;	
  text-align: center;
  color: #fff;
}
ul.orbit-container_testimonial li {
  display: inline-block;
}
.orbit-bullets {
  /*position: relative;*/
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.orbit-bullets button {
  width: .5rem;
  height: .5rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #ffffff;
}
.orbit-bullets button:hover {
  background-color: #999999;
}
.orbit-bullets button.is-active {
  background-color: #E43B3F;
}
/* Slide animation */
.offset-header {
  font-family: bebas-neue-by-fontfabric, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #ffffff;
  line-height: 1em;
  /*letter-spacing: -0.02em;*/
  max-width: 100%;
}
span.offset-header {
  display: block;
  overflow: hidden;
}
span.offset-header > span {
  animation-name: slideUp;
  animation-duration: 1.5s;
  animation-timing-function: ease-in;
  display: block;
}
.offset-header-odd > span {
  text-align: center;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  margin: 0 .375em;
}
.offset-header-even > span {
  text-align: center;
  animation-delay: 100ms;
  animation-fill-mode: both;
  color: #fefefe;
  font-size: .438em;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-style: normal;
  margin: 0 .625em;
  line-height: 1em;
  padding-bottom: .625em;
}
@keyframes slideUp {
  0%, 50% {
    transform: translateX(100%);
    opacity: 0;
  }
  60%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* Callout animation */
.offset-header-callout {
  font-family: bebas-neue-by-fontfabric, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.25em;
  /*letter-spacing: -0.02em;*/
  max-width: 100%;
}
span.offset-header-callout {
  display: block;
  overflow: hidden;
}
span.offset-header-callout > span {
  animation-name: slideUp;
  animation-duration: 2s;
  animation-timing-function: ease-in;
  display: block;
}
.offset-header-callout-odd > span {
  text-align: left;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  margin: 0 0;
}
.offset-header-callout-even > span {
  text-align: center;
  animation-delay: 150ms;
  animation-fill-mode: both;
  color: #fefefe;
  font-size: .438em;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-style: normal;
  margin: 0 .625em;
}
@keyframes slideUp {
  0%, 50% {
    transform: translateX(100%);
    opacity: 0;
  }
  60%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/*orbit-wrapper {

	

}*/
.orbit-caption {
  position: absolute; /*it was absolute... but would shrink on 2nd to last slide */
  bottom: 0;
  width: 100%;
  /*margin-bottom: 0;*/
  /*padding-left: 2rem;*/
  /*padding-right: 2rem;*/
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 2rem;
  /*background-color: rgba(18, 21, 23, 0.8);*/
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
  color: #fefefe;
  text-align: left;
  border-top: solid 1px #666666;
  /*min-height: 4.75em;*/
  /*font-size: 2.25em;*/
  /*font-family: bebas-neue-by-fontfabric, sans-serif;*/
  /*font-weight: 700;*/
  /*font-style: normal;*/
}
/*.orbit-caption span, .orbit-caption div {

    color: #fefefe;

	text-align: left;

	font-size: .625em;

	padding-top: 0px;

	padding-bottom: 0px;

	line-height: 1em;

	font-family: proxima-nova, sans-serif;

font-weight: 500;

font-style: normal;

}*/
/*.orbit-container .orbit-slides-container > * .orbit-caption {

  background-color: #0D0D0D;

  color: #FFFFFF;

  width: 100%;

  font-size: 0.875rem;

}*/
.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  padding: 1rem;
  color: #fefefe;
  cursor: pointer;
}
.orbit-previous:hover, .orbit-next:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
div.slide1_bkg {
  background-color: #ffffff;
  background-image: url('../img/bkg_slide1.jpg');
  background-repeat: repeat-x;
  height: 295px;
  width: 1334px;
  border-top: solid 4px #ffffff;
}
div.slide2_bkg {
  background-color: #ffffff;
  background-image: url('../img/bkg_slide2.jpg');
  background-repeat: repeat-x;
  height: 295px;
  width: 1334px;
  border-top: solid 4px #ffffff;
}
div.slide3_bkg {
  background-color: #ffffff;
  background-image: url('../img/bkg_slide3.jpg');
  background-repeat: repeat-x;
  height: 295px;
  width: 1334px;
  border-top: solid 4px #ffffff;
}
div.slide4_bkg {
  background-color: #ffffff;
  background-image: url('../img/bkg_slide4.jpg');
  background-repeat: repeat-x;
  height: 295px;
  width: 1334px;
  border-top: solid 4px #ffffff;
}
div.slide5_bkg {
  background-color: #ffffff;
  background-image: url('../img/bkg_slide5.jpg');
  background-repeat: repeat-x;
  height: 295px;
  width: 1334px;
  border-top: solid 4px #ffffff;
}
div.slide6_bkg {
  background-color: #ffffff;
  background-image: url('../img/bkg_slide6.jpg');
  background-repeat: repeat-x;
  height: 295px;
  width: 1334px;
  border-top: solid 4px #ffffff;
}
.panel_slider_large {
  width: 38%;
  float: left;
  background-image: url('../img/bkg_slider_panel.jpg');
  -ms-transform: rotate(-2deg); /* IE 9 */
  -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
  transform: rotate(-2deg);
  margin-left: 0.938em;
  margin-top: 1.250em;
}
.panel_slider_medium {
  width: 65%;
  float: left;
  background-image: url('../img/bkg_slider_panel.jpg');
  -ms-transform: rotate(-2deg); /* IE 9 */
  -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
  transform: rotate(-2deg);
  margin-left: 0.938em;
  margin-top: 1.875em;
}
.panel_slider_small {
  width: 100%;
  height: 100%;
  float: left;
  background-color: #ededed;
  margin-left: 0em;
  margin-top: 0em;
  border-width: 0px;
  border-bottom: 1px solid #d0d0d0;
}
/* -------------------- C. IFRAME -------------------- */
iframe {
  overflow: hidden;
}
/* -------------------- D. BACKGROUND IMAGE -------------------- */
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px; /* 50% */
  }
}
img.bg_inside {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}
.video_border {
  border: 0.375em dotted #09152f;
}
.stopfade {
  opacity: .95;
}
.strikeout {
  //font-size: 4em;
  line-height: 1em;
  position: relative;
}
.strikeout::after {
  border-bottom: 0.125em solid red;
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}
/* @media screen and (max-device-width: 800px) {



  html { background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/polina.jpg') #000 no-repeat center center fixed; }



  #bgvid { display: none; }



} */