@charset "utf-8";
/* CSS Document */

/* z-indexes:                          */
/* subpage sticky navbars = 1020       */
/* BOOTSTRAP fixed-top = 1030          */
/* red contact slide-out panels = 2000 */
/* black slide-in nav panels = 2050    */
/* backToTop button = 5000             */
/* qdModal = 5050                      */
/* qdAlert = 5075                      */



/* BOOTSTRAP modification */
body { 
	/* make body bg black for slide-in nav backdrop */
	background-color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
	font-size: 1.1rem;
}


.fltrt { float: right; }
.fltlt { float: left; }
div.clear { clear: both; }

a { color: #ba0202; }
a:hover { color: #333; }

/* BOOTSTRAP modification */
a.red_button.btn.btn-sm,
a.red_button.btn,
button.red_button.btn {
	color: #fff;
	background-color: #ba0202;
	border-color: #ba0202;
}

/* BOOTSTRAP modification */
a.red_button.btn.btn-sm:hover,
a.red_button.btn:hover,
button.red_button.btn:hover {
	color: #fff;
	background-color: #ed2633;
	border-color: #ed2633;
}

/* BOOTSTRAP modification */
a.red_button.btn.btn-sm:focus, 
a.red_button.btn.btn-sm.focus,
a.red_button.btn:focus, 
a.red_button.btn.focus,
button.red_button.btn:focus {
	outline: none;
	box-shadow: none;
}

a.read_more {
	text-transform: uppercase;
	font-size: 1.0rem;
	font-weight: bold;
}

a.read_more:hover {
	text-decoration: none;
}

.indent {
	padding-left: 1.5rem;
}

.fineprint { font-size: 0.98rem; }
.bg_white { background-color: #fff; }
.bg_off_white { background-color: #f1f1f1; }
.bg_red { background-color: #ba0202; }

.photoLeft { padding: 0rem 2.0rem 1.0rem 0rem; float: left; }
.photoRight { padding: 0rem 0rem 1.0rem 2.0rem; float: right; }
.photo { padding: 1.0rem 0rem; }

/* Product photo, no carousel, best size = 400 x 400 px */
.mainProductPhoto { padding: 0.75rem 3.0rem 1.0rem 0rem; }

/* BOOTSTRAP modification */
figure {
	display: table;
}

/* BOOTSTRAP modification */
figcaption {
	display: table-caption;
	caption-side: bottom;
	font-size: 0.98rem;
	padding: 0rem 1.0rem 0rem 0.25rem;
}

/* BOOTSTRAP modification */
.table {
	width: auto;
}



	/*  viewport < 992px */
@media (max-width:992px) {
	.fltlt { float: none; }
	.fltrt { float: none; }
	.photoLeft  { padding-right: 0rem; float: none; }
	.photoRight { padding-left: 0rem; float: none; }
}






/***********************************************/
/* start header                                */
/***********************************************/




header {
	border-top: 3px solid #ba0202;
	background-color: #fff;
}


/* BOOTSTRAP modification */
div.row.logo_nav {
	padding: 0.9rem 0rem;
}

/* BOOTSTRAP modification */
/* Logo: 330 x 76 px */
div.col-lg-auto.logo { }

/* BOOTSTRAP modification */
div.col-lg.tel {
	text-align: right;
	align-self: center;
    padding-right: 0.9rem;
}

/* BOOTSTRAP modification */
div.col-lg.tel a {
	color: #999;
	font-size: 1.2rem;
	text-decoration: none;
}

/* BOOTSTRAP modification */
div.col-lg.tel a:hover { 
	color: #ba0202; 
}



/********************* Start Search box area *********************/
/* July 2019:                                                    */
/* The following is search box styling.  It is not currently     */
/* used on qdusa.com because we are using Google search for now. */
/*****************************************************************/

/* BOOTSTRAP modification */
/*div.col-lg-auto.search input.form-control,
div.col-lg-auto.search button.btn.btn-light {
	height: calc(2.0rem + 0px);
	padding: 0rem 0.65rem;
	font-size: 1.0rem;
	line-height: 1.0rem;
}*/

/* BOOTSTRAP modification */
/*div.col-lg-auto.search button.btn.btn-light {
	border-color: #999;
	background-color: #eee;
}*/

/* BOOTSTRAP modification */
/*div.col-lg-auto.search button.btn.btn-light:hover {
  background-color: #eef8fd;
}*/

/* header: viewport < 576px */
/*@media  (max-width:576px) {
	
	div.col-lg-auto.search input.form-control { display: inline-block; width: auto; vertical-align: middle; margin-right: .5rem!important; }
	
} */



/* The following is used on qdusa.com for Google search box styling.    */

div.search {
	width:300px;
	/* FIXED HEADER */
	/* Need to reserve min-height for Google custom search bar because it can  */
	/* be slow to load sometimes.  If it loads late, the whole white header    */
	/* area makes a noticeable visual jump as the height expands to fit when   */
	/* the Google search bar finally loads.                                    */ 
	min-height: 39px;
}




/********************** End Search box area **********************/






	/* header: viewport < 992px */
@media  (max-width:992px) {
	
	/* BOOTSTRAP modification */
	.fixed-top { position: relative; }

	/* BOOTSTRAP modification */	
	div.col-lg-auto.logo img { 
		-webkit-transition: all 0.2s ease-in-out; 
		-moz-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out; 
		width:225px; 
		height:52px; 
	}
	
	/* BOOTSTRAP modification */
	div.col-lg.tel { text-align: left; padding: 0.75rem 0rem; }

}


	/* header: viewport > 992px */
@media  (min-width:992px) {
	
	/* BOOTSTRAP modification */
	div.col-lg-auto.logo img { 
		-webkit-transition: all 0.2s ease-in-out; 
		-moz-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out; 
		width:330px; 
		height:76px;
	}
	
}




/* start QD navbar */

/* BOOTSTRAP modification */
.navbar {
	padding: 1.75rem 0rem 0rem 0rem;
}

/* BOOTSTRAP modification */
.navbar-collapse {
	justify-content: flex-end;
}

/* BOOTSTRAP modification */
.navbar-expand-lg .navbar-nav .nav-link { 
	padding: 0rem 0.75rem;
	font-size: 1.0rem;
	font-weight: 600;
	line-height: 1.0rem;
	border-left: 1px solid #ccc;
}

/* BOOTSTRAP modification */
.navbar-expand-lg .navbar-nav .nav-link.first { 
	padding-left: 0rem;
	border-left: none;
}

/* BOOTSTRAP modification */
.navbar-expand-lg .navbar-nav .nav-link.last { 
	padding-right: 0rem;
}

/* BOOTSTRAP modification */
.navbar-light .navbar-nav .nav-link:hover {
  color: #ba0202;
}

/* BOOTSTRAP modification */
a[aria-expanded="true"].nav-link.dropdown-toggle::after {
  transform: rotate(180deg);
}

/* BOOTSTRAP modification */
.dropdown-menu {
	left: 0.75rem;
	top: 1.25rem;
	min-width: 8rem;
	padding: 1px;
	margin: 0rem;
	background-color: #f1f1f1;
}

/* BOOTSTRAP modification */
div[aria-labelledby="navbarDropdown1"].dropdown-menu {
	left: 0rem;
}

/* BOOTSTRAP modification */
.navbar-toggler {
	padding: 0.25rem 0rem;
}

/* BOOTSTRAP modification */
.navbar-light .navbar-toggler {
	border: none;
}

/* BOOTSTRAP modification */
.navbar-toggler:hover, .navbar-toggler:focus {
  	outline: none;
	box-shadow: none;
}

/* BOOTSTRAP modification */
.navbar-light .navbar-toggler-icon {
	background-image: url(../images/qd_menu_icon.png);
}

/* BOOTSTRAP modification */
.dropdown-divider {
	margin: 0;
    border-top: 1px solid #ddd;
}

/* BOOTSTRAP modification */
.dropdown-item {
	padding: 0.5rem 0.75rem;
	font-size: 1.0rem;
}

/* BOOTSTRAP modification */
.dropdown-item:hover, .dropdown-item:focus {
	color: #ba0202;
	background-color: #fff;
}

	/* navbar: viewport < 991px */
@media (max-width: 991px) {
	nav.navbar.navbar-expand-lg.navbar-light { justify-content: flex-start; }
	.nav-item { align-self: flex-start; }
	.nav-item.dropdown, .dropdown-item { text-align: left; }
	.navbar-toggler { padding: 0rem; }
	.navbar { padding: 0.85rem 0rem 0rem 0rem; }	
	.navbar-expand-lg .navbar-nav .nav-link { padding: 0.5rem 0rem; border: none; }
	.navbar-expand-lg .navbar-nav .nav-link.first { padding-top: 1.0rem; }
	
	/*a[aria-expanded="true"].nav-link.dropdown-toggle { border-bottom: none; }*/
}

/* end QD navbar */



/***********************************************/
/* end header                                  */
/***********************************************/






/*****************************************/
/* start black slide-in nav panels       */
/*****************************************/


/*
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
*/
	/* Make sidenav z-index > than all other z-indexes except backToTop button */
/*
	z-index: 2050;
	top: 0;
	right: 0;
	background-color: #111;
	overflow-x: hidden;
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out ; 
	transition: all 0.5s ease-in-out ;
	padding-top: 0.5rem;
}
*/
/*
.sidenav#slideNav_backdrop {
	-webkit-transition: opacity 0.5s ease-in-out; 
	-moz-transition: opacity 0.5s ease-in-out ; 
	transition: opacity 0.5s ease-in-out ;
	opacity: 0.75;
}
*/

/* use div to position close button instead of position:absolute */
/* close button appears more smoothly this way */
/*
div.closeButtonPosition {
	text-align: right;
	padding-right: 3.0rem;
}
*/

/*
.sidenav .closebtn {
	line-height: 2.0rem;
	font-size: 3.0rem;
	color: #aaa;
	text-decoration: none;
}
*/

/* Next 2 classes control scrollbar behavior */
/*
.sidenav_ovrflw_y {
*/
	/* remove sidenav scrollbar when sidenav is closing */
	/* otherwise 2 scrollbars show when sidenav is closing */ 
/*
	overflow-y: hidden;
}
*/

/*
.bodyFixPos {
*/
	/* remove browser scrollbar when sidenav is open */
	/* replace browser scrollbar when sidenav closes */
	/* set top, right, left, bottom to 0 for MS Edge */
/*
	position:fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
*/

/*
div.category {
	padding: 0rem 0rem 0rem 2.0rem;
}
*/

/* BOOTSTRAP modification */
/*
div.category_heading button.btn {
	text-align: left;
	border: none;
	margin: 0;
	padding: 0rem 0rem 0.75rem 0rem;
}
*/

/* BOOTSTRAP modification */
/*
div.category_heading button.btn.btn-link {
	color: #aaa;
	font-size: 1.25rem;
	-webkit-transition: color 0.5s ease-in-out; 
	-moz-transition: color 0.5s ease-in-out ; 
	transition: color 0.5s ease-in-out ;
}
*/

/* BOOTSTRAP modification */
/*
div.category_heading button.btn.btn-link:hover {
	color: #fff;
	text-decoration: none;
}
*/

/* BOOTSTRAP modification */
/*
div.category_heading button.btn.btn-link:focus, 
div.category_heading button.btn.btn-link.focus {
	text-decoration: none;
}
*/

/*
div.category_body,
div.sub_category_body {
	padding: 0rem 1.0rem 0.75rem 2.0rem;
}
*/

/*
div.category_body a {
	margin: 0;
	padding: 0rem 1.0rem 0.75rem 0rem;
	text-decoration: none;
	font-size: 1.1rem;
	display: block;
}
*/

/* BOOTSTRAP modification */
/*
button[aria-expanded="true"].category_link.dropdown-toggle::after,
a[aria-expanded="true"].category_link.dropdown-toggle::after {
  transform: rotate(180deg);
}
*/

/* BOOTSTRAP modification */
/*
div.sidenav .accordion .category .category_body a {
	color: #aaa;
	-webkit-transition: color 0.5s ease-in-out; 
	-moz-transition: color 0.5s ease-in-out ; 
	transition: color 0.5s ease-in-out ;
}
*/

/* BOOTSTRAP modification */
/*
div.sidenav .accordion .category .category_body a:hover {
	color: #fff;
}
/*



	/* viewport < 992px */
/*
@media (max-width:992px) {
	
	div.category_heading button.btn.btn-link { font-size: 1.1rem; }
	div.category_body a:first-child { border-top: 1px solid #aaa; }
	div.sub_category_body a:first-child { border-top: none; }
	div.category_body a { padding: 1.0rem 0.25rem 1.0rem 0.5rem; border-bottom: 1px solid #aaa; }
	div.sidenav .accordion .category .category_body a:hover { background-color: #333; }
	div.sub_category_body a { width: 90%; }
	
}
*/


/***************************************/
/* end black slide-in nav panels       */
/***************************************/









/***********************************************/
/* start header bg photos                      */
/***********************************************/


.hide { display: none; }

div.bg_photo {
	/* FIXED HEADER */
	/* adjust bg_photo positions so they all appear below fixed header */
	margin-top: 115px;
    background-size: cover !important;
    background-position: center;
}

/*Home page category images:  1600 x  640 px */
div.bg_photo.qd_home { 
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 530px;
}

#video_intro_video { 
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 0;
}

.floating { 
    position: absolute;
    bottom: 0;
    width: 100%;
}



/* Subpage headers:  1600 x 50 px */
div.bg_photo.qd_subpage {
	background-image:url(../images/categories/qd_banner_subpage_main.jpg);
	min-height: 50px;
}

div.bg_photo.qd_subpage.cat1 { background-image:url(../images/categories/qd_banner_subpage_cat_1.jpg); }
div.bg_photo.qd_subpage.cat2 { background-image:url(../images/categories/qd_banner_subpage_cat_2.jpg); }
div.bg_photo.qd_subpage.cat3 { background-image:url(../images/categories/qd_banner_subpage_cat_3.jpg); }
div.bg_photo.qd_subpage.cat4 { background-image:url(../images/categories/qd_banner_subpage_cat_4.jpg); }
div.bg_photo.qd_subpage.cat5 { background-image:url(../images/categories/qd_banner_subpage_cat_5.jpg); }
div.bg_photo.qd_subpage.cat6 { background-image:url(../images/categories/qd_banner_subpage_cat_6.jpg); }
div.bg_photo.qd_subpage.cat7 { background-image:url(../images/categories/qd_banner_subpage_cat_7.jpg); }
div.bg_photo.qd_subpage.cat8 { background-image:url(../images/categories/qd_banner_subpage_cat_8.jpg); }
div.bg_photo.qd_subpage.cat9 { background-image:url(../images/categories/qd_banner_subpage_cat_9.jpg); }
div.bg_photo.qd_subpage.cat10 { background-image:url(../images/categories/qd_banner_subpage_cat_10.jpg); }
div.bg_photo.qd_subpage.cat11 { background-image:url(../images/categories/qd_banner_subpage_cat_11.jpg); }




	/* viewport < 992px */
@media (max-width:992px) {
	/* FIXED HEADER */
	/* Re-adjust home page photo position for non-sticky header */
	div.bg_photo { margin-top: 0px; }
}

	/* viewport < 768px */
@media (max-width:768px) {
	div.bg_photo.qd_home { background-image: none; background-color: #333; position: static; overflow: visible; height: auto; }
    .floating { position: static; }
    #video_intro_video { display: none; }
}

/***********************************************/
/* end  header bg photos                      */
/***********************************************/







/***********************************************/
/* start subpage navbar                        */
/***********************************************/


/* ALSO SEE:                        */
/* .appsTeam_subpage_nav CLASSES    */
/* IN APPS TEAM SECTION BELOW       */


div.subpage_nav {
	background-color: #ba0202;
	text-align: center;
	padding: 0.25rem 0rem 0.5rem 0rem;
	min-height: 35px;
}

/* BOOTSTRAP modification */
div.subpage_nav a.btn {
	font-size: 0.9rem;
	color: #fff;
	border-left: 1px solid #ccc;
	line-height: 0.9rem;
	border-radius: 0;
	padding: 0rem 0.75rem;
	text-transform: uppercase;
}

/* BOOTSTRAP modification */
div.subpage_nav a.btn.one {
	border-left: none;
}

/* BOOTSTRAP modification */
div.subpage_nav a.btn:hover {
	color: #aaa;
	text-decoration: none;
}


/* STICKY SUBPAGE NAVBAR   */
/* On scroll, collapse .bg_photo.qd_subpage header graphic and */
/* make subpage_nav FIXED to bottom of FIXED HEADER            */
/* See qd.js                                                   */

.subpage_nav.stick { 
    position: fixed;
    top: 115px;
	right: 0px;
	left: 0px;
    z-index: 1020;
}

/* STICKY SUBPAGE NAVBAR   */
/* Adjust size of page anchor links to accommodate for the collapse     */
/* of .bg_photo.qd_subpage header graphic and for fixed subpage header  */

.anchor {
    display: block;
	/* 165px = 115 (ht of logo/main nav area) + 50 ( ht of red navbar) */
    height: 165px;
    margin-top: -165px;
    visibility: hidden;
}



	/* viewport < 992px */
@media  (max-width:992px) {
	.subpage_nav.stick { position: relative; top: auto; right: auto; left: auto; }
    .anchor { height: 1px; margin-top: 0px; }
}



/***********************************************/
/* end subpage navbar                          */
/***********************************************/









/*********************************************/
/* start Home page titles                    */
/********************************************/


/* Used covid message styles from March - June 2020 */

/* div.covid-19-msg { 
    position: absolute;
    top: 150px;
	right: 20px;
	left: 20px;
    padding:20px 10px 20px 20px;
    text-align: left;
    z-index: 1020;
    background: rgba(0, 0, 0, 0.5);
} */

/* div.covid-19-msg a, div.covid-19-msg a:hover { color: #fff; } */

div.welcome_msg {
	color: #fff;
	text-align: center;
    padding-bottom: 9.0rem;
}

div.welcome_msg h1 { 
	font-size: 3.0rem;
}

div.welcome_msg h2 { 
	font-size: 1.25rem;
	font-weight: normal;
}

div.category_bg { 
	background-image: url(../images/black_bg.png);
}



	/* welcome area: viewport < 1100px */
@media (max-width:1100px) {
    div.welcome_msg { padding-bottom: 7.0rem; }
}

	/* welcome area: viewport < 992px */
@media (max-width:992px) {
    /* div.welcome_msg h1.covid-19-msg { font-size: 1.0rem; padding: 0; } */
    /* div.welcome_msg h2.covid-19-msg { padding: 0; } */
    /* div.covid-19-msg { position: relative; top: 10px; right: 0px; left: 0px; padding:20px 10px 20px 20px; } */

}


	/* welcome area: viewport < 768px */
@media (max-width:768px) {
    div.welcome_msg h1 { font-size: 2.0rem; }
	div.welcome_msg h2 { font-size: 1.0rem; }
    div.welcome_msg { padding: 3.0rem 0rem 2.0rem 0rem; }

}


/*********************************************/
/* end Home page titles                      */
/*********************************************/













/***********************************************/
/* Start modal windows and alerts              */
/***********************************************/


/* modal window text for final covid-19 message */
/* qd.js uses this to set cookies               */
div.covid-19-msg-final {
    color: #212529;
    text-align: left;
}

/* BOOTSTRAP modification */
/* set z-index so modal window stacks above back-to-top button */
div.modal.qdModal {
    z-index: 5050;
}

/* use for GDPR pop-up message                  */
/* qd.js uses this to set cookies               */
div.qdAlert {
    position: fixed;
    z-index: 5075;
    bottom: 10px;
    left: 10px;
    color: #fff;
    background-color: #000;
    max-width: 380px;
    padding: 30px 30px 10px 30px;
	-webkit-transition: opacity 0.5s ease-in-out; 
	-moz-transition: opacity 0.5s ease-in-out ; 
	transition: opacity 0.5s ease-in-out ;
    opacity: 0;
    visibility: hidden;
}

div.qdAlert.show {
    opacity: 1;
    visibility: visible;
}

div.qdAlert.fadeOut {
	opacity: 0;
    visibility: hidden;
}

div.qdAlert a {
    color: #fff;
    text-decoration: underline;    
}

div.qdAlert a:hover {
    color: #ccc;
}

div.qdAlert a.red_button.btn {
    text-decoration: none;
    font-weight: bold;
    width: 100%;
}


	/* welcome area: viewport < 768px */
@media (max-width:768px) {
    div.qdAlert  { max-width: 300px; }
}


/* Start modal window, used on news_detail_2023_08_11 */

div#sched_of_events_Modal div.modal-dialog {
    max-width: 1100px;
}

figure a.modal_button {
    margin: 0;
    padding: 0;
}

figure a.modal_button:hover img {
    -webkit-transition: opacity 0.5s ease-in-out; 
	-moz-transition: opacity 0.5s ease-in-out ; 
	transition: opacity 0.5s ease-in-out ;
    opacity: 0.6;
}


figure figcaption a.modal_button { 
    text-align: left;
    font-size: 1.2rem;
}

figure figcaption a.modal_button:hover { 
    color: #ba0202;
    text-decoration: none;
}

/* BOOTSTRAP modification */
.modal-content {
    background-color: transparent;
    border: none;
}

.qd_modal_close_btn {
    display: flex;
    justify-content: flex-end;
}

/* BOOTSTRAP modification */
.btn-close {
    width: 2em;
    height: 2em;
    padding: 0.2em 0.2em;
    font-size: 1.75rem;
    font-weight: bold;
    color: #fff;
    background-color: transparent;
    background-image: none; 
    opacity: 1;
}

	/* welcome area: viewport < 992px */
@media (max-width:992px) {
    .qd_modal_close_btn  { justify-content: flex-start; }
}


/* End modal window, used on news_detail_2023_08_11 */




/***********************************************/
/* End modal windows and alerts                */
/***********************************************/










/***************************************************/
/* start Home page category buttons                */
/***************************************************/


/* BOOTSTRAP modification */
div.row.category_row { 
	padding: 1.0rem 0rem 0rem 0rem; 
}

/* BOOTSTRAP modification */
div.col-md.category a { 
	border-top: 3px solid #ba0202;
    padding: 0.75rem 0rem 1.5rem 0rem;
	display: block;
	color: #fff;
	text-decoration: none;
	width: 100%;
	height: 100%;
    -webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

/* BOOTSTRAP modification */
div.col-md.category a:hover {
	border-top: 3px solid #fff;
	text-decoration: none;
}


	/* category area: viewport < 768px */
@media (max-width:768px) {
	div.col-md.category { margin-right: 0 !important; padding-bottom: 0 !important; }
	div.col-md.category a { padding: 1.1rem 0rem 1.1rem 0.95rem; }
	div.col-md.category a:hover { background-color: #999; color: #fff; }
}


/*************************************************/
/* end Home page category boxes                  */
/*************************************************/











/***********************************************/
/* start home page 3-column content            */
/***********************************************/


/* BOOTSTRAP modification */
div.col-lg.home_col {
	background-color: #fff;
	padding: 0rem 1.0rem 0.5rem 0.95rem;
	border-top: 3px solid #ba0202;
}

/* BOOTSTRAP modification */
div.col-lg.home_col h1 {
	font-size: 1.55rem;
	text-transform: uppercase;
	color: #ba0202;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	margin: 0rem 0rem 0.95rem 0rem;
	padding: 0.95rem 0rem;
}

/* hpn = home page news item */
/* hpe = home page event item */
/* hpe_past = past event item on Events page */

div.hpn, div.hpe, div.hpe_past {
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	padding: 0rem 0rem 2.0rem 0rem;
	margin-bottom: 2.0rem;
}

div.hpn.end, div.hpe.end, div.hpe_past.end {
	border-bottom: none;
}

div.hpn h2 {
	font-size: 1.5rem;
	padding: 0rem 0rem 1.5rem 0rem;
	margin: 0;
}

div.hpe h2, div.hpe_past h2 {
    font-size: 1.2rem;
    padding: 0 0 0.5rem 0;
    margin: 0 0 0.25rem 0;
}

div.hpe h3, div.hpe_past h3 {
    font-size: 0.85rem;
    text-transform: uppercase;
    color: #555;
    padding: 0 0 0.5rem 0;
    margin: 0 0 0.5rem 0;
}

div.hpn img {
	margin: 0rem 0rem 1.5rem 0rem;
}

div.hpe img {
    float: right;
	margin: 0rem 0rem 0.5rem 1.0rem;
}

div.hpe_past img {
    float: left;
	margin: 0rem 3.0rem 1.0rem 0rem;
}

div.hpn a img, div.hpe a img, div.hpe_past a img {
	-webkit-transition: opacity 0.2s ease-in-out; 
	-moz-transition: opacity 0.2s ease-in-out; 
	transition: opacity 0.2s ease-in-out;
}

div.hpn a:hover img, div.hpe a:hover img, div.hpe_past a:hover img {
	opacity: 0.60;
}

div.hpn a.news_title, div.hpe a.news_title, div.hpe_past a.news_title {
	color: #444;
}

div.hpn a.news_title:hover, div.hpe a.news_title:hover, div.hpe_past a.news_title:hover {
	color: #ba0202;
	text-decoration: none;
}

/* used the following for twitter feed box, which broke in June 2023 so we removed it */

/* 
div#twt, div#pharos {
	text-align: right;
}

div#twt {
	padding: 1.0rem 0rem 2.5rem 0rem;
	border-bottom: 1px solid #ccc;
    max-width: 325px;
}

div#pharos {
    padding: 2.5rem 0rem 1.5rem 0rem;
}
*/

/* using the following  after twitter feed box broke in June 2023 */
div#twt2 {
    padding: 1.0rem 0rem 1.25rem 0rem;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

div#pharos2, div#newsletter2, div#yt2, div#in2 {
    padding: 2.0rem 0rem;
    text-align: center;
    border-bottom: 1px solid #ccc;
}


	/* home page cols: viewport < 992px */
@media (max-width:992px) {
	div.col-lg.home_col { margin-right: 0 !important; margin-bottom: 1.5rem; }
	div.col-lg.home_col.three { margin-bottom: 0rem; }
	div.col-lg.home_col h1 { font-size: 1.5rem; }
	/* div#twt, div#pharos { text-align: left; max-width: 100%; } */
}

	/* home page cols: viewport < 500px */
@media (max-width:500px) {
    div.hpe img, div.hpe_past img { float: none; margin: 0rem 0rem 1.0rem 0rem; }
    div.hpe, div.hpe_past { padding-left: 1.0rem; }
}

@media (max-width:400px) {
    div.hpe_past a.red_button.btn {  margin-bottom: 1.0rem; }
}


/***********************************************/
/* end home page 3-column content              */
/***********************************************/







/**************************************************/
/* start Home page social media                   */
/**************************************************/


/* No longer using these classes since Twitter feed box broke, June 2023 */

/* BOOTSTRAP modification */

/*
div.social {
	background-color: #ba0202;
	color: #fff;
	padding: 3.0rem 0rem;
}

div.row.social { 
	background-color: #ba0202;
	color: #fff;
	padding: 3.0rem 0rem;
	justify-content: center;
}
*/

/* BOOTSTRAP modification */
/*
div.col-md-auto.social_col.one,
div.col-md-auto.social_col.two,
div.col-md-auto.social_col.three,
div.col-md-auto.social_col.four
{ 
	align-self: center; 
}
*/

/* BOOTSTRAP modification */
/*
div.col-md-auto.social_col.two {
	margin: 0rem 0rem 0rem 1.5rem;
}
*/

/* BOOTSTRAP modification */
/*
div.col-md-auto.social_col.three {
	margin: 0rem 1.5rem 0rem 1.5rem;
}

div#newsletter_signup {}
*/

	/* social area: viewport < 767px */
/*
@media (max-width:767px) {
	div.row.social { padding: 1.5rem 0rem; }
    
	div.col-md-auto.social_col.one, 
    div.col-md-auto.social_col.two, 
    div.col-md-auto.social_col.three,
    div.col-md-auto.social_col.four { text-align: center; }
    
    div.col-md-auto.social_col.two { margin: 2.0rem 0rem 0rem 0rem; }
	div.col-md-auto.social_col.three { margin: 2.0rem 0rem 2.0rem 0rem; }
}
*/

/**************************************************/
/* end home page social media                     */
/**************************************************/









/**************************************************/
/* start subpage content                          */
/**************************************************/

main { padding: 2.5rem 0rem; }

section { padding: 1.5rem 0rem; }

main ul { }

main ol { }

main ol li { padding-bottom: 0.5rem; }

main ul ul { padding: 0rem 0rem 0.25rem 2.0rem; }

main ol ol { padding: 0.75rem 0rem 0.5rem 2.0rem; }

main ul li {
	list-style-type: square;
	padding-bottom: 0.5rem;
}

main.subpage { }

main.subpage ul ul { padding-top: 0.75rem; }

main.subpage ul.app_svc_notes_level2 {
	padding: 0.75rem 0rem 0rem 0rem;
}

main.subpage ul.app_svc_notes_level2 li {
	list-style: none;
	padding-left: 0rem;
}


main h1 {
	margin-top: 0rem;
	padding-bottom: 1.0rem;
}

main h2 { padding: 0.5rem 0rem 1.0rem 0rem; }

main h1 span,
main h2 span { 
	font-size: 1.3rem;
	vertical-align: top;
	line-height: 2.0rem;
}

main h3 { padding-bottom: 1.0rem; }


	/* viewport < 768px */
@media (max-width:768px) {
	main h1 { font-size: 2.5rem; }
	main h2 { font-size: 1.75rem; }
	main h3 { font-size: 1.5rem; }
	main ul, main ol { padding-left: 1.25rem; margin-left: 0; }

}


/**************************************************/
/* end subpage content                            */
/**************************************************/







/*******************************************/
/* start category page items               */
/*******************************************/


div.category_vtab_panel { }

div.category_page_item {
	border-bottom: 1px solid #ddd;
	padding: 1.5rem 0.5rem;
	margin: 0rem 2.0rem;
}

/* BOOTSTRAP modification */
div.category_page_item div.col-md, div.category_page_item div.col-md a {
	display: flex;
	align-items: center;
}

div.category_page_item div.col-md .tablinks a {
    flex: none;
    display: inline;
    text-decoration: underline;
}

/* BOOTSTRAP modification */
div.category_page_item div.col-md div, div.category_page_item div.col-md a div {
	padding: 0rem 1.0rem 0rem 2.0rem;
}

/* BOOTSTRAP modification */
div.category_page_item div.col-md a img {
	-webkit-transition: opacity 0.2s ease-in-out; 
	-moz-transition: opacity 0.2s ease-in-out; 
	transition: opacity 0.2s ease-in-out;
}

/* BOOTSTRAP modification */
div.category_page_item div.col-md a:hover img {
	opacity: 0.60;
}

/* BOOTSTRAP modification */
div.category_page_item div.col-md a {
	color: #212529;
}

/* BOOTSTRAP modification */
div.category_page_item div.col-md a:hover {
	color: #ba0202;
	text-decoration: none;
}

/* BOOTSTRAP modification */
div.category_page_item div.col-md-auto {
	align-self: flex-end;
}

/* BOOTSTRAP modification */
div.category_page_item div.col-md-auto a.red_button.btn.btn-sm {
	margin: auto;
	/*max-width: 82px;*/
}




	/* viewport < 1200px */
@media (max-width:1200px) {
	
	/* BOOTSTRAP modification */
	div.category_page_item div.col-md { padding-bottom: 1.0rem; }
	
}


	/* viewport < 992px */
@media (max-width:992px) {
	div.category_page_item { margin: 0rem; }
}



	/* viewport < 768px */
@media (max-width:768px) {
	div.category_page_item div.col-md, div.category_page_item div.col-md a { flex: none; display: block; }
	div.category_page_item div.col-md div, div.category_page_item div.col-md a div { padding: 1.5rem 0rem 0rem 0rem; }
}

/*******************************************/
/* end category page items                 */
/*******************************************/









/**************************************************/
/* start subpage callouts and testimonials        */
/**************************************************/

/* callout_1 used on Distribution Partners page */

div.callout_1 {
	color: #ba0202;
	font-size: 1.4rem;
	width: 300px;
	padding: 0rem 0rem 1.0rem 4.0rem;	
	float: right;
	clear: both;
}

div.callout_1 span {
	font-size: 1.0rem;
	font-weight: normal;
}

div.callout_2 {
	font-size: 1.95rem;
	color: #999;
	padding-top: 3.0rem;
}

div.callout_2 p.one {
	border-bottom: 1px solid #aaa;
	padding-bottom: 0;
	margin-bottom: 0;
}

div.callout_2 p.two {
	padding-top: 0;
	margin-top: 0;
}


	/*  viewport < 768px */
@media (max-width:768px) {
	div.callout_1 { float: none; padding: 1.5rem 0rem 2.0rem 0rem; width: 100%; }
	div.callout_2 { font-size: 1.5rem; padding-top: 1.5rem; }
}




/* testimonial_item used for testimonials on Product pages */

div.testimonial_item {
    /* color: #555; */
    /*color: #ba0202; */
    font-style: italic;
	font-size: 1.25rem;
	padding: 1.0rem 1.0rem 0.5rem 1.0rem;
}

div.testimonial_item p.testimonial_name {
    font-style: normal;
    font-size: 1.15rem;
}


	/*  viewport < 768px */
@media (max-width:768px) {
    div.testimonial_item { font-size: 1.1rem; }
}




/**************************************************/
/* end subpage callouts and testimonials          */
/**************************************************/











/**************************************************/
/* start apps team page (as of Sep 2023)          */
/**************************************************/


/* Duplicate set of subpage_nav classes for new Apps Team page.             */
/* This is a hack, but the page does not have a 50 px high subpage          */
/* graphic, so JS sticky subpage nav function should not run -- Apps        */
/* Team subpage nav should stick to the bottom of the header permanently.   */
/* permanently. Since the JS sticky subpage nav function is triggered by    */
/* class subpage_nav, I'm creating a duplicate set of classes named         */
/* appsTeam_subpage_nav.                                                    */

.appsTeam_subpage_nav {
	background-color: #ba0202;
	text-align: center;
	padding: 0.25rem 0rem 0.5rem 0rem;
	min-height: 35px;
    
    position: fixed;
    top: 115px;
	right: 0px;
	left: 0px;
    z-index: 1020;
}

/* BOOTSTRAP modification */
.appsTeam_subpage_nav a.btn {
	font-size: 0.9rem;
	color: #fff;
	border-left: 1px solid #ccc;
	line-height: 0.9rem;
	border-radius: 0;
	padding: 0rem 0.75rem;
	text-transform: uppercase;
}

/* BOOTSTRAP modification */
.appsTeam_subpage_nav a.btn.one {
	border-left: none;
}

/* BOOTSTRAP modification */
.appsTeam_subpage_nav a.btn:hover {
	color: #aaa;
	text-decoration: none;
}

/* Need this to push all other elements out from under fixed headers. */
/* Main header = 115px high. Subpage nav ~35px high. 115 + 35 = 150   */
/* (Subpage nav is more like 38 px high, but 35 is close enough.)     */

.appsTeam_top_margin_buffer {
    margin-top: 150px;
}

/* video display */

.appsTeam_video_container { 
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 530px;
}

#appsTeam_video { 
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 0;
}

.appsTeam_floating { 
    position: absolute;
    top: 40%;
    width: 100%;
}

.appsTeam_title h1 {
	color: #fff;
	text-align: center;
    text-transform: uppercase;
    font-size: 4.0rem;
}



/* news & events display */

.appsTeam_news_bg { 
    background-image: url("../images/appsTeam_news_bg.gif");
    background-position: center;
}

.appsTeam_news_container { 
    display: flex;
}

/* red news column, with title */

.appsTeam_news_title {
    display: flex;
    /* [flex-grow] [flex-shrink] [flex-basis] -- forcing a hard width of 33% here */
    flex: 0 0 38%;
    align-items: center;
    justify-content: flex-end;
}

.appsTeam_news_title_wrapper { 
    padding-right: 3.0rem; 
    color: #fff;
    text-transform: uppercase;
    text-align: right;
}

span.appsTeam_news_title1 { font-size: 2.5rem; line-height: 2.3rem; }
span.appsTeam_news_title2 { font-size: 1.6rem;  }
span.appsTeam_news_title3 { font-size: 2.5rem; line-height: 2.75rem; }

/* white news column, with news items */

.appsTeam_news_items { 
    display: flex;
    /* [flex-grow] [flex-shrink] [flex-basis] -- forcing a hard width of 33% here */
    justify-content: flex-start;
}

.appsTeam_news_items_wrapper {
    padding: 1.0rem 2.0rem 1.0rem 3.0rem;
    max-width: 725px;
}

.appsTeam_news_item { }

.appsTeam_news_item h5 {
    font-weight: 600;
    line-height: 1.2rem;
}

.appsTeam_news_item p {
    font-size: 1.0rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}

.appsTeam_news_item.quads_1_and_3 { padding: 1.0rem 1.0rem 1.0rem 0rem; }
.appsTeam_news_item.quads_2_and_4 { padding: 1.0rem 0rem 1.0rem 1.25rem; }

.appsTeam_news_quad1 { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.appsTeam_news_quad2 { border-bottom: 1px solid #ddd; }
.appsTeam_news_quad3 { border-right: 1px solid #ddd; }
.appsTeam_news_quad4 { }



/* tag line */

.appsTeam_tag_line {
    background-color: #1e1e1e;
    color: #fff;
    font-size: 2.0rem;
    font-weight: 100;
    text-align: center;
    padding: 3.0rem 3.0rem 2.5rem 3.0rem;
}



/* portraits, bio and contact info display */
    
.appsTeam_contacts.row_one {
    background-image: url("../images/appsTeam_contact_bg.jpg");
    background-repeat: repeat-x;
}

.appsTeam_contacts.row_two {
    background-color: #efefef;
}

.appsTeam_contacts.quad1,
.appsTeam_contacts.quad3 {
    display: flex;
    justify-content: flex-end;
}

/* since these 2 photo/bio columns are centered, make the padding even on each side */
/* so one column isn't pushed out farther than the other */

.appsTeam_contact_photo1 { padding-right: 2.0rem; }
.appsTeam_contact_photo2 { padding-left: 2.0rem; }

.appsTeam_contact_bio1 {
    /* max-width = width of Randy's photo */
    max-width: 478px;
    padding-right: 2.0rem; 
    padding-bottom: 1.0rem;
} 

.appsTeam_contact_bio2 {
    /* max-width = width of Darius' photo */
    max-width: 478px;
    padding-left: 2.0rem;
    padding-bottom: 1.0rem;
}

.appsTeam_contacts h3 {
    padding-bottom: 0rem;
    margin-bottom: 0.2rem;
}

.appsTeam_contacts p {
    padding-top: 1.25rem;
}



/* icons in Resources section */

.appsTeam_icons {
    padding-bottom: 1.5rem;
    text-align: center;
}

.appsTeam_icons a p {
    color: #212529;
    font-weight: 600;
    font-size: 1.0rem;
    padding-top: 0.5rem;
    line-height: 1.1rem;
    text-decoration: none;
}

.appsTeam_icons a img {
	-webkit-transition: opacity 0.2s ease-in-out; 
	-moz-transition: opacity 0.2s ease-in-out; 
	transition: opacity 0.2s ease-in-out;
}

.appsTeam_icons a:hover img {
	opacity: 0.60;
}

.appsTeam_icons a:hover, .appsTeam_icons a:hover p {
	color: #ba0202;
    text-decoration: none;
}


	/* viewport < 1200px */
@media (max-width:1200px) {
    .appsTeam_news_title { flex: 0 0 33%; }
    .appsTeam_news_items_wrapper { padding-right: 1.0rem; max-width: 650px; }
    
    .appsTeam_contact_photo1 { padding-right: 0rem; }
    .appsTeam_contact_photo2 { padding-left: 0rem; }
    .appsTeam_contact_bio1 { padding-right: 0rem; }
    .appsTeam_contact_bio2 { padding-left: 0rem; }

    .appsTeam_contacts.quad2 { order: 3; margin-top: 2.0rem; }
    .appsTeam_contacts.quad4 { order: 4; }
    .appsTeam_contacts.quad1, .appsTeam_contacts.quad3 { justify-content: center; }
    .appsTeam_contacts.quad2, .appsTeam_contacts.quad4 { display: flex; justify-content: center; }

}

	/* viewport < 992px */
@media (max-width:992px) {
    .appsTeam_top_margin_buffer { margin-top: 0px; }
    .appsTeam_subpage_nav { position: relative; top: auto; right: auto; left: auto; }

    .appsTeam_news_container { display: block; }
    .appsTeam_news_title { display: block; }
    .appsTeam_news_title_wrapper { padding: 2.0rem 0rem; text-align: center; }
    .appsTeam_news_items_wrapper { padding: 1.0rem 0rem 2.0rem 0rem; margin: auto; width: 75%; }
}



	/* viewport < 768px */
@media (max-width:768px) {
    .appsTeam_news_item.quads_2_and_4 { padding: 1.0rem 1.0rem 1.0rem 0rem; }
    .appsTeam_news_quad1 { border-right: none; }
    .appsTeam_news_quad2 { border-bottom: 1px solid #ddd; }
    .appsTeam_news_quad3 { border-right: none; border-bottom: 1px solid #ddd; }
    
    .appsTeam_tag_line { font-size: 1.5rem; padding: 2.5rem 4.0rem 2.0rem 4.0rem; }
    
    .appsTeam_contact_bio1 { width: 75%; }
    .appsTeam_contact_bio2 { width: 75%; }
    
	.appsTeam_video_container { background-image: none; background-color: #333; position: static; overflow: visible; height: auto; }
    .appsTeam_floating { position: static; top: auto; padding: 2.0rem; }
    .appsTeam_title h1 { font-size: 2.0rem; text-align: center; }
    #appsTeam_video { display: none; }
}




/**************************************************/
/* end apps team page (as of Sep 2023)            */
/**************************************************/












/**************************************************/
/* start tabbed panels                            */
/**************************************************/


/* BOOTSTRAP modification */
.tab-content {
	padding: 1.0rem 0.75rem 0.75rem 0.75rem;
	border: 1px solid #dee2e6;
}

/* BOOTSTRAP modification */
ul.nav.nav-tabs {
	border: none;
	padding-top: 1.0rem;
}

/* BOOTSTRAP modification */
ul.nav.nav-tabs .nav-item {
	margin-bottom: -1px;
}

/* BOOTSTRAP modification */
ul.nav.nav-tabs li {
	list-style-type: none;
	padding-bottom: 0rem;
	margin-right: 2px;
}

/* BOOTSTRAP modification */
ul.nav.nav-tabs .nav-link {
	font-size: 1.2rem;
	color: #222;
	background-color: #eee;
	border: none;
	border-radius: 0rem;
}

/* BOOTSTRAP modification */
ul.nav.nav-tabs .nav-link:hover, 
ul.nav.nav-tabs .nav-link:focus,
ul.nav.nav-tabs .nav-link.active,
ul.nav.nav-tabs .nav-item.show .nav-link {
	border: none;
	color: #fff;
	background-color: #a00;
}




	/* viewport < 992px */
@media (max-width:992px) {
	ul.nav.nav-tabs { display: block; } 
	ul.nav.nav-tabs .nav-link { padding: 0.75rem 0.25rem 0.75rem 0.75rem; }
	ul.nav.nav-tabs .nav-item { margin-bottom: 2px; }
	ul.nav.nav-tabs .nav-item.last { margin-bottom: 0; }
	ul.nav.nav-tabs li { margin-right: 0px; }
	.tab-content { border-top: none; }
}




/**************************************************/
/* end tabbed panels                              */
/**************************************************/







/**************************************************/
/* start vertical pills tabbed panels             */
/**************************************************/


/* BOOTSTRAP modification */
div.nav-pills .nav-link {
	padding: 0.5rem 0.25rem 0.5rem 0.75rem;
	background-color: #eee;
	font-size: 1.2rem;
	color: #222;
	border-radius: 0;
	margin-bottom: 2px;
}

/* BOOTSTRAP modification */
div.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: #fff;
	background-color: #a00;
}

/* BOOTSTRAP modification */
div.nav-pills .nav-link:hover, 
div.nav-pills .nav-link:focus {
	border: none;
	color: #fff;
	background-color: #a00;
}

/* BOOTSTRAP modification */
div#v-pills-tabs {
	padding-right: 1rem;	
}


	/* viewport < 992px */
@media (max-width:992px) {
	div#v-pills-tabs { padding-right: 0; }
	div.nav-pills .nav-link { padding: 0.75rem 0.25rem 0.75rem 0.75rem; }
	a.nav-link.last { margin-bottom: 0; }
}




/**************************************************/
/* end vertical pills tabbed panels               */
/**************************************************/






/**************************************************/
/* start expand/collapse styles                   */
/**************************************************/



h4 a.expandableLink {
	color: #212529;
	line-height: 2.5rem;
	padding-left: 1.0rem;
}

a.expandableLink:hover {
	color:#ba0202;
	text-decoration: none;
}

/* BOOTSTRAP modification */
a[aria-expanded="true"].expandableLink.dropdown-toggle::after,
a[aria-expanded="true"].expandableLink.dropdown-toggle::after {
  transform: rotate(180deg);
}

div.expandableBody{
	padding: 0rem 0rem 0rem 1.5rem;
}


/**************************************************/
/* end expand/collapse styles                     */
/**************************************************/






/**************************************************/
/* Start Conference Events box                    */
/**************************************************/


div.conference_event {
	margin-bottom: 4.0rem;
	padding: 1.0rem;
    background-color: #f5f5f5;
}

div.conference_event:hover {
	box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.10) !important;
}


/* BOOTSTRAP modification */
div.conference_event h3 {
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
}

/* BOOTSTRAP modification */
div.conference_event h3 {
	border-bottom: 1px solid #bbb;
}

/* BOOTSTRAP modification */
div.conference_event a.event_title {
	color: #212529;
    text-decoration: none;
}

/* BOOTSTRAP modification */
div.conference_event a.event_title h3:hover {
	border-bottom: 1px solid #ba0202;
}

/* BOOTSTRAP modification */
div.conference_event a.event_title:hover {
	color: #ba0202;
	text-decoration: none;
}

/* BOOTSTRAP modification */
div.conference_event h4 {
	font-size: 0.95rem;
	margin: 0;
    text-transform: uppercase;
	padding: 0.75rem 0rem 0.5rem 1.0rem;
}

div.conference_event p {
    margin: 0;
	padding: 0rem 0rem 1.25rem 1.0rem;
}

/* BOOTSTRAP modification */
div.conference_event a.red_button.btn.btn-sm {
	margin-left: 1.0rem;
}

div.conference_event .logo {
    display: flex;
    align-items: center;
}

div.conference_event a img {
	-webkit-transition: opacity 0.2s ease-in-out; 
	-moz-transition: opacity 0.2s ease-in-out; 
	transition: opacity 0.2s ease-in-out;
}

div.conference_event a:hover img {
	opacity: 0.70;
}


	/* viewport < 992px */
@media (max-width:992px) {
    div.conference_event .logo { display: block; padding: 1.5rem 0rem 0.5rem 2.0rem; }

}


/**************************************************/
/* End Conference Events Box                      */
/**************************************************/









/**************************************************/
/* start news and events                          */
/**************************************************/


/* Version 2.2 changes start */

div.news_event {
	background-color: #f5f5f5;
	margin-bottom: 4.0rem;
}

div.news_event:hover {
	box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.10) !important;	
}

div.news_event a img {
	-webkit-transition: opacity 0.2s ease-in-out; 
	-moz-transition: opacity 0.2s ease-in-out; 
	transition: opacity 0.2s ease-in-out;
}

div.news_event a:hover img {
	opacity: 0.60;
}

/* BOOTSTRAP modification */
div.news_event div.col-lg {
	padding: 0.5rem 1.5rem;
	display: flex;
	flex-direction: column;
}

/* BOOTSTRAP modification */
div.news_event div.col-lg > * {
	flex: 1 1 auto;
}

div.news_event h3 {
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
}

div.news_event h3 {
	border-bottom: 1px solid #bbb;
}

div.news_event a.news_title {
	color: #212529;
}

div.news_event a.news_title h3:hover {
	border-bottom: 1px solid #ba0202;
}

div.news_event a.news_title:hover {
	color: #ba0202;
	text-decoration: none;
}

/* BOOTSTRAP modification */
div.news_event div.col-lg div {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

/* BOOTSTRAP modification */
div.news_event div.col-lg div h4 {
	font-size: 0.95rem;
	margin: 0;
    text-transform: uppercase;
    color: #555;
}

/* BOOTSTRAP modification */
div.news_event div.col-lg div h4 {
	padding: 0;
}

div.news_event p {
	margin: 0;
    padding: 0;
}

div.news_detail {
	border-top: 3px solid #ba0202;
	margin-bottom: 4.0rem;
}

div.news_detail_photo {
	background-color: #efefef;
	text-align: center;
	border: 1px solid #ccc;
	padding: 0.75rem;	
}

/* use this when you have 2 photos in a news_detail_photo area */
div.news_detail_photo div.col-lg.news_detail_photo_1 {
	padding: 0rem 1.0rem 2.0rem 0rem;
}

div.news_detail_photo div.col-lg.news_detail_photo_2 {
	padding: 0rem 0rem 2.0rem 0rem;
}

div.news_detail_photo p {
	font-size: 0.95rem;
	color: #555;
	margin: 0;
	padding: 0.5rem 0rem 0rem 0rem;
}

div.news_detail_body {
	padding: 1.0rem 0rem;
}

div.news_detail_body h4 {
	font-size: 1.0rem;
	margin-bottom: 1.5rem;
}

div.news_detail div.big_letter {
	float: left;
	color: #ba0202;
	font-size: 4.0rem;
	padding: 0rem 0.5rem 0.5rem 0rem;
	margin: 0;
	line-height: 3.0rem;
}


	/* viewport < 992px */
@media (max-width:992px) {
	div.news_event div.col-lg-auto, div.news_event div.col-lg { padding: 0.5rem 1.0rem; }
	div.news_event div.col-lg div { padding-top: 1.5rem; }
	div.news_detail_photo div.col-lg.news_detail_photo_1, div.news_detail_photo div.col-lg.news_detail_photo_2 { padding: 0rem 0rem 2.0rem 0rem; }
}


	/* viewport < 450px */
@media (max-width:450px) {
	div.news_event div.col-lg div { flex: none; display: block; }
	div.news_event div.col-lg div h4 { padding: 0rem 0rem 1.0rem 0rem; }
}



/* Version 2.2 changes end */



/**************************************************/
/* end news and cevents                           */
/**************************************************/








/**************************************************/
/* start lists, tables, and flex tables           */
/**************************************************/

ul.list_grp {
	padding: 0;
	margin: 0;
	background-color: #eef8fd;
	border-left: 2px solid #eef8fd;
	border-right: 2px solid #eef8fd;
	border-bottom: 1px solid #eef8fd;
}

ul.list_grp li {
    list-style-type: none;
	padding: 7px 10px;
}

ul.list_grp li:nth-child(even) {
    background-color: #fff;
}

/* BOOTSTRAP modification */
/*.table-striped tbody tr:nth-of-type(odd) {
	background-color: #eef8fd;
} */



/* flex table */

div.flexTableRow {
	align-items: stretch;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

div.flexTableRow:nth-of-type(odd) {
	background-color: #effafe;
}

div.flexTableRow.flexTableTitle {
	background-color: #effafe;
	justify-content: center;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding: 0.5rem 0rem;
	margin: 0;
	font-size: 2.5rem;
}

div.flexTableRow.flexTableTitle .flexTable {
	border: none;
}

div.flexTableRow.flexTableHeader {
	background-color: #effafe;
	font-size: 1.20rem;
	font-weight: 600;
	border-top: 1px solid #ddd;
}

div.flexTable {
	padding: 0.5rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-left: 1px solid #ddd;
}

div.flexTable label {
	display: none;
	font-size: 0.9rem;
	text-transform: uppercase;
}

div.flexTable.one {
	flex-basis: 25%;
}
div.flexTable.two {
	flex-basis: 25%;
}
div.flexTable.three {
	flex-basis: 25%;
	border-left: 1px solid #ddd;
}
div.flexTable.four {
	flex-basis: 25%;
	border-left: 1px solid #ddd;
}

/* for scl-sensor.tech page */
div.flexTable.scl {
	flex-basis: 50%;
}




/* simple grid, 4 squares, used with Bootstrap rows and cols */
.quadGrid.one, .quadGrid.three {
	padding: 0rem 3.0rem 1.25rem 0rem;
}
.quadGrid.two, .quadGrid.four {
	padding: 0rem 0rem 1.25rem 0rem;
}



	/* viewport < 992px */
@media (max-width:992px) {
	
	div.flexTableRow { justify-content: stretch; margin-bottom: 1.5rem; }
	div.flexTableRow.flexTableTitle { font-size: 2.0rem; margin-bottom: 1.5rem; }
	div.flexTableRow.flexTableHeader { display: none; }
	div.flexTable label { display: block; }
	div.flexTableRow:nth-of-type(even) { background-color: #effafe; }
	div.flexTableRow:nth-of-type(odd) { background-color: #fff; }

	div.flexTable.one { flex-basis: 50%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	div.flexTable.two { flex-basis: 50%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	div.flexTable.three { flex-basis: 50%; }
	div.flexTable.four { flex-basis: 50%; }
	
	.quadGrid.one, .quadGrid.two { padding-top: 1.0rem; }
}

	/* viewport < 768px */
@media (max-width:768px) {
	.quadGrid.one, .quadGrid.three { padding-right: 0rem; } 
	.quadGrid.two { padding-top: 0rem; }
}


/**************************************************/
/* end lists, tables, and flex tables             */
/**************************************************/










/**************************************************/
/* start contact page                             */
/**************************************************/

select#contact_select_region:focus {
	border-color: #ced4da;
	outline: none;
	box-shadow: none;
}

select#contact_select_region option:hover {
	background-color: #eee;
}

select#contact_select_region option.contact_territory { }

select#contact_select_region option.contact_option_separator {
	margin-bottom: 0.5rem;
}

div.contact_row {
	border-bottom: 1px solid #ddd;
	padding: 2.0rem 0rem 1.0rem 0rem;
	font-size: 1.1rem;
}

div.contact_separator {
	padding-bottom: 1.0rem;
}

/* BOOTSTRAP modification */
div.col-lg-auto.contact_flag {
	padding: 0rem 1.75rem 0rem 0rem;
}

/* BOOTSTRAP modification */
div.col-lg.contact_address {
	flex-basis: 37%;
}

/* BOOTSTRAP modification */
div.col-lg.contact_sales_area {
	font-weight: 600;
	padding-right: 1.5rem;
	flex-basis: 13%;
}

/* BOOTSTRAP modification */
div.col-lg.contact_sales_1 {
	padding-right: 0.25rem;
	flex-basis: 20%;
}

/* BOOTSTRAP modification */
div.col-lg.contact_sales_2 {
	flex-basis: 17%;
}



	/* viewport < 992px */
@media (max-width:992px) {
	
	div.col-lg.contact_address { padding: 1.0rem 0rem; }
	div.col-lg.contact_sales_area p { padding-bottom: 0.15rem; margin-bottom: 0rem; }
	div.col-lg.contact_sales_area { padding-bottom: 1.5rem; }
	div.contact_row { padding: 1.5rem 0rem 0rem 0rem; }
	div.col-lg.contact_address, 
	div.col-lg.contact_sales_area, 
	div.col-lg.contact_sales_1, 
	div.col-lg.contact_sales_2 { flex-basis: 100%; }

}



/**************************************************/
/* end contact page                               */
/**************************************************/









/**************************************************/
/* start parts flex table + parts form            */
/**************************************************/

p.partsTableCategory {
	background-color: #999;
	color: #fff;
	font-size: 1.25rem;
	padding: 0.5rem 0rem 0.5rem 1.0rem;
	margin: 0;
}

div.flexTableRow.partsTable {
	background-color: #fff;
}

div.flexTableRow.partsTable:hover {
	/*background-color: #effafe;*/
	background-color: #f5f5f5;
}

div.flexTableRow.partsTable.flexTableTitle:hover,
div.flexTableRow.partsTable.flexTableHeader:hover {
	background-color: #fff;
}

div.flexTableRow.partsTable,
div.flexTableRow.partsTable > *,
div.flexTableRow.partsTable.flexTableTitle,
div.flexTableRow.partsTable.flexTableHeader {
	border-left: none;
	border-right: none;
	border-top: none;
}

div.flexTableRow.partsTable div.flexTable.partImg {
	padding: 0.5rem 0rem;
	min-width: 250px;
}

div.flexTableRow.partsTable img {
	-webkit-transition: opacity 0.2s ease-in-out; 
	-moz-transition: opacity 0.2s ease-in-out; 
	transition: opacity 0.2s ease-in-out;
}

div.flexTableRow.partsTable:hover img {
	opacity: 0.6;
}

div.flexTableRow.partsTable div.flexTable.partQty {
	padding: 0.5rem 0rem 0.5rem 0.5rem;
}

div.flexTableRow.partsTable div.flexTable.partName {
	padding: 0.5rem 0rem 0.5rem 1.0rem;
}



/* Part images: 200px x 200px. Table column widths are specified in                          */
/* percentages, so if you use much larger or smaller parts images, the flexTable column      */ 
/* percentages must be manually adjusted.                                                    */

div.flexTable.partQty { flex-basis: 8%; }
div.flexTable.partImg { flex-basis: 25%; }
div.flexTable.partNum { flex-basis: 13%; }
div.flexTable.partName { flex-basis: 25%; }
div.flexTable.partDesc { flex-basis: 25%; }

/* BOOTSTRAP modification */
div.flexTable.partQty .form-control {
	width: 50px;
	height: auto;
}

div.flexTable.partDesc p.qty_included {
	font-size: 0.98rem;
	font-style: italic;
}

div.flexTable.partName { order: 2; }
div.flexTable.partNum  { order: 3; }
div.flexTable.partQty  { order: 5; }
div.flexTable.partImg  { order: 1; }
div.flexTable.partDesc { order: 4; }




/* BOOTSTRAP modification */
form.parts {
	padding-bottom: 2.0rem;
}

/* BOOTSTRAP modification */
form.parts .form-control {
	padding: 0rem 0.25rem;
}

/* BOOTSTRAP modification */
form.parts .input-group,
form.parts .form-group {
	margin-left: 2.5rem;
	width: 90%;
}

/* This is used on both Parts and Customer Service forms */
#missing_fields { 
	color: #ba0202;
	font-weight: bold;
	display: none;
}

/* BOOTSTRAP modification */
form.parts button.red_button {
	margin: 2.5rem 0rem 0rem 2.5rem;
}


	/* viewport < 992px */
@media (max-width:992px) {
	
	div.flexTableRow.partsTable { border: 1px solid #ddd; background-color: #f5f5f5; padding: 0.5rem 1.0rem; }
	
	div.flexTable.partName, 
	div.flexTable.partNum { font-weight: bold; }
	
	div.flexTable.partName label, 
	div.flexTable.partNum label { font-weight: normal; display: inline-block; padding-right: 1.0rem; }
	
	div.flexTableRow.partsTable.flexTableTitle { background-color: #fff; border-bottom: none; }
	
	
	div.flexTableRow.partsTable div.flexTable.partName { flex-basis: 100%; order: 2; padding-left: 0; }
	div.flexTableRow.partsTable div.flexTable.partNum  { flex-basis: 100%; order: 3; padding-left: 0; }
	div.flexTableRow.partsTable div.flexTable.partQty  { flex-basis: 100%; order: 5; padding-left: 0; }
	div.flexTableRow.partsTable div.flexTable.partImg  { flex-basis: 100%; order: 1; }
	div.flexTableRow.partsTable div.flexTable.partDesc { flex-basis: 100%; order: 4; padding-left: 0; }

}


	/* viewport < 768px */
@media (max-width:768px) {
	form.parts .input-group, form.parts .form-group { margin-left: 0rem; width: 100%; }
	form.parts button.red_button { margin-left: 0rem; }
}

	/* viewport < 576px */
@media (max-width:576px) {
	div.flexTable.partName label, 
	div.flexTable.partNum label { display: block; }
}




/**************************************************/
/* end parts flex table + parts form              */
/**************************************************/







/************************************************/
/* start product page content                   */
/************************************************/


main.subpage h1.product {
	color: #ba0202;
	padding: 0rem;
}

/* for use inside tabbed panels */
div.product_box {
	border-bottom: 1px solid #ccc;
	margin-bottom: 2.0rem;
	padding-bottom: 1.0rem;
}

/* for use inside tabbed panels */
div.product_box.last {
	border-bottom: none;
}



/* start sales contacts */

.sales_contact_bg {
	background-color: #efefef;
	padding: 1.5rem 0rem 0.5rem 0rem;
}

div.row.sales_contact {
    padding-bottom: 3.0rem;
}

div.sales_contact h3,
div.sales_contact h4,
div.sales_contact h5,
div.sales_contact h6 {
	font-weight: normal;
	color: #222;
}

div.sales_contact h3 {
    font-weight: 600;
	font-size: 1.1rem;
	margin: 0;
	padding: 0rem 0rem 0.1rem 0rem;
}

div.sales_contact h5 {
	font-size: 0.98rem;
	margin: 0;
	padding: 0.1rem 0rem 0.75rem 0rem;
}

div.sales_contact p {
	font-size: 0.95rem;
	margin: 0;
	padding: 1.0rem 0rem 0.5rem 0rem;
}

div.sales_contact a { 
	text-decoration: none;
	color: #222;
	display: block;
	font-size: 1.0rem;
}

div.sales_contact a:hover {
	color: #ba0202;
}


	/* viewport < 768px */
@media (max-width:768px) {
    div.sales_contact { padding-bottom: 3.0rem; }
    div.row.sales_contact { padding-bottom: 0; }
}


/* end sales contact area */



/* start software_upgrades.html + system_configs.html page styles */

div.software_upgrades_container {
	width: 50%;
	padding: 1.0rem 0rem 2.0rem 0rem;
}

div.software_upgrades_header {
	background-color: #f5f5f5;
	font-weight: 600;
	padding: 0.25rem 0rem 0.25rem 0.5rem;
}

div.software_upgrades.one {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

div.software_upgrades.one, div.software_upgrades.two {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

div.software_upgrades_body {
	padding: 1.5rem 0rem 1.5rem 3.0rem;
}

div.bottom_line {
	border-bottom: 1px solid #ddd;
}


/* end software_upgrades.html + system_configs.html page styles */





/* start featured event or supplier info area */

/* BOOTSTRAP modification */
div.row.event_or_supplier {
	justify-content: center;
}

/* BOOTSTRAP modification */
div.col-md-auto.event_or_supplier {
	border: 1px solid #ba0202;
	text-align: center;
	padding: 0.75rem 3.0rem;
}

div.event_or_supplier img {
	display: block;
	margin: 0rem auto 0rem auto;
	padding: 0.5rem 0rem 1.5rem 0rem;
	box-sizing: content-box;
}

div.event_or_supplier h3 {
	font-size: 1.75rem;
	text-transform: uppercase;
	font-weight: normal;
	padding-bottom: 0rem;
}

/* end featured event or supplier area */
	




/* start products, downloads or brochures, publications */
/* and video styles (no carousel dependency)  */ 



a img.dvb {
	border: none;
	opacity: 1;
	-webkit-transition: opacity 0s ease-in-out; 
	-moz-transition: opacity 0s ease-in-out ; 
	transition: opacity 0s ease-in-out ;
}

a:hover img.dvb {
	opacity: 0.5;
}

div.pubs {
	padding: 1.0rem 0rem 0rem 0rem;
}

div.pub_item {
	padding: 0rem 1.0rem 1.25rem 1.0rem;
}

div.pubs h4 {
	padding-bottom: 1.0rem;
	font-size: 1.35rem;
}

div.pub_item a {
	display: flex;
	align-items: center;
}

div.pub_item a:hover {
	text-decoration: none;
}

div.pub_item a img {
	margin: 0rem 1.5rem 0rem 0rem;
	-webkit-transition: opacity 0.1s ease-in-out; 
	-moz-transition: opacity 0.1s ease-in-out; 
	transition: opacity 0.1s ease-in-out;
}

div.pub_item a:hover img {
	opacity: 0.60;
}


/* new Publications section, format slightly different */

div.publication_item {
	display: flex;
	align-items: center;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

div.publication_item a img {
	margin: 0rem 1.5rem 0rem 0rem;
	-webkit-transition: opacity 0.1s ease-in-out; 
	-moz-transition: opacity 0.1s ease-in-out; 
	transition: opacity 0.1s ease-in-out;
}

div.publication_item a:hover img {
	opacity: 0.60;
}

h3.publication_item {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}


/* end new Publications section */



/* end products, downloads or brochures, publications */
/* and video styles (no carousel dependency)  */ 





	/* product subpages: viewport < 767px */
@media (max-width:767px) {
	
	/* BOOTSTRAP modification */
	div.col-md-auto.sales_contact_col { text-align: center;  padding-right: 0rem !important; padding-bottom: 0.5rem; }

	/* BOOTSTRAP modification */
	div.row.event_or_supplier { justify-content: flex-start; }
	
	/* BOOTSTRAP modification */
	div.col-md-auto.event_or_supplier { padding: 0.75rem; }
	
	main.subpage h1.product { padding-top: 1.25rem; }
	
	/* BOOTSTRAP modification */
	div.tab-pane h4 { font-size: 1.25rem; font-weight: 600; padding-bottom: 1.0rem; }
	/* BOOTSTRAP modification */
	div.tab-pane a.expandableLink { padding-left: 0; }
	/* BOOTSTRAP modification */
	div.tab-pane div.expandableBody { padding-left: 0; }
	/* BOOTSTRAP modification */
	div.tab-pane div.indent { padding-left: 0; }
	
	div.software_upgrades_container { width: 100%; }

}


/************************************************/
/* end product page content                     */
/************************************************/





/**************************************************/
/* start slick carousels                          */
/**************************************************/


.slick_qd_prev,
.slick_qd_next {
    position: absolute;
    top: 30%;
    width: 30px;
    height: 30px;
    padding: 0;
	margin: 0;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick_qd_prev {
	background-image: url(../images/carousel_prev_1.png);
	left: -30px;
}

.slick_qd_prev:hover {
	background-image: url(../images/carousel_prev_2.png);
}

.slick_qd_next {
	background-image: url(../images/carousel_next_1.png);
	right: -30px;
}

.slick_qd_next:hover {
	background-image: url(../images/carousel_next_2.png);
}

.slick_qd_prev:hover,
.slick_qd_prev:focus,
.slick_qd_next:hover,
.slick_qd_next:focus {
    border: none;
    outline: none;
}

.slick_qd_dots {
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;
}

.slick_qd_dots li {
    display: inline-block;
    margin: 0px 5px;
    padding: 0;
	cursor: pointer;
}

.slick_qd_dots li button {
	display: block;
	width: 30px;
	height: 5px;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background-color: #aabcd2;
}

.slick_qd_dots li button:hover,
.slick_qd_dots li button:focus {
	outline: none;
	background-color: #333;
}

.slick_qd_dots li.slick-active button {
	background-color: #333;
}



/* SLICK modification */
.slick-slide {
	text-align: center;
}

/* SLICK modification */
.slick-dotted.slick-slider {
	margin-bottom: 15px;
}



/* carousel containers */

div#mainProductPhotos_slick_carousel {
	margin: 0 auto 0.25rem auto;
}

div#mainProductPhotos_slick_bg {
	max-width: 475px;
	padding: 0px 30px;
}

div#mainProductPhotos_slick_bg .slick_qd_prev,
div#mainProductPhotos_slick_bg .slick_qd_next {
	top: 45%;
}


/* SLICK modification */
div#products_slick_carousel .slick-slide div {
	height: 100%;
}


div.slick_carousel_bg {
	padding: 10px 30px 0px 30px;
}


/* get rid of left-right side padding                     */
/*photo gallery has arrows below slider, just above dots, */
/* so photos should to edge-to-edge                       */
div.slick_carousel_bg.gallery {
	padding: 10px 0px 0px 0px;
}



/* DEFINE ITEM WIDTHS */


div.video_item {
	max-width: 272px;
}

div.brochure_item {
	max-width: 120px;
}

div.testimonial_item {
	max-width: 650px;
}

div.gallery_item {
	max-width: 257px;
}

div.news_item {
    max-width: 500px;
}

div.mainProductPhoto_slick_item {
	max-width: 400px;
}

div.product_item {
	/* set max-width = 150 + 2 for border */
	max-width: 152px;
	border: 1px solid #ccc;	
}


/* DEFINE HOVER BEHAVIOR FOR ITEMS THAT ARE LINKS */

div.product_item:hover {
	background-color: #f5f5f5;
}

div.brochure_item:hover,
div.product_item:hover {
	color: #ba0202;
}

div.brochure_item:hover a,
div.product_item:hover a {
	text-decoration: none;
	color: #ba0202;
}

div.brochure_item a:focus,
div.product_item a:focus {
	outline: none;
	box-shadow: none;
}

div.brochure_item:hover a img,
div.product_item:hover a img {
	opacity: 0.5;
}

div.product_item span {
	padding: 0rem 0.25rem 0rem 0.5rem;
}



/* DEFINE CAPTION STYLES */


div.brochure_item span,
div.product_item span,
div.video_item p,
div.gallery_item p {
	display: block;
	padding-top: 0.2rem;
	font-size: 0.95rem;
	line-height: 1.1rem;
}

div.video_item,
div.brochure_item,
div.testimonial_item,
div.product_item,
div.gallery_item {
	text-align: left;
}

div.video_item p,
div.gallery_item p,
div.brochure_item a,
div.product_item a {
	padding-bottom: 0;
	margin-bottom: 0;
	color: #333;
}





/* Slick carousel arrows and dots containers */

#slick_qd_mainProductPhoto_arrows,
#slick_qd_products_arrows,
#slick_qd_video_arrows,
#slick_qd_brochure_arrows,
#slick_qd_testimonial_arrows,
#slick_qd_news_arrows { 
	margin: 10px auto; 
	height: 30px; 
	width: 100px;
	display: none;
}



#slick_qd_products_arrows .slick_qd_prev,
#slick_qd_products_arrows .slick_qd_next,
#slick_qd_mainProductPhoto_arrows .slick_qd_prev,
#slick_qd_mainProductPhoto_arrows .slick_qd_next,
#slick_qd_brochure_arrows .slick_qd_prev,
#slick_qd_brochure_arrows .slick_qd_next,
#slick_qd_testimonial_arrows .slick_qd_prev,
#slick_qd_testimonial_arrows .slick_qd_next,
#slick_qd_video_arrows .slick_qd_next,
#slick_qd_video_arrows .slick_qd_prev,
#slick_qd_news_arrows .slick_qd_next,
#slick_qd_news_arrows .slick_qd_prev { 
	position: relative; 
	top: auto; 
}


#slick_qd_products_arrows .slick_qd_prev,
#slick_qd_mainProductPhoto_arrows .slick_qd_prev,
#slick_qd_brochure_arrows .slick_qd_prev,
#slick_qd_testimonial_arrows .slick_qd_prev,
#slick_qd_video_arrows .slick_qd_prev,
#slick_qd_news_arrows .slick_qd_prev { 
	left: auto; 
}


#slick_qd_products_arrows .slick_qd_next,
#slick_qd_mainProductPhoto_arrows .slick_qd_next,
#slick_qd_brochure_arrows .slick_qd_next,
#slick_qd_testimonial_arrows .slick_qd_next,
#slick_qd_video_arrows .slick_qd_next,
#slick_qd_news_arrows .slick_qd_next { 
	right: auto; 
	margin-left: 40px; 
}


#slick_qd_gallery_arrows {
	margin: 0px auto 20px auto; 
	height: 30px; 
	width: 61px;
}


#slick_qd_gallery_arrows .slick_qd_next,
#slick_qd_gallery_arrows .slick_qd_prev { 
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}



#slick_qd_products_dots,
#slick_qd_mainProductPhoto_dots,
#slick_qd_video_dots,
#slick_qd_brochure_dots,
#slick_qd_testimonial_dots,
#slick_qd_gallery_dots,
#slick_qd_news_dots {
	padding: 0px 30px;
}




	/* viewport < 576px */
@media (max-width:576px) {

	div.slick_carousel_bg { padding-left: 0; padding-right: 0; }
	
	#slick_qd_brochure_arrows { display: block; }
	#slick_qd_testimonial_arrows { display: block; }
	#slick_qd_video_arrows { display: block; }
	#slick_qd_mainProductPhoto_arrows { display: block; }
	#slick_qd_products_arrows { display: block; }
    #slick_qd_gallery_arrows { display: block; }
    #slick_qd_news_arrows { display: block; }
}





/**************************************************/
/* end slick carousels                            */
/**************************************************/






/**************************************************/
/* start footer + copyright                       */
/**************************************************/

div.footer_bg {
	/* for MS browsers, specify everything seprately */
	background-color: #333;
	background-image: url(../images/Q_footer.jpg);
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: top;
}


/* BOOTSTRAP modification */
div.row.footer { 
	font-size: 1.0rem;
	color: #ccc;
}

.footer_col {
	padding: 1.5rem 0rem 1.0rem 0rem;
}

.footer_col h1 {
	color: #ccc;
	font-size: 1.1rem;
	text-transform: uppercase;
	margin: 0rem;
	padding: 0rem 0rem 1.25rem 0rem;
}

.footer_col p {
	padding: 0rem 0rem 0.95rem 0rem;
	margin: 0rem;
}

.footer_col ul {
	list-style-type: none;
	margin: 0rem;
	padding: 0rem;
}

.footer_col ul li {
	padding: 0rem 0rem 0.75rem 0rem;
	line-height: 1.0rem;
}

.footer_col a { 
	text-decoration: none; 
	color: #ccc;
}

.footer_col a:hover {
	color: #777;
}

/* #cat_links used by qd.js to open specific tabbed panels on categories.html */
ul#cat_links { }

/* #tab_links used by qd.js to open specific tabbed panels on ppms.html */
span#tab_links { }



div.copyright {
	background-color: #555;
	padding: 1.0rem 0rem;
	color: #ccc;
	font-size: 0.9rem;
}

	/* footer: viewport < 768px */
@media (max-width:768px) {
	.footer_col h1 { padding: 0rem 0rem 1.0rem 0rem; }
	.footer_col ul li { padding: 0rem 0rem 1.0rem 1.0rem; line-height: 1.15rem; }
	.footer_col p { padding: 0rem 0rem 0.95rem 1.0rem; }
}



/**************************************************/
/* end footer + copyright                         */
/**************************************************/





/******************************************************/
/* start event advertisement slider                   */
/* Used on:  NOWHERE, for now.  Keep for future use.  */
/******************************************************/

/*
div#event_slider {
	position: fixed;
	z-index: 2000;
	top: 35%;
	right: 0;
	width: auto;
}


div.event_slider_content {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	vertical-align: top;
	background-color: #ba0202;
	padding: 1.0rem;
	-webkit-transition: all 1.5s ease-in-out; 
	-moz-transition: all 1.5s ease-in-out ; 
	transform: all 1.5s ease-in-out;
	width: 300px;
	min-height: 200px;
}

div.event_slider_content h3,
div.event_slider_content h4,
div.event_slider_content h5 {
    font-weight: normal;
}

div.event_slider_content h4 {
    font-size: 1.0rem;
    padding-top: 0.5rem;
}

div.event_slider_content h4 a {
    color: #fff;
}

div.event_slider_content h4 a:hover {
    color: #ccc;
    text-decoration: none;
}

div.event_slider_content h5 {
    font-size: 0.95rem;
    padding-top: 1.0rem;
}




@media (max-width:992px) {
	div#event_slider { top: 45%; }
}
 */

/**************************************************/
/* end event advertisement slider                 */
/**************************************************/

















/**************************************************/
/* start red contact slider                       */
/**************************************************/

div#contact_slider {
	position: fixed;
	/* Make red contact slide-out z-index < black slide-out menus */
	/* and < backToTop button */
	z-index: 2000;
	top: 35%;
	left: 0;
	width: auto;
}

/* BOOTSTRAP modification */
div#contact_slider a.btn {
	border-radius: 0rem;
	border: none;
	display: block;
	margin-bottom: 3px;
	padding: 0px;
	background-color: transparent;
}


/* BOOTSTRAP modification */
div#contact_slider a.btn.one,
div#contact_slider a.btn.two, 
div#contact_slider a.btn.three { 
	border-left: 3px solid #ba0202;
}

