/* CUSTOM CSS */
/* MOBILE FONT-SIZE CHANGE */
@media screen and (max-width: 767px) {
  .cdz-block-title .b-title {
    font-size: 16px;
  }	
}
/* GENERAL */
.products-grid .product-item .product-item-info .cdz-product-bottom.hover-effect:not(.non-hover) {
    display: none;
}
.page-wrapper {
	background-color: #edeeef;
}
.description a, .homeblocks a {
	color: #f26322;
}
.table-downloadable-products .action.download {
    color: #f26322;
}
.page-layout-1column .columns {
    margin-bottom: 40px;
    background-color: transparent;
}
@media only screen and (max-width: 767px) {
.page-header .header-wrapper-content > .header.content {
    background: #808080 url(../images/transparent.png) 0 0 no-repeat fixed !important;
}
.product.data.items .item.title a::after {
    color: #fff;
}
.product.data.items > .item.title > .switch, .tabs-list.product.data.items > .item.title > .switch {
    font: 400 14px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif;
	color: #fff !important;
    border: 0px solid !important;
	}
}
.hdmx__wrapper .label, .hdmx__contact-form .label {
    color: #000 !important;
}
.hdmx__ticket .fieldset > .fields > .field > .label, .hdmx__ticket .fieldset > .fields > .field:last-child {
    font-weight: 600;
    color: #000 !important;
}
/* PRODUCT PAGE */
@media only screen and (min-width: 768px) {
body.page-layout-1column .product-main-content{
display: flex;
}
body.page-layout-1column .product-left-content {
order: 1;
}
body.page-layout-1column .product-middle-content {
order: 2;
}
body.page-layout-1column .product-right-content {
order: 3;
}	
.page-layout-1column .product.media {
    width: 100%;
}
.page-layout-1column .product-left-content {
	width: 30%;
	float: left;
}	
.page-layout-1column .product-middle-content {
    width: 40%;
    padding-left: 20px;
    display: block;
	float: left;
}
.page-layout-1column .product-right-content {
    width: 30%;
    padding-left: 20px;
    display: block;
	float: right;
}

.product-reviews-summary {
    width: 100%;
}
.sidebar .latest-reviews-widget > .title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0px;
    display: block;
	color: #ffffff;
	background-color: #f26322;
	border-color: #d7dada;
    font: 700 17px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif;
	text-transform: uppercase;
	padding: 5px;
	text-align: center;
}
.sidebar .latest-reviews-widget {
    margin: 0px 0;
}	
.latest-reviews-widget > .content-main .review-items .item .review-title {
    width: 100% !important;
}	
.page-header .header.panel {
    padding-left: 10px !important;
    padding-right: 10px !important;
}	
}
.page-layout-1column .product-info-main {
	background-color: #808080;
	padding: 10px;
	width: 100% !important;
}
.fotorama__caption__wrap {
    display: none;
}
/* COMPARISON TABLE STYLING */
/* Style the table */

.comparison table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

/* Style table headers and table data */
.comparison th, .comparison td {
  text-align: center;
  padding: 5px;
}

th:first-child, td:first-child {
  text-align: left;
}

/* Zebra-striped table rows */
tr:nth-child(even) {
  background-color: #f2f2f2
}

