/**
 *---------------------------------------------------------------------------------------
 * @package       VP Merchant Template for Joomla!
 *---------------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2012-2015 VirtuePlanet Services LLP. All rights reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       Abhishek Das
 * @email         info@virtueplanet.com
 * @link          http://www.virtueplanet.com
 *---------------------------------------------------------------------------------------
 */
 
	/* Font Awesome */
@import 'all.css';
	
@media (max-width: 992px) {
    .navbar-offcanvas [class^="icon-"] {
        color: #eee;
    }
	.cf_flt_wrapper {
		margin: 0.4em !important;
	}  
	.article-headline {
		font-size: 2.1em;
	}
	.modal-span, .small, .productdetails-view .product-action-buttons-cont > button > span, .productdetails-view .product-action-buttons-cont, > a > span {
	  font-size: 12px;
	}
}
@media (max-width: 768px) {
	.horizontal-module {
		text-align: center;
		list-style: none;
	}
}
@media (min-width: 1400px) {
    .container {
        width: auto;
        max-width: 1600px;
    }
	.article-headline {
		padding: 2em;
		text-align: center;
		text-transform: uppercase;
		color: #004494;
	}
}
@media (min-width: 993px) {
	.navbar {
		margin-bottom: 0;
	}
	.brand {
		margin: 5px 0 0 0 !important;
	}
	div.col-md-4.header-add-margin {
		margin-top: 30px !important;
		margin-bottom: 0px !important;
	}
}
@media (min-width: 768px) {
	.navbar {
	  border-radius: 0 !important;
	}
}
.cf_resetAll_link {
	padding: 0.7em 1em !important;
	margin: 0 0 0 0.5em !important;
}
.navbar {
	border: none;
}
.breadcrumb {
	margin-top: 10px;
	margin-bottom: 0px;
}
#vpf-header {
	border: none;
	margin-bottom: 0px;
}

#vpf-header .navbar .container .inner-container {
  padding-bottom: 0px;
}

.product-price-before-discount {
  text-decoration: none;
  font-size: 12px;
  padding-right: 10px;
}
span.PricebasePriceWithTax::before {
  content: "UVP ";
}

/**
 *---------------------------------------------------------------------------------------
 * payment
 *---------------------------------------------------------------------------------------
 */
 

span.vmCartPaymentLogo {
	display: inline !important;
}

/**
 *---------------------------------------------------------------------------------------
 * footer menu
 *---------------------------------------------------------------------------------------
 */
 
.horizontal-module h3 {
	font-size: bigger;
	color: #c4c4c4 !important;
	text-transform: uppercase;
	padding-top: 3em;
}
.bottom-horizontal ul li a {
	padding: 10px 0px;
}

.bottom-horizontal .nav-pills>li.active>a, .bottom-horizontal .nav-pills>li.active>a:hover, .bottom-horizontal .nav-pills>li.active>a:focus {
    color: #fff !important;
    background-color: #333333;
	transition: color .8s linear;
}
.bottom-horizontal .nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #333333;
}

