@charset "utf-8";
#slider_div .item { display: none; }
#slider_div .item.active { display: block; }
#slider_div img { max-width: 100%; }
.filters_div #filter_button, .filters_div #submit_filters { display: none; }
.filters_div #filter_options ul.parent {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 0;
	border: 1px solid #d1d1d1;
	border-radius: 10px;
	display: inline-block;
	width: 100%;
}
.filters_div #filter_options ul.parent li {
	display: inline-block;
	width: 100%;
	padding: 5px 10px;
	font-size: 14px;
	font-family: arial;
}
.filters_div #filter_options ul.parent li div.checkbox { margin: 0; }
.filters_div #filter_options ul li a {
	background: none;
	border: none;
	width: 100%;
	display: inline-block;
	text-align: left;
	cursor: pointer;
	color: #000000;
	font-family: arial;
	text-decoration: none;
}
.filters_div #filter_options ul li a.heading {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	-webkit-appearance: inherit;
}
.filters_div #filter_options ul li a i {
	float: right;
	margin-top: 5px;
}
.filters_div #filter_options ul li a.collapsed i {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
}
.filters_div #filter_options ul li .in { display: block; }
.filters_div #filter_options ul li .card-body {
	padding: 0;
	border: none;
	display: inline-block;
	flex: 0;
	width: 100%;
	background: none;
}
.filters_div #filter_options ul li .card-body::before, .filters_div #filter_options ul li .card-body::after { background: none; }
.filters_div #filter_options ul li .card-body ul {
	border: none;
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
}
.filters_div #filter_options .price_range {
	text-align: center;
}
.price_range input[type="text"] {
    width: 30%;
    display: inline-block;
    padding: 5px;
    height: 30px;
    font-size: 13px;
}
.price_range input[type="button"] {
    width: 30%;
    display: inline-block;
	padding: 5px;
}

/*start checkbox*/
.checkbox label:after {
  content: '';
  display: table;
  clear: both;
}

.checkbox .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}

.checkbox .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 15%;
}

.checkbox label input[type="checkbox"] { display: none; }
.checkbox label input[type="checkbox"]+.cr>.cr-icon { opacity: 0; }
.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon { opacity: 1; }

.checkbox { margin: 0; }
.checkbox label {
	padding: 0;
	cursor: pointer;
}
.checkbox label input[type="checkbox"]:checked+.cr {
	background-color: #52cf2b;
	border: 1px solid #52cf2b;
}
.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon { color: #FFFFFF; }
/*end checkbox*/


.products_div #layout_pdf_div { display: none; }
#header_options {
	display: inline-block;
	width: 100%;
	padding: 5px 0;
	background-color: #000;
}

.products_div .no_products {
	text-align: center;
	font-size: 15px;
	color: #FF0000;
	font-weight: bold;
	width: 100%;
}

#products_display {
	padding-top: 20px;
	padding-bottom: 20px;
}
.products_div .product_cover { margin-bottom: 20px; }
.products_div .product_cover .product {
	border: 1px solid #d1d1d1;
	border-radius: 10px;
	display: inline-block;
	width: 100%;
	cursor: pointer;
	position: relative;
	padding: 15px;
	max-height: 400px;
	height: 100%;
	display: flex;
	align-items: center;
}
.products_div .list .product_cover .product { max-height: 200px; }
.products_div .product_cover .product:hover { box-shadow: 0 3px 7px rgba(149, 137, 137, 0.21); }

.products_div .product_cover .product .image {
	text-align: center;
	padding: 0 0 15px 0;
}
.products_div .list .product_cover .product .image {
	text-align: center;
	padding: 0 15px 0 0;
}
.products_div .product_cover .product .image img {
	max-width: 100%;
	max-height: 200px;
}
.products_div .product_cover .product .detail {
	font-size: 15px;
	font-family: arial;
	line-height: 20px;
	padding: 0;
	color: #e09260;
	font-weight: bold;
}
.products_div .product_cover .product .detail .company {
	font-weight: bold;
	color: darkred;
}
.products_div .product_cover .product .row {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}
.products_div .product_cover .product .see_more {
	padding: 10px 0 0 0;
	text-align: center;
	position: relative;
}
.products_div .product_cover .product .see_more a {
    font-size: 13px;
    line-height: 15px;
	max-width: 100%;
	padding: 10px;
}
.products_div .product_cover .product .company {
	text-transform: uppercase;
}
.products_div .product_cover .product .discounted_value {
	font-weight: bold;
}
#myModal {
	font-family: arial;
	font-size: 15px;
	overflow: auto;
	padding: 0 !important;
	/*overflow: hidden*/
}
#myModal .modal-header {
	justify-content: inherit;
	display: inline-block;
}
/*#myModal .modal-body {
	max-height: 500px;
	overflow: scroll;
	overflow-x: hidden;
}*/
#myModal .product {
	font-weight: bold;
	color: #e09260;
}
#myModal .enquiry {
	font-weight: bold;
	color: #286090;
	text-transform: uppercase;
}
#myModal input[type="text"], #myModal select, #myModal textarea { width: 100%; }
#myModal .product .company {
	font-weight: bold;
	color: darkred;
}
#myModal ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#myModal ul li {
	width: 100%;
	display: inline-block;
	padding: 2px 0;
}
#myModal #msg {
	text-align: center;
	font-size: 16px;
	font-family: arial;
}
.products_div .product_cover .product .original, .modal-dialog .original {
	text-decoration: line-through;
	color: #878787;
}
.products_div .product_cover .product .price, .modal-dialog .price {
	color: #000;
	font-weight: bold;
}
.products_div .product_cover .product .discount, .modal-dialog .discount {
	color: green;
	font-weight: bold;
}

