/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }

.page-loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 20;
	background-color: #FFFFFF;
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}

.loader-title {
	margin-bottom: 10px;
}

.loader-spinner {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #36c; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



.wf-loading body {
	visibility: hidden;
}

.wf-active body {
	visibility: visible;
}

 html.wf-loading * {
    opacity: 0;
}

html {
	height: 100%;
	overflow-y: scroll;
}

body {
	padding: 0px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px !important;
	background-color: #36c !important;
}

a:link, a:visited, a:active {
	color: #36c;
}

a:hover, a:focus {
	color: #EC6E00 !important;
}

input[type="checkbox"] {
	min-width: 14px !important;
}

.numlist li{
    list-style: decimal !important;
}

.numlist li:before {
	content: none !important;
}

.success {
	font-weight:bold;
	color:green;
	text-align:center;
}

.error { border:3px solid red; }

/* bootstrap pagination mod */

.pagination a:link, .pagination a:hover, .pagination a:focus {
    color: #36c !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff !important;
    cursor: default;
    background-color: #36c !important;
    border-color: #36c !important;
}


/* RK mods */

.header-alert {
	margin-top: 10px;
}

.header-alert a:link, .header-alert a:hover, .header-alert a:focus {
    color: #36c !important;
}

.alertbox {
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFFAC2;
	-webkit-box-shadow: 6px 6px 6px rgba(0,0,0,0.15);
	box-shadow: 6px 6px 6px rgba(0,0,0,0.15);
	border: 2px solid #000000;
}

.form-titles {
	font-weight: bold;
}

/*
.main-form {
	display: block;
}

.main-form > p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
*/

.event-notes-title {
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #36c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.event-notes-content {
	padding: 10px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.notes-panel .main-panel {
	width: 60% !important;
}

.program-schedule-link, .program-location-link  {
	display: flex !important;
	justify-content: center;
  	align-items: center;
}

.program-schedule-link span, .program-location-link span {
	margin-right: 8px;
	color: #000000;
	font-size: 1.95em;
	text-decoration: none !important;
}

#cat_panel {
	margin: 0px auto;
	width: 80%;
}

#cat_panel p {
	margin: 10px auto;
	text-align: center;
}

.cat_panel_pointer {
	top: -15px !important;
	left: 160px !important;
	width: 25px !important;
	height: 10px !important;
	position: absolute !important;
	z-index: 50 !important;	
}

.tag-schedule {
	background-color: #c00;
	color: #FFF;
	font-size: 12px;
	margin-left: 10px;
	padding: 3px 6px;
	display: inline;
}

.tag-schedule-alt {
	background-color: #FFEC97;
	color: #000;
	font-size: 12px;
	margin-left: 10px;
	padding: 3px 6px;
	display: inline;
}

/* new site css */

.center-margin {
	margin: 0px auto !important;
}

.center-text {
	text-align: center !important;
}

.left-text {
	text-align: left !important;
}

.smaller-text {
	font-size: 0.85em !important;
}

.smaller-text-normal {
	font-size: 0.85em !important;
	font-weight: normal;
}

.padding-text {
	padding: 10px !important;
}

.no-padding-text {
	padding: 0px !important;
}

.margin-top-text {
	margin-top: 20px !important;
}

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

.color-blue {
	color: #36c;
}

.color-orange {
	color: #EC6E00;
}

.bgcolor-green {
	background-color: #ECF5EB !important;
}

.front-icon {
	margin-right: 8px;
}

.dd-arrow {
	margin-left: 5px;
	font-size: 10px;
}

.tooltip > .tooltip-inner {
	margin-left: 70px;
}

.help-block {
	font-size: 0.85em !important;
}

.sub-text {
	margin-left: 5px;
	font-size: 0.85em;
}

.form-control-static {
	margin: 0px 0px 0px 5px !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.section-bar-blue {
	padding: 0px !important;
	margin: 0px !important;
	background-color: #36c !important;
	overflow-y: hidden;
}

.section-heading {
	font-family: 'Oswald', sans-serif !important;
	font-size: 30px;
	letter-spacing: 1px;
	text-align: center;
	margin: 0px 0px 15px !important;
}

.sc-link {
	position: relative;
}

.sc-count {
	width: 28px;
	height: 28px;
	padding: 0px 0px 0px 2px;
	margin: 0px;
	color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: none;
	background-color: #7BAF34;
	border-radius: 20px;
	position: absolute;
	top: 12px;
	right: -2px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pic-2up {
	padding: 10px;
	width: 33%;
	display: inline-block !important;
}

.stand-out-frame {
	margin: 0px auto;
    width: 80%;
}

.stand-out-frame .mf-frame {
	padding: 30px 30px !important;
}

.stand-out-frame span {
	margin-top: 7.5px;
	font-size: 1.125em;
	font-weight: 600;
	font-style: italic;
	display: inline-block;
}



.page-main {
	margin: 0px !important;
	padding: 0px !important;
	background-color: #FFFFFF !important;
}

.page-info {
	margin: 60px 0px 60px;
	padding: 0px !important;
}

.page-info h1 {
	margin: 0px 0px 15px !important;
	color: #36c;
	font-family: 'Oswald', sans-serif !important;
	font-size: 30px;
	letter-spacing: 1px;
	text-align: center;
	line-height: 1.25 !important;
}

.page-info .h1-top-spacer {
	margin-top: 20px !important;
}

.page-info h2 {
	margin: 0px 0px 15px !important;
	color: #EC6E00;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.25 !important;
}

.page-info h3 {
	margin: 0px 0px 15px !important;
	color: #36c;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.25 !important;
}

.page-info h4 {
	margin: 0px 0px 15px !important;
	font-size: .85em;
	font-style: italic;
	text-align: center;
	line-height: 1.25 !important;
}

.page-info h5 {
	margin: 0px auto 10px !important;
	padding-top: 10px !important;
	width: 80%;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	line-height: 1.25 !important;
}

.page-info h6 {
	margin: 0px 0px 15px !important;
	padding-top: 10px !important;
	color: #36c;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	line-height: 1.25 !important;
}

.page-info p {
	margin: 0px;
	color: #000000;
	text-align: left;
}

.page-info ul {
	padding: 0px 0px 0px 20px !important;
}

.page-info li {
	margin-bottom: 15px;
	list-style: none;
	position: relative;
}

.page-info li:last-of-type {
	margin-bottom: 0px;
}

.page-info li:before {
    content: "\e250";
    font-family: 'Glyphicons Halflings';
    color: #EC6E00;
	position: absolute;
	left: -20px;
}

.li-inline select {
	margin-left: 5px;
	margin-right: 5px;
}

.list-padding {
	padding: 20px;
}

.pi-h-group {
	margin: 0px auto 40px !important;
	width: 80%;
}

.pi-h-group-middle {
	margin: 40px auto 40px !important;
	width: 80%;
}

.pi-p {
	margin: 0px auto 40px !important;
	width: 80%;
}

.pi-p-slim {
	margin: 0px auto 10px !important;
	width: 80%;
}

.pi-button-spacing {
	margin-top: 40px !important;
}



.content-info {
	margin-bottom: 40px;
}



.padding-list {
	padding: 0px 0px 40px 40px !important;
}

.padding-pic {
	padding: 0px 40px !important;
}



.main-link,
.main-link:focus {
	padding: 10px;
	width: 100%;
	font-family: 'Oswald', sans-serif !important;
	font-size: 1.25em !important;
	letter-spacing: 1px;
	color: #ffffff !important;
	text-align: center;
	border: none !important;
	outline: none !important;
	background-color: #3366cc !important;
	text-decoration: none !important;
	display: inline-block;
}

.main-link:hover {
	color: #ffffff !important;
	background-color: #EC6E00 !important;
	text-decoration: none !important;
	text-shadow: 1px 1px 2px #000000;
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.25);
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.25);
}

.main-link span {
	margin-right: 10px;
}

.ml-sm, .ml-sm:focus {
	width: 200px;
}

.ml-md, .ml-md:focus {
	width: 400px;
}

.ml-full, .ml-full:focus {
	width: 100%;
}

.ml-flex, .ml-flex:focus {
	padding: 10px 20px;
	width: auto;
}

.main-link-disabled,
.main-link-disabled:focus {
	background-color: #CCC !important;
}

.main-link-disabled:hover {
    background-color: #CCC !important;
    text-shadow: 0px 0px 0px #CCCCCC !important;
    -webkit-box-shadow: inset 0px 0px 0px #CCCCCC !important;
    box-shadow: inset 0px 0px 0px #CCCCCC !important;
}

.main-link-subtext {
	margin: 5px auto;
	padding: 20px;
	width: 400px;
	font-size: 0.85em;
	background-color: rgba(51,102,204,0.10);
}


.alt-link,
.alt-link:focus {
	padding: 10px 20px;
	width: auto;
	letter-spacing: 0.5px;
	color: #ffffff !important;
	font-weight: bold;
	font-size: 1.15em !important;
	text-align: center;
	border: none !important;
	border-radius: 4px;
	background-color: #7597DC !important;
	text-decoration: none !important;
	display: inline-block;
}