.category-page-title {
	display: none;
}
.category-name {
    text-shadow: 0px 0px 5px #000000;
    padding: 0 !important; 
    margin: 0 !important; 
    width: 100%;
    position: absolute;
    bottom: 10px;
}
.category-name a.hover-invert {
    color: white;
}
.custom img:hover {
    transition: transform .4s;
    transform: scale(1.02);
}
.category-item-inner {
    padding: 0 !important;   
}
.display-on-mouseover .product-cart-variants {
    padding: 5px 0  0 !important;   
}
span[class*="-stock"]:before {
    content: '';
    width: 10px;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
span[class*="-stock"]:before {
    display: inline-block;
    margin-right: 5px;
}
.product-inner span[class*="-stock"] {
    padding-left: 10px;
}
.normal-stock:before {
    background-color: #05a54b;
}
.no-stock:before {
    background-color: grey;
}
.depot-stock:before {
    background-color: orange;
}
.tag {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	width: auto;
	height: auto;
	padding: 0.8em;
}
.product.over .tag, .productdetails-view .tag {
	width: auto;
	height: auto;	
	padding: 1em;
}
table.info  {
    width: 100%;
}
.info td {
    padding: 0.6em;
    text-align: center;
}
.info thead {
    background-color: #e3e3e3;
    font-weight: bold;
    font-size: larger;
}
.info tr:nth-child(even) {
    background-color: #f3f3f3;
}
.site-logo {
    max-width: 170px;
}
div.product.product-item {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 10px !important;
}
div.category-item {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.category-item-inner{
    margin-bottom: 10px !important;
}
.vp-product-carousel-inner .product-inner{
    border: none;
}
div.owl-item div.product.product-item{
    margin: 0 !important;
}
.modal-span {
	padding-left: 0.3em;
}
/**
 *---------------------------------------------------------------------------------------
 * customfieldforall button
 *---------------------------------------------------------------------------------------
 */
.cf4all_button {
	border: 1px solid transparent !important;
	border-radius: 0 !important;
}
.cf4all_button:hover {
	background-color: white !important;
	box-shadow: none;
	border: 1px solid #848484 !important;
}
.cf4all_buttons input[type="radio"]:checked + label, 
.cf4all_buttons input[type="checkbox"]:checked + label, 
.cf4all_color_buttons input[type="radio"]:checked + label, 
.cf4all_color_buttons input[type="checkbox"]:checked + label {
	background-color: white;
	border: 1px solid #848484 !important;
	box-shadow: none;
}	
.cf4all_no_color_btn {
  padding: 8px;
}
.cf4all_button::before {
	content: '';
	width: 3px;
	height: 29px;
	position: absolute;
	margin: -8px 0 0 -8px;
}
/**
 *---------------------------------------------------------------------------------------
 * customfilter
 *---------------------------------------------------------------------------------------
 */
.cf-searchmod-input {
	width: 100% !important;
} 
.cf_breadcrumbs_wrapper{
	margin-top:1em;
}
 .headexpand_hide {
	padding: 1em;
 }
.headexpand_show {
	position: relative;
	top: 29px;
	z-index: 105;
	left: 0px;
}
.headexpand.headexpand_show {
	width: 29px;
	height: 29px;
	background-color: #004494;
	color: white;
	background-image: none;
}
.headexpand.headexpand_show::before {
	position: relative;
    content: "x";
	font-weight: normal;
    color: white; 
	margin-left: 10px;
	bottom: -2px;
}
span.cf_clear {
	display: inline-block;
	width: 100%;
}
span.cf_clear a{
	color: white;
	background-color: #004494;
	display: block;
	width: auto;
	float: right;
	padding: 0 0.3em;
}
.cf_flt_header {
	padding-bottom: 0px;
}
 .cf_filters_list li {
    line-height: 2.8em;
	border-bottom: 1px solid #f2f2f2;
}
.cf_filters_list_li .cfLiLevel:hover {
	background-color: #f2f2f2;
}

.cf_flt_wrapper {
background-color: #f2f2f2;
padding: 0.7em 1em 0.5em 0;
float: left;
min-width: 170px;

}    
.cf_flt_wrapper:hover {
    background-color: #E6E6E6;
} 
.cf_wrapper_inner {
	color: #333333;
	background-color: #fff;
	border-color: #d9d9d9;
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	padding: 35px 10px 10px 10px;
	position: absolute;
	z-index:100;
	min-width: 170px;
}
#cf_wrapper_inner_virtuemart_category_id_115 {
	min-width: 250px;
}
.cf_tag, .cf_resetAll_link {
  display: inline-block;
  padding: 0.2em 0.8em;
  margin: 0.5em;
  background-color: #004494;
  color: white;
  opacity: 0.85;
  text-decoration: none;
  border: 1px solid transparent;
}
 
.cf_resetAll_link:hover {
	color: black;
	background-color: #E6E6E6;
}
.tree_0 {
	font-size: larger;
	text-transform: uppercase;
}
.module-cont {
  margin-bottom: 10px !important;
}
.paddingtop20 {
	padding-top: 20px;
}
.paddingtop100 {
	padding-top: 100px;
}

/**
 *---------------------------------------------------------------------------------------
 * article
 *---------------------------------------------------------------------------------------
 */

.logos div img {
	padding: 1em;
	margin: 1em;
	background-color: white;
}

.bg_white {
	background-color: white;
}
.pad_bot_6em {
	padding-bottom: 6em;
}

.background_svg_prism {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='941' height='784.2' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}

.bl div[itemprop="articleBody"] {
	background-color: #00449412;
}
.gr div[itemprop="articleBody"] {
	background-color: #1a1a1a12;
}
.row div[itemprop="articleBody"] {
	padding: 0 15px;
}
 /**
 *---------------------------------------------------------------------------------------
 * flexbox alternate image and text responsive
 *---------------------------------------------------------------------------------------
 */
.col-text {
  height:30em;
}
.grid-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  flex-direction: row; 
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-around;
}
.col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.col-left {
  -webkit-box-ordinal-group:-1;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
.col-text{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #f0f0f0;
    background-color: #ffffffa6;
}
.Aligner-item {
  width: 80%;
}
.col-image {
  background-size: cover;
  background-position:center center;
}

@media (max-width: 640px) {
  .grid-flex {
    height: 45em;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column; 
   }
  .col {
    order:vertical;
  }
  .col-left {
    -webkit-box-ordinal-group:0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
 /**
  .col-text div p {
    padding: 1em;
  }
**/
  .Aligner-item {
    width: 90%;
  }
}

/**
loading="lazy" problems in chrome
**/
.responsive-image, .manufacturer-image {
	min-height: 1px;
}

.visforms div.row{
    margin: 5px -3px;
}
/*
 *---------------------------------------------------------------------------------------
 * bootstrap accordion
 *---------------------------------------------------------------------------------------
*/
.card-body {
  margin: 1em;
  text-align: center;
}
.card-header {
  text-align: center;
}
h5.mb-0 button.btn.btn-link {
  font-size: 1.8em;
  white-space: normal;
  color: black;
}
h5.mb-0 button.btn.btn-link:hover, h5.mb-0 button.btn.btn-link:focus, h5.mb-0 button.btn.btn-link:active {
  text-decoration: none;
}
h5.mb-0 button.btn.btn-link.collapsed:after {
  font-family: 'VPFrameworkIcon';
  content: "\edbf";
  color: grey;
  font-size: small;
  vertical-align: middle;
  margin-left: 2em;
}
h5.mb-0 button.btn.btn-link:after {
  font-family: 'VPFrameworkIcon';
  content: "\edb7";
  color: grey;
  font-size: small;
  vertical-align: middle;
  margin-left: 2em;
}