/* BOOTSTRAP modification */
div#contact_slider a.btn:focus, div#contact_slider a.btn.focus {
  box-shadow: 0 0 0 0 transparent;
}

div.contact_slider_content {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	vertical-align: top;
	background-color: #ba0202;
	padding: 0.75rem 0rem 0.25rem 1.5rem;
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out ; 
	transform: all 0.5s ease-in-out;
	width: 400px;
	min-height: 165px;
}

div.contact_slider_buttons {
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out ; 
	transform: all 0.5s ease-in-out;
}

/* BOOTSTRAP modification */
div#contact_slider a.btn.one.open,
div#contact_slider a.btn.two.open, 
div#contact_slider a.btn.three.open { 
	border-left: 3px solid transparent;
	opacity: 0.5;
}

div.contact_slider_content h3,
div.contact_slider_content h4,
div.contact_slider_content h5,
div.contact_slider_content h6 {
	font-weight: normal;
}

div.contact_slider_content h3 {
	font-size: 1.3rem;
	margin: 0;
	padding: 0rem 0rem 0.75rem 0rem;
}

div.contact_slider_content h4 {
	text-transform: uppercase;
	font-size: 0.95rem;
	margin: 0;
	padding: 0rem 0rem 0.1rem 0rem;
}

div.contact_slider_content h5 {
	font-size: 1.05rem;
	margin: 0;
	padding: 0.1rem 0rem;
}