.alt-link:hover {
	color: #ffffff !important;
	background-color: #36c !important;
	text-decoration: none !important;
}

.alt-link-disabled,
.alt-link-disabled:focus {
	background-color: #CCC !important;
}

.alt-link-disabled:hover {
	background-color: #CCC !important;
}



.main-form {
	margin: 15px auto 0px;
	padding: 0px 15px 15px;
	width: 80%;
	text-align: center;
	border-radius: 10px;
}

.main-form h3 {
	margin: 0px !important;
	padding: 10px 15px 10px;
	font-size: 18px;
	text-align: left;
}

.main-form h3 > span {
	margin-left: 5px;
    font-size: 0.65em;
    font-weight: normal;
}

.main-form p {
	margin-bottom: 10px;
}

.main-form .form-group {
	margin-bottom: 0px !important;
}

.main-form .form-group > div:last-of-type {
	margin-bottom: 0px !important;
}

.main-form .form-inline input {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.mf-live-header {
	margin-bottom: 0px;
	padding: 10px 15px;
	color: #fff;
	font-weight: bold;
	border-top: 1px;
	border-bottom: 0px;
	border-left: 1px;
	border-right: 1px;
	border-color: #ccc;
	border-style: solid;
	border-radius: 10px 10px 0px 0px;
	background-color: #096;
}

.mflh-group {
	display: flex;
	flex-direction: row;
  	align-items: center;
}

.mflh-title {
	font-size: 1.25em;
}

.mflh-icon {
	font-size: 2em;
	margin-right: 10px;
}

.mflh-date {
	margin-left: auto;
	text-align: right;
}

.mf-frame {
	margin-bottom: 10px;
	padding: 30px 15px;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 10px;
	background-color: #FCFBEA;
}

.mf-frame-live {
	padding: 20px 15px 30px 15px !important;
	border-radius: 0px 0px 10px 10px !important;
	border-top: 0px !important;
}

.mf-frame label {
	font-weight: normal !important;
}

.mf-fg-spacer .form-group > div {
	margin-bottom: 10px !important;
}

.mf-fg-spacer .form-group > div:last-of-type {
	margin-bottom: 0px !important;
}

.mf-label-spacer .checkbox > label, .mf-label-spacer .radio > label {
	margin-bottom: 5px !important;
}

.mf-radio-only-fix > div > div > div:first-of-type {
	margin-top: 5px !important;
}

.mf-radio-only-fix > div > div > div:last-of-type {
	margin-bottom: 0px !important;
}

.mf-reg {
	margin-top: 20px;
	text-align: center;
}

.mf-reg .checkbox {
	margin-top: 5px !important;
	margin-bottom: 2px !important;
}

.mf-reg label {
	padding-left: 4px !important;
	font-weight: bold !important;
}

.mf-reg input[type="checkbox"] {
    margin-top: 4px !important;
}

.mf-reg-price {
	font-weight: bold;
	display: block;
}

.fg-buttons > div {
	padding: 15px 15px 5px !important;
}

.fg-spacer {
	width: 10px !important;
	display: inline-block !important;
}

.form-inline-spacer {
	margin-bottom: 10px !important;
}

.input-extend {
	width: 100% !important;
}

.select-fix > .form-control {
	width: auto !important;
}



.main-panel {
	margin: 30px auto;
	padding: 30px;
	width: 80%;
	border-radius: 10px;
	-webkit-box-shadow: 0px 2px 8px rgba(23,47,95,0.30);
	box-shadow: 0px 2px 8px rgba(23,47,95,0.30);
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(240,244,250,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(240,244,250,1.00) 100%);
	position: relative;
}

.header-group {
	margin: 0px 0px 20px;
	padding-bottom: 5px;
	border-bottom: 5px solid #EC6E00 !important;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.main-panel h2 {
	margin: 0px !important;
}

.main-panel img {
	margin: 0px 0px 20px 20px;
	width: auto;
	max-height: 200px;
}

.location-info {
	font-size: 17px;
}

.location-info span {
	margin-right: 5px;
	color: #36c;
}

.vi-h-fix {
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
}



.office-panel {
	padding: 15px !important;
}

.office-panel .main-panel {
	margin: 0px !important;
	width: auto !important;
}



.venue-panel {
	padding: 15px !important;
}

.venue-panel .main-panel {
	margin: 0px !important;
	width: auto !important;
}



.main-table {
	width: 100%;
	display: table;
}

.main-table > div {
	display: table-row;
}

.main-table > div > div {
	padding: 4px 8px 5px;
	font-size: .85em;
	display: table-cell;
}



.row-header > div {
	font-size: 1.15em !important;
	font-weight: 600;
	border-bottom: 1px solid #36c
}

.row-sub:nth-child(odd) {
	background-color: rgba(51,102,204,0.10);
}

.row-sub-padding {
	padding: 4px 8px;
}



.venue-panel .main-table > div div:nth-child(1) {
	width: 25%;
	border-right: 1px solid #36c;
	font-weight: 600;
}

.venue-panel .main-table > div div:nth-child(2) {
	padding-left: 15px;
	width: 75%;
}



.ba-panel .main-table > div div:nth-child(1) {
	width: 30%;
}

.ba-panel .main-table > div div:nth-child(2) {
	width: 40%;
}

.ba-panel .main-table > div div:nth-child(3) {
	width: 30%;
}



.order-history-panel .header-group {
	margin: 0px !important;
	padding: 4px 8px 5px !important;
	border-bottom: 1px solid #36c !important;
}

.order-history-panel .main-table > div > div:nth-child(1) {
	width: 70%;
}

.order-history-panel .main-table > div > div:nth-child(2) {
	width: 30%;
}

.ohp-number {
	font-size: 1.25em;
	font-weight: bold;
}

.ohp-item-header {
	padding-bottom: 4px;
	font-weight: bold;
}

.ohp-items {
	padding: 4px 8px 5px;
}

.ohp-items:nth-child(odd) {
	background-color: rgba(51,102,204,0.10);
}

.ohp-item-main, .ohp-resend {
	padding: 10px !important;
	vertical-align: top;
}

.ohp-resend {
	border-left: 1px solid #36c;
}

.ohp-resend .form-group {
	margin-bottom: 0px;
}

.ohp-lastbutton {
	margin-top: 40px !important;
}



.faq-panel {
	margin: 0px auto 40px !important;
	width: 80%;
}

.faq-panel h2 {
	margin: 50px 0px 0px !important;
	padding-top: 50px !important;
	text-align: left;
}

.faq-panel h2 > div {
	margin-left: 20px;
	font-size: 14px;
	font-weight: normal;
	display: inline !important;
}

.faq-panel h2 > div > span {
	margin-left: 2px;
}

.faq-qa-group {
	margin: 40px auto 40px !important;
	width: 90%;
}

.faq-q {
	padding: 0px 0px 5px;
	border-bottom: 5px solid #36c !important;
	font-size: 16px !important;
	font-weight: bold;
}

.faq-a {
	padding: 20px;
	background-color: rgba(240,244,250,1.00);
}

.faq-a p {
	margin: 0px 0px 10px !important;
}

.faq-a p:last-of-type {
	margin: 0px 0px 0px !important;
}

.faq-list {
	padding: 0px 0px 60px !important;
}

.faq-list li:before {
    content: "\e094" !important;
}



.answer-image img {
	margin: 10px;
	width: auto;
	max-height: 200px;
}



.test-panel {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px 0px;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 10px;
	display: inline-block;
}

.test-panel table {
	margin: 5px 15px 10px;
}

.test-panel th {
	padding: 10px;
	font-size: 0.85em;
	text-align: center;
}

.test-panel label {
	font-weight: normal !important;
}

.test-panel td {
	padding: 10px 20px;
	vertical-align: middle;
}

.test-panel .alt-link {
	font-size: 0.75em !important;
}

.test-legend {
	margin: 0px auto 20px;
}

.test-legend p {
	margin: 0px auto 20px;
	text-align: center;
}

.test-legend div {
	margin: 0px auto;
	width: 175px;
	font-weight:bold;
	text-align: left;
}

.tp-note {
	margin: 0px auto 40px !important;
	width: 60%;
}



.all-cert-panel .main-panel {
	padding: 15px !important;
}

.all-cert-panel .main-panel {
	display: flex;
  	justify-content: center;
  	align-items: center;
}

.acp-cell {
	padding: 10px;
	text-align: center;
}

.acp-cell h5 {
	margin: 0px !important;
	width: 100% !important;
}



.cert-search-panel .main-table > div div:nth-child(1) {
	width: 50%;
}

.cert-search-panel .main-table > div div:nth-child(2) {
	width: 20%;
}

.cert-search-panel .main-table > div div:nth-child(3) {
	width: auto;
}

.cert-search-panel .main-table > div div:nth-child(4) {
	width: auto;
}

.cert-search-panel .alt-link {
	margin: 3px 0px;
	width: 100%;
}



.fp-header {
	padding-bottom: 4px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #36c;
}

.fp-sub {
	padding: 4px 8px 5px;
}



.reg-panel .header-group {
	margin: 0px !important;
	padding: 4px 8px 5px !important;
	border-bottom: 1px solid #36c !important;
}

.reg-panel .sub-group {
	width: 100%;
	display: flex;
	flex-direction: row;
}

.reg-panel .sub-group > div {
	padding: 10px 10px 0px;
	font-size: .85em;
}

.reg-panel .sub-group > div:nth-child(1) {
	width: 50%;
}

.reg-panel .sub-group > div:nth-child(2) {
	width: 50%;
}

.reg-venue {
	font-size: 1.15em;
	font-weight: bold;
}

.reg-date {
	font-size: 1.15em;
}

.reg-venue-loc {
	font-size: 0.85em;
}

.reg-faculty-title {
	padding-bottom: 4px;
	font-weight: bold;
}

.reg-faculty-names {
	padding: 4px 8px 5px;
}

.reg-faculty-names > div {
	padding-bottom: 4px;
}

.reg-faculty-names > div:last-of-type {
	padding-bottom: 0px;
}

.reg-schedule-padding {
	padding-top: 10px;
}

.reg-sale {
	font-size: 1.25em;
	margin: 0px 10px !important;
}



.cec-panel > div > div, .cec-hsc-panel > div > div {
	padding-left: 0px !important;
	padding-right: 0px !important;  
}
	
.cec-panel-disclaimer {
	margin: 0px auto 40px;
	width: 70%;
	font-size: 0.75em;
}

.cec-panel-disclaimer > div {
	margin-bottom: 10px;
	text-indent: -10px;
}



.cec-icons > div > div {
	padding: 30px;
	margin: 0px auto !important;
	display: flex !important;
	justify-content: center;
  	align-items: center;
}

.cec-icons > div > div:last-of-type {
	padding: 0px !important;
	margin: 0px !important;
	width: 100% !important;
}



.webinar-panel .main-form {
	padding-bottom: 5px !important;
}

.webinar-panel .mf-frame {
	margin-bottom: 20px !important;
}

.webinar-img {
	padding: 40px;
}

.webinar-choices {
	margin: 30px 0px;
}

.wc-price, .wc-credits {
	margin-top: 10px;
}

.wc-header input[type="checkbox"] {
	margin: 0px 15px 0px 0px !important;	
}

.wc-header label {
	margin: 0px !important;
	font-size: 1.15em;
}

.wc-icon {
	padding: 4px 15px;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
}

.wc-desc {
	margin-bottom: 15px;
	font-size: 0.85em;
}

.wc-video-btn {
	margin-left: 20px;
	margin-bottom: 15px;
}

.wc-faculty {
	margin-top: 5px;
	font-size: 0.85em;
}

.wc-faculty div {
	margin-right: 5px;
	font-weight: bold;
	font-style: italic;
	display: inline-block;
}

.wc-price {
	font-weight: bold;
}

.wc-credits-label, .wc-credits-num {
	margin: 4px 8px 4px 0px;	
	display: inline-block !important;
}

.wc-credits-label {
	padding: 2px 0px;
	font-weight: bold;
	font-size: 0.85em;
}

.wc-credits-num {
	padding: 2px 8px;
	font-size: 0.85em;
	border-radius: 4px;
	background-color: rgba(0,0,0,0.06);
}

.wc-reviews {
	margin: 15px 0px 0px;
	font-size: 0.85em;
}

.wc-reviews .alt-link {
	padding: 10px !important;
	width: 150px !important;
}

.wc-reviews .alt-link span {
	margin-right: 5px;
}

.wc-reviews-info {
	padding: 20px;
	margin: 5px 0px 0px;
	border-top: 5px solid #36c !important;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.wc-comments {
	padding: 20px;
}

.wc-comments:nth-child(even) {
	background-color: rgba(51,102,204,0.10);
}

.wc-c-name, .wc-c-certified {
	margin-bottom: 2px;
}

.wc-c-name span {
	text-transform: uppercase;
}

.wc-c-comments {
	font-style: italic;
	margin-top: 10px;
}



.hsc-panel .main-form {
	padding-bottom: 5px !important;
}

.hsc-panel .mf-frame {
	margin-bottom: 20px !important;
}

.hsc-header, .hsc-icons, .hsc-credits, .specials-header, .wc-header {
	margin-bottom: 10px;
}

.hsc-header, .specials-header, .wc-header {
	font-size: 1.15em;
	display: flex !important;
	flex-direction: row;
  	align-items: center;
}

.hsc-header-title, .specials-header-title, .wc-header-title {
	margin-right: 15px;
	font-weight: bold;
}

.hsc-header-num, .wc-header-num {
	margin-right: 15px;
	white-space: nowrap;
}

.hsc-icon {
	padding: 4px 15px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #000000;
	white-space: nowrap;
	
}

.hsc-icons img {
	margin-right: 10px;
}

.hsc-info-image, .hsc-add, .wc-info-image {
	display: flex !important;
}

.hsc-image img, .wc-image img {
	margin-left: 20px;
	margin-bottom: 15px;
}

.hsc-specs {
	font-size: 0.85em;
}

.hsc-add {
	margin: 15px 0px 0px;
}

.hsc-add-price {
	margin: 10px 0px;
}
	
.hsc-add-includes {
	margin: 5px 10px 10px;
	font-size: 0.85em;
	text-align: center;
}

.hsc-add-includes > div {
	margin: 5px 0px 0px;
	padding: 4px;
	font-weight: bold;
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.hsc-add-includes > div > span {
	margin-right: 6px;
	color: red;
	font-size: 1.75em;
	font-weight: normal;
}

.hsc-offer {
	margin: 10px 0px 0px;
}



.specials-main {

}

.specials-panel .main-form {
	padding: 0px;
}

.specials-panel .mf-frame {
	margin-bottom: 20px;
}

.specials-image img {
    margin: 0px 0px 0px 30px;
    width: auto;
    max-height: 200px;
}

.specials-price-icon {
	margin: 20px 0px 10px;
	display: flex !important;
	flex-direction: row;
  	align-items: center;
}

.specials-price {
	margin-right: 5px;
	font-weight: bold;
}

.specials-icon {
	padding: 4px 15px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #096;
	white-space: nowrap;
}

.specials-oos-icon {
	padding: 4px 15px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #000;
	white-space: nowrap;
}



.bdrills-images {
	margin: 20px 0px;
	text-align: center;
	display: flex !important;
	flex-direction: row;
	justify-content: center;
  	align-items: center;
}

.bdrills-images img {
	margin: 10px;
	width: 225px;
}

.bdrills-info-icons {
	display: flex !important;
}

.bdrills-info {
}

.bdrills-icons {
	margin-left: 20px;
}

.bdrills-icon {
	margin-bottom: 10px;
	padding: 4px 15px;
	min-width: 200px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;	
}

.bdrills-sample {
	margin-top: 10px;
	font-size: 0.85em;
}



.cart-panel .main-panel {
	margin: 30px auto 10px;
	width: 90% !important;
}

.cart-panel .alt-link {
	font-size: 0.85em !important;
}

.cart-panel label {
	margin-right: 5px;
	font-weight: normal !important;
}

.cart-table, .cart-totals {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.cart-table > div, .cart-totals > div {
	display: flex;
	flex-direction: row;
}

.cart-table > div:last-of-type {
	border-bottom: 1px solid #36c;
}

.cart-table > div > div, .cart-totals > div > div {
	padding: 8px 10px 8px;
	font-size: .85em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cart-table > div > div p, .cart-totals > div > div p {
	margin-bottom: 5px;
	font-size: inherit !important;
}

.cart-table > div > div input, .cart-totals > div > div input {
	margin-right: 5px;
}

.cart-table > div > div p:last-of-type, .cart-totals > div > div p:last-of-type {
	margin-bottom: 0px;
}

.cart-table > div > div:nth-child(1), .cart-totals > div > div:nth-child(1) {
	width: 52%;
	text-align: left;
}

.cart-table > div > div:nth-child(2), .cart-totals > div > div:nth-child(2) {
	width: 22%;
	text-align: center;
}

.cart-table > div > div:nth-child(3), .cart-totals > div > div:nth-child(3) {
	width: 12%;
	text-align: right;
}

.cart-table > div > div:nth-child(4), .cart-totals > div > div:nth-child(4) {
	width: 14%;
	text-align: center;
}

.cart-totals > div > div:nth-child(2) p {
	text-align: right;
}

.cart-totals > div > div:nth-child(3) p {
	text-align: right;
}

.checkout-table > div > div:nth-child(1), .checkout-totals > div > div:nth-child(1) {
	width: 74% !important;
}

.cart-itemname {
	font-size: 1.15em;
	font-weight: bold;
}

.cart-attendee-header {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}

.cart-qty p {
	text-align: center;
}

.cart-price p {
	text-align: right;
}



.checkout-bi-si {
	margin: 40px auto;
	width: 60%;
}

.checkout-bi-header, .checkout-si-header {
	padding-bottom: 5px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.checkout-bi-header > div:nth-child(1), .checkout-si-header > div:nth-child(1) {
	font-weight: bold;
}

.checkout-bi-header > div > span, .checkout-si-header > div > span {
	margin-left: 6px;
	color: #EC6E00;
}

.checkout-bi-info, .checkout-si-info {
	padding: 20px;
	border-top: 5px solid #36c !important;
	background-color: rgba(240,244,250,1.00);
	display:flex;
	flex-direction:column;
}

.checkout-policies {
	padding: 0px 10px 10px;
	text-align: left;
}

.checkout-policies > div {
	padding: 10px 20px 10px !important;
}

.checkout-extra-info {
	padding: 10px;
	margin: 0px auto 10px;
	width: 80%;
	text-align: center;
	border: 2px solid #FF0000;
}

.checkout-extra-info .cei-heading {
	margin-bottom: 0.25em;
	font-size: 1.5em;
	font-weight: 800;
	color: #ff0000;
}



.radio-shippref {
	margin: 0px 30px 0px 0px !important;
	vertical-align: top !important;
}



.navbar-toggle,
.navbar-toggle:focus
.navbar-toggle:hover {
	padding: 10px !important;
	margin: 8px !important;
	border: 0px solid transparent !important;
	border-radius: 5px !important;
	background-color: transparent !important;
}

.navbar-toggle-change {
	background-color: #EC6E00 !important;
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.25) !important;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.25) !important;
}

.navbar-toggle .icon-bar,
.navbar-toggle:focus .icon-bar,
.navbar-toggle:hover .icon-bar {
	width: 25px !important;
	height: 4px !important;
	border-radius: 2px !important;
	background-color: #BFCFEE !important;
	-webkit-box-shadow: 1px 1px 2px #000000 !important;
	box-shadow: 1px 1px 2px #000000 !important;
}

.navbar-toggle-ibc {
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,1.00) 100%);
}

.navbar-toggle .icon-bar + .icon-bar {
 	 margin-top: 6px !important;
}



.navbar-header-group {
	height: 90px;
	display: flex;
}

.main-logo {
	margin: 10px;
}

.main-logo img {
	height: 70px;
}

.main-logo img:hover {
	-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.65);
	box-shadow: 0px 0px 20px rgba(255,255,255,0.65);
}

