.rtext{
max-width:1300px;
margin:auto;
margin-bottom:30px;
color:var(--mainc);
font-size:15px;
line-height:1.5;
}
.products_wrapper{
max-width:1300px;
margin:auto;
margin-bottom:50px;
display:grid;
grid-template-columns: 350px auto;
grid-gap:25px;
align-items: flex-start;
}
.products_container{
display:grid;
grid-template-columns: repeat(3, 1fr);
grid-gap:25px;
}
.product{
border:1px solid #eee;
background-color:#f8f8f8;
transition:0.8s;
overflow: hidden;
}
.product:hover{
-webkit-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.32);
box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.32);
}
.product_img{
position:relative;
overflow:hidden;
-webkit-box-shadow: 0px 7px 24px -18px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 7px 24px -18px rgba(0,0,0,0.41);
box-shadow: 0px 7px 24px -18px rgba(0,0,0,0.41);
}
.product_img img {
display:block;
width:100%;
height:250px;
object-fit:cover;
overflow:hidden;
transition: 0.8s;
}
.product:hover img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);
}
.product_info{
text-align:center;
padding:0 10px;
line-height:1.5;
display:flex;
align-items:center;
justify-content:center;
min-height:80px;
}
.product .product_info a{
background-color:#f8f8f8;
display:block;
color:var(--grey);
}
.product:hover a{
color:var(--mainc);
}
.novelty{
position:absolute;
top:0px;
right:0;
padding:5px 10px;
font-size:13px;
background-color:rgba(47, 184, 186, 0.8);
color:#fff;
text-align:center;
z-index:5;
}
.nexists{
position:absolute;
top:0px;
left:0;
padding:5px 10px;
font-size:13px;
background-color:rgba(50, 50, 50, 0.5);
color:#fff;
text-align:center;
z-index:5;
}
.p_info{
max-width: 1300px;
margin: auto;
display: grid;
grid-template-columns: 45% auto;
grid-gap: 60px;
margin-bottom: 30px;
margin-top:30px;
align-items: start;
}
.pimage{
position:relative;
}
.pdescr .descrs p{
line-height:1.5;
font-size:16px;
}
.pdescr h1{
font-size:28px;
text-transform:uppercase;
padding:0;
margin:0;
margin-bottom:20px;
color:var(--mainc);
font-weight:normal;
}
.pimage img{
width:100%;
height:100%;
display:block;
}
.breadcrumbs {
max-width:1300px;
margin:auto;
}
.breadcrumbs ul {
list-style: none;
display: inline-table;
padding:0;
}
.breadcrumbs ul li {
display: inline;
}
.breadcrumbs ul li a{
color: #fff;
display:block;
line-height:1.4;
}
.breadcrumbs ul li  {
display: block;
float: left;
height: 25px;
background-color: var(--grey);
text-align: center;
padding: 5px 5px 25px 30px;
position: relative;
margin: 0 4px 5px 0; 
font-size: 13px;
text-decoration: none;
color: #fff;
}
.breadcrumbs ul li:after {
content: "";  
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid var(--grey);
position: absolute; 
right: -15px; 
top: 0;
z-index: 1;
}
.breadcrumbs ul li:before {
content: "";  
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #ededed;
position: absolute; 
left: 0; 
top: 0;
}
.breadcrumbs ul li:first-child:before {
display: none; 
}
.breadcrumbs ul li:last-child:after {
display: none; 
}
.breadcrumbs ul li:last-child {
padding-right: 15px;
background: var(--mainc);
line-height:1.4;
}
.breadcrumbs ul li:hover {
background: var(--mainc);
}
.breadcrumbs ul li:hover:after {
border-left-color: var(--mainc);
}
.apph{
max-width:1300px;
margin:auto;
margin-top:20px;
font-size:24px;
color: var(--mainc);
text-align:center;
}
.apps ul{
display:grid;
grid-template-columns:repeat(4, 1fr);
grid-gap:10px;
max-width:1300px;
margin:auto;
margin-top:30px;
margin-bottom:50px;
}
.apps ul li{
display:inline-block;
padding:10px 30px;
background-color: var(--mainc);
display:flex;
align-items:center;
justify-content:center;
text-align:center;
border: 1px solid #fff;
transition:0.8s;
border-radius:20px;
}
.apps ul li:hover{
background-color: var(--grey);
}
.apps ul li a{
color:#fff;   
line-height:1.5;
font-size:16px;
}
.vmenu{
margin-top:10px;
position:relative;
}
.vmenu ul, .vmenu li {
list-style: none;
}
.vmenu ul {
padding:0;
margin:0;
}
.vmenu li {
margin: 5px 0;
cursor:pointer;
}
.vmenu a:link, .vmenu a:visited{
display: block;
outline: none;
text-decoration: none;
}
.vmenu li > a > span {
float: right;
height: 20px;
position:relative;
}
.vmenu li > a > span:after {
content: url(/webroot/img/a-down.svg);
height: 20px;
width: 25px;
display: inline-block;
}
.vmenu li.open > a > span:after {
content: url(/webroot/img/a-up.svg);
height: 20px;
width: 25px;
display: inline-block;
}
.vmenu li > a:hover > span:after {
background-color:rgba(255,255,255,0.1);
}
.vmenu li a {
color:#21573A;
font-size: 16px;
border:1px solid #ccc;
line-height: 20px;
padding: 12px;
background-color:rgba(255,255,255,0.5);
}
.vmenu li a:hover {
background-color:rgba(255,255,255,0.05);
color:var(--grey);
}
.vmenu ul > li > a {
font-size: 16px;
letter-spacing:1px;
color:var(--grey);
border-left:3px solid var(--grey);
}
.vmenu ul>li>ul>li>a {
color:#228A8C;
padding-left:25px;
background-color:rgba(255,255,255,0.05);
border-left:3px solid var(--mainc);
font-size:17px; 
}
.vmenu ul>li>ul>li>ul>li>a {
color:var(--mainc);
padding-left:35px;
background-color:rgba(255,255,255,0.01);
}
.lactive{
font-weight:bold;
color:var(--mainc)!important;
}
.search{
position:relative;
margin:auto;
margin-bottom:30px;
}
.search form{
width:100%;
}
.search p{
position:absolute;
display:none;
width:calc(100% - 2px);
margin:0;
z-index:8;
max-height:300px;
overflow-y: auto;
background-color:rgba(255,255,255,0.98);
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
border:1px solid #ddd;
}
.search p span{
display:block;
padding:5px 15px;
color:red;
font-size:14px;
}
.search a{
display:flex;
align-items:center;
height:50px;
padding:5px 15px;
color:var(--mainc);
font-size:16px;
border-bottom:1px solid #ddd;
}
.search a:last-child{
border-bottom:none;	
}
.search a:hover{
color:#fff!important;
background-color:var(--mainc);
}
.search a img{
height:40px;
margin-right:20px;
}
.q{
width: 100%;
padding:15px;
font-size:18px;
border:1px solid #ddd;
background-color:#fff;
box-sizing:border-box;
}
textarea:focus, input:focus{
outline: none;
}
.arrc{
position:absolute;
bottom:0;
right:0;
width:100px;
margin:auto;
display:grid;
grid-template-columns:1fr 1fr;
background-color: rgba(255,255,255, 0.5);
}
.arrc img{
width:25px;
height:25px;
cursor:pointer;
display:inline-block;
}
.pprev{
text-align:left;
padding:10px;
}
.pnext{
text-align:right;
padding:10px;
}
.pprev span, .pnext span{
display:block;
height:25px;
}
.pprev:hover, .pnext:hover{
background-color: rgba(255,255,255, 0.5);
}
.i_title{
text-align:center;
margin-top:25px;
margin-bottom:25px;
font-size:22px;
background-color:var(--mainc);
color:#fff;
padding:8px
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
@media screen and (min-width: 800px) {
    .breadcrumbs ul li:first-child {
    padding-left: 15px;
    }
}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1100px) {
    .products_container{
    width:95%;
    grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 900px) {
	.p_info{
	grid-template-columns: 100%;	
	}
    .apps ul{
    grid-template-columns:repeat(2, 1fr);
    }
}
@media screen and (max-width: 800px) {
	.pimage{
	width:100%;
	float:none;
	margin-right:0;
	}
	.pdescr{
	width:100%;
	float:none;
	}
	.pdescr h1{
	text-align:center;
	}
	.breadcrumbs{
	text-align:center;
	}
	.breadcrumbs ul li  {
	float:none;
	margin-bottom:5px;
	height:auto;
	padding:5px 10px;
	}
	.breadcrumbs ul li:first-child {
    padding-left: 0;
	}
	.breadcrumbs ul li:after {
	display:none;
	}
	.breadcrumbs ul li:before {
	display: none; 
	}
	.products_container{
    grid-template-columns: 1fr;
    margin:auto;
    }
}
@media screen and (max-width: 700px) {
    .products_wrapper {
    grid-template-columns: 1fr; 
    }
    .vmenu{
    display:block;
    }
}
@media screen and (max-width: 400px) {
    .apps ul{
    grid-template-columns:100%;
    grid-gap:10px;
    }
}