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

/* z-indexes:                          */
/* subpage sticky navbar = 1020        */
/* subpage fixed top adjustment = 107  */
/* anchor = ?????                      */
/* BOOTSTRAP fixed-top = 1030          */
/* BOOTSTRAP dropwodn-menu = 2000      */
/* backToTop button = 5000             */



body { 
	background-color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: normal;
	font-size: 1.1rem;
}


/* links */

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


/* BOOTSTRAP modification */
a.red_button.btn.btn-sm,
a.red_button.btn,
button.red_button.btn,
select.red_button.btn {
    /* select.red_button.btn is used on windows tool page */
    
	color: #fff;
	background-color: #ba0202;
	border-color: #ba0202;
    border-width: 2px;
    border-radius: 0px;
}

button.gray_button.btn {
    /* gray_button is used on windows tool page */
    
    color: #fff;
    background-color: #555;
    border-color: #555;
    border-witdh: 2px;
    border-radius: 0px;
}


/* BOOTSTRAP modification */
a.red_button.btn.btn-sm:hover,
a.red_button.btn:hover,
button.red_button.btn:hover,
select.red_button.btn:hover {
    /* select.red_button.btn is used on windows tool page */
    

	/* changed Feb 2025, to match NEW QDUSA HOME PAGE DESIGN */
    /*
    color: #fff;
	background-color: #ed2633;
	border-color: #ed2633; */
    
    color: #ba0202;
    background-color: #fff;
    border-color: #ba0202;
    border-width: 2px;
}

button.gray_button.btn:hover {
    /* gray_button is used on windows tool page */
    
    color: #333;
    background-color: #fff;
    border-color: #555;
}




/* 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,
a.modal_button.btn:focus,
a.modal_button.btn.focus,
select.red_button.btn.focus,
select.red_button.btn:focus,
button.gray_button.btn.focus,
button.gray_button.btn:focus {
    /* select.red_button.btn is used on windows tool page */
    /* gray_button is used on windows tool page */

	outline: none;
	box-shadow: none;
}


/* backgrounds */