.social-links {
	margin: 10px 30px;
	box-sizing: border-box;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.30) 0%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,0.30) 0%,rgba(255,255,255,0.00) 100%);
}

.social-links a {
	margin: 0px 10px;
	color: #BFCFEE !important;
	font-size: 28px !important;
	text-shadow: 1px 1px 2px #000000;
	line-height: 35px !important;
}

.social-links a:hover,
.social-links a:focus {
	color: #FFFFFF !important;
}

.sl-heading {
	margin: 5px 20px 0px;
	color: #FFFFFF;
	text-align: center;
	line-height: 25px !important;
	vertical-align: middle !important;
}

.sl-icons {
	margin: 0px 20px 5px;
	text-align: center;
}

.extra-links {
	width: 100%;
	margin: 10px 0px;
	padding: 0px 10px; 
	border-right: 1px solid #BFCFEE;
	box-sizing: border-box;
	display: none !important;
	justify-content: center;
  	align-items: center;
}

.extra-links a {
	margin: 7px 10px 0px;
	color: #BFCFEE !important;
	font-size: 28px !important;
	text-shadow: 1px 1px 2px #000000;
	line-height: 35px !important;
}

.extra-links a:hover,
.extra-links a:focus {
	color: #FFFFFF !important;
}

.el-icons {
	margin: 0px;
	text-align: center;
	display: flex;
}



