.cube-portfolio .cbp-caption-zoom .cbp-caption-activeWrap {
	/*background: rgba(39,58,78,.6) !important; */
	background: rgba(255,255,255,.2) !important;
}


body {
	font-size: 16px; /*new*/
	letter-spacing: 1px; /*new*/
}


table.sortable {
	white-space: nowrap;
}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
    /*content: " \25B4\25BE"*/
    content: "\A\25B4\25BE"; /* |A is a new line, followed by up pointing triangle and down pointing triangle*/
    white-space: pre;
    /*font-size: 13px!important;
    letter-spacing: 0px!important;*/
}

/* special rule for creating images of the table - omit sorting symbols */
table.sortable2 th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
    /*content: " \25B4\25BE"*/
    content: "";
    white-space: pre;
    /*font-size: 13px!important;
    letter-spacing: 0px!important;*/
}

table.sortable th, table.sortable2 th {
	font-size: 13px;
     letter-spacing: 0px;
}

table.sortable td, table.sortable2 td {
	vertical-align: middle!important;
     font-size: 13px;
     letter-spacing: 0px;
}


.productinfo {
	margin: 10px 0 0 0!important;
	overflow: hidden!important;
	border: 2px solid #ddd!important;
	position: relative!important;
	border-radius: 10px!important;
	box-shadow: 0 0 5px #eee!important;
}

.news-v3 h1 { /* duplicate of .news-v3 h2 rules from blocks.min.css */
	font-size: 40px; /*32*/
	font-weight: 300; /*200*/
	margin: 0 0 20px;
	line-height: 45px;
	text-transform: uppercase; /*new*/
	letter-spacing: 3px; /*new*/
}

.news-v3 h2 {
	font-size: 32px;
	font-weight: 300; /*200*/
	margin: 0 0 20px;
	line-height: 45px;
	text-transform: uppercase; /*new*/
	letter-spacing: 1px; /*new*/
}

.news-v3 h3 { /* on FAQ */
	font-weight: 400;
	margin: 25px 0 20px 0;
	text-transform: uppercase;
	letter-spacing: 1px; /*new*/
}

.purplebutton-lg {
	background-color: #9b6bcc;
	margin:7px;
	padding:16px!important;
	width:260px;
}

.purplebutton-lg:hover {
	background-color: #814fb5; /*#8c60b8*/
}



.hb-button {
	width:200px;
	background-color: #1c2f41;
	border-radius: 10px!important;
}

.hb-button-empty {
	background-color: #fff;
	border: 1px solid #1c2f41;
	color: #444;
}

.hb-button:hover, .hb-button:focus {
	background-color: #2e4d6a;
}

.hb-button-empty:hover {
	background-color: #1c2f41;
}



.sv-button {
	width:200px;
	background-color: #610001;
	border-radius: 10px!important;
}

.sv-button-empty {
	background-color: #fff;
	border: 1px solid #610001;
	color: #444;
}

.sv-button:hover, .sv-button:focus {
	background-color: #880001;
}

.sv-button-empty:hover {
	background-color: #610001;
}



.et-button {
	width:200px;
	background-color: #f1641e;
	border-radius: 10px!important;
}

.et-button-empty {
	background-color: #fff;
	border: 1px solid #f1641e;
	color: #444;
}

.et-button:hover, .et-button:focus {
	background-color: #f3834a;
}

.et-button-empty:hover {
	background-color: #f1641e;
}




.am-button { /*new*/
	width:200px;
	background-color: #000000;
	border-radius: 10px!important;
}

.am-button-empty {
	background-color: #fff;
	border: 1px solid #000000;
	color: #444;
}

.am-button:hover, .am-button:focus {
	background-color: #444444;
}

.am-button-empty:hover {
	background-color: #000000;
}



.amz-button { /*old*/
	width:200px;
	background-color: #f68021;
	border-radius: 10px!important;
}

.amz-button-empty {
	background-color: #fff;
	border: 1px solid #f68021;
	color: #444;
}

.amz-button:hover, .amz-button:focus {
	background-color: #f89647;
}

.amz-button-empty:hover {
	background-color: #f68021;
}