div.contact_slider_content h6 {
	font-size: 1.05rem;
	margin: 0;
	padding: 0.1rem 0rem 1.25rem 0rem;
}

div.contact_slider_content h6 a {
	color: #fff;
}

div.contact_slider_content h6 a:hover {
	color: #fff;
	text-decoration: none;
}



	/* product subpages: viewport < 992px */
@media (max-width:992px) {
	div#contact_slider { top: 45%; }
}


	/* product subpages: viewport < 768px */
@media (max-width:768px) {
	div#contact_slider { display: none; }
}


/**************************************************/
/* end red contact slider                         */
/**************************************************/




/**************************************************/
/* start backToTop                                */
/**************************************************/

#backToTop { 
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5000;
	-webkit-transition: opacity 0.5s ease-in-out; 
	-moz-transition: opacity 0.5s ease-in-out ; 
	transition: opacity 0.5s ease-in-out ;
    opacity: 0;
}
#backTotop a {
	text-decoration:none;
}
#backToTop a img {
	border: none;
}
#backToTop.show {
    opacity: 1;
}
#backToTop.fadeOut {
	opacity: 0.5;
}

/**************************************************/
/* end backToTop                                  */
/**************************************************/







/**************************************************/
/* start parts_skip_2                             */
/**************************************************/

