@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 -------------------- */
.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;
}
/* -------------------- B. STICKY -------------------- */
.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: 0.5rem;
  border: 1px solid #cacaca;
  border-right: 0px solid #cacaca;
  border-radius: 0;
  background-color: #ffffff;
  font-family: inherit;
  font-size: 1rem;
  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;
}
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 -------------------- */
#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: sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  width: 100%;
}
#clockdiv > div {
  padding: 5px;
  border-radius: 3px;
  background: transparent;
  display: inline-block;
}
#clockdiv div > span {
  padding: 5px;
  border-radius: 3px;
  background: transparent;
  display: inline-block;
  font-weight: 700;
}
.smalltext {
  padding-top: 5px;
  font-size: 16px;
}
/* -------------------- F. TIMELINE -------------------- */
.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;
  }
}

/* Book Flip */




/*

=============================================== 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: 2em;
  font-family: hot-salsa, sans-serif;
  font-style: normal;
  font-weight: 400;
}
#menu_icon {
  color: #ffffff;
}
#menu_icon:hover {
  color: #6b7680;
}
/* -------------------- 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 */
/*"""""""" (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: #3a4148;
  /*background-image:url("img/bkg_content.jpg");*/
  border-width: 1px;
  border-style: none;
  border-color: #ffffff;
  min-width: 260px;
}
#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: #4c5737;
}


.navigation_container {
  border-top: 1px solid #18343e;
  border-bottom: 1px solid #18343e;
}
.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/wood_background2.jpg");
  background-repeat: repeat-y;
  background-color: #402a26;
  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.125em 0.625em;
  background-image: url("../img/bkg_page_home3.jpg");
  background-repeat: repeat-x;
  background-color: #dadcdf;
}
.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 -------------------- */
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 -------------------- */
.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: 0.875em;
  /*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;
}*/
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: .750em;
}
a.post_tools:hover {
  text-decoration: underline;
}
a.post_tools:visited {
  text-decoration: none;
  padding: 0px;
  display: inline;
  color: #4D565C;
  font-size: .750em;
}
.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: 90%;
  max-width: 100%;
  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: 768px;
  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 {
  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);
}

.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);	
}


.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;
}

.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: cover;
  object-position: 50% 50%;
  padding-bottom: .875em;
}
.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%;
  height: 3.5em;
  border-radius: 0px 0px 0px 0px;
  background-image: url("../img/bccsa_swooshes_lightgrey2.jpg");
  background-repeat: no-repeat;
  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_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: 550px;
  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: 3.65em;
  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;
}

/* When a tab card is hovered */
.tab_card_full a:hover {
  text-decoration: none;
  /*background-color: #d5e2fb;*/
}
.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: #3b69bb;
}
ul.card_unordered li {
  font-size: 0.938em;
  margin-bottom: 0.625em;
  margin-left: 0.500em;
}
ul.indented li, ol.indented li {
  margin-left: 1em;
}
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;
}

ul.no_indent li, ol.no_indent li {
  margin-left: 0em;
}



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;
}
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;
}

.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;
}
/* -------------------- A. HEADERS, PARAGRAPHS, BODY -------------------- */
body {
  margin: 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;*/
}
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.25em;
  line-height: 1.6;
  color: #4c5737;
  font-weight: 500;
  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: 700;
  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: hot-salsa, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1em;
  color: #000000;
}

p.alternate {
  font-family: hot-salsa, 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 {
  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.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: hot-salsa, sans-serif;
  font-weight: 400;
  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 {
  color: #737376;
  font-size: .938em;
  font-family: hot-salsa, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 0px;
}
blockquote {
  margin: 1.5rem 0 .5rem;
  padding: 0 1rem 0 1rem;
  border-left: 0px solid #c6c7c9;
}
cite {
  display: block;
  font-size: 1.000rem;
  color: #8a8a8a;
  font-weight: bold;
  padding-bottom: 10px;
}
blockquote2, blockquote2 p {
  line-height: 1.25;
  color: #384656;
  font-size: 1.25em;
  font-family: "prenton-condensed", sans-serif;
  font-weight: normal;
  padding: 0px;
}
blockquote2 {
  margin: 0 0 .5rem;
  padding: 0 1rem 0 1rem;
  border-left: 0px solid #c6c7c9;
}
cite2 {
  display: block;
  font-size: 1.000rem;
  color: #384656;
  padding-left: 0.625em;
  padding-top: 0.625em;
  font-style: italic;
}
/* -------------------- B. LISTS -------------------- */
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.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 -------------------- */
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative;
}
.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-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:active {
  position: relative;
  font-weight: bold;
}
.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 1.25rem;
  line-height: 1;
  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;
}
.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: hot-salsa, sans-serif;
  font-weight: 400;
  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: hot-salsa, sans-serif;
  font-weight: 400;
  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 -------------------- */