.fa-check {
  color: green;
}
.fa-remove {
  color: red;
}
.product-block {
    margin-bottom: 40px;
    box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04);
    -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04);
    -webkit-box-shadow: 1px 3px 1px 
	rgba(50, 50, 50, 0.04);
	-o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04);
	-ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-width: 0;
    border-top-width: 0px;
	border-top-width: 0px;
	border-top-width: 1px;
	padding: 10px;
	background-color: #fff;
    margin: 10px;
}
.product-block h2 {
    font: 700 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif !important;
    text-transform: uppercase !important;
    background-color: #fff;
	color: #000;
    padding: 5px;
}
.product.attribute.description {
    background: #efefef !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
/* CATEGORY PAGE */
.magento-version-M2 {
    text-align: center;
    font-size: 18px;
	font-weight: 800;
    bottom: 20px;
    z-index: 8;
    height: 34px;
    line-height: 34px;
    background: #f26322;
    color: #fff;
    right: 12px;
    width: 35px;
    position: absolute;
    display: block;
	text-transform:uppercase;
}
.magento-version-M1 {
    text-align: center;
    font-size: 18px;
	font-weight: 800;
    bottom: 20px;
    z-index: 8;
    height: 34px;
    line-height: 34px;
    background: #808080;
    color: #fff;
    right: 12px;
    width: 35px;
    position: absolute;
    display: block;
	text-transform:uppercase;
}
.product-item .cdz-buttons-container {
    display: none !important;
}
.product-item .product-item-info .product-item-name {
    min-height: 50px !important;
    font-weight: 700px;
}
.product-item-name > a {
    font-size: 16px;
    line-height: 20px;
    min-height: 50px;
    text-align: center !important;
    text-transform: uppercase !important;
    font-weight: 700;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-pack: center;
    box-align: center;
}
div.products-grid .item a.product-item-photo .main-image .product-image-container {
left: 0;
}
.category-description {
	background: #ffffff;
	box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04);
	-moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04);
	-webkit-box-shadow: 1px 3px 1px
	rgba(50, 50, 50, 0.04);
	-o-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04);
	-ms-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 10px 20px;
}
.category-description a, .category-description .alink {
    color: 
    #f26322 !important;
}
.free-extension {
	font-size: 22px !important;
    font-weight: 700 !important;
	text-transform: uppercase;
	color: #333333;
}
/* HOMEPAGE */
/* REVIEWS SLIDER */
  /* styles for '...' */ 
.review-content {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative; 
  /* use this value to count block height */
  line-height: 1.2em !important;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.6em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;  
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}

/* create the ... */
.review-content:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
.latest-reviews-widget > .content-main .review-items .item .review-title {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
	font-weight: 700;
    line-height: 28px;
    color: #333333;
	width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* hide ... if we have text, which is less than or equal to max lines */
.review-content:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}
.latest-reviews-widget > .content-main .review-items .item .item-inner {
    background: #fff !important;
}
.owl-theme .owl-controls {
	padding-top: 10px;
}
.owl-theme .owl-controls .owl-page span {
    background: #f26322;
	border: 2px solid #fff;
}
.product-style20 .owl-carousel .owl-stage {
    padding-bottom: 5px;
    overflow: hidden;
}
.box-aboutus {
    background-color: #fff;
    margin-left: 10px;
    margin-right: 10px;
	padding-top: 10px;
}
.homepage-highlights {
	
}
.homeblocks {
	padding: 20px;
}
.page-header .header-stores {
    float: left;
    color: #fff;
}
.sticky-menu:not(.active) .header-wrapper-right {
    background-color: #808080;
}
.sticky-menu:not(.active) .search-wrapper .block-search {
    display: none;
}
.page-header .minicart-wrapper .action.showcart::after, .page-header .authorization-link.switcher .action.toggle::before {
    border: 1px solid #fff;
	color: #fff;
}
.page-header .minicart-wrapper .action.showcart .text {
    color: #fff;
}
.page-header .minicart-wrapper .action.showcart .price-label .price {
    color: #fff;
    position: relative;
}
.sticky-menu:not(.active) .header-wrapper-right {
    width: auto;
    float: right;
}
.footer-text {
	text-transform: uppercase;
	padding-left: 10px;
}
.page-footer p.h5 {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 25px;
    text-transform: uppercase;
	margin-top: 8px;
}
/* HOMEPAGE-SLIDERS */
.product-style20 .img-gallery {
    display: none;
}
.product-style20 .product-item:hover .cdz-buttons-container {
    display: none;
}
.product-style20 .nav-tabs.abs-dropdown li.item > .switch {
    font-weight: 600;
}
.product-item .product-item-info .price-box .price {
    font: 700 22px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif;
}
.product-item .price-box {
    text-align: right;
}
/* MAGEBEE SLIDER */
.sliderdecs {
width: 50%;
position: absolute;
top: 30px;
left: 50px;
padding: 10px;
border-left: 5px solid rgba(255,255,255,.4);
text-transform: uppercase;
color: #ffffff;
}
.sliderdecs h2 {
	font-size: 20px;
	font-weight:700;
	color: #ffffff;
}
.sliderdecs {
  background-color: #f26322 !important;
  opacity: .9 !important;
}