.top-nav {
	margin: 0px !important;
	border: 0px !important;
	border-radius: 0px !important;
	background-color: #36c !important;
	-webkit-box-shadow: 0px 4px 10px rgba(23,47,95,0.40);
	box-shadow: 0px 4px 10px rgba(23,47,95,0.40);
	position: relative;
	z-index: 40;
}

#help-navbar {
	border: 0px !important;
}

.hnb-main > li, .mb-main-xs > li {
	margin: 0px !important;
}

.hnb-main > li > a, .mb-main-xs > li > a {
	height: 90px;
	padding: 15px !important;
	color: #BFCFEE !important;
	font-family: 'PT Sans Narrow', sans-serif !important;
	font-size: 16px !important;
	font-weight: bold;
	line-height: 24px !important;
	text-shadow: 1px 1px 2px #000000;
	letter-spacing: 1.5px;
	background-color: transparent !important;
	display: flex !important;
  	justify-content: center;
  	align-items: center;
}

.hnb-main > li > a:hover,
.hnb-main > .open > a,
.hnb-main > .open > a:hover,
.hnb-main > .open > a:focus {
	color: #FFFFFF !important;
	background-color: transparent !important;
}

.hnb-sub {
	color: #000000 !important;
	border-top: 5px solid #EC6E00 !important;
	border-left: 0px !important;
	border-right: 0px !important;
	border-bottom: 0px !important;
	border-radius: 0px !important;
	top: 75% !important;
	padding: 10px 0px 5px !important;
}

.hnb-sub > li > a:hover,
.hnb-sub > li > a:focus {
	color: #000000 !important;
	background-color: #E6EBF7 !important;
}

.menu-bar {
	padding: 0px !important;
}

.menu-bar-holder {
	margin: 0px !important;
	border: 0px !important;
	border-radius: 0px !important;
	background-color: #FFFFFF;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,1.00) 58.03%,rgba(255,228,207,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,1.00) 58.03%,rgba(255,228,207,1.00) 100%);
	-webkit-box-shadow: 0px 4px 20px rgba(23,47,95,0.30);
	box-shadow: 0px 4px 20px rgba(23,47,95,0.30);
	position: relative;
	z-index: 30;
}

.mb-main {
	margin: 0px !important;
}

.mb-main > li > a,
.mb-main > li > a:active,
.mb-main > li > a:focus {
	padding: 25px 15px !important;
	font-family: 'Oswald', sans-serif !important;
	font-size: 16px !important;
	color: #000000 !important;
	background-color: transparent !important;
	border-radius: 0px !important;
	letter-spacing: 1px;
}

.mb-main > li > a:hover,
.mb-main > .open > a,
.mb-main > .open > a:hover,
.mb-main > .open > a:focus {
	color: #FFFFFF !important;
	background-color: #EC6E00 !important;
	text-shadow: 1px 1px 2px #000000;
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.25);
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.25);
}

.mb-sub {
	color: #000000 !important;
	border-top: 5px solid #36C !important;
	border-left: 0px !important;
	border-right: 0px !important;
	border-bottom: 0px !important;
	border-radius: 0px !important;
	top: 75% !important;
	padding: 10px 0px 5px !important;
}

.mb-sub > li > a:hover,
.mb-sub > li > a:focus {
	color: #000000 !important;
	background-color: #E6EBF7 !important;
}



#carousel1 {
	-webkit-box-shadow: 0px 4px 20px rgba(23,47,95,0.30);
	box-shadow: 0px 4px 20px rgba(23,47,95,0.30);
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block !important;
	width: 100% !important;
    line-height: 1 !important;
    margin: 0 auto !important;
    max-width: 100% !important;
}

.carousel-indicators {
	bottom: 0px !important;
	transform: translateX(-50%);
	width: auto !important;
	padding: 8px 10px !important;
	margin: 0px 0px 10px !important;
	line-height: 0px !important;
	border-radius: 20px !important;
	background-color: rgba(51,102,204,0.40) !important;
	display: inline !important;
}

.carousel-indicators li {
	border: 2px solid #fff !important;
}

.carousel-control {
	text-shadow: none !important;
	opacity: .3 !important;
}

.carousel-control:hover,
.carousel-control:focus {
	color: #fff !important;
	opacity: .8 !important;
	text-shadow: 0px 0px 20px rgba(23,47,95,0.40) !important;
}

.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(51,102,204, .5) 0%, rgba(51,102,204, .0001) 100%) !important;
	background-image:      -o-linear-gradient(left, rgba(51,102,204, .5) 0%, rgba(51,102,204, .0001) 100%) !important;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(51,102,204, .5)), to(rgba(51,102,204, .0001))) !important;
	background-image:         linear-gradient(to right, rgba(51,102,204, .5) 0%, rgba(51,102,204, .0001) 100%) !important;
}
.carousel-control.right {
	background-image: -webkit-linear-gradient(left, rgba(51,102,204, .0001) 0%, rgba(51,102,204, .5) 100%) !important;
	background-image:      -o-linear-gradient(left, rgba(51,102,204, .0001) 0%, rgba(51,102,204, .5) 100%) !important;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(51,102,204, .0001)), to(rgba(51,102,204, .5))) !important;
	background-image:         linear-gradient(to right, rgba(51,102,204, .0001) 0%, rgba(51,102,204, .5) 100%) !important;
}