.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 tr, .gateway-table td {
  border: 1px solid #e0e0e0;
}
.gateway-table tbody th, 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: hot-salsa, 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.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: hot-salsa, 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.light_blue:visited {
  color: #5178bc;
}*/
a.light_blue_lighter {
  color: #6399f7;
}
a.light_blue_lighter:hover {
  color: #ffffff;
  text-decoration: none;
}
a.white:link {
  color: #ffffff;
}
a.white:hover {
  color: #eeebeb;
}
a.white:visited {
  color: #ffffff;
}
a.blue_link:link {
  color: #6f9fc8;
}
a.blue_link:hover {
  color: #587fa0;
}
a.blue_link:visited {
  color: #6f9fc8;
}

a.highlighted {
background-color: #539633;	
  color: #ffffff;
}

a.highlighted:hover {
background-color: #3c7c31;	
  color: #ffffff;
}

a.highlighted:visited {
background-color: #539633;	
  color: #ffffff;
}

/* -------------------- 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.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;
}
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;
}

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: 2.5em;
}

.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;
}
/* -------------------- 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_blue {
  /*background-color: #0455a4;*/
  background-image: linear-gradient(#0455a4, #024a8f);
}

.bkg_green {
 background-color: #4c5737;
}


.bkg_blue_dark {
  /*background-color: #0455a4;*/
  background-image: linear-gradient(#03294D, #021C36);
}
.bkg_grey_darkest {
  /*background-color: #0455a4;*/
  background-image: linear-gradient(#4A5259, #1d2023);
}
.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_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: #39af50;
}
.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: #fadc7b;
}
.yellow_darker {
  color: #efcc69;
}
.red {
  color: #cc4438;
}
/* -------------------- J. FORMS AND VALIDATIONS -------------------- */
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;
}

/* Notification styles */
.notification {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 320px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: flex;
  align-items: center;
}

.notification__icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.notification__title {
  font-weight: bold;
  margin-bottom: 5px;
}

.notification__body {
  margin-bottom: 0;
}

.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: #035eb7;
  color: #ffffff;
}
.button.primary:hover, .button.primary:focus {
  background-color: #046ed5;
  color: #fefefe;
}
.button.secondary {
  background-color: #4c565f;
  color: #ffffff;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: #3a4148;
  color: #fefefe;
}
.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 {
  /*padding-left: 2.813em;*/
  /*padding-right: 2.813em;*/
  background-color: #5a6771;
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  border-radius: .625em;
}
.button.highlight:hover, .button.highlight:focus {
  background-color: #234A59;
  color: #DADCDF;
}
.button.highlight_alternate {
  padding-left: 2.813em;
  padding-right: 2.813em;
  background-color: #5f6d45;
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  /*font-size: 1.125em;*/
}
.button.highlight_alternate:hover, .button.highlight_alternate:focus {
  background-color: #7d8f5b;
  color: #DADCDF;
}

.button.highlight_alternate2 {
  padding-left: 2.813em;
  padding-right: 2.813em;
  background-color: #7d8f5b;
  color: #ffffff;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  /*font-size: 1.125em;*/
}
.button.highlight_alternate2:hover, .button.highlight_alternate2:focus {
  background-color: #90a469;
  color: #DADCDF;
}

.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.875em;
  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_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;*/
}

.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: auto;
  }
}
.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: #234A59;
  font-size: .938em;
  line-height: 1.6;
}
.callout.alert {
  background-color: #d3414e;
  background-image: linear-gradient(#d3414e, #5E1E24);
  /*color: #ffad03;*/
  border-top: 0px solid #ffffff;
}
.callout.alert p {
  color: #ffffff;
  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: #F9C46F;
  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.5em;
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.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;
}
/* -------------------- 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;
}
/* -------------------- 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: .875em;
  padding-top: 0em;
  padding-right: 1.563em;
  padding-bottom: 1.563em;
  padding-left: 1.563em;
  background-color: #ffffff;
}
div.max_area_constrained {
  max-width: 45.313em;
}
div.nav_area {
  padding-top: .875em;
  padding-right: 0px;
  padding-left: 1.75em;
}
div.more_padding_left {
  padding-left: 1rem;
}
div.more_padding_right {
  padding-right: 1.75rem;
}

div.alot_more_padding {
  padding: 1.750em;
}

div.alot_more_padding_sides {
  padding-left: 1.000em;
  padding-right: 1.000em;	
}

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;
}

span.alias {
  font-size: 0.750em;
  font-family: proxima-nova, sans-serif;
  color: #818285;
  font-weight: 500;
}


span.modal_title {
  color: #ffffff;
  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.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 {
  padding-top: 0.500em;
  font-size: 0.875em;
}
div.small_div4 {
  font-size: 0.750em;
  font-weight: normal;
}
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;
}
span.new_span_slider {
  font-size: 0.813em;
  color: #ffad03;
  font-weight: normal;
  padding-left: 0.500em;
}
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.813em;
  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-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: #c4c2c2;
}
.orbit-bullets button.is-active {
  background-color: #E43B3F;
}
/* Slide animation */
.offset-header {
  font-family: 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: 4s;
  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: 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;
  }
}


/* Callout animation */
.offset-header-callout {
  font-family: 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: 1.125rem;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 2em;
  /*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: hot-salsa, 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 {
  z-index: -10;
}
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; }

} */