.zz .zz { 
	text-align: left !important; 
}
.zz1 .zz { 
	text-align: center !important; 
}
.Prod { 
	text-align: left; font-family: var(--d71);
}
.rightBox .Prod { 
	margin: 0; padding-top: 0px; max-width: 100%;
}
.pro-square { 
	cursor: pointer;
}
.pro-square img.pic{ 
	display: none; width: 100%; opacity:0;
}
.pro-square .pic img{ 
	width: 100% ; opacity:0;
}
.shop i.bi{ 
	font-size: 36px !important; 
}

.b11, .b12, .b21, .b31, .b34, .b43, .b35, .b53, .b32, .b23 {  position: relative; display: inline-block; vertical-align: top; } 
.inside { width: 100%; margin: 0; height: 0; text-align: left; *border-top: var(--p0_shadow); *border-left: var(--p0_shadow); *border-right: var(--p0_shadow);*border-bottom: var(--p0_shadow); } 
.inside.size { *background-size: contain !important; } 
.inside.b11 { padding-bottom: calc( 100% / 1 * 1 ); display: block;} 
.inside.b12 { padding-bottom: calc( 100% / 1 * 2 ); display: block;} 
.inside.b35 { padding-bottom: calc( 100% / 3 * 5 ); display: block;} 
.inside.b34 { padding-bottom: calc( 100% / 3 * 4 ); display: block;} 
.inside.b21 { padding-bottom: calc( 100% / 2 * 1 ); display: block;} 
.inside.b43 { padding-bottom: calc( 100% / 4 * 3 ); display: block;} 
.inside.b53 { padding-bottom: calc( 100% / 5 * 3 ); display: block;}
.inside.b32 { padding-bottom: calc( 100% / 3 * 2 ); display: block;}
.inside.b23 { padding-bottom: calc( 100% / 2 * 3 ); display: block;}

.pd-00 { padding: 0}
.pd-01 { padding: 1.0%}
.pd-02 { padding: 2.0%}
.pd-03 { padding: 3.0%}
.pd-04 { padding: 4.0%}
.pd-05 { padding: 5.0%}
.pd-06 { padding: 6.0%}
.pd-07 { padding: 7.0%}
.pd-08 { padding: 8.0%}
.pd-09 { padding: 9.0%}
.pd-10 { padding: 10%}
.pd-20 { padding: 20%}
.pd-30 { padding: 30%}
.pd-40 { padding: 40%}


.pro-square-.Col-1 { width: 100%; }
.pro-square-.Col-2 { width: 50%; }
.pro-square-.Col-3 { width: 33.3333%; }
.pro-square-.Col-4 { width: 25%;}
.pro-square-.Col-5 { width: 20%; }
.pro-square-.Col-6 { width: 16.6667%; }
.pro-square-.Col-7 { width: 14.2857%; }
.pro-square-.Col-8 { width: 12.5%; }
.pro-square-.Col-9 { width: 11.1111%; }
.pro-square-.Col-10 { width: 10%; }

.pBox { position: relative; height: 100%; margin: 0 auto; } 