.amz-button-dark { /*old*/
	width:200px;
	background-color: #9b6bcc;
	border-radius: 10px!important;
}

.amz-button-dark-empty {
	background-color: #fff;
	border: 1px solid #9b6bcc;
	color: #444;
}

.amz-button-dark:hover, .amz-button-dark:focus {
	background-color: #814fb5;
}

.amz-button-dark-empty:hover {
	background-color: #9b6bcc;
}



/*
.table .ls-button {
	width:80%;
	background-color: #ffc6b3;
	border: 1px solid #999;
	border-radius: 10px!important;
	color: #333;
}

.table .ls-button-empty {
	background-color: #fff;
	border: 1px solid #333;
	color: #333;
}

.table .ls-button:hover, .ls-button:focus {
	background-color: #ffc6b3!important;
	color: #333;
}

.table .ls-button-empty:hover {
	background-color: #ffc6b3!important;
	color: #333;
}



.table .ds-button {
	width:80%;
	background-color: #794b29;
	border: 1px solid #999;
	border-radius: 10px!important;
	color: #fff;
}

.table .ds-button-empty {
	background-color: #fff;
	border: 1px solid #333;
	color: #fff;
}

.table .ds-button:hover, .ls-button:focus {
	background-color: #794b29!important;
	color: #fff;
}

.table .ds-button-empty:hover {
	background-color: #794b29!important;
	color: #fff;
}
*/




.table .light-button {
	background-color: #ffc6b3;
	color: #555;
	border: 1px solid #ffa080;
	border-radius: 10px!important;
	width: 96%;
}

.table .light-button-empty {
	background-color: #fff;
	color: #555!important;
}

.table .light-button:hover, .table .light-button-empty:hover {
	background-color: #ffa080!important;
	color: #fff!important;
}



.table .dark-button {
	background-color: #794b29;
	color: #fff;
	border: 1px solid #794b29;
	border-radius: 10px!important;
	width: 96%;
}

.table .dark-button-empty {
	background-color: #fff;
	color: #555!important;
}

.table .dark-button:hover, .table .dark-button-empty:hover {
	background-color: #b26e3c!important;
	color: #fff!important;
}



.table .purple-button {
	background-color: #ab4fc7;
	color: #fff;
	border: 1px solid #ab4fc7;
	border-radius: 10px!important;
	width: 96%;
}

.table .purple-button-empty {
	background-color: #fff;
	color: #555!important;
}

.table .purple-button:hover, .table .purple-button-empty:hover {
	background-color: #c789d9!important;
	color: #fff!important;
}



.table .pink-button {
	background-color: #fe3ea6;
	color: #fff;
	border: 1px solid #fe3ea6;
	border-radius: 10px!important;
	width: 96%;
}

.table .pink-button-empty {
	background-color: #fff;
	color: #555!important;
}

.table .pink-button:hover, .table .pink-button-empty:hover {
	background-color: #fe77c0!important;
	color: #fff!important;
}



.table .blue-button {
	background-color: #00b5e2;
	color: #fff;
	border: 1px solid #00b5e2;
	border-radius: 10px!important;
	width: 96%;
}

.table .blue-button-empty {
	background-color: #fff;
	color: #555!important;
}

.table .blue-button:hover, .table .blue-button-empty:hover {
	background-color: #0aceff!important;
	color: #fff!important;
}



.table .green-button {
	background-color: #44d62c;
	color: #fff;
	border: 1px solid #44d62c;
	border-radius: 10px!important;
	width: 96%;
}

.table .green-button-empty {
	background-color: #fff;
	color: #555!important;
}

.table .green-button:hover, .table .green-button-empty:hover {
	background-color: #8ee680!important;
	color: #fff!important;
}



.table .orange-button {
	background-color: #fe8400;
	color: #fff;
	border: 1px solid #fe8400;
	border-radius: 10px!important;
	width: 96%;
}

.table .orange-button-empty {
	background-color: #fff;
	color: #555!important;
}

.table .orange-button:hover, .table .orange-button-empty:hover {
	background-color: #fea84c!important;
	color: #fff!important;
}