/* HIGHLIGHTS */
.highlights ul, .blog-post ul, .product-highlights ul, .cart-split ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.highlights li, .blog-post li, .product-highlights li, .cart-split li {
  padding-left: 1em; 
  text-indent: -.7em;
}
.highlights-label, .highlights-title {
	background-color: #f26322;
	padding: 10px;
	color: #fff;
	font-size: 16px;
    font-weight: 700;
	text-transform: uppercase;
}
.highlights-title-2 {
	color: #f26322 !important;
	font-size: 16px;
    font-weight: 700;
	text-transform: uppercase;
}
.highlights li:before, .blog-post li:before, .product-highlights li:before, .additional-attributes-wrapper li:before, .cart-split li:before {
    content: '✓ ';
    color: #f26322; /* or whatever color you prefer */
    font-weight: bold;
}
.highlights-ordered ol {
	list-style: none;
	display: table;
	padding-left: inherit;
}
.highlights-ordered ol > li {
    display: table-row;
	margin-left: 30px !important;
}
.highlights-ordered li {
   counter-increment: item;
   margin-bottom: 0px;
 }
 .highlights-ordered li:before {
   margin-right: 10px;
   content: counter(item);
   background-image: url("../images/ol-bg.png");
   background-repeat: no-repeat;
   color: white;
   width: 2.2em;
text-align: center;
display: table-cell;
padding-right: 5px;
padding-bottom: 10px;
 }
/* PRODUCT PAGE */
.left-block-icons {
  	display: block;
	background-color: #f26322;
	padding: 10px;
}
.manual-icon {
	display: inline-block !important;
	height: 50px;
	width: 50px !important;
	background:url(/pub/media/icons/product-icons.png) 0 -50px !important;
}
.demo-icon {
	display: inline-block !important;
	height: 50px;
	width: 50px !important;
	background:url(/pub/media/icons/product-icons.png) 0 0px !important;
}
.video-icon {
	display: inline-block !important;
	height: 50px;
	width: 50px !important;
	background:url(/pub/media/icons/product-icons.png) 0 -100px !important;
}
.field.downloads {
    display: none;
}
.cartadd {
	display: block;
	background-color: #ffffff;
}
.cartadd .actions {
	display: inline-block;
	width: 50%;
	float: right;
}
.cartadd .cartprice {
	display: inline-block;
	width: 50%;
	height: 45px;
	padding: 5px;
}
.cartadd .price-label {
    display: none !important;
}
.box-tocart .action.tocart {
    line-height: 16px;
    font-size: 16px;
}
.product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price {
    font-size: 17px;
    font-weight: 700;
}
.product-info-main .field:not(.date) > .control {
    width: 100% !important;
}
.product-info-main .fieldset > .field > .label, .fieldset > .fields > .field > .label {
    font-weight: 600;
    color: #fff;
}
.product-info-main .fieldset > .field:last-child, .fieldset > .fields > .field:last-child {
    color: #fff;
}
.compatibility {
	padding: 10px;
	color: #fff;
	font-size: 16px;
    font-weight: 600;
}
/* SUPPORT TABBED CONTENT */
 /* Style the tab */
.tab {
  overflow: hidden;
  border: 0px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  color: #000;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #f26322;
  color: #fff;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #f26322;
	color: #fff;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
}
.tabcontent a {
	color: #f26322;
	font-weight: 600;
}
.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.special-offer {
	background-color: gray !important;
	padding: 10px !important;
	color: #fff;
}
.special-offer a {
	background-image: none;
    background: #f26322;
    border: 1px solid #f26322;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding: 10px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
    font: 700 16px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif;
    margin-bottom: 5px;
}
 .sticky-menu:not(.active) .search-wrapper {
    border: 2px solid #ffffff;
    width: 100%;
  }