@import url(https://fonts.googleapis.com/earlyaccess/notosansarmenian.css);
.currency{
font-family: 'Noto Sans Armenian';
font-size:15px;
color:#000;
}
.sale .currency{
color:#BA2118;
}
.lighty{
background-color:#fff;
padding:15px 0;
}
.added {
border:1px solid #555;
padding:8px 15px;
color:#fff;
background-color:#DA251D;
margin:auto;
cursor:pointer;
border-radius:10px;
}
.nadded {
border:1px solid #BA2118;
padding:8px 15px;
color:#fff;
background-color:#DA251D;
margin:auto;
cursor:pointer;
border-radius:10px;
}
.products_images{
margin: 0 auto;
height: auto; 
width: 100%;
margin-bottom:8px;
text-align:center;
}
.showsh{
cursor:pointer;
color:#0454a1;
margin:18px 0;
}
.gradiento{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(100%, #f0f0f0)); 
background: -moz-linear-gradient(top, white 0%, white 55%, #d8d8d8 130%); 
}
.gprice{
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-gap:2px;
}
.gprice div{
display:flex;
align-items:center;
justify-content:center;
padding:5px 0;
}
.gprice div.gprice_text{
font-size:12px;
}
.price{
text-align:center;
padding:10px 0;
}
.price input[type="text"]
{
background:transparent;
border:none;
color:#000;
font-size:18px!important;
text-align:center;
}
hr.s1 { 
border: 0; 
border-bottom: 1px solid #bbb; 
margin-bottom:8px;
}
.fright{
float:right;
}
.bb{
padding:5px 0;
border-bottom:1px solid #eee;
}
.boldy{
font-weight:bold;
}
.textbox {
background: white;
border: 1px solid #999;
box-shadow: 0 0 5px #ccc inset;
color: #666;
float: left;
padding: 5px 10px;
width: 100%;
outline: none;
background-color:#f8f8f8;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height:40px;
font-size:20px;
margin-bottom:8px;
}
.novelty{
position:relative;
padding:5px;
margin-bottom:2px;
font-size:12px;
background-color:rgba(218, 37, 29, 0.95);
color:#fff;
text-align:center;
z-index:5;
}
.salei{
position:relative;
padding:5px;
margin-bottom:2px;
font-size:12px;
background-color:rgba(218, 37, 29, 0.99);
color:#fff;
text-align:center;
z-index:5;
}
.nexists{
position:relative;
padding:5px;
font-size:12px;
background-color:rgba(0, 0, 0, 0.8);
color:#fff;
text-align:center;
z-index:5;
}
.addinfo{
position:absolute;
width:90px;
bottom:0;
left:0;
//background:violet;
}
#products .pic{
height:100%;
overflow:hidden;
position:relative;
}
#products .pic img {
-webkit-transition: transform 10.0s ease, opacity 1.0s ease;
-moz-transition: transform 10.0s ease, opacity 1.0s ease;
transition: transform 10.0s ease, opacity 1.0s ease;
}
#products .pic:hover img {
-webkit-transform:scale(1.1) rotate(0.1deg);
-moz-transform:scale(1.1) rotate(0.1deg);
transform:scale(1.1) rotate(0.1deg);
}
.sale{
text-decoration:line-through;
color:#BA2118;
font-size:15px;
margin-left:8px;
}
.particle{
color:#555;
text-align:justify;
width: 408px;
height:110px;
overflow: hidden;
}
.particlem{
color:#888;
text-align:justify;
width: 100%;
margin-bottom:8px;
height:auto;
}
.mcontent{
position:relative;
width:650px;
margin:0 auto;
margin-bottom:28px;
}
.ptitle{
float:right;
padding-right:8px;
color:#F68704;
margin-bottom:15px;
font-size:14px;
}
#emptycart{
display:none;
}
hr.carved {
border: 0px none;
height: 1px;
background: -moz-linear-gradient(left center , #FDFFFD, #999, #FDFFFD) repeat scroll 0% 0% #999;
margin-bottom:18px;
}
.shcart{
display:flex;
align-items:center;
justify-content:center;
font-size:19px;
}
.shcart a:link,.shcart a:visited{
color:#fff;
}
.shcart a:hover{
color:#fff;
}
.shcart img{
width:25px;
}
#products {
max-width:1300px;
margin:auto;
display:grid;
grid-template-columns:repeat(5, 1fr);
grid-gap:0;
align-content: start;
}
.product{
position:relative;
box-shadow: 0 9px 8px -5px rgba(100, 100, 100, 0.2);
background-color:#fff;
transition:0.3s;
border-radius:12px;
overflow:hidden;
//border:1px solid #fff;
display:grid;
grid-template-columns:100%;
}
.product img {
width: 100%;
height: auto;
display: block;
}
.product:hover{
transform: scale(1.05);
z-index:8;
-webkit-box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.6);
box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.6);
}
.title{
width: 100%;
height:90px;
overflow:hidden;
box-sizing: border-box;
display: block;
padding:8px 0;
//border-bottom:1px solid #777;
}
.title a{
display:block;
text-align:center;
color:#000;
font-size: 16px;
padding:0 10px;
line-height:1.5;
}
.cart{
width: 100%;
box-sizing: border-box;
display: block;
text-align:center;
font-size: 13px;
padding:8px 0;
//border-top:1px solid #777;
}
.cart button:disabled{
background-color:#888;
border:1px solid #fff;
}
.mbutton{
cursor:pointer;
width:15px;
height:16px;
font-size:20px;
display:inline-block;
user-select: none;
}
.mholder{
display:table;
margin:0 auto;
text-align:center;
}
.manipulator{
display:table-cell;
}
.inc{
display:table-cell;
width:20px;
color:#000;
}
.dec{
display:table-cell;
width:20px;
color:#000;
}
.inc:hover, .dec:hover{
color:#555;
}
.leftp{
//background:red;
float:left;
width:40%;
margin-right:5%;
margin-top:18px;
}
.rightp{
color:#000;
float:right;
width:55%;
margin-top:18px;
}
p.head{
font-size:18px;
color:#888;
margin-bottom:15px;
margin-top:15px;
}
p.standards{
font-size:16px;
color:green;
margin:15px 0 15px 10px;
}
p.additional{
font-size:16px;
color:grey;
margin:15px 0 15px 10px;
}
p.simages img{
height:30px;
}
.mw{
min-width:25px;	
}
/* order-table */
table.oTable {
border-collapse: collapse;
max-width:1300px;
color:#000;
margin:auto;
}
table.oTable th, table.oTable td {
border:1px solid #888;
text-align: center;
padding: 8px;
}
table.oTable td:nth-child(2){
text-align: center;
}
table.oTable td a{
color:#000;
}
table.oTable th {
border-top:1px solid #888;
border-bottom:2px solid #888;
}
table.oTable tr:nth-child(even) {
background-color: rgba(0,0,0,0);
}
table.oTable tr:nth-child(odd) {
background-color: rgba(0,0,0,0.05);
}
table.oTable tr:last-child {
border-top:2px solid #888;
}
table.oTable tr:not(:first-child):hover {
background-color: #f1f1f1;
}
table.oTable tr:last-child td:first-child {
text-align:left;
}
/* clients order table*/
table.ct {
border-collapse: collapse;
width: 100%;
border:1px solid:#ccc;
}
table.ct td {
text-align: left;
padding: 8px;
}
table.ct tr:nth-child(even) {
background-color: #f2f2f2;
}
#zoomiocontainer{
position: absolute;
z-index: 87;
overflow: hidden;
background: white;
visibility: visible;
}
#zoomiocontainer img{
width: auto !important;
height: auto !important;
position: absolute !important;
display: block !important;
}
#zoomiocontainer.mobileclass{
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
#zoomioloadingdiv{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
visibility: hidden;
overflow: hidden;
display: flex;
pointer-events: none;
z-index: 10000;
background: white;
}
#zoomioloadingdiv .spinner {
width: 40px;
height: 40px;
margin: 100px auto;
background-color: #333;
border-radius: 100%;  
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% { -webkit-transform: scale(0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% { 
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
}
#gallerycontainer{
width: 100%;
min-width: 250px;
text-align:center;
float:left;
margin-right:18px;
}
#gallery-target{
width: 99%;
height: auto;
margin:0 auto;
}
#gallery-thumbs{
display:grid;
grid-template-columns:repeat(4,1fr);
grid-gap:10px;
margin-top:8px;
}
.tpic{
padding:0;
border:1px solid #ccc;
box-sizing:border-box;
display:block;
}
.tpic img{
max-width:100%;
object-fit:cover;
height:100px!important;
}
#gallery-thumbs img{
width:100%;
height: auto;
padding:0;
margin:0;
cursor: pointer;
}
.slctd{
border:1px solid #000;
}
@media screen and (max-width: 1300px) {
	.pindex {
	width:98%;
	}
}
@media screen and (max-width: 1200px) {
	#products {
	grid-template-columns:repeat(3, 1fr);
	}
}
@media screen and (max-width: 1000px) {
	#products {
	grid-template-columns:repeat(2, 1fr);
	}
}
@media screen and (max-width: 900px) {
	#gallerycontainer{
	width:100%;
	margin-right:0;
	margin-bottom:18px;
	}
	.leftp{
	float:none;
	width:100%;
	}
	.rightp{
	float:none;
	width:100%;
	}
	.product:hover{
	transform: scale(1);
	}
}

@media screen and (max-width: 800px) {
	.pindex{
	grid-template-columns:auto;
	}
}
@media screen and (max-width: 600px) {
	#products {
	grid-template-columns:100%;
	}
	.product{
	grid-template-columns:150px auto;
	}
	.title{
	height:auto;	
	}	
	.title a{	
	font-size:14px;
	}
}