.qdred   { background-color: #ba0202; }
.whitebg { background-color: #fff; }
.blackbg { background-color: #000; }
.gray0f  { background-color: #0f0f0f; }
.gray1   { background-color: #111; }
.gray2   { background-color: #222; }
.gray3   { background-color: #333; }
.gray21  { background-color: #212121; }
.grayd   { background-color: #ddd; }
.grayd1  { background-color: #d1d2d4; }
.graya5  { background-color: #a5a5a5; }
.grayf1  { background-color: #f1f1f1; }



/* test colors */
.garish1 { background-color: chartreuse; }
.garish2 { background-color: cyan; }


/* fonts */
.whitefont       { color: #fff;    }
.grayed_out_font { color: #ccc;    }
.redfont         { color: #ba0202; }
.bootstrap_font  { color: #212529; }


div.red_line { 
    height: 1px;
    background-color: #ba0202;
}

div.gray_line { 
    height: 1px;
    background-color: #ccc;
}

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


.main { padding-top: 2.0rem; padding-bottom: 2.0rem; }

.main h1,
.main h2 { padding-bottom: 1.0rem; }

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


section { padding-top: 2.0rem; }

.indent { padding-left: 20px; }

ul li ul { list-style-type: square; }

p.fineprint { font-size: 0.95rem; color: #565656; }

.display-fs {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.15;
    color: #ba0202;
}




/* START:  VERY IMPORTANT BOOTSTRAP modification  */

/* We want max witdh to be 1200px but Bootstrap   */
/* sets max-width to 1340px - changed to 1200px.  */
/* Boostrap adds padding to sides - removed that. */
/* Did not override Bootstrap margin auto.        */
/* Did not override the smaller breakpoints.      */

.container { 
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 1400px) { .container { max-width: 1200px; } }

/* END:   VERY IMPORTANT BOOTSTRAP modification */

	/* viewport < 991px */
@media  (max-width:991px) {
    .special_col_padding { padding-top: 1.5rem; }
    .sides { padding-left: 20px; padding-right: 20px; }
}


	/* viewport < 768px */
@media  (max-width:768px) {
    .photoLeft, .photoRight { padding: 1.0rem 0rem 2.0rem 0rem; float: none; }
    .indent { padding-left: 0; }
    h1.product { padding-top: 1.5rem; }
}


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




/*****************************/
/* Start NS Header           */
/*****************************/


.topnav {
    border-top: #ba0202 3px solid;
}

.logo { }



/* Social Media icons */

div.col-lg-auto.icons { 
    align-content: center;
    padding-right: 2.0rem;
}


a.yt {
    height:20px;
    width:27px;
    display: block;
    background: url("../images/social_icons/YouTube_Logo.png") no-repeat;
}

a.li {
    height:20px;
    width:19px;
    display: block;
    background: url("../images/social_icons/LinkedIn_Logo.png") no-repeat;
}

a.yt:hover { background: url("../images/social_icons/YouTube_Logo_1.png") no-repeat; }
a.li:hover { background: url("../images/social_icons/LinkedIn_Logo_1.png") no-repeat; }






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


/* BOOTSTRAP modification */
div.col-lg.tel {
	text-align: right;
	align-self: center;
    
	/* changed Feb 2025, to match NEW HOME PAGE DESIGN */
    /* padding-right: 0.9rem; */
    padding-right: 2.0rem;
}

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

/* BOOTSTRAP modification */
div.col-lg.tel a:hover {
	/* changed Feb 2025, to match NEW HOME PAGE DESIGN */
	/* color: #ba0202; */
    color: #212529;
}



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



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


/* FEB 2025 - NEW HOME PAGE DESIGN - NEW SVG LOGO */
/* new logo treatment, to handle svg logo */
/* BOOTSTRAP modification */
div.col-lg-auto.logo_svg img { 
    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out; 
    /* set default size */
    width:325px; 
    height:76px; 
}

/* FEB 2025 - NEW HOME PAGE DESIGN - NEW SVG LOGO */
/* new logo treatment, to handle svg logo */
/* viewport <= 992 */
@media  (max-width:992px) {
    
	/* BOOTSTRAP modification */
	div.col-lg-auto.logo_svg img { 
		-webkit-transition: all 0.2s ease-in-out; 
		-moz-transition: all 0.2s ease-in-out; 
		transition: all 0.2s ease-in-out; 
        /* set size for viewoprt <=992 */
		width:275px; 
		height:64px; 
	}
    
    /* BOOTSTRAP modification */
    div.row.logo_nav { padding-left: 20px; padding-right: 20px; }

    /* BOOTSTRAP modification */
    div.col-lg.tel { text-align: left; padding: 0.75rem 0rem; }
    div.col-lg-auto.icons { padding-bottom: 1.0rem; }

}


/*****************************/
/* End NS Header             */
/*****************************/





/*****************************/
/* Start NS Nav              */
/*****************************/


/* BOOTSTRAP modification */
.navbar {
	/* changed Feb 2025, to match NEW HOME PAGE DESIGN */
    /* padding:  1.75rem 0rem 0rem 0rem; */
	padding: 1.0rem 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;
    color: #212529;
	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: 0;
	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: 1.0rem 0rem 0rem 0rem; }	
	.navbar-expand-lg .navbar-nav .nav-link { font-size: 1.0rem; padding: 0.5rem 0rem; border: none; }
	.navbar-expand-lg .navbar-nav .nav-link.first { padding-top: 1.0rem; }
	
}


/*****************************/
/* End NS Nav                */
/*****************************/



/***************************/
/* start HOME PAGE         */
/***************************/


.hide { display: none; }

div.bg_photo {
	/* FIXED HEADER */
	/* adjust bg_photo positions so they all appear below fixed header */
    
	margin-top: 107px;
    
    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%;
}

div.separator { height: 6px; }



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





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


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



.section_title_separator {
    height: 3px;
    width: 150px;
    margin-bottom: 3.0rem !important;
    background-color: #ba0202;
}

.section_title {
    text-transform: uppercase;
    font-size: 1.75rem;
    font-weight: normal;
    padding: 1.0rem 0rem 1.5rem 0rem;
}


.about_us_block_icons {
    display: flex;
    align-items: center;
}



/* START LATEST NEWS BLOCK - DARK BG VERSION */


.latest_news_col { display: flex; }

.latest_news_col.one   { }
.latest_news_col.two   { justify-content: center;   }
.latest_news_col.three { justify-content: flex-end; }


.latest_news_item {
    max-width: 300px;
    
    /* use the following 2 lines to make the .spotlight_item_content fill remaining space */
    display: flex;
    flex-flow: column;
}

.latest_news_item.one { }
.latest_news_item.two { }
.latest_news_item.three { }

.latest_news_item_title { 
    flex: 1;
}

.latest_news_item_title a {
    color: #fff;
    text-decoration: none;
}
.latest_news_item_title a:hover {
    color: #fff;
    text-decoration: none;
}

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

.latest_news_item_title a:hover img,
.latest_news_item_title a:hover {
	opacity: 0.75;
}

.latest_news_item_title h4 {
    font-size: 1.25rem;
    padding: 0.5rem 0rem;
}

/* latest_new_item_content should be a maximum of 5 lines of text. */
/* As with latest_news_item_title (above), if you need to          */
/* restrict the height of latest_news_item_content, the approx     */
/* size is 130px - 135px high (I measured via a snapshot of        */
/* the page in Photoshop). Don't forget to set overflow to hidden. */
.latest_news_item_content {
    font-size: 1.0rem;
    color: #fff;
}


.latest_news_button {
    display: flex;
    align-items: center;
}


.latest_news_date {
    color: #ccc;
    font-size: .9rem;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.25rem 0rem 0.2rem 0rem;
}


	/* category area: viewport < 992px */
@media (max-width:992px) {
    .latest_news_col { display: block; }
    .latest_news_col.one, .latest_news_col.two { padding-bottom: 3.0rem; }
    
}


/* END LATEST NEWS BLOCK */



/*****************************/
/* wns HOME PAGE             */
/*****************************/





/*******************************/
/* Start NS Subpages           */
/*******************************/



/* Start FusionScope Subpage Nav  */


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




/* 122 = HEIGHT OF CURRENT LOGO + ALL OTHER NAVBAR ELEMENTS */

.subpage_fixed_top_adjust {
    /* adjust all the content down so it doesn't roll up under the fixed-top */
    padding-top: 107px;
}

/* Subpage headers:  1600 x 50 px */
div.subpage_header_image { min-height: 50px; }


/* Subpage backgrounds, 1920 x 50 */

div.subpage_header_image.optistat1 { background-image:url("../images/bg/optical_cryostats_subpage_bg.jpg"); }
div.subpage_header_image.decs { background-image:url("../images/bg/DECS_subpage_bg.jpg"); }
div.subpage_header_image.special_sys { background-image:url("../images/bg/optical_cryostats_subpage_bg.jpg"); }
div.subpage_header_image.blog { background-image:url("../images/bg/services.jpg"); }
div.subpage_header_image.services { background-image:url("../images/bg/services.jpg"); }
div.subpage_header_image.win_tool { background-image:url("../images/bg/optical_windows_for_cryostats.jpg"); }
div.subpage_header_image.history { background-image:url("../images/bg/about_us_history_bg.jpg"); }
div.subpage_header_image.sustain { background-image:url("../images/bg/about_us_sustainability.jpg"); }
div.subpage_header_image.learn { background-image:url("../images/bg/about_us_learning_programs.jpg"); }
div.subpage_header_image.purchase { background-image:url("../images/bg/about_us_QD_sale.jpg"); }
div.subpage_header_image.sci_prizes { background-image:url("../images/bg/about_us_science_prizes.jpg"); }
div.subpage_header_image.pubs { background-image:url("../images/bg/resources_pubs.jpg"); }
div.subpage_header_image.microstat { background-image:url("../images/bg/microstat_bg.jpg"); }
div.subpage_header_image.custSupport { background-image:url("../images/bg/services_customer_support_packages.jpg"); }





/* STICKY SUBPAGE NAVBAR   */
/* On scroll, collapse .subpage_header_image graphic and       */
/* make subpage_nav FIXED to bottom of FIXED HEADER            */
/* See fusionscope.js                                          */

.subpage_nav.stick { 
    position: fixed;
    top: 107px;
	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;
    /* 122 = HEIGHT OF CURRENT LOGO + ALL OTHER NAVBAR ELEMENTS */
	/* 232px = 122 (ht of logo/main nav area) + 50 ( ht of subpage navbar) + 60            */
    /* Need the extra 60 to make sure the top of each sub-section doesn't land             */
    /* right at the bottom of the subpage menu bar bottom edge.                            */
    height: 232px;
    margin-top: -232px;
    visibility: hidden;
}



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

}



/* End NS Subpage Nav    */


/*******************************/
/* End NS Subpages             */
/*******************************/





/**************************************************/
/* start contact pages                            */
/**************************************************/

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



/* contact form for info-gathering, not for finding local office */

.contact_form_wrapper {
    width: 75%;
}


/* These ids are from Salesforce */

.contact_form_wrapper select#Application_Deep_Dive__c option#multi_select_1 {
	/* border-color: #ced4da; */
    background-color: #eee;
    color: #212529;
    font-style: italic;
}



select#Application__c option:hover,
select#Application_Deep_Dive__c option:hover, 
select#Next_Actions__c option:hover {
	background-color: #eee;
}


	/* 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 pages                              */
/**************************************************/









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

div.category_page_item.end { border-bottom: none; }

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

div.category_page_item div.col-md a {
    color: #ba0202;
    text-decoration: none;
}

div.category_page_item a h4  {
    font-size: 1.5rem; 
    font-weight: 500;
    margin: 0rem 0.5rem 0rem 0rem;
}

div.category_page_item a h6  {
    font-size: 1.0rem; 
    font-weight: 500;
    margin: 0rem 0.5rem 0rem 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 vertical box styles for news, pubs, etc.  */
/****************************************************/


.vertical_box_col,
.vertical_box_col4 { 
    display: flex;
    padding: 1.5rem 0rem;
}

/* use these for 3-col layout */
/* used on Publications       */
.vertical_box_col.zero  { /* use this only for empty columns */ padding: 0rem; }
.vertical_box_col.one   { }
.vertical_box_col.two   { justify-content: center;   }
.vertical_box_col.three { justify-content: flex-end; }

/* use these for 4-col layout        */
/* used on Customer Support Packages */
.vertical_box_col4.zero  { /* use this only for empty columns */ padding: 0rem; }
.vertical_box_col4.one   { }
.vertical_box_col4.two   { justify-content: center;   }
.vertical_box_col4.three { justify-content: center;   }
.vertical_box_col4.four  { justify-content: flex-end; }

/* use for 3-col layout */
.vertical_box { width: 300px; }

/* use for 4-col layout */
.vertical_box4 { width: 260px; }

.vertical_box,
.vertical_box4 {    
    /* use the following 2 lines to make the content fill remaining space */
    display: flex;
    flex-flow: column;
    border-bottom: 1px solid #ddd;
}

/* use for 3-col layout */

.vertical_box.one   { }
.vertical_box.two   { }
.vertical_box.three { }

/* use for 4-col layout */

.vertical_box4.one   { }
.vertical_box4.two   { }
.vertical_box4.three { }
.vertical_box4.four  { }


.vertical_box a,
.vertical_box4 a {
    display: block;
    overflow: hidden;
    color: #212529;
    text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;
}

.vertical_box a:hover,
.vertical_box4 a:hover {
    color: #ba0202;
    text-decoration: none;
}


.vertical_box a:hover img,
.vertical_box4 a:hover img { opacity: 0.60; }

.vertical_box a h4,
.vertical_box4 a h4 {
    font-size: 1.25rem;
    font-weight: 600;
    padding: 0.5rem 0rem;
}


.vertical_box4 a:hover.no_link,
.vertical_box4 a:hover.no_link img {
    cursor: default;
    color: #212529;
    opacity: 1;
}




.vertical_box_content {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}

.vertical_box_content p {
    font-size: 1.0rem;
}


.vertical_box_button {
    color: #212529;
    font-size: .9rem;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.25rem 0rem 0.2rem 0rem;
}

.vertical_box_button a {
    color: #ba0202;
    font-weight: 600;
}


/* for publications page */
.vertical_box_content.pubs {
    color: #555;
    font-style: italic;
}

/* for customer support */
.vertical_box_content.cust {
    color: #212529;
}


/* Customer Support Packages 3-col row */

.cust_support_col { }

.cust_support_col.one   { padding-right: 1.5rem; }

.cust_support_col.two   { 
    border-left: 1px solid #ccc;
    padding: 0rem 1.0rem 0rem 2.0rem;
}

.cust_support_col.three {  
    border-left: 1px solid #ccc;
    padding-left: 2.0rem;
}


/* End Customer Support Packages 3-col row */

	/* viewport < 1200px */
@media (max-width:1200px) {
	.vertical_box_col4 { display: block; }
    .vertical_box_col4.zero  { border-bottom: none; }
}

	/* viewport < 992px */
@media (max-width:992px) {
	.vertical_box_col { display: block; }
    .vertical_box_col.zero  { border-bottom: none; }
    
    .cust_support_col.one, 
    .cust_support_col.two, 
    .cust_support_col.three { padding: 0rem 0rem 2.0rem 0rem; border-left: none; }
    
}



/****************************************************/
/*  End vertical box styles for news, pubs, etc.    */
/****************************************************/






/**************************************/
/* Start classes for products pages   */
/**************************************/


/* industry category icons table at top of proteox pages */

.industry_icon_table {
    display: flex;
    border-right: 1px solid #ddd;
}

.industry_icon_table h5 { font-weight: 600; }

.industry_icon_table div { padding-left: 1.5rem; }

.industry_icon_table.one   { padding-right: 1.0rem; }
.industry_icon_table.two   { padding: 0rem 1.0rem;  }
.industry_icon_table.three { padding-left: 1.0rem; border-right: none;}


	/* viewport < 992px */
@media (max-width:992px) {
    .industry_icon_table { border-right: none; }
    
    .industry_icon_table.one, 
    .industry_icon_table.two, 
    .industry_icon_table.three  { padding: 1.0rem 0rem 1.5rem 0rem; }

}


/* used for key specs tables, etc. */

.products_table {
    border-color: #999;
    width: auto;
}

.products_table th { 
    background-color: #E5EFF8;
    padding: 0.5rem;
}

.products_table td {
    padding: 0.5rem;
}

.products_table td.left { 
    font-weight: 600;
    background-color: #f1f2f4;
    vertical-align: top;
}

.products_table td.right { 
    padding-left: 1.0rem; 
}



/* For brochures in Resources sections */

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

div.brochure_item a {
	padding-bottom: 0;
	margin-bottom: 0;
	color: #333;
    text-decoration: none;
}

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

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

div.brochure_item a span {
	display: block;
	padding-top: 0.2rem;
	font-size: 0.95rem;
	line-height: 1.1rem;
}

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


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


/* for featured event or supplier info  */

/* 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 */




/**************************************/
/* End classes for products pages     */
/**************************************/








/**************************************/
/* Start classes for blog             */
/**************************************/


/* start blog index page classes */

.blog_title_wrapper { margin-bottom: 1.0rem; }

.blog_title_wrapper a {
    display: flex;
    align-items: center;
    text-decoration: none;
    -webkit-transition: opacity 0.3s ease-in-out; 
	-moz-transition: opacity 0.3s ease-in-out; 
	transition: opacity 0.3s ease-in-out; 
}

div.blog_date {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ba0202;
    color: #fff;
    height: 62px;
    width: 62px;
    font-weight: 600;
}

div.blog_date div.mon {
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.35rem;
}

div.blog_date div.num {
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.5rem;
}

.blog_title_wrapper a:hover div.blog_date {
    opacity: 0.5;
}

.blog_title_wrapper a div.blog_title {
    display: flex;
    align-items: center;
    background-color: #EAE9EB;
    width: 100%;
    height: 62px;
    padding-left: 1.5rem;
    color: #212529;
    font-size: 1.2rem;
}

.blog_title_wrapper a:hover div.blog_title { 
    color: #ba0202;
    text-decoration: none;
}

/* end blog index page classes */


h4.blog { 
    padding: 0.5rem 0.25rem 1.5rem 2.0rem;
    font-weight: 600;
}

h4.blog_non_quote {
    padding-bottom: 1.5rem;
    font-weight: 600;
}

h4.blog_with {
    padding-bottom: 1.5rem;
    font-style: italic;    
}

h6.blog { 
    text-transform: uppercase;
    padding-bottom: 1.0rem;
}

div.blog_authors {
    float: right;
    padding: 0.5rem 1.5rem 0rem 1.5rem;
    margin: 0rem 0rem 2.0rem 3.0rem;
    text-align: center;
    border: 1px solid #ddd;
}

div.blog_authors h4 { 
    font-weight: bold;
    padding-bottom: 1.25rem;
}

div.blog_authors p { 
    font-size: 0.98rem;
    padding: 0.5rem 0rem 1.5rem 0rem;
}

p.blog { padding-left: 2.0rem; }

ul.blog,
ol.blog { margin-left: 2.0rem; }

div.photoLeft.blog { margin-left: 2.0rem; }

blockquote.blog { 
    margin: 0rem 4.0rem 2.0rem 4.0rem;
    font-style: italic;
}

span.quote { 
    font-size: 4.0rem; 
    font-weight: bold; 
    color: #ccc; 
    line-height: 2.0rem;
}

	/* viewport < 768px */
@media (max-width:768px) {
    
    .blog_title_wrapper a div.blog_title { font-size: 1.0rem; padding-left: 0.5rem; padding-right: 0.5rem; }
    div.blog_authors { float: none; margin: 1.5rem 0rem; }
    div.photoLeft.blog, div.photoRight.blog { float: none; padding: 1.5rem 0rem; margin-left: 2.0rem; }
    div.blog_date, .blog_title_wrapper a div.blog_title { height: 120px; }
    
}

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

    
}


/**************************************/
/* End classes for blog               */
/**************************************/







/**********************************/
/* Start About Us section         */
/**********************************/

.prizes {
    margin: 1.2rem 0rem 1.4rem 0rem;
    border-top: 1px solid #ddd;
}




/**********************************/
/* End About Us section           */
/**********************************/










/**************************************************/
/* Start vertical pills tabbed panels             */
/**************************************************/


/* BOOTSTRAP modification */
.list-group.fs_v_tabs a {
	font-size: 1.2rem;
	border-radius: 0;
    background-color: #eee;
    margin-bottom: 2px;
}


/* BOOTSTRAP modification */
.list-group.fs_v_tabs a:hover,
.list-group.fs_v_tabs a:focus {
	background-color: #aa0000;
    color: #fff;
	outline: none;
	box-shadow: none;
}

/* BOOTSTRAP modification */
.list-group.fs_v_tabs a.list-group-item.active {
    border: 1px solid rgba(0,0,0,.125);
    background-color: #aa0000;
}

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

/* BOOTSTRAP modification */
div.tab-pane h3 { padding-bottom: 0.75rem; }
/* BOOTSTRAP modification */
div.tab-pane h4 { font-size: 1.25rem; font-weight: 600; padding: 0.75rem 0rem; }
/* BOOTSTRAP modification */
div.tab-pane a.expandableLink { padding-left: 0; }
/* BOOTSTRAP modification */
div.tab-pane div.expandableBody { padding-left: 0; }




/**************************************************/
/* End vertical pills tabbed panels               */
/**************************************************/









/**************************************************/
/* Start NS Home Page and Video Classes           */
/**************************************************/




/* video classes */

.video_container {
    /*position: relative;
    display: flex;
    align-items: center;*/
}


video { display: block; }

video.video {
    /* override other styles to make responsive */
    width: 100%;
    height: auto;
}


.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
}

/* 16:9 aspect ratio for videos = 448 x 252, or 560 x 315, or 640 x ___ */


/* video_item used in slick carousels that display videos */
.video_item { max-width: 448px; }

.video_center { margin: auto; }

#video_about_us_yt { max-width: 448px; }

#video_proteoxMX { max-width: 560px; }

#video_optistatDry1,
#video_optistatDry2,
#video_optistatDry3,
#video_optistatDry4,
#video_optistatDry5 { max-width: 448px; }

#video_decs { max-width: 640px; }

#video_decs_grafana { max-width: 560px; }


/* end video classes */



	/* viewport < 768px */
@media (max-width: 768px) {
    .video_container { display: block; }
    
}



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


	/* viewport < 1048px */
@media (max-width: 1048px) {
    .video_container.decs { display: block; }
}



/************************************************/
/* End NS Home Page and Video Classes           */
/************************************************/





/**************************************************/
/* 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 0rem 1.0rem; }

}


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




/**************************************************/
/* Start News and Webinar Event box               */
/**************************************************/


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


/* BOOTSTRAP modification */
div.news_event div.col-lg-auto 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.news_event div.col-lg-auto 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;
}

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

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

/* BOOTSTRAP modification */
div.news_event div.col-lg a.news_title {
	color: #212529;
    text-decoration: none;
}

/* BOOTSTRAP modification */
div.news_event div.col-lg a.news_title h3:hover {
	border-bottom: 1px solid #ba0202;
}

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

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

/* BOOTSTRAP modification */
div.news_event div.col-lg p {
	margin: 0;
}

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


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


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




/**************************************************/
/* End News and Webinar Event Box                 */
/**************************************************/









/*****************************/
/* Start Footer              */
/*****************************/


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

.footer { color: #ccc; }

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

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

.footer h1 {
	font-size: 1.1rem;
	text-transform: uppercase;
	margin: 0rem;
	padding: 0rem 0rem 1.5rem 0rem;
}

.footer p { 
    line-height: 1.2rem;
}

.footer p span {
    line-height: 1.75rem;
}

.footer p.address {
    line-height: normal; 
}


.footer_col_1 { }

.footer_col_2 { }

.footer_col_3 { }

.footer_col_4 { }

/* BOOTSTRAP modification */
.footer_col_4 div.row.icons {
    justify-content: flex-end;
    padding-bottom: 1.0rem;
}

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


	/* navbar: viewport < 991px */
@media (max-width: 991px) {
    
    /* BOOTSTRAP modification */
    .footer_col_4 div.row.icons { justify-content: flex-start; }
    
    .footer_col_1, 
    .footer_col_2, 
    .footer_col_3, 
    .footer_col_4 { padding: 1.0rem 0rem 0rem 0rem; }
	
}


/***************************/
/* End NS Footer           */
/***************************/






/***********************************************/
/* Start Modal Windows and Alerts              */
/***********************************************/






/* Start modal window classes, used on Applications and News & Events pages */

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

figure figcaption a.modal_button { 
    text-align: left;
}

figure figcaption a.modal_button:hover { 
    color: #ba0202;
}


/* Start modal window styles   */

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

.fs_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) {
    .fs_modal_close_btn  { justify-content: flex-start; }
}


/* End modal window classes, used on Applications and News & Events pages */


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









/**************************************************/
/* 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 SUBPAGE TESTIMONIALS */
/******************************/



div.testimonial_item {
    max-width: 550px;
    font-style: italic;
	font-size: 1.25rem;
	padding: 1.0rem 1.0rem 0.5rem 1.0rem;
    text-align: left;
}

.testi_sig {
    display: flex;
    align-items: center;
    padding-left: 1.0rem;
    border-left: 1px solid #999;
    font-style: normal;
    font-weight: 600;
}

.testi_logo { }

span.testi_quote { 
    font-size: 4.0rem; 
    color: #999;
    font-weight: bold; 
    line-height: 2.0rem;
}


	/*  viewport < 992px */
@media (max-width:992px) {
    
    .testi_logo { padding: 1.0rem 0rem 0rem 1.0rem; border-left: 1px solid #aaa; }
    
}

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


/******************************/
/* END SUBPAGE TESTIMONIALS   */
/******************************/



/******************************/
/* START PUBLICATION ITEM     */
/******************************/




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 PUBLICATION ITEM       */
/******************************/





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


/*                                                   */
/* Start general slick styling                       */
/* You should never have to modify these classes     */
/*                                                   */

.slick_qd_prev,
.slick_qd_next,
.slick_qd_prev_dark_to_light,
.slick_qd_next_dark_to_light,
.slick_qd_prev_gray_to_white,
.slick_qd_next_gray_to_white {
    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_prev_dark_to_light {
	background-image: url("../images/carousel_prev_dark_to_light_1.png");
	left: -30px;
}

.slick_qd_prev_dark_to_light:hover {
	background-image: url(../images/carousel_prev_dark_to_light_2.png);
}

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

.slick_qd_prev_gray_to_white:hover {
	background-image: url(../images/carousel_prev_dark_to_light_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_next_dark_to_light {
	background-image: url("../images/carousel_next_dark_to_light_1.png");
	right: -30px;
}

.slick_qd_next_dark_to_light:hover {
	background-image: url(../images/carousel_next_dark_to_light_2.png);
}

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

.slick_qd_next_gray_to_white:hover {
	background-image: url(../images/carousel_next_dark_to_light_2.png);
}

.slick_qd_prev:hover,
.slick_qd_prev:focus,
.slick_qd_next:hover,
.slick_qd_next:focus,
.slick_qd_prev_dark_to_light:hover,
.slick_qd_prev_dark_to_light:focus,
.slick_qd_next_dark_to_light:hover,
.slick_qd_next_dark_to_light:focus,
.slick_qd_prev_gray_to_white:hover,
.slick_qd_prev_gray_to_white:focus,
.slick_qd_next_gray_to_white:hover,
.slick_qd_next_gray_to_white:focus {
    border: none;
    outline: none;
}

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

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

.slick_qd_dots li button,
.slick_qd_dots_dark_to_light li button,
.slick_qd_dots_gray_to_white li button {
	display: block;
	width: 30px;
	height: 5px;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
}

.slick_qd_dots li button {
	background-color: #aabcd2;
}

.slick_qd_dots_dark_to_light li button {
	background-color: #333;
}

.slick_qd_dots_gray_to_white li button {
	background-color: #aabcd2;
}

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

.slick_qd_dots_dark_to_light li button:hover,
.slick_qd_dots_dark_to_light li button:focus,
.slick_qd_dots_gray_to_white li button:hover,
.slick_qd_dots_gray_to_white li button:focus {
	outline: none;
	background-color: #fff;
}

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

.slick_qd_dots_dark_to_light li.slick-active button,
.slick_qd_dots_gray_to_white li.slick-active button {
	background-color: #fff;
}




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

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

/* Got rid of padding on slick_carousel_bg class; it's not needed */
div.slick_carousel_bg {  }


/* next classes define what happens when */
/* arrows move to bottom of carousel, after reaching breakpoint */
#slick_qd_video_arrows { 
	margin: 10px auto 20px auto; 
	height: 30px; 
	width: 100px;
	display: none;
}


#slick_qd_video_arrows .slick_qd_next,
#slick_qd_video_arrows .slick_qd_prev { 
	position: relative; 
	top: auto; 
}


#slick_qd_video_arrows .slick_qd_prev { 
	left: auto; 
}


#slick_qd_video_arrows .slick_qd_next { 
	right: auto; 
	margin-left: 40px; 
} 


	/* welcome area: viewport < 576px */
@media (max-width:576px) {
    #slick_qd_video_arrows { display: block; }
}

/*                                                   */
/* End general slick styling                         */
/*                                                   */



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





/**************************************************/
/* HOME PAGE LAYOUT                               */
/**************************************************/




/* START PRODUCTS OR FEATURES BLOCK */


.products_block_item {
    border: 1px solid #ddd;
    border-radius: 7px;
    background-color: #fff;
    padding: 5px 20px 5px 40px;
    max-width: 500px;
}

.products_block_item a {
    /* make the a tag fill the whole space */
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

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

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

.products_block_item a:hover img {
	opacity: 0.50;
}

.products_block_item a .products_block_text { 
    -webkit-transition: color 0.2s ease-in-out; 
	-moz-transition: color 0.2s ease-in-out; 
	transition: color 0.2s ease-in-out;
    text-align: left;
    padding-left: 40px;
}

.products_block_item a .products_block_text h2 { 
    color: #ba0202;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
}

.products_block_item a .products_block_text h3 {
    color: #212529;
    font-size: 1.0rem;
    margin: 0;
}

.products_block_item a:hover .products_block_text h2,
.products_block_item a:hover .products_block_text h3 {
	color: #212529;
}



	/* welcome area: viewport < 992px */
@media (max-width:992px) {
    .products_block_item { max-width: 350px; }
    .products_block_item a .products_block_text { padding: 1.5rem 1.0rem 0.5rem 1.5rem; }
}


/* Products Block Slick Slider */

#slick_qd_products_block_arrows { 
	margin: 10px auto; 
	height: 30px; 
	width: 100px;
}

#slick_qd_products_block_arrows .slick_qd_next_gray_to_white,
#slick_qd_products_block_arrows .slick_qd_prev_gray_to_white { 
	position: relative; 
	top: auto;
}

#slick_qd_products_block_arrows .slick_qd_prev_gray_to_white { 
	left: auto;
}

#slick_qd_products_block_arrows .slick_qd_next_gray_to_white { 
	right: auto; 
	margin-left: 40px;
}

#slick_qd_products_block_dots {
	padding: 0px 30px;
}

/* end Products Block Slick Slider */




/* END PRODUCTS OR FEATURES BLOCK  */





/**********************/
/* START WINDOWS TOOL */
/**********************/

/* Note: select.red_button.btn and button.gray_button.btn classes */
/* are part of windows tool as well.                              */

 svg { display: inline-block; }


/********************/
/* END WINDOWS TOOL */
/********************/