/* Product grid */

.grid {
	position: relative;
	overflow: hidden;
	max-width: 1300px;
	margin: 0 auto;
	padding:1em 0 1em;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
}

/* Loader */
.grid__loader {
	display: none;
	margin: 3em auto 0;
}

.grid--loading .grid__loader {
	display: block;
}

/* Clearfix */

.grid:after {
	content: '';
	display: block;
	clear: both;
}

/* Grid items */
.bg-grey{
background:#f0f0f0;
}


.grid__sizer120,
.grid__item120 {
	position: relative;
	float: left;
	width: 45%;


	-webkit-transition:0.5s;
	border-radius:5px;
	border:1px solid #e0e0e0;
	height:auto;
	margin:10px;
	
}
.grid__item1:hover{
box-shadow:0 0 2px 2px #e0e0e0;


}




.grid__sizer1,
.grid__item1 {
	position: relative;
	float: left;
	width: 24%;
	padding: .35em;
	margin: .35em;
	-webkit-transition:0.5s;
	border-radius:5px;
	border:1px solid #e0e0e0;
	height:370px;
	
}
.grid__item1:hover{
box-shadow:0 0 2px 2px #e0e0e0;


}


.grid__sizer,
.grid__item {
	position: relative;
	float: left;
	width: 24%;
	padding: .35em;
	margin: .35em;
	-webkit-transition:0.5s;
	border-radius:5px;
	border:1px solid #e0e0e0;
	height:420px;
	
}

.grid__item:hover{
box-shadow:0 0 2px 2px #e0e0e0;


}
.no-touch .grid__sizer,
.no-touch .grid__item {
	padding: .65em .75em 1.25em;
}

.grid--loading .grid__item {
	visibility: hidden;
}

.grid__item--size-a {
	width: 40%;
}

/* Gallery */

.slider {
	padding: 0;
	border-radius: 5px;
	background: #24252a;
}

.no-touch .slider {
	padding: 0 0 1.25em;
}

.slider__item {
	width: 100%;
	padding: 1em;
}

.slider__item img {
	width: 100%;
}
/* Flickity page dots */