.slide-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
}

.slide-image-holder {
	width: 65%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.slide-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.slide-info {
	width: 35%;
	height: 100%;
	padding: 0px 30px 0px;
	text-align: center;
	position: absolute;
	top: 0px;
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.slide-info h3 {
	color: #36c;
	font-family: 'Oswald', sans-serif !important;
	font-size: 30px;
	letter-spacing: 1px;
	margin: 0px 0px 15px !important;
}

.slide-info p {
	color: #000000;
	font-size: 16px;
	margin: 0px !important;
}

.si-place-01 {
	right: 10%;
}

.si-place-02 {
	left: 10%;
}

.si-place-03 {
	right: 10%;
}

.si-place-04 {
	left: 10%;
}

.si-place-05 {
	right: 10%;
}

.si-place-06 {
	right: 10%;
}

.si-place-07 {
	left: 10%;
}

.si-place-08 {
	right: 10%;
}

.si-place-09 {
	left: 10%;
}

.si-place-10 {
	left: 10%;
}

.si-place-11 {
	right: 10%;
}

.hpinfo {
	padding: 0px !important;
	position: relative;
	display: flex;
}

.hpinfo-bar-img {
	background-image: none;
	background-position: 25% 100%;
	background-size: auto 500px;
	background-repeat: no-repeat;
}

.hpi-image-block {
	width: 50%;
	position: relative;
	display: flex;
	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}

.hpi-image-block img {
	bottom: 0px;
	right: -50px;
	position: absolute;
}

.hpi-text-block {
	width: 50%;
	margin: 60px 30px 60px auto;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}

.hpi-heading {
	color: #FFFFFF;
	font-family: 'Oswald', sans-serif !important;
	font-size: 26px;
	letter-spacing: 1px;
	text-align: center;
	margin: 0px !important;
}

.hpi-subheading {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0px !important;
}

.hpi-img-block {
	position: absolute;
	left: -100px;
	bottom: 0px;
}

.hpi-img-block img {
	width: auto !important;
	height: 500px !important;
}



.hpextras {
	padding: 80px 0px 80px !important;
	margin: 0px auto 0px !important;
}

.hpextras-bar-img {
	margin: 0px !important;
	border: 0px !important;
	padding: 0px !important;
	border-radius: 0px !important;
	overflow-y: hidden;
	background-image: url(../images/tabs-bkg3.jpg);
	background-position: 50% 76%;
	background-size: cover;
	background-repeat: no-repeat;
}

.hpextras .nav-content {
	width: 32% !important;
	float: left !important; 
}

.hpextras .nav-tabs {
	margin: 30px 0px 0px 10px !important;
	border: none !important;
	left: 10px;
}

.hpextras .nav-tabs li {
	margin: 0px !important;
	float: none !important;
}

.hpextras .nav-tabs li a,
.hpextras .nav-tabs li a:focus {
	height: 70px !important;
	padding: 5px 10px !important;
	margin: 0px !important;
	color: #000000 !important;
	font-family: 'Oswald', sans-serif !important;
	font-size: 16px !important;
	letter-spacing: 1px !important;
	text-align: center;
	border-left: 5px solid transparent !important;
	border-top: none !important;
	border-bottom: none !important;
	border-right: none !important;
	border-radius: 0px !important;
	background-color: transparent !important;
	cursor: pointer !important;
	text-shadow: 0px 0px 40px rgba(255,255,255,1.00);
	display: flex;
  	justify-content: center;
  	align-items: center;
}

.hpextras .nav-tabs li.active {
	-webkit-box-shadow: 0px 4px 20px rgba(23,47,95,0.30);
	box-shadow: 0px 4px 20px rgba(23,47,95,0.30);
}

.hpextras .nav-tabs li.active a {
	border-left: 5px solid #EC6E00 !important;
	background-color: #FFFFFF !important;
}

.hpextras .nav-tabs li.active::after {
	width: 0px;
	height: 0px;
	content:"";
	border-top: 35px solid transparent;
	border-bottom: 35px solid transparent;
  	border-left: 35px solid white;
	position: absolute;
	top: 0px;
	right: -35px;
	display:block;
	z-index: 10;
}

.hpextras .tab-content {
	width: 68% !important;
	float: left !important;
}

.hpextras .tab-pane {
	margin: 0px 10px 0px 0px !important;
	background-repeat: no-repeat;
	background-size: cover;
	border: 5px solid #FFFFFF;
	-webkit-box-shadow: 0px 2px 20px rgba(23,47,95,0.30);
	box-shadow: 0px 2px 20px rgba(23,47,95,0.30);
}

.hpextras #panel01 {
	background-image: url(../images/panel-bkg-05.jpg);
	background-position: 50% 50%;
}

.hpextras #panel02 {
	background-image: url(../images/panel-bkg-03.jpg);
	background-position: 50% 55%;
}

.hpextras #panel03 {
	background-image: url(../images/panel-bkg-06.jpg);
	background-position: 65% 0%;
}

.hpextras #panel04 {
	background-image: url(../images/panel-bkg-02.jpg);
	background-position: 35% 35%;
}

.hpe-info {
	width: 50% !important;
	height: 400px !important;
	padding: 60px;
	color: #FFFFFF;
	text-shadow: 1px 1px 2px #000000;
	background-color: rgba(33,66,133,0.65);
}

.hpe-info h3 {
	font-size: 20px !important;
	font-weight: bold;
	text-align: center;
}

.hpe-button,
.hpe-button:focus {
	margin: 20px 0px 0px !important;
	background-color: transparent !important;
}

.hpe-button:hover {
	background-color: #EC6E00 !important;
}

.hpe-button:before {
    content: "\e250";
    font-family: 'Glyphicons Halflings';
	font-size: .5em;
	position: relative;
	top: -4px;
	right: 5px;
}


.hpfeature {
	margin: 30px 0px 30px;
}

.hpf-block {
	padding: 15px;
}

.hpf-block > div {
	padding: 5px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,1.00) 62.69%,rgba(255,238,225,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,255,255,1.00) 62.69%,rgba(255,238,225,1.00) 100%);
	-webkit-box-shadow: 0px 2px 20px rgba(23,47,95,0.30);
	box-shadow: 0px 2px 20px rgba(23,47,95,0.30);
}