.pro-square-.Col-1 .pBox { width: 95%  !important; margin-bottom: 5% } 
.pro-square-.Col-2 .pBox { width: 94%  !important; margin-bottom: 8%} 
.pro-square-.Col-3 .pBox { width: 96%  !important; margin-bottom: 10%} 
.pro-square-.Col-4 .pBox { width: 96%  !important; margin-bottom: 11%} 
.pro-square-.Col-5 .pBox { width: 96%  !important; margin-bottom: 12%} 
.pro-square-.Col-6 .pBox { width: 96%  !important; margin-bottom: 12%} 
.pro-square-.Col-7 .pBox { width: 96%  !important; margin-bottom: 12%} 
.pro-square-.Col-8 .pBox { width: 96%  !important; margin-bottom: 12%} 
.pro-square-.Col-9 .pBox { width: 96%  !important; margin-bottom: 12%} 
.pro-square-.Col-10 .pBox { width: 96%  !important; margin-bottom: 12%} 
.rightBox .pro-square-.Col-1 .pBox { width: 97%  !important;} 
.rightBox .pro-square-.Col-2 .pBox { width: 96%  !important;} 
.rightBox .pro-square-.Col-3 .pBox { width: 98%  !important;} 
.rightBox .pro-square-.Col-4 .pBox { width: 98%  !important;} 
.rightBox .pro-square-.Col-5 .pBox { width: 98%  !important;} 
.rightBox .pro-square-.Col-6 .pBox { width: 98%  !important;} 
.rightBox .pro-square-.Col-7 .pBox { width: 98%  !important;} 
.rightBox .pro-square-.Col-8 .pBox { width: 98%  !important;} 
.rightBox .pro-square-.Col-9 .pBox { width: 98%  !important;} 
.rightBox .pro-square-.Col-10 .pBox { width: 98%  !important;} 

.pro-square.Col-1 { width: 95%; margin: 0 2.5% 5% 2.5%; } 
.pro-square.Col-2 { width: 47.5%; margin: 0 2.5% 5% 2.5%; } 
.pro-square.Col-3 { width: 30.3333%; margin: 0 1.5% 5% 1.5%;}  
.pro-square.Col-4 { width: 23.5%; margin: 0 1% 3% 1%;}
.pro-square.Col-5 { width: 19.2%; margin: 0 0.5% 3% 0.5%;}
.pro-square.Col-6 { width: 16.1666666666667%; margin: 0 0.3% 2% 0.3%;}
.pro-square.Col-7 { width: 13.7714285714286%; margin: 0 0.3% 2% 0.3%;}
.pro-square.Col-8 { width: 11.975%; margin: 0 0.3% 2% 0.3%;}
.pro-square.Col-9 { width: 10.5777777777778%; margin: 0 0.3% 2% 0.3%;}
.pro-square.Col-10 { width: 9.46%; margin: 0 0.3% 2% 0.3%;}

@media (min-width: 1024px) {
	.pro-square.Col-2:nth-child(2n), 
	.pro-square.Col-3:nth-child(3n), 
	.pro-square.Col-4:nth-child(4n), 
	.pro-square.Col-5:nth-child(5n), 
	.pro-square.Col-6:nth-child(6n), 
	.pro-square.Col-7:nth-child(7n), 
	.pro-square.Col-8:nth-child(8n), 
	.pro-square.Col-9:nth-child(9n), 
	.pro-square.Col-10:nth-child(10n) { 
		margin-right: 0 !important; 
	}

	.pro-square.Col-2:nth-child(2n+1), 
	.pro-square.Col-3:nth-child(3n+1), 
	.pro-square.Col-4:nth-child(4n+1), 
	.pro-square.Col-5:nth-child(5n+1), 
	.pro-square.Col-6:nth-child(6n+1), 
	.pro-square.Col-7:nth-child(7n+1), 
	.pro-square.Col-8:nth-child(8n+1), 
	.pro-square.Col-9:nth-child(9n+1), 
	.pro-square.Col-10:nth-child(10n+1) { 
		margin-left: 0 !important; 
	}
}