.slider .flickity-page-dots {
	bottom: 20px;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.no-touch .slider:hover .flickity-page-dots {
	opacity: 1;
}

.slider .flickity-page-dots .dot {
	background: #131417;
}

/* Product meta */

.meta {
	position: relative;
	margin: 0px 0 0;
	padding: 10px 0 0 0;
	text-align: left;
	border-top: 1px solid #f3f3f3;
}

.meta__brand {
	font-size: .85em;
	font-weight: bold;
	display: block;
	color: #595b64;
}

.meta__title {
	font-size: 14px;
	font-weight:normal;
	margin: 0;
	text-align:center;
	padding: .5em 0 .8em;
	
}

.meta__price {
	font-size: .95em;
	font-weight: bold;
	position: absolute;
	top: .45em;
	right: .25em;
	color: #595b64;
}

/* Action style */

.action {
	font-family: Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
	font-size: 2em;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: .25em;
	cursor: pointer;
	color: #fff;
	border: none;
	background: none;
}

.action:focus {
	outline: none;
}

.action--button {
	color: #0935ae;
}

.no-touch .action--button:hover {
	color: #0935ae;
	outline: none;
}

.text-hidden {
	position: absolute;
	top: 200%;
}

/* Add to cart button */

.action--buy {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.9em 1em;
	-webkit-transition: opacity .3s, -webkit-transform .3s;
	transition: opacity .3s, transform .3s;
	-webkit-transform: translate3d(-5px, 0, 0);
	transform: translate3d(-5px, 0, 0);
}

.view::before {
  border-bottom: 2px solid #0935ae;
  border-left: 2px solid #0935ae;
  -webkit-transform-origin: 0 100%;
}

.view::after {
  border-top: 2px solid #0935ae;
  border-right: 2px solid #0935ae;
  -webkit-transform-origin: 100% 0%;
}
.box {
  position:relative;
  vertical-align: middle;
  color: #000;
  display: inline-block;
  height: 40px;
  line-height:35px;
  text-align: center;
  transition: 0.5s;
  padding: 0 20px;
  cursor: pointer;
  border: 2px solid #000;
  -webkit-transition:0.5s;
 
}

.box:hover {
  border: 2px solid #fff;
  color: #0935ae;
}

.box::before, .box::after {
  width: 100%;
  height:100%;
  z-index: 3;
  content:'';
  position: absolute;
  top:0;
  left:0;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}






.box:hover::after, .box:hover::before {
  -webkit-transform: scale(1);
}
/*---- button */

.view1::before {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
border-radius:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius:8px;
    -o-border-radius: 8px;
  -webkit-transform-origin: 0 100%;
}

.view1::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform-origin: 100% 0%;
  border-radius:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius:8px;
    -o-border-radius: 8px;
}
.box1 {
  position:relative;
  vertical-align: middle;
  color: #fff;
  font-size:20px;
  display: inline-block;
  height: 40px;
  line-height:35px;
  text-align: center;
  transition: 0.5s;
  padding: 0 20px;
  cursor: pointer;
  border: 2px solid #0144b0;
  background:#013586;
    background: -webkit-linear-gradient(#013586, #3d72c7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#013586, #3d72c7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#013586, #3d72c7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#013586, #3d72c7); /* Standard syntax */
	border-radius:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius:8px;
    -o-border-radius: 8px;
  -webkit-transition:0.5s;
 
}

.box1:hover {
  border: 2px solid rgba(255,255,255,0);
  color: #FFF;
}

.box1::before, .box1::after {
  width: 100%;
  height:100%;
  z-index: 3;
  content:'';
  position: absolute;
  top:0;
  left:0;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
  color:#fff;
}
.no-touch a:hover, .no-touch a:active, .g-btn.color_secondary.outlined, .no-touch .w-blog.type_masonry .w-blog-meta a:hover, .w-counter.color_secondary .w-counter-number, .w-icon.color_secondary .w-icon-link, .no-touch .w-team-link:hover .w-team-name, .no-touch .widget_archive ul li a:hover, .no-touch .widget_categories ul li a:hover, .no-touch .widget_tag_cloud .tagcloud a:hover, .no-touch .woocommerce-breadcrumb a:hover, .no-touch .widget_product_tag_cloud .tagcloud a:hover, .no-touch .bbp_widget_login a.button.logout-link:hover

{

color:#0935ae;}





.box1:hover::after, .box1:hover::before {
  -webkit-transform: scale(1);
}

.no-touch .action--buy {
	opacity: 0;
}

.no-touch .grid__item:hover .action--buy {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Fixed bottom bar */

.bar {
	position: fixed;
	z-index: 100;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1.75em 5em;
	text-align: center;
	background: #191a1b;
	-webkit-transform: translate3d(0, 0, 0);
	/* Fix for Chrome flicker on Mac ...party like we're in 2012! */
}

.flexbox .filter {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

/* Filter */

.filter__label {
	font-size: .85em;
	display: inline-block;
	margin: 0 2%;
	font-weight: bold;
	color: #393A3F;
}

.filter__item {
	font-weight: bold;
	margin: 0 2%;
	padding: .1em;
	vertical-align: middle;
	color: #a3a3b3;
	border-bottom: 2px solid transparent;
}

.filter__item--selected {
	color: #5c5edc;
	border-color: #5c5edc;
}

.filter__item .icon {
	font-size: 1.75em;
	display: none;
}

/* Shopping cart */

.cart {
	font-size: 1.5em;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	height: 100%;
	padding: 0 1.195em;
	cursor: pointer;
	color: #abacae;
	border: none;
	background-color: #131415;
	display:none;
}

.no-touch .cart:focus,
.no-touch .cart:hover {
	color: #fff;
	outline: none;
}

.cart--animate .cart__icon {
	-webkit-animation: cartAnim .4s forwards;
	animation: cartAnim .4s forwards;
}

@-webkit-keyframes cartAnim {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes cartAnim {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
		transform: translate3d(-50px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.cart__count {
	font-size: 9px;
	font-weight: bold;
	line-height: 15px;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 15px;
	height: 15px;
	margin: -16px 0 0 0;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	background: #5c5edc;
}

.cart--animate .cart__count {
	-webkit-animation: countAnim .4s forwards;
	animation: countAnim .4s forwards;
}

@-webkit-keyframes countAnim {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes countAnim {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -80px, 0);
		transform: translate3d(0, -80px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
/* Resize grid items on smaller screens */

@media screen and (max-width: 65em) {
	.grid__sizer,
	.grid__item,
	.grid__item--size-a {
		width: 33.333%;
	}
}

@media screen and (max-width: 50em) {
	.grid__sizer,
	.grid__item,
	.grid__item--size-a {
		width: 50%;
	}
	.bar {
		padding-left: 0;
		text-align: left;
	}
	.meta__price{
	
	position:relative;}
}

@media screen and (max-width: 40em) {
	.bar {
		padding: .5em 4.5em .5em 0;
	}
	.flexbox .filter {
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}
	.filter__item {
		height: 100%;
		padding: .5em .1em;
		border: none;
	}
	.filter__item .icon {
		display: inline-block;
	}
	.filter__label,
	.action__text {
		display: none;
	}
	.cart {
		padding: 0 1em;
	}
}

@media screen and (max-width: 25em) {
	.grid {
		max-width: 75%;
	}
	.grid__loader {
		margin: 0 auto;
	}
	.grid__sizer,
	.grid__item,
	.grid__item--size-a {
	width: 97%;
	}
	.action--buy {
		font-size: 1.5em;
		padding: 1.15em 1.5em;
		-webkit-tap-highlight-color: transparent;
	}
}