
.lang-en-gb .eng_hide { display: none; }
.lang-uk-ua .ukr_hide { display: none; }
.lang-ru-ru .ukr_hide { display: none; }
.lang-pl-pl .pol_hide { display: none; }



h1.cat-title {
	font-size: 1.3em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 20px 0;
	color: #0198dd;

}




ul.pagination-list { list-style: none !Important; }
ul.pagination-list li { margin: 0 3px; float: left !Important; }
.pagination-list .icon-first,
.pagination-list .icon-previous,
.pagination-list .icon-next,
.pagination-list .icon-last { display: none !Important; }


ul.pagination-list li a { 
	display: block; 
	padding: 5px 0px;
	width: 33px;
	text-align: center;
	border: 1px solid #808ba0;
	border-radius: 17px;
	background: #fff;
	color: #808ba0;

}

ul.pagination-list li.disabled a,
ul.pagination-list li:hover a {
	background: #808ba0;
	color: #fff;
	border: 1px solid #808ba0;
}

.pagination-list li.active a {
	background: #808ba0 !important;
	color: #fff;
	border: 1px solid #808ba0;
}



/* <ul class="pagination-list">
<li class="disabled"><a><i class="icon-first"></i></a></li>
<li class="disabled"><a><i class="icon-previous"></i></a></li>
<li class="disabled"><a>1</a></li>
<li class=""><a title="2" href="/index.php?option=com_virtuemart&amp;view=category&amp;virtuemart_category_id=1&amp;lang=ukr&amp;limitstart=15" class="pagenav">2</a></li>
<li class="icon-next"><a title="?пцч?д-п" href="/index.php?option=com_virtuemart&amp;view=category&amp;virtuemart_category_id=1&amp;lang=ukr&amp;limitstart=15" class="pagenav"><i class="icon-next"></i></a></li>
<li class="icon-last"><a title="??-?ії" href="/index.php?option=com_virtuemart&amp;view=category&amp;virtuemart_category_id=1&amp;lang=ukr&amp;limitstart=15" class="pagenav"><i class="icon-last"></i></a></li>
</ul>
*/


/************ custom filter **********/