#parts_skip_2 { 
    position: fixed;
    top: 300px;
	left: auto;
	bottom: auto;
    right: 20px;
    z-index: 5000;
	-webkit-transition: 0.5s ease; 
	-moz-transition: 0.5s ease; 
	transition: 0.5s ease;
	visibility: hidden;
	opacity: 0;
}

#parts_skip_2.show {
	visibility: visible;
    opacity: 1;
}

#parts_skip_2.fade {
	visibility: visible;
	opacity: 0.5;
}

#parts_skip_2.hover {
	-webkit-transition: opacity 0.1s ease; 
	-moz-transition: opacity 0.1s ease; 
	transition: opacity 0.1s ease;
    opacity: 1;
}

/**************************************************/
/* end parts_skip_2                               */
/**************************************************/












/**************************************************/
/* start calculators                              */
/**************************************************/


/* used by all calculators to report input errors */
#calcStatus {
	font-weight: bold;
	color: #ba0202;
}



/* Start:  helium vapor pressure / temperature calculator */

div.hvp div.col-sm-auto {
	padding-right: 1.5rem;
}

div.hvp div.col-sm-auto.hvpButtons1 {
	flex: 0;
	display: block;
	padding-top: 1.5rem;
}

div.hvp div.col-sm-auto.hvpButtons1 button.hvpButton1 {
	margin-bottom: 0.25rem;
}