/* overwrites lines in blocks.css */
.img-hover-v1:hover span:after {
  /*background: rgba(0,0,0,0.3);*/
  /*background: rgba(0,0,0,0.05);*/
  background: rgba(77,53,102,0.08);
  border: 1px solid #9b6bcc; /*new*/
}

.img-hover-v1 img,
.img-hover-v2 img,
.img-hover-v1 span:after {
  /*transition: all 0.5s ease-in-out;*/
  transition: all 1s ease-in-out;
}




/* Styling for sliders and radio buttons */


/* Customize the slider container */
.slidecontainer {
    width: 98%;
    margin: 20px auto;
    text-align: center;
}

/* Style for slider labels */
.slidecontainer p {
    display: inline-block;
    margin: 5px 15px;
    font-size: 15px;
    color: #333;
}

/* Adjust the height of the slider background area */
.noUi-horizontal {
    height: 10px;
}

/* Custom color and height for slider track */
.noUi-connect {
    background: #9b6bcc; /* fukena purple */
    height: 10px; /* Adjust the height of the purple part of the slider bars */
}

/* Style the grab handles */
.noUi-horizontal .noUi-handle {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    right: -12px;
    top: -8px;
    cursor: grab;
    background: #fff;
    box-shadow: 0 0 5px #814fb5;
    border: 2px solid #814fb5;
}

/* Style the left vertical line slightly to left of center of slider handles */
.noUi-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 55%;
    width: 2px;
    background: #9b6bcc;
    left: 35%;
}

/* Style the right vertical line slightly to right of center of slider handles */
.noUi-handle:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 55%;
    width: 2px;
    background: #9b6bcc;
    left: 55%;
}

.radio-list { /* new 10/5/26 */
    display: inline-block;
    text-align: left;
}

/* radio button container */
.radio-container {
   display: flex;
   align-items: center; /* Align items vertically */
   /*justify-content: center; */ /* Center horizontally */
   justify-content: flex-start; /* revised 10/5/26 */
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 15px;
   color: #333;
   letter-spacing: 0;
   font-weight: normal;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

/* Adjust the position of the custom radio button */
.radio-container .radio-checkmark {
   position: relative;
   top: auto;
   left: auto;
   margin-right: 10px; /* Add spacing between radio button and text */
}

/* Hide the browser's default radio button */
.radio-container input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
}

/* Create a custom radio button */
.radio-container .radio-checkmark {
   position: relative;
   top: 0;
   left: 0;
   height: 20px;
   width: 20px;
   background-color: #ddd;
   border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .radio-checkmark {
   background-color: #ccc;
}

/* When the radio button is checked, add a purple background */
.radio-container input:checked ~ .radio-checkmark {
   background-color: #9b6bcc;
}

/* Create the indicator (dot/circle - hidden when not checked) */
.radio-container .radio-checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-checkmark:after {
   display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .radio-checkmark:after {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: white;
}

.radio-section {
    width:180px;
    border:1px solid #ccc;
    border-radius: 10px;
    margin: 15px 10px;
    padding-bottom: 10px;
    display:inline-block;
}

.radio-section-wide {
    width: 300px;
}

.radio-section p {
    margin: 15px 0 12px 0;
    font-size: 15px;
    color: #333;
}




 /*new 9/8/24*/
/*
 .header-v8 .mega-menu .mega-menu-fullwidth .dropdown-link-list li a {
     color: #777;
     display: block;
     padding: 6px 0; /*8px 0*-/
     font-size: 13px; /*13*-/
     font-weight: 400;
     border-bottom: solid 0px #eee;
 }
 */

/*
 .dropdown-menu {
 	font-size: 13px !important;
 }*/


 .col-xs-5ths,
 .col-sm-5ths,
 .col-md-5ths,
 .col-lg-5ths {
     position: relative;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 25px;
 }

 .col-xs-5ths {
     width: 20%;
     float: left;
 }

 @media (min-width: 768px) {
     .col-sm-5ths {
         width: 20%;
         float: left;
     }
 }

 @media (min-width: 992px) {
     .col-md-5ths {
         width: 20%;
         float: left;
     }
 }

 @media (min-width: 1200px) {
     .col-lg-5ths {
         width: 20%;
         float: left;
     }
 }