.cf_flt_header { color: #0198dd !Important; font-weight: normal !Important; margin-top: 10px; cursor: pointer; }
.headexpand_show { 
	color: #0198dd; 
	font-weight: normal; 
	margin: 0 0 5px 0; 

	font-size: .8em;
	border: 1px solid #0198dd;
	color: #0198dd;
	padding: 0 0 0 1px;
	text-align: center;
	line-height: 20px;
	width: 20px;
	height: 20px;
	margin-right: 3px;
	border-radius: 15px;
}

.headexpand_hide { color: #0198dd; font-weight: normal; margin: 0 0 5px 0; }


.cf_filters_list li {
	line-height: 1.3em;
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	background-image: none;
}




h1.cat-title .fa { font-size: .75em; }


/**************order***************/

.order-button {
	background: #0198dd;
	clear: both;
	border-radius: 5px;
	margin: 10px 0 10px 0;
	padding: 2px 2px;
	display: inline-block;
	cursor: pointer;
	color: #fff;
	border: 1px solid transparent;
	line-height: 20px;
	font-size: .85em;
	position: relative;
	z-index: 99;
}

.order-button:hover {
	border: 1px solid #0198dd;
	background: #fff;
	color: #0198dd;
}



.order-button i.fa {
	border: 1px solid #fff;
	color: #fff;
	padding: 2px 0 0 3px;
	width: 20px;
	height: 20px;

	line-height: 16px;
	text-align: center;
	margin-right: 0;
	border-radius: 15px;
	float: left;
	margin: 0 2px 0 0;
	
}
.order-button:hover i.fa {
	border: 1px solid #0198dd;
	background: #0198dd;
}


.product-neighbours { clear: both; margin-top: 20px; }

.l-prev { width: 40%; float: left; }
.l-next { width: 40%; float: right; } 



/******** full product *********/

.desc-accord-item { width: 100%; border: 0px solid red; }
.desc-accord-item { cursor: pointer; }
.desc-accord-item .decs-inner { 
	display: none; 
	padding: 0 0 0 0;
}

.desc-accord-item .decs-inner { margin: 0 !important; }
.desc-accord-item .decs-inner ul { margin: 0 !important; }
.desc-accord-item .decs-inner li { margin: 0 !important; }

.desc-accord-item .decs-title { background: #ebecf3; padding: 1% 0 1% 3%; margin: 0 0 1px 0; text-transform: uppercase; }
.desc-accord-item .decs-title span { 
	margin: 0 10px 0 0; 
	border: 0px solid red; 
	display: inline-block; 
	float: left; 
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;	
	width: 50px; 
	height: 25px; 

}

.desc-accord-item .decs-title:before {}
.desc-accord-item.features { margin-top: 20px; }
.desc-accord-item .decs-title i.fa { float: left; margin: -2px 10px 0 0; padding: 5px 3px 5px 7px; }
.desc-accord-item .decs-title i.fa-angle-right { padding: 5px 1px 5px 9px; }

.desc-accord-item.active .decs-title .fa { background: #0198dd; color: #fff; }
.desc-accord-item..no-active .decs-title .fa { background: #fff; color: #0198dd; }

/*
.desc-accord-item.features i.fa { padding: 5px 6px 5px 4px; }
.desc-accord-item.montage i.fa { padding: 5px 6px 5px 4px; }
.desc-accord-item.tech i.fa { padding: 5px 5px 5px 5px; }
.desc-accord-item.example i.fa {}
*/


.desc-accord-item { clear: both; }
.desc-accord-item .fancy { 
	max-width: 100% !important;  
	width: 100% !important; 
	display: block; 
	border: 0px solid red; 
	max-height: 100%;  
	float: none; 
	clear: both; 
	margin-bottom: 2px; 
}
.desc-accord-item .fancy img { float: none; clear: both; width: 50%; height: auto; }

.desc-accord-item ul { list-style: none; padding: 0; margin: 0; }
.desc-accord-item ul li { background: url(../images/li-item.png) left 8px no-repeat; padding: 0 0 0 10px; }


.desc-accord-item.example strong { display: block; margin: 20px 0; }
.desc-accord-item em { display: inline-block; margin-left: 70px; }
.nowrap { white-space: nowrap; }


::selection {
	background: #0198dd; 
}
::-moz-selection {
	background: #0198dd;
}



.full-product-icons .item-ico { float: left; margin: 0 10px; }
.back-to-category a { 
/*
	background: #b0b0b0; 
	color: #fff; 
	border: 0; 
*/
	border: 0;
	background: #b0b0b0;
    	padding: 6px 10px;
    	position: relative;
    	color: #fff;
	border-radius: 0;
	float: right;
	margin-top: 5px;

}


.back-to-category a:hover { color: #000; }


.back-to-category:hover a::before {
	border-right: 10px solid #b0b0b0; 
}

.back-to-category a::before {
	content: ''; 
    	position: absolute;
	margin-left: -36px; 
	margin-top: -5px;
	border: 16px solid transparent; 
	border-right: 10px solid #b0b0b0; 
}


.productdetails-view .main-image {
	float: left;
	margin: 20px 1% 0 0;
	padding:  7px;
	max-width: 40%;

}


.productdetails-view .main-image-inner {

	border: 1px solid #d5d6eb;

}


.productdetails-view .main-image a.fancy { 
	width: 100% !Important;
	max-width: 100% !Important;	 
}

.productdetails-view .additional-images  { margin-top: 18px; border: 0px solid blue; height: auto !important; position: relative; }
.productdetails-view .additional-images a.fancy { max-width: 97px !important; margin: 5px; border: 1px solid #d5d6eb; border-radius: 0; }
.productdetails-view .additional-images img { float: left; cursor: pointer; max-width: 97px !important; border-radius: 0; }





.productdetails-view .product-short-description {
	max-width: 55%;
	float: left;
	margin: 20px 0 0 20px;
}

.productdetails-view .product-short-description strong {
	font-weight: normal;
	color: #0198dd;	
	display: inline-block;
}



@media (max-width: 1000px) { 
/*	body { background: red; } */
	.productdetails-view .main-image { max-width: 70%; float: none;  }
	.productdetails-view .product-short-description { max-width: 90%; float: none; clear: both; }

}

@media (max-width: 768px) { 
/*	body { background: red; } */
	.productdetails-view .main-image { max-width: 40%; float: left;  }
	.productdetails-view .product-short-description { max-width: 55%; float: right; clear: none; }


	.desc-accord-item.example { display: none; } /******** delete product table *********/
}

@media (max-width: 580px) { 
	/* body { background: red; } */
	.productdetails-view .main-image { max-width: 100%; width: 100%; float: none;  }
	.productdetails-view .product-short-description { max-width: 100%; width: 100%; margin-top: 40px; float: none; clear: both; }
	.back-to-category { display: none; }

}





.productdetails-view .product-short-description .line {
	
	margin: -10px 0 0 0 !Important;
	padding: 0 0 3px 0 !important;
	
	clear: both;
}

.productdetails-view .product-short-description .line .clr { border-bottom: 1px dashed #e6e6ea; margin-bottom: 5px; }



.productdetails-view .product-short-description .line strong { 
	margin: 0 !Important; 
	padding: 0 0 0 10px !Important; 
	line-height: 1em;
	border: 0px solid red;
}

.productdetails-view .product-short-description span { background: url(../images/li-item.png) left 9px no-repeat; padding: 0 0 0 8px; display: block; }
.productdetails-view .product-short-description .fa { float: left; padding: 3px 0 0 0; margin: 0; border: 0; width: 10px; }

.productdetails-view .product-description h3 { font-weight: normal; }
.productdetails-view .product-description {
	margin: 30px 0 0 0;
	color: #373737;
}


.productdetails-view .product-description strong { color: #0198dd; font-weight: normal; display: block; }

.product-short-description .fa-angle-right { display: inline-block; float: left !Important; border: 0px solid red !important; }
.product-short-description .params { float: left; margin: 3px 0 0 5px; }




.productdetails-view .product-description { width: 100% !Important; }
.productdetails-view .product-description td,
.productdetails-view .product-description th {
	border: 1px solid #d6dbe0;
	padding: 1px 5px;
}

.productdetails-view .product-description th {
	background: #f9f9f9;
	font-weight: normal; 
	color: #112a43;
	text-align: center;
	padding: 5px 2px;
}

.productdetails-view .product-description th strong {  }

.productdetails-view .product-description td { vertical-align: middle; padding: 5px 2px; }
.productdetails-view .product-description td p { 
	line-height: 1.1em; 
	border: 0px solid red; 
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
}

.productdetails-view .product-description th p { 
	line-height: 1.1em; 
	margin: 0 !important;
	padding: 0 !important;
}




/**************ProductList***************/

.content-products {
    float: left;
    width: 100%;
    margin: 0 auto; 
}

.content-products .productList-inner {
    position: relative;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.content-products .productList {
    float: left;
    width: 100%;
    margin: 0 auto; 
}

.content-products .productList .productListItem {
    float: none;

    width: 30%;

    padding: 10px;

    margin: 0 5px 20px;

    text-align: center !important;
    font-size: 1.5em;
    font-family: "WhitneyBook";
    overflow: hidden;

    box-sizing: border-box;
}

.content-products .productList .productListItem-cats {
    border: 1px solid #c1c7d8 !important;
    margin: 2px;
}

.p-title-bf-inner {
    font-family: "WhitneyBook";
    position: absolute;
    text-align: center;
    margin: 7px auto 5px auto;
    font-size: 1.25em;
    text-shadow: 1px 1px 0 #fff;
    width: 100%;
    color: #0198dd;
}

.content-products .productList .productListItemPhoto {
    text-align: center !important;
    position: relative;
    border: 1px solid #d1d2e9;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 20px;
    height: auto;
}

.content-products .productList .productListItemTitle {
    margin-top: 10px;
    font-size: 1em;
    color: #333;
    text-align: center;
}

.content-products .productList .productListItem:hover .productListItemPhoto {
    border: 1px solid #d1d2e9;
}

.content-products .productList .productListItem:hover a {
    color: #fff;
}

.content-products .productList .productListItem .h-bg {
    position: absolute;
    z-index: 77;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-align: center;
    background: #586c89;
    opacity: 0.75 !important;
    filter: alpha(Opacity=75) !important;
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    display: none;
    font-size: .8em;
}

.content-products .productList .productListItem .h-bg-hover {
    background: #586c89;
    opacity: 0.75 !important;
    filter: alpha(Opacity=75) !important;
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
}

.content-products .productList .productListItem:hover .h-bg {
    display: block;
    opacity: 0.9;
    filter: alpha(Opacity=90);
}

.content-products .productList .productListItem .h-bg a {
    border: 0px solid red;
    margin: 0 auto 5px auto;
    font-size: 1.2em;
    display: block;
    width: 100%;
    padding: 10px;
}

.content-products .productList .productListItem .h-bg .s-desc {
    color: #fff;
    font-size: .8em;
}

.content-products .productList .productListItem .h-bg .s-desc strong {
    color: #fff;
    display: inline-block;
    font-weight: normal;
}

.content-products .productList .productListItem .h-bg .s-desc span {
    display: inline-block;
    margin: 0;
    padding: 0;
    display: none;
}

.content-products .productList .productListItemTitle {
    border: 0px solid blue;
    text-align: center;
    width: 100%;
    text-align: center;
}

.content-products .productList .productListItemPhoto img {
    width: 100%; 
    height: auto; 
    object-fit: cover; 
    margin-bottom: 10px; 

}

.content-products .productList .productListItemPhoto-vert {
    text-align: center;
}

.content-products .productList .productListItemPhoto-vert img {
    width: auto;
}

.content-products .productList .productListItemPhoto a.hover,
.content-products .productList .productListItemPhoto a:focus,
.content-products .productList .productListItemPhoto img.hover,
.content-products .productList .productListItemPhoto img:focus {
    transition: 0.3s color;
}

.content-products .productList .productListItemTitle a {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    transition: 0.3s color;
}

.content-products .productList .productListItemTitle a.hover,
.content-products .productList .productListItemTitle a:focus {
    color: #fff;
}


@media (max-width:900px){

    .content-products .productList .productListItem{
        width:46%;
    }

}

@media (max-width:600px){

    .content-products .productList .productListItem{
        width:100%;
    }

}