.pagination {
    display: inline-block;
	padding: 0;
	margin: 20px 0;
	width: 100%;
	text-align: center;
}
.pagination a, .pagination span {
	border: 1px solid #d1d1d1;
	padding: 5px 10px;
	border-radius: 5px;
	margin-right: 10px;
	color: #000;
	cursor: pointer;
}
.pagination span.current {
	background-color: #337ab7;
	color: #fff;
}
.pagination span:last-child { margin: 0; }
.pagination span.disabled { background-color: #ab9b9b1a; }

#empty_products {
	padding: 50px 10px;
	max-width: 500px;
	margin: auto;
	text-align: center;
}
#empty_products h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: red;
}
#empty_products img { max-width: 100%; }

@media screen and (min-width: 1200px) {
	.products_div #layout_pdf_div {
		display: block;
	}
	#header_options { display: none; }
}
@media screen and (max-width: 1199px) {

	#header_cover .container { top: 20px; }
	#header_options .row { margin: 0; }

	#filter_button { display: inline-block; }	
	#filter_cover {
		border: 1px solid #d1d1d1; 
		padding: 15px; 
		position: absolute;
		z-index: 999;
		background: #fff;
		display: none;
		overflow: auto;
		height: 400px;
		width: 80%;
		left: 10%;
		max-width: inherit;
	}
	.filters_div #submit_filters { display: block; }
	.filters_div .filter_submit_div {
		margin: auto;
		padding-bottom: 10px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.filters_div, .products_div { width: 100%; }
}
@media screen and (min-width: 992px) {
	#products_display {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	#topbar .fl_left { display: none; }	
	#topbar .fl_right {
		float: none;
		text-align: center;		
	}
	
	#layout_change { display: none !important; }
	#header_options .row div {
		width: 50%;
		display: inline-block;
	}
	#header_options #filter_button, #header_options a {
		padding: 5px 10px;
		font-size: 14px;
	}
	
	.filters_div, .products_div { width: 100%; }
	.products_div .product_cover {
		max-width: 100% !important;
		margin-bottom: 20px;
	}
	.products_div .product {
		display: inline-block;
		width: 100%;
		height: auto;
	}
	.products_div .product .image, .products_div .product .detail { width: 100%; }
	
	#myModal .modal-dialog { margin: 10px auto; }
	
}
@media screen and (min-width: 576px) and (max-width: 767px) {
}

@media screen and (max-width: 750px) {
	#header #logo { margin: 0 0 5px 0; }
}

@media screen and (max-width: 575px) {
	#header_options a { padding: 9px 10px; }
	#header_options span { display: none; }
	
	ul.social-network, ul.login {
		float: none;
		width: auto;
		display: inline-flex;
	}
	
	.welcome_dealer {
		display: inline-block;
		width: 100%;
	}
	
	.products_div .product_cover:last-child { margin: 0; }
	.products_div .product_cover .product .detail { height: auto; }
	
	#myModal .modal-dialog { max-width: 90%; }
	#myModal .modal-header .product { width: 75%; }
	#myModal .modal-header .button { width: 25%; }
}

#other_products_findInListDiv, #other_products_checklist, #other_products_findInList { width: 100% !important; }
#other_products_actionButtons { display: none; }
#other_products_checklist {
	height: auto !important;
	max-height: 250px;
}
#other_products_checklist ul.checklist li { padding: 2%; }

#mainav ul ul {
    z-index: 9999;
    position: absolute;
    width: 180px;
    text-transform: none;
}
.quick_call {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: darkred;
	text-transform: uppercase;
}

/* download button */
a.pricelist_download, a.product_download {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
	border: 1px solid #5cb85c;
}
a.pricelist_download:hover, a.product_download:hover { background: #5cb85c; }
#pricelist_download, #product_download {
  cursor: pointer;
  display: block;
  border-radius: 50%;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
}
#pricelist_download:hover, #product_download:hover { background: none; }
#pricelist_download svg, #product_download svg {
  margin: 16px 0 0 16px;
  fill: none;
  transform: translate3d(0, 0, 0);
}
#pricelist_download svg polyline, #pricelist_download svg path, #product_download svg polyline, #product_download svg path {
  stroke: #0077FF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: all 0.3s ease;
  transition-delay: 0.3s;
}
#pricelist_download svg polyline, #pricelist_download svg path, #product_download svg polyline, #product_download svg path { stroke: #5cb85c; }
#pricelist_download svg path#check, #product_download svg path#check {
  stroke-dasharray: 38;
  stroke-dashoffset: 114;
  transition: all 0.4s ease;
}
#pricelist_download.downloaded svg .svg-out, #product_download.downloaded svg .svg-out {
  opacity: 0;
  animation: drop 0.3s linear;
  transition-delay: 0.4s;
}
#pricelist_download.downloaded svg path#check, #product_download.downloaded svg path#check {
  stroke: #fff;
  stroke-dashoffset: 174;
  transition-delay: 0.4s;
}

@keyframes drop {
  20% {
    transform: translate(0, -3px);
  }
  80% {
    transform: translate(0, 2px);
  }
  95% {
    transform: translate(0, 0);
  }
}
.credit {
  position: fixed;
  right: 20px;
  bottom: 20px;
  transition: all 0.2s ease;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.6;
}
.credit img {
  width: 72px;
}
.credit:hover {
  transform: scale(0.95);
}

button.multiselect .caret { display: none; }

.navbar {
	border: none !important;
	margin: 0 !important;
}