.pro-square > .pBox{
	overflow: hidden;
}
.pro-square > .pBox .inside{
	width: 100%; margin: 0;height: 0; text-align: left; transition: 0.8s; -webkit-transition: all 0.8s; -webkit-box-align: center; -webkit-box-pack: center; overflow: hidden;
}
.pro-square- > .pBox .inside::before{
	background: inherit; transition: inherit; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; -webkit-transition: inherit;
} 
.pro-square- > .pBox .inside:not(.size):hover::before{
	transform: scale(1.3); -webkit-transform: scale(1.3); 
}
.pro-text-group:not(.p1) { 
	padding: 0px; 
}
.pro-text-group .row ,.pro-text-group .row .pro-text{ 
	padding: 0px !important; margin: 0px !important; 
}
.pro-text-group .pro-text { 
	position: relative; font-size:  0.9rem ; font-weight: 200; 
}
.pro-text-group .pro-text.name { font-size: 100% ; *font-size: 1.1rem; *line-height: 200%!important;}
.rightBox .Col-5 .pro-text-group .pro-text.name, 
.Col-6 .pro-text-group .pro-text.name, 
.Col-7 .pro-text-group .pro-text.name, 
.Col-8 .pro-text-group .pro-text.name, 
.Col-9 .pro-text-group .pro-text.name, 
.Col-10 .pro-text-group .pro-text.name { 
	font-size: 0.95rem; 
}
.pro-text-group .pro-text.name.p1 { font-weight: 400;}
.pro-text-group .pro-text.preview { font-size: 0.944rem; line-height: 150%!important; font-weight: 100; *padding-bottom: 10px;}
.pro-text span { 
	font-size: 0.722rem;  
}	
.pro-text i { 
	font-size: 1.25rem; color: inherit; 
}
.pro-text img{
	position: absolute; right: 0; top: 7px;
}
.item-preview { 
	display: block !important; *align-items: center; overflow:hidden; padding: 0 !important;
}
.item-preview .name{ 
	 display: flex; align-items: center; justify-content: center; font-size: 1.05rem !important;
}
.item-preview .pPreview{ 
	display: flex; align-items: center; overflow:hidden; *padding: 10px; width: auto !important;
}
.item-preview .pPreview div{ 
	display: inline-block; max-height: 100%; overflow:hidden; margin: 0 auto; text-align: left; padding: 10px; 
}
.item-preview.shop .name{ 
	height: 50%; 
}
.item-preview.shop .pPreview{ 
	height: 50%;
}
.item-preview div.addCart-text{ 
	height: 45%; display: flex; align-items: center; justify-content: center; font-size: 22px !important;
}
.rightBox .pro-text img{ 
}
.off {
	display:inline-block; padding:0 5px; background-color:rgba(255,0,0,.365); color:#fff; font-size: 0.95rem !important; float: right;
}
@font-face {
  font-family: "San Francisco";
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}
b.price{  
	font-size: 1.35rem; *font-weight: 500; *font-family: Poppins, San Francisco, Arial, Helvetica, sans-serif; *line-height:1.5
}
b.price small{ 
	font-size: 0.75em;
}
.soldedCount {
	display:inline-block; font-size: 0.75rem;
}
.addCart { 
	*display: inline-block;
}
.pro-text.price { 
	text-align: right;
}
@media (max-width: 1024px) {
	.contentBuilder hr {
		min-width: 95%!important; 
	}
	.addCart { 
		*display: inline-block;
	}
	.pro-text.price { 
		text-align: right;
	}
}
@media (max-width: 992px) {


	.rightBox .Prod, .Prod {  margin: 0 ; }
	.pro-square.Col-5- { width: 25%; }
	.pro-square.Col-6- { width: 25%; }
	.pro-square.Col-7- { width: 25%; }
	.pro-square.Col-8- { width: 25%; }
	.pro-square.Col-9- { width: 25%; }
	.pro-square.Col-10- { width: 25%; }
}
@media (max-width: 767.98px) {
	
	.inside { *background-size: contain !important; } 
	.inside.b11- { padding-bottom: 50%;} 
	.inside.b12- { padding-bottom: 50%;} 
	.inside.b35- { padding-bottom: 50%;} 
	.inside.b34- { padding-bottom: 50%;} 
	.inside.b21- { padding-bottom: 50%;} 
	.inside.b43- { padding-bottom: 50%;} 
	.inside.b53- { padding-bottom: 50%;} 
	.inside.b32- { padding-bottom: 50%;} 
	.inside.b23- { padding-bottom: 50%;} 

	 
	.pBox- { position: relative; width: 98%; height: 100%; margin: 0 1% 2% 1%; } 

	
	
	
}