.hpf-block-img {
	margin: 0px 0px 10px !important;
	width: 100%;
	height: 180px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

.hbf-block-img-bkg01-spring {
	background-image: url(../images/hb-os-spring.jpg);
}

.hbf-block-img-bkg01-summer {
	background-image: url(../images/hb-os-summer.jpg);
}

.hbf-block-img-bkg01-fall {
	background-image: url(../images/hb-os-fall.jpg);
}

.hbf-block-img-bkg01-winter {
	background-image: url(../images/hb-os-winter.jpg);
}

.hpf-block-img-bkg02 {
	background-image: url(../images/hb-scs.jpg);
}

.hpf-block-img-bkg03 {
	background-image: url(../images/hb-sfp-2022.jpg);
}

.hpf-block-img-bkg04 {
	background-image: url(../images/hb-pmp.jpg);
}

.hpf-block-img-bkg05 {
	background-image: url(../images/bb01.jpg);
}

.hpf-block-img-bkg06 {
	background-image: url(../images/pbt01.jpg);
}

.hpf-block-img-bkg07 {
	background-image: url(../images/hb-wod.jpg);
}

.hpf-block-img-bkg08 {
	background-image: url(../images/fas01.jpg);
}

.hpf-h-all {
	height: 160px;
	padding: 10px 15px;
	display: flex;
	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}

.hpf-h1 {
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #3366cc !important;
	text-align: center;
}

.hpf-h2 {
	margin: 5px 0px 0px;
	font-size: 14px;
	color: #000000 !important;
	text-align: center;
}

.hpf-button {
	padding: 10px;
}



.footer-bar {
}

.footer-info {
	padding: 30px 0px 60px;
	color: #FFFFFF;
	text-align: center;
}

.footer-info a,
.footer-info a:visited {
	color: #FFFFFF !important;
	text-decoration: none !important;
}

.footer-info a:hover,
.footer-info a:focus {
	text-decoration: underline !important;
}

.popup-header {
	width: 100%;
	background-color: #36c;
}

.popup-main {
	margin-bottom: 20px;
	width: 100%;
}

.popup-logo {
	margin: 20px;
}

.vp-table, .sp-table {
	margin: 20px;
	width: 90%;
	font-size: 12px;
}

.vp-table td {
	padding: 5px;
}

.sp-table {
	border: 1px solid #36c;
}

.sp-table-header td {
	width: 50%;
	font-weight: bold;
	text-align: center;
}

.sp-table-info td {
	width: 50%;
	text-align: center;
}

.sp-table-noinfo td {
	width: inherit;
	text-align: center;
}

.sp-table td {
	padding: 5px;
	border: 1px solid #36c;
}

.sp-title {
	margin-top: 20px;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}

.new-icon {
	margin-left: 5px;
	padding: 2px 8px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #c00;
	display: inline-block;
}

.sale-icon {
	margin-left: 5px;
	padding: 2px 8px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #c00;
	display: inline-block;
}

.series-icon {
	margin-left: 5px;
	padding: 2px 8px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: green;
	display: inline-block;
}

.category-icon {
	margin-left: 5px;
	padding: 2px 8px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #000;
	display: inline-block;
}



.mao-icon {
	padding: 2px 8px;
	color: #FFFFFF;
	font-size: 0.85em;
	font-weight: normal;
	background-color: green;
	display: inline-block;
}



.mao-title {
	margin-bottom: 10px;
	font-size: 1.15em;
	font-weight: bold;
}

.mao-price {
	margin-bottom: 10px;
}



.product-header-bar {
	display: flex;
	justify-content:space-between;
	align-items: center;
}

.product-header-bar h1 {
	margin: 0px !important;
}

.product-header-bar > div:first-of-type {
    text-align: left;
}

.product-header-bar > div:last-of-type {
    text-align: right;
}

.phb-left-fv, .phb-right-fv {
	order: 0;
}

.phb-center {
	padding: 0 15px;
	width: 430px;
}

.product-group {
	margin: 20px auto;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}

.product-item {
	margin: 20px;
	padding: 20px !important;
	width: 350px;
	box-sizing: border-box;
}

.product-image {
	position: relative;
}

.product-image .icon-bar {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.product-image .new-icon, .product-image .sale-icon, .product-image .series-icon, .product-image .category-icon {
	margin: 0px;
	font-size: 1.25em;
}

.product-image img {
	margin: 0px;
	width: 100%;
	height: 200px;
	border-radius: 10px 10px 0px 0px;
	object-fit: cover;
	object-position: top center;
}

.product-image .img-center {
	object-position: center center !important;
}

.product-image .img-vertical {
	object-fit:contain !important;
	object-position: center center !important;
	background-color: rgba(0,0,0,0.06);
    -webkit-box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
    box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
}

.product-image .img-inset {
    padding: 10px !important;
    object-fit: contain !important;
    object-position: center center !important;
    background-color: rgba(0,0,0,0.06);
    -webkit-box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
    box-shadow: inset 1px 1px 6px rgba(0,0,0,0.2);
}

.product-header-title {
	margin-top: 10px;
	height: 2.8em;
	font-size: 1.15em;
    line-height: 1.4;
	font-weight: bold;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.product-info {
	margin-top: 5px;
	font-size: 1.15em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-buttons {
	margin-top: 10px;
}

.product-buttons table {
	width: 100%;
}

.product-buttons td:last-child {
	text-align: right
}

.product-pagination {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.product-category-select {
	margin: 10px 0px 0px !important;
	font-size: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.pcs-text {
	margin-right: 5px;
	margin-bottom: 3px;
}

.product-display-select, .product-sort-select {
	margin: 10px 0px 0px !important;
	font-size: 12px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.pds-text, .pss-text {
	margin-right: 5px;
}

.product-list {
	min-width: 480px;
}


.line-break-fix {
    margin-right: 0px;
    display: block;
}


.sub-pics {
	padding: 0 2em 1em;
	width: 320px;
	float: right;
}


@media (min-width: 768px) {
	
	.major-fix input {
		width: 50% !important;
	}
	
	.li-inline:before {
		top: 6px;
	}
	
	.cert-inline {
		display: inline-block !important;
		margin-right: 20px !important;
	}
	
	.fg-buttons button {
		margin-right: 5px !important;
	}
	
	.schedule-panel {
		margin: 0px auto;
		width: 50%;
	}
	
	.cec-panel, .cec-hsc-panel {
		margin: 0px auto;
		width: 80%;
	}
	
	.cec-panel .row-sub {
		text-indent: 60px;  
	}

	.reg-venue-loc {
		margin-left: 30px;
	}
	
	.reg-button {
		text-align: right;
	}
	
	.webinar-img {
		width: 50%;
	}
	
	.modal-dialog {
      width: 480px !important;
    }

}



@media (max-width: 767px) {
	
	body {
		font-size: 12px !important;
	}
	
	.line-break-xs {
		display: inline-block;
	}
	
	.notes-panel .main-panel {
		width: 100% !important;
	}
	
	#cat_panel {
		width: 100%;
	}
	
	.tooltip {
		display: none !important;
	}
	
	.form-control-static {
		padding: 0px !important;
		min-height: inherit !important;
	}
	
	.section-heading {
		font-size: 26px;
	}
	
	.top-nav {
		overflow: hidden !important;
	}
	
	.event-notes-frame {
		margin: 0px auto 40px;
		width: 100%;
	}
		
	.navbar-header {
		margin-left: -30px !important;
		margin-right: -30px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		-webkit-box-shadow: 0px 4px 10px rgba(23,47,95,0.40);
		box-shadow: 0px 4px 10px rgba(23,47,95,0.40);
		position: relative;
		z-index: 3000;
	}
	
	.navbar-header-group {
		height: 60px;
	}	
	
	.main-logo img {
		height: 40px;
	}
	
	.social-links {
		margin: 10px 0px;
		padding: 0px 10px 0px 0px; 
		border-right: 1px solid #BFCFEE;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		background-image: none;
		display: flex;
		justify-content: center;
  		align-items: center;
	}
	
	.sl-icons {
		margin: 0px;
		display: flex;
	}
	
	.extra-links {
		display: flex !important;
	}
	
	.sc-count {
		padding: 0px 0px 0px 0px;
		top: -5px;
		right: -10px;
	}
	
	.pic-2up {
		width: 66%;
		display: block !important;
	}
	
	.stand-out-frame {
		width: 100%;
	}
	
	.stand-out-frame .mf-frame {
        padding: 20px 20px !important;
    }

	
	
	.page-info {
		padding: 0px 30px !important;
		margin: 30px 0px 30px;
	}
	
	.page-info h1 {
		font-size: 26px;
	}
	
	.page-info h2 {
		font-size: 16px;
	}
	
	.page-info h5 {
		margin: 0px auto 5px !important;
		font-size: 14px;
		width: 100%;
	}
	
	.page-info h6 {
		font-size: 18px;
	}
	
	.page-info p {
		color: #000000;
		font-size: 12px;
	}
	
	.pi-h-group {
		margin: 0px auto 30px !important;
		width: 100%;
	}
	
	.pi-h-group-middle {
		margin: 20px auto 20px !important;
		width: 100%;
	}
	
	.pi-p {
		margin: 0px auto 20px !important;
		width: 100%;
	}
	
	.pi-p-slim {
	margin: 0px auto 10px !important;
	width: 100%;
}
	
	
	
	.li-inline select {
		margin-top: 5px;
	}
	
	
	
	.content-info {
		margin-bottom: 30px;
	}

	
	
	.padding-list {
		padding: 10px 0px 20px !important;
	}
	
	.padding-pic {
		padding: 0px !important;
	}
	
	
	
	.ml-sm, .ml-sm:focus,
	.ml-md, .ml-md:focus,
	.ml-flex, .ml-flex:focus {
		margin: 5px auto;
		width: 100%;
	}
	
	.main-link-subtext {
        margin: 0;
        padding: 15px;
        width: 100%;
        font-size: 1em;
    }
	
	
	
	.alt-link,
	.alt-link:focus {
		width: 100%;
	}
	
	
	
	.main-form {
		padding: 0px 0px 10px;
		width: 100%;
	}
	
	.main-form h3 {
		padding: 10px 15px 5px;
	}
	
	.main-form .form-inline input {
		margin: 0px !important;
	}
	
	
	
	.mf-frame {
		padding: 20px 5px;
	}
	
	
	
	.mf-reg {
		padding: 10px 30px !important;
	}
	
	.mf-reg .checkbox {
		margin-top: 0px !important;
	}
	
	.mf-reg label {
		width: 100%;
	}
	
	.mf-reg input[type="checkbox"] {
		margin-top: 0px !important;
		margin-left: -35px !important;
	}
	
	.mf-reg-sub {
		padding: 0px !important;
	}
	
	.major-fix > .form-control {
		margin-left: 20px !important;
		width: 80% !important;
	}
	
	.fg-buttons > div {
		padding: 15px 15px 0px !important;
	}
	
	.fg-spacer {
		display: none !important;
	}
	
	.mf-exp-date .form-group {
		display: inline-block !important;
	}
	
	.mf-exp-date #exp_month, .mf-exp-date #exp_year {
		display: inline-block !important;
		width: auto !important;
		vertical-align: middle !important;
	}
	
	
	
	.main-panel {
		margin: 30px 0px 30px;
		padding: 20px;
		width: 100%;
	}
	
	.header-group {
		margin: 0px 0px 15px;
		flex-direction: column;
	}
	
	.main-panel h2 {
		font-size: 18px;
	}
	
	.bio-image {
		width: 100%;
		text-align: center;
		float: none !important;
	}
	
	.main-panel img {
		margin: 0px 0px 15px;
		width: 200px;
		height: auto;
		max-height: inherit;
	}
	
	.location-info {
		margin-top: 5px;
		font-size: 14px;
	}
	
	
	
	.office-panel {
		margin: 0px 0px 30px;
		padding: 0px !important;
		width: 100%;
	}
	
	
	
	.venue-panel {
		margin: 0px 0px 30px;
		padding: 0px !important;
		width: 100%;
	}
	


	.order-history-panel .main-table > div > div {
		width: 100% !important;
		display: block !important;
	}
	
	.ohp-item-main {
	}

	.ohp-resend {
		padding: 10px 0px 0px !important;
		border-left: none;
	}
	
	
	
	.faq-panel {
		margin: 0px auto 30px !important;
		width: 100%;
	}
	
	.faq-panel h2 {
		margin: 40px 0px 0px !important;
		padding-top: 40px !important;
	}
	
	.faq-qa-group {
		margin: 30px auto 3px !important;
		width: 100%;
	}
	
	.faq-panel h2 > div {
		margin-top: 10px;
		margin-left: 0px;
		display: block !important;
	}
	
	
	
	.answer-image {
		text-align: center;
	}
	
	.answer-image img {
		width: 200px;
		height: auto;
		max-height: inherit;
	}
	
	
	
	.test-panel table {
		margin: 5px 8px 10px;
	}
	
	.test-panel th, .test-panel td {
		padding: 4px;
	}
	
	.tp-note {
		margin: 0px auto 20px !important;
		width: 100%;
	}
	
	
	
	.all-cert-panel {
		width: 100%;
	}
	
	.all-cert-panel .main-panel {
		flex-direction: column;
	}
	
	
	
	.reg-panel .sub-group {
		flex-direction: column;
	}
	
	.reg-panel .sub-group > div {
		width: 100% !important;
		display: block;
	}
	
	.reg-venue {
		padding-bottom: 4px;
	}
	
	.reg-venue-loc {
		display: block;
	}
	
	.reg-faculty {
		padding: 10px !important;
	}

	.reg-button {
		padding: 0px 0px 0px !important;
		text-align: center;
	}
	
	.reg-schedule-padding {
		padding-top: 20px;
	}

    .reg-sale{
		font-size: 1.5em;
        margin: 0px 0px 10px !important;
    }
	
	
	
	.webinar-img {
		padding: 25px 0px;
	}

	.wc-header {
		display: flex !important;
		flex-direction: column;
		align-items: flex-start;
	}
	
	.wc-header input[type="checkbox"] {
		margin: 5px 0px 10px 0px !important;
	}
	
	.wc-icon {
		margin-top: 10px;
	}
	
	.wc-video-btn {
		margin: 10px 0px;
	}
	
	.wc-reviews-info {
		padding: 10px;
	}
	
	.wc-comments {
		padding: 15px;
	}
	
	
	
	.hsc-header {
		display: flex !important;
		flex-direction: column;
		align-items: flex-start;
	}
	
	.hsc-icon {
		margin-left: 0px;
		margin-top: 10px;
		font-size: 12px;
	}
	
	.hsc-info-image, .hsc-add, .wc-info-image {
		display: flex !important;
		flex-direction: column;
	}
	
	.hsc-image, .wc-image {
		text-align: center;
	}
	
	.hsc-image img, .wc-image img {
		margin: 10px;
	}
	
	.hsc-add > div {
		padding: 0px;
	}
	
	.hsc-add-includes {
		margin: 5px 30px 10px;
	}
	
	
	
	.specials-image {
		width: 100%;
		text-align: center;
		float: none !important;
	}
	
	.specials-image img {
		margin: 0px 0px 10px;
		width: 200px;
		height: auto;
		max-height: inherit;
	}
	
	
	
	.bdrills-images {
		margin: 10px 0px;
	}

	.bdrills-images img {
		margin: 10px 0px;
		width: 100%;
	}

	.bdrills-info-icons {
		flex-direction: column-reverse;
	}
	
	.bdrills-icons {
		margin-left: 0px;
	}
	
	.bdrills-icon {
		width: 100%;
		min-width: inherit;	
	}
	
	
	
	.cart-panel .main-panel {
		width: 100% !important;
	}

	.cart-table > div {
		flex-direction: column;
	}
	
	.cart-totals > div {
		flex-wrap: wrap;
	}
	
	.cart-table > div > div, .cart-totals > div > div {
		padding: 10px 10px 0px;
	}
	
	.cart-table > div > div:last-of-type {
		padding: 10px 10px 10px;
	}	
	
	.cart-table > div > div:nth-child(1), .cart-totals > div > div:nth-child(1) {
		width: 100%;
	}
	
	.cart-table > div > div:nth-child(2), .cart-totals > div > div:nth-child(2) {
		width: 100%;
	}
	
	.cart-table > div > div:nth-child(3), .cart-totals > div > div:nth-child(3) {
		width: 100%;
	}
	
	.cart-table > div > div:nth-child(4), .cart-totals > div > div:nth-child(4) {
		width: 100%;
	}
	
	.checkout-table > div > div:nth-child(1), .checkout-totals > div > div:nth-child(1) {
		width: 100% !important;
	}
	
	.ct-totals-titles {
		width: 60% !important;
	}
	
	.ct-totals-info {
		width: 40% !important;
	}
	
	.cart-panel .visible-xs {
		margin-right: 10px;
		display: inline-block !important;
	}
	
	.cart-panel input[type="submit"], .cart-panel input[type="button"] {
		margin: 0px !important;
	}
	
	.cart-itemname {
		font-size: 1.4em;
	}
	
	.cart-attendee-header {
		margin-bottom: 0px;
	}
	
	.cart-attendee label {
		margin-top: 5px;
	}
	
	.cart-attendee input[type="submit"], .cart-coupon input[type="submit"] {
		margin-top: 10px !important;
	}
	
	.cart-qty {
		text-align: left !important;
	}
	
	.cart-qty p, .cart-price p {
		text-align: left;
	}
	
	.cart-qty input[type="text"] {
		width: auto !important;
		display: inline-block !important;
	}
	
	.cart-qty input[type="submit"] {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		width: auto !important;
	}
	
	.cart-qty-num, .cart-price-num {
		font-size: 1.4em;
	}
	
	
	
	.checkout-bi-si {
		width: 100%;
	}
	
	.checkout-bi-si > div {
		padding: 0px !important;
	}
	
	.checkout-si-header {
		margin-top: 20px;
	}
	
	.checkout-policies {
		padding: 0px 0px 10px;
	}
	
	.checkout-extra-info {
		width: 100%;
	}



	#help-navbar {
		padding: 0px !important;
		background-color: #FFFFFF;
		overflow: hidden;
	}
	
	.hnb-main, .mb-main-xs {
		margin: 0px !important;
	}
	
	.hnb-main > li > a, .mb-main-xs > li > a {
		height: auto;
		padding: 15px 15px !important;
		color: #000000 !important;
		font-family: inherit !important;
		font-size: 14px !important;
		font-weight: bold;
		line-height: normal !important;
		text-shadow: none;
		letter-spacing: normal;
		justify-content: flex-start;
	}
	
	.hnb-main > li > a {
		color: #FFFFFF !important;
		text-shadow: 0px 0px 6px #3366CC;
	}
	
	.mb-main-xs > li > a {
		color: #000000 !important;
		text-shadow: none;
	}
	
	.hnb-main > li > a {
		background-image: -webkit-linear-gradient(180deg,rgba(191,207,238,1.00) 0%,rgba(51,102,204,1.00) 60%,rgba(51,102,204,1.00) 100%);
		background-image: linear-gradient(180deg,rgba(191,207,238,1.00) 0%,rgba(51,102,204,1.00) 60%,rgba(51,102,204,1.00) 100%);
	}
	
	.mb-main-xs > li > a {
		background-image: -webkit-linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(255,255,255,1.00) 60%, rgba(255,228,207,1.00) 100%);
		background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(255,255,255,1.00) 60%, rgba(255,228,207,1.00) 100%);
	}
	
	.hnb-main > li > a:hover,
	.hnb-main > .open > a,
	.hnb-main > .open > a:hover,
	.hnb-main > .open > a:focus {
		color: #FFFFFF !important;
	}
	
	.hnb-main > li > a > .dd-arrow,
	.mb-main-xs > li > a > .dd-arrow {
		-webkit-transition: transform 0.5s;
		transition: transform 0.5s;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	
	.hnb-main > .open > a > .dd-arrow,
	.mb-main-xs > .open > a > .dd-arrow {
		-webkit-transition: transform 0.5s;
		transition: transform 0.5s;
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	
	.hnb-sub, .mb-sub-xs {
		margin-left: -15px !important;
		margin-right: -15px !important;
		padding: 10px 15px !important;
		border: 0px !important;
		border-radius: 0px !important;
		-webkit-box-shadow: inset 0px 2px 10px rgba(23,47,95,0.50) !important;
		box-shadow: inset 0px 2px 10px rgba(23,47,95,0.50) !important;
	}
	
	.hnb-sub > li > a, .mb-sub-xs > li > a {
		color: #000000 !important;
		margin: 5px 20px !important;
		padding: 10px 12px !important;
		white-space: normal !important;
	}
	
	.hnb-sub > li > a, .mb-sub-xs > li > a,
	.hnb-sub > li > a:focus, .mb-sub-xs > li > a:focus,
	.hnb-sub > li > a:hover, .mb-sub-xs > li > a:hover {
		color: #000000 !important;
		background-color: #E6EBF7 !important;
	}
	
	.hnb-sub > li > a:active, .mb-sub-xs > li > a:active {
		color: #FFFFFF !important;
		background-image: -webkit-linear-gradient(270deg,rgba(236,110,0,1.00) 0%,rgba(236,110,0,1.00) 100%) !important;
		background-image: linear-gradient(180deg,rgba(236,110,0,1.00) 0%,rgba(236,110,0,1.00) 100%) !important;
	}
	
	
	.carousel-inner > .item > img, .carousel-inner > .item {
		height: 324px;
	}
	
	.carousel-inner > .item > img, .carousel-inner > .item > a {
		text-decoration: none;
	}

	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		height: 100% !important;
		visibility: hidden !important;
	}
	
	.carousel-control {
		margin-top: -10px !important;
		font-size: 28px !important;
	}
	
	.carousel-indicators {
		width: 100% !important;
		margin: 0px 0px 0px !important;
		border-radius: 0px !important;
	}

	.si-bkg-01-spring {
		background-image: url(../images/hb-os-spring.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.si-bkg-01-summer {
		background-image: url(../images/hb-os-summer.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.si-bkg-01-fall {
		background-image: url(../images/hb-os-fall.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.si-bkg-01-winter {
		background-image: url(../images/hb-os-winter.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.si-bkg-02 {
		background-image: url(../images/hb-lc-2022.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.si-bkg-03 {
		background-image: url(../images/hb-sfp-2022.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.si-bkg-04 {
		background-image: url(../images/hb-pmp.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.si-bkg-05 {
		background-image: url(../images/hb-hsc-2022.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.si-bkg-06 {
		background-image: url(../images/hb-ods-2018.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.si-bkg-07 {
		background-image: url(../images/hb-llp-2022.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.si-bkg-08 {
		background-image: url(../images/hb-ec-2023.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.si-bkg-09 {
		background-image: url(../images/hb-corex.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.si-bkg-10 {
		background-image: url(../images/hb-ctt.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.si-bkg-11 {
		background-image: url(../images/hb-ods-j4.jpg);
		background-position: 50% 50%;
		background-size: cover;
		background-repeat:no-repeat;
	}
	
	.slide-cover {
        display: none;
    }

    .slide-image-holder {
        width: 100%;
    }
	
	.slide-image {
        width: 100%;
        height: 100%;
		object-position: 15% 50%;
    }

	.slide-info {
		width: 100%;
		height: 50%;
		padding: 0px 20px 30px;
		background-color: rgba(255,255,255,0.75);
		top: inherit;
		bottom: 0px;
	}
	
	.slide-info h3 {
		margin: 0px 0px 6px !important;
		font-size: 26px;
		letter-spacing: 1px;
		text-shadow: 0px 0px 10px #FFFFFF;
	}
	
	.slide-info p {
		color: #000000;
		font-size: 14px;
		line-height: 18px;
		text-shadow: 0px 0px 10px #FFFFFF;
	}
	
	.si-place-01 {
		right: inherit;
	}
	
	.si-place-02 {
		left: inherit;
	}
	
	.si-place-03 {
		right: inherit;
	}
	
	.si-place-04 {
		left: inherit;
	}
	
	.si-place-05 {
		right: inherit;
	}
	
	.si-place-06 {
		right: inherit;
	}
	
	.si-place-07 {
		left: inherit;
	}
	
	.si-place-08 {
		right: inherit;
	}
	
	.si-place-09 {
		left: inherit;
	}
	
	.si-place-10 {
		left: inherit;
	}
	
	.si-place-11 {
		right: inherit;
	}
	

	.hpinfo {
		padding: 0px 30px !important;
	}

	.hpinfo-bar-img {
		background-image: url(../images/ee-pic.png);
		background-position: 50% 100%;
		background-size: auto 350px;
	}
	
	.hpi-image-block {
		display: none;
	}

	.hpi-text-block {
	 	width: 100%;
	 	margin: 30px 0px 250px;
	}
	
	.hpi-heading {
		font-size: 26px;
	}
	
	.hpi-subheading {
		font-size: 18px;
	}
	
	.hpi-img-block {
		position: relative;
		left: inherit;
		bottom: inherit;
	}

	.hpi-img-block img {
		width: 100% !important;
		height: auto !important;
	}
	
	
	
	.hpextras {
		padding: 40px 0px !important;
	}
	
	.hpextras-bar-img {
		background-position: 57% 76%;
	}
	
	.hpextras .nav-tabs {
		margin: 20px 0px 0px 5px !important;
	}

	.hpextras .nav-tabs li a,
	.hpextras .nav-tabs li a:focus {
		height: 76px !important;
		font-size: 12px !important;
	}
		
	.hpextras .nav-tabs li.active::after {
		border-top: 38px solid transparent;
		border-bottom: 38px solid transparent;
		border-left: 18px solid white;
		right: -18px;
	}
	
	.hpextras .tab-pane {
		margin: 0px 10px 0px 0px !important;
	}
	
	.hpextras #panel01 {
		background-position: 75% 60%;
	}
	
	.hpextras #panel02 {
		background-position: 95% 50%;
	}
	
	.hpextras #panel03 {
		background-position: 60% 100%;
	}
	
	.hpextras #panel04 {
		background-position: 45% 100%;
	}
	
	.hpe-info {
		width: 100% !important;
		height: 400px !important;
		padding: 10px;
		text-shadow: 1px 1px 4px #000000;
		background-color: transparent;
		background-image: -webkit-linear-gradient(270deg,rgba(33,66,133,0.00) 35%,rgba(33,66,133,0.65) 55%,rgba(33,66,133,0.65) 100%);
		background-image: linear-gradient(180deg,rgba(33,66,133,0.00) 35%,rgba(33,66,133,0.65) 55%,rgba(33,66,133,0.65) 100%);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.hpe-info h3 {
		margin: auto 30px 10px !important;
		font-size: 18px !important;
		line-height:normal !important;
	}
	
	.hpe-info p {
		margin: 0px 15px !important;
		font-size: 12px !important;
	}
	
	.hpe-button,
	.hpe-button:focus {
		margin: 15px 0px 0px !important;
	}
	
	.hpe-button:before {
		top: -3px;
	}


	
	.hpf-h-all {
		height: auto;
	}
	
	
	
	.cert-search-panel .main-table > div > div {
		vertical-align: middle;
		display: inline-block;
	}
	
	.cert-search-panel .main-table > div div:nth-child(1) {
		width: 50%;
	}

	.cert-search-panel .main-table > div div:nth-child(2) {
		width: 50%;
	}

	.cert-search-panel .main-table > div div:nth-child(3) {
		width: 50%;
	}

	.cert-search-panel .main-table > div div:nth-child(4) {
		width: 50%;
	}
	
	.cert-search-panel .row-sub {
		margin: 3px 0px;
		width: 100%;
		display: inline-block;
	}


	
	.product-header-bar {
		flex-direction: column;
    }
	
	.product-header-bar > div:first-of-type {
		margin-bottom: 20px;
		text-align: center;
    }
	
	.product-header-bar > div:last-of-type {
		margin-top: 20px;
        text-align: center;
    }
	
	.phb-left-fv {
		margin-top: 10px;
		margin-bottom: 0 !important;
		padding: 0 20px 20px;
		width: 270px !important;
		border-bottom: 1px solid #ccc;
        order: 2;
    }
	
	.phb-center {
        width: 100%;
    }
	
	.phb-right-fv {
		margin-top: 0 !important;
		padding: 20px 20px 0;
		width: 270px !important;
        order: 3;
    }
	
	.product-item {
		margin: 20px auto;
        width: 100%;
    }
	
	.product-image img {
		height: 225px;
	}
	
	.product-category-select {
		align-items: center;
    }
	
	.product-display-select, .product-sort-select {
		justify-content: center;
    }
	
	.product-list {
        min-width: inherit;
    }
	
	
	.line-break-fix {
		margin-right: 5px;
		display: inline;
	}
	
	
	.sub-pics {
		padding: 1em 1.5em 2em;
		margin: 0 auto;
        float: none;
    }
	
}