div.hvp div.col-sm-auto.hvpButtons2 {
	display: none;
}

div.hvp div.col-sm-auto.hvpButtons1 button.btn-secondary:focus, 
div.hvp div.col-sm-auto.hvpButtons1 button.btn-secondary.focus,
div.hvp div.col-sm-auto.hvpButtons2 button.btn-secondary:focus, 
div.hvp div.col-sm-auto.hvpButtons2 button.btn-secondary.focus {
  box-shadow: none;
}

@media (max-width:576px) {
	
	div.hvp div.col-sm-auto.hvpButtons1 { display: none; }
	div.hvp div.col-sm-auto.hvpButtons2 { display:block; padding: 1.0rem 0rem; }
	div.hvp div.col-sm-auto.hvpButtons2 button.hvpButton1 { margin-bottom: 0rem; margin-right: 0.25rem; }

}

/* End:  helium vapor pressure / temperature calculator */





/* Start:  gas flow pressure drop calculator */

div.gas_flow_pressure_drop {
	border: 1px solid #ddd;
}

div.col-lg-7.gas_flow_pressure_drop {
	margin-right: 0.5rem;
}

div.gas_flow_pressure_drop select {
	padding: 3px 0px;
}

span.gas_flow_paren {
	font-size: 0.9rem;
	color: #555;
	font-style:italic;
}