@media (max-width: 575.98px) {
	.Prod { 
		width: 98%; margin: 0 auto;
	}
	.inside img { opacity: 1 !important;} 
	.single .inside.b11,
	.single .inside.b12,
	.single .inside.b35,
	.single .inside.b34,
	.single .inside.b21,
	.single .inside.b43,
	.single .inside.b53, 
	.single .inside.b32,
	.single .inside.b23 { padding-bottom: 0!important; height:auto !important } 
	
	
	.pro-square > .pBox .inside:hover::before {	transform: none; -webkit-transform: none; }	
	.pro-text-group { padding: 10px 5px!important; } 
	.pro-text-group .pro-text.preview { line-height: 150%!important; padding-bottom: 5px;}	

	.pro-text-group:not(.p1) {  padding: 0px; }




	.pro-square.single { width: 84% !important; background: url(), var(--p5) !important; height: auto !important; margin: 0 8% 8% 8% !important; font-size:0} 


	.pro-square.single .pro-text-group .pro-text.name { font-size: 1.1rem !important;  } 
	.pro-square.double .pro-text-group .pro-text.name { font-size: 1rem !important; line-height: 1!important; letter-spacing: 0!important;} 

	
	.pro-square.single .pic { display: inline-block ; margin: 0 !important; }
	.single .item-proname a{ min-height: 43px !important;  text-align: left !important; font-size: 1rem ;line-height: 1.2}

	.pro-square.double .pro-text-group .pro-text, .pro-square.double .pro-text-group .pro-text  *:not(span){*font-size: 0.95rem; 	}

	.pro-square.double { width: 48% !important; margin: 0 1% 2% 1% !important;  } 
	.pro-square.double.FF1 { margin: 0 1% 4% 1% !important;  } 



	.pro-square-.a11.double { padding-bottom: calc( 50% / 1 * 1 )!important; }
	.pro-square-.a12.double { padding-bottom: calc( 50% / 1 * 2 )!important; }
	.pro-square-.a34.double { padding-bottom: calc( 50% / 3 * 4 )!important; }
	.pro-square-.a35.double { padding-bottom: calc( 50% / 3 * 5 )!important; }
	.pro-square-.a21.double { padding-bottom: calc( 50% / 2 * 1 )!important; }
	.pro-square-.a43.double { padding-bottom: calc( 50% / 4 * 3 )!important; }
	.pro-square-.a53.double { padding-bottom: calc( 50% / 5 * 3 )!important; }
	


	
	.pro-square-.Col-1 .pBox { width: 96%  !important; margin: 0 2% 2% 2% !important; } 
	.pro-square-.Col-2 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important; } 
	.pro-square-.Col-3 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important; } 
	.pro-square-.Col-4 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important; } 
	.pro-square-.Col-5 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important; } 
	.pro-square-.Col-6 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important; } 
	.pro-square-.Col-7 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important; } 
	.pro-square-.Col-8 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important; } 
	.pro-square-.Col-9 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important; } 
	.pro-square-.Col-10 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important; } 
	.rightBox .pro-square-.Col-1 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important; } 
	.rightBox .pro-square-.Col-2 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important;} 
	.rightBox .pro-square-.Col-3 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important;} 
	.rightBox .pro-square-.Col-4 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important;} 
	.rightBox .pro-square-.Col-5 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important;} 
	.rightBox .pro-square-.Col-6 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important;} 
	.rightBox .pro-square-.Col-7 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important;} 
	.rightBox .pro-square-.Col-8 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important;} 
	.rightBox .pro-square-.Col-9 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important;} 
	.rightBox .pro-square-.Col-10 .pBox { width: 96%  !important; margin: 0 2% 4% 2% !important;} 
	
	.off {
		font-size: 0.85rem !important;
	}
}