button.gas_flow_pressure_drop.btn-secondary:focus, 
button.gas_flow_pressure_drop.btn-secondary.focus {
  box-shadow: none;
}

.gas_flow_emph {
	font-weight:bold;
	background-color:#FFC;
}

.gas_flow_noemph { }



@media (max-width:992px) {
	div.col-lg-7.gas_flow_pressure_drop { margin-right: 0 !important;  margin-bottom: 1rem !important; }
}

@media (max-width:355px) {
	div.gas_flow_pressure_drop select { margin-top: 0.5rem !important;  }
}


/* End:  gas flow pressure drop calculator */




/* Start: thermal conductance calculator */

div.thermCond {
	border: 1px solid #ddd;
	padding: 1.0rem !important;
}

/* BOOTSTRAP modification */
div.thermCondCol1 {
	display: flex;
	flex-direction: column;
	margin-right: 1.0rem;
}

/* BOOTSTRAP modification */
div.thermCondCol1 div.thermCond {
	flex: 1 1 auto;
}

/* BOOTSTRAP modification */
div.thermCondCol1 div.thermCond div.row {
	width: 100%;
}

div#thermCondResult {
	padding: 0.75rem;
	background-color: #f5f5f5;
}

/* BOOTSTRAP modification */
button.thermCondButton.btn-secondary:focus, 
button.thermCondButton.btn-secondary.focus {
  box-shadow: none;
}

div#thermCondDescription { padding: 0rem 0rem 0rem 1.0rem; }




/* Adjustments to how the input boxes look, particularly when disabled */

div.hvp input, 
div.gas_flow_pressure_drop input, 
div.thermCond input {
    border: none;
    border: 1px solid #212529;
    border-radius: 0.25rem;
}

div.hvp input:disabled, 
div.gas_flow_pressure_drop input:disabled, 
div.thermCond input:disabled {
    cursor: default;
    background-color: #eee;
    color: #eee;
    border-color: #ccc;
}





@media (max-width:992px) {
	div.thermCondCol1 { margin: 0rem 0rem 1.0rem 0rem;  }
}

@media (max-width:576px) {
	div#thermCondDescription { padding: 1.0rem 0rem 0rem 0rem; }
}

	

/* end thermal conductance calculator *


/********************************************/
/* end calculators                          */
/********************************************/