@charset "utf-8";
/* CSS Document */

.filters {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  padding-top:1em;
  z-index:101;
  position:relative;
}

.filters .filter {
  flex:0 0 19.5%;
  /*box-shadow:0px 0px 25px rgba(0,0,0,.15);  */
  background-color:#fff;
  position:relative;
  margin-bottom:5px;
  z-index:102;
  
	border:1px solid #dee9f4;
}


.filters .filter .content {
  display:none;
  position:absolute;
  top:0;
  left:0;
  min-width:100%;
  padding:70px 20px 20px 20px;
  background-color:#fff;
  z-index:203;
  box-shadow:0px 0px 2px rgba(0,0,0,.15);  
  /*border:1px solid #f6f6f6;*/
   transition:all 0.2s ease-out;
}
.filters .filter .content .ul-label {
  font-weight:700;
  padding-bottom:10px;
}
.filters .filter .content ul + .ul-label {
  padding-top:10px;
}
.filters .filter .content ul li {
  list-style-type:none;
  line-height:24px;
  padding:5px 0px;
	display:flex;
	justify-content: flex-start;
	align-items:center;
}
.filters .filter .content ul li span.color {
  display:inline-block;
  width:20px;
  height:20px;
  background-color:#ccc;
  vertical-align:middle;
  margin-right:6px;
}
.filters .filter .content ul li input[type="checkbox"],
.filters .filter .content ul li input[type="radio"] {
  vertical-align:middle;
  margin-right:5px;
}
.filters .filter .content ul li label {
  cursor:pointer;
}
.filters .filter .content ul li a {
	color:#22334d;
	text-decoration: none;
}
.filters .filter .content ul li a:active,
.filters .filter .content ul li a:hover,
.filters .filter .content ul li label:hover {
  text-decoration: underline;
}

.filters .filter .label {
  font-weight:700;
  padding:5px 15px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  cursor:pointer;
  z-index:205;
  position:relative;
}
.filters .filter:not([class*="clear"]) .label:hover {
  opacity:.7;
}
.filters .filter .label div {
  display:block;
  white-space:nowrap;
  padding-right:10px;
}
.filters .filter.clear {
  /*flex:0 1 19%;*/
  box-shadow:none;  
  border:1px solid #131313;
  position:relative;
  transition:all 0.2s ease-out;
  color:inherit;
  text-decoration: none;
  z-index:90;
}
.filters .filter.clear:active,
.filters .filter.clear:hover {
  background-color:#131313;
  color:#fff;
}
.filters .filter.open {
  box-shadow: none;
}
.filters .filter .label::after {
  transition:all 0.2s ease-out;
	color:#848b99;
}

.filters .filter.open .label::after {
  transform:scaleY(-1);
}
.filters .filter.open ~ .filter {
  z-index:101;
}
.filters .filter.open .content {
  display:block;
}
@media (max-width:640px) {
  
  .filters .filter .content {
    position:relative;
    box-shadow: none;
    padding-top:10px;
  }
  
  .filters .filter.open {
    background-color:#fff;
    box-shadow:0px 0px 2px rgba(0,0,0,.15);  
  }
}


.filters .filter.clear .label {
  padding:12px 25px;
  text-align:center;
  display:block;
}
.filters .filter.clear .label div {
  padding-right:0;
}

.filters .filter .label div span {
  display:block;
  font-size:12px;
  font-weight:400;
  padding-top:2px;
}

.filters a.btn-primary.filter-mobile {
	display:none;
}

@media (max-width:1152px) {
  .filters .filter {
    flex:0 0 24%;
  }
}

@media (max-width:992px) {
  .filters .filter {
    flex:0 0 32%;
  }
  .filters .filter.clear {
    margin-left:inherit;
  }
}



@media (max-width:640px) {
	.filters a.btn-primary.filter-mobile {
	display:block;
		order:2;
		align-self:flex-end;
		margin-top:10px;
	}
  .filters .filter {
    flex:0 0 100%;
	  order:1;
  }
	.filters .filter.clear {
		order:0;
		background-color:#edeef0;
		color:#506585;
		border:none;
		align-self:flex-start;
		border-radius:6px;
		margin-bottom:10px;
	}
}
.gallery {
  /*background-color:#f8f8f8;*/
}
.gallery-item {
  background-color: #fff;
  break-inside: avoid-column;
  page-break-inside: avoid;
  border:1px solid #edeef0;
  padding:8px 8px 10px 8px;
  margin-bottom:10px;
  position:relative;
}
  @media (max-width:400px) {
    .gallery-item {
      padding:0px 0px 15px 0px;
    }
  }
  .gallery-item .content {
  /*box-shadow:0px 0px 25px rgba(0,0,0,.15);  */
    border-radius: 6px;
  }

.gallery-wrapper.masonry .gallery-item {
  padding:5px;
}
  .gallery-wrapper.masonry .gallery-item .content {
    border-radius:0px;
    border:1px solid #f0f0f0;
}
.gallery-wrapper.masonry .gallery-item .content .description {
  padding:10px;
}
  
  .gallery-item .description {
    padding:10px 5px 0px 5px;
    font-size:14px;
    font-weight:400;
		text-align:center;
		color:#22334d;
  }
  .gallery-item .description a {
    color:inherit;
    text-decoration:none;
  }
  .gallery-item .description a:active,
  .gallery-item .description a:hover {
    text-decoration:underline;
  }
  .gallery-item .description .title {
    font-size:16px;
    font-weight:700;
		padding-top:0.3em;
  }

.gallery-item .description .title .icon-star {
	font-size:14px;
	padding-right:4px;
}
  .gallery-item .description .price {
    font-size:22px;
    font-weight:700;
    white-space:nowrap;
    text-align:center;
		padding-top:0.4em;
  }
  .gallery-item .description .price span {
		font-size:0.7em;
}

.gallery-item .description .price .secondary {
  display:none;
  font-size:14px;
  font-weight:400;
}

.gallery-item .description .price.with-promo {
    font-size:14px;
    font-weight:400;
    text-decoration: line-through;
  }

.gallery-item .description .price.with-promo .promo {
    font-size:22px;
    font-weight:700;
    display:inline-block;
  text-decoration: none;
  padding-right:5px;
  }


.gallery-item .description .price.with-promo span {
  display:block;
  font-size:12px;
  font-weight:400;
}

.gallery-item .description .price.with-promo span > span {
  display:inline-block;
  font-size:14px;
  font-weight:400;
  text-decoration:none;
  padding-right:5px;
}

  
.gallery-item .description .size {
  padding-top:5px;
	font-size:13px;
	color:#848b99;
}

.gallery-item .description .icon-favourite-add {
  font-size:16px;
  padding-right:5px;
  vertical-align: middle;
}
  .gallery-item .description .icon-favourite-add + .size {
    display:inline-block;
  }

  @media (min-width:401px) and (max-width:480px) {
     .gallery-item .description {
       font-size:12px;
    }
    .gallery-item .description .title {
    font-size:18px;
    }
     .gallery-item .description .price {
    font-size:20px;
    }
  }

  .gallery-item .image {
    max-height:250px;
    overflow:hidden;
    position:relative;
    text-align:center;
    min-height:250px;
    width:100%;
    
  }
.gallery-wrapper.masonry .gallery-item .image {
  max-height:none;
}
  .gallery-item .image > a {  
    display:block;
    width:100%;
    height:100%;
    cursor:pointer;
  }
  .gallery-item .image .options {
    opacity:0;
    width:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: center;
    z-index:90;
    visibility: hidden;
  }
  
  .gallery-item .image .options a.add-to-favourites {
    background-color:rgba(255,255,255,.9);
    font-size:14px;
    color:#131313;
    padding:12px 15px 8px 15px;
    display:inline-block;
    text-decoration: none;
    transition:all 0.2s ease-out;
    border-radius:6px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    z-index:110;
    opacity:0;
    position:absolute;
    right:10px;
    top:0px;
    line-height:20px;
  }
  .gallery-item .image .options a.add-to-favourites:active,
  .gallery-item .image .options a.add-to-favourites:hover {
    background-color:rgba(19,19,19,.9);
    color:#fff;
  }
  .gallery-item .image .options a.add-to-favourites span {
    font-size:20px;
  }
   .gallery-item .content:hover .options a.add-to-favourites {
    /*transform:translateY(-5px);*/
    opacity:1;
  }
  
  
  .gallery-item .image .options a.add-to-cart {
    background-color:rgba(19,19,19,.7);
    border:2px solid rgba(19,19,19,.7);
    font-size:14px;
    font-weight:700;
    color:#fff;
    padding:10px 25px;
    display:inline-block;
    text-decoration: none;
    transition:all 0.2s ease-out;
    border-radius:6px;
    z-index:110;
    opacity:0;
    margin-bottom:6px;
  }
  .gallery-item .image .options a.add-to-cart span {
    font-size:16px;
    line-height:20px;
    vertical-align:middle;
    padding-right:5px;
  }
  
  .gallery-item .image .options a.add-to-cart:active,
  .gallery-item .image .options a.add-to-cart:hover {
    background-color:rgba(19,19,19,.95);
    color:#fff;
  }
  
  .gallery-item .content:hover .options a.add-to-cart {
    /*transform:translateY(-5px);*/
    opacity:1;
  }
  
  .gallery-item .image .options a.view-more {
    background-color:rgba(255,255,255,.9);
    border:2px solid  rgba(255,255,255,.1);
    font-size:14px;
    font-weight:700;
    color:#131313;
    padding:10px 25px;
    display:inline-block;
    text-decoration: none;
    transition:all 0.2s ease-out;
    
    z-index:110;
    opacity:0;
  }
  
  .gallery-item .content:hover .options a.view-more {
    opacity:.8;
  }

.gallery-item .image .options a.view-more:active,
  .gallery-item .image .options a.view-more:hover {
    opacity:1;
    
  }
/*
  .gallery-item.portrait .image {
    max-height:400px;
    
  }*/
  .gallery-wrapper.two-even-cols .gallery-item .image {
    max-height:400px;
    
  }
  
  .gallery-item .image .holder {
    height: 100%;
    display:flex;
    align-items: center;

  }
  .gallery-item .image img {
    display:block;
    min-height:250px;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    position:relative;
    transition:all 0.4s ease-out;
    z-index:1;
  }
  
  .gallery-item.portrait .image img {
    max-height:100%;
  }

  .gallery-item .content:hover .image img {
    opacity:.7;
    transform:scale(1.05);
  }
 

  
  
  .gallery-wrapper {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items:stretch;
    padding-top:25px;
  }

  .gallery-wrapper .main-items-wrapper .items {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
  }

  .gallery-wrapper.four-even-cols.masonry .main-items-wrapper .items {
    column-count:4;
    display:block;
  }

  .gallery-wrapper .portrait-items-wrapper {
    flex: 0 0 25%;
  }
  .gallery-wrapper .main-items-wrapper {
    flex: 0 0 74%;
  }
  
  .gallery-wrapper.two-even-cols .main-items-wrapper,
  .gallery-wrapper.five-even-cols .main-items-wrapper,
.gallery-wrapper.four-even-cols .main-items-wrapper {
    flex: 0 0 100%;
  }
  
  .gallery-wrapper .main-items-wrapper .items .gallery-item {
    max-width: 100%;
    flex:0 0 49%;
  }
  
  .gallery-wrapper.five-even-cols .main-items-wrapper .items .gallery-item {
    flex:0 0 19%;
  }
  
  .gallery-wrapper.four-even-cols .main-items-wrapper .items .gallery-item {
    flex:0 0 24%;
  }
  
  
  @media (max-width:1152px) {
    .gallery-wrapper.five-even-cols .main-items-wrapper .items .gallery-item {
    flex:0 0 32%;
    }
  }
  
   @media (max-width:880px) {
    .gallery-wrapper.five-even-cols .main-items-wrapper .items .gallery-item {
    flex:0 0 32%;
  }
     .gallery-wrapper.four-even-cols .main-items-wrapper .items .gallery-item {
    flex:0 0 32%;
    }
     
     .gallery-wrapper.four-even-cols.masonry .main-items-wrapper .items {
       column-count:3;
     }
  }
   @media (max-width:768px) {
    .gallery-wrapper.five-even-cols .main-items-wrapper .items .gallery-item {
      flex:0 0 49%;
    }
     .gallery-wrapper.four-even-cols .main-items-wrapper .items .gallery-item {
    flex:0 0 49%;
  }
     .gallery-wrapper.masonry .gallery-item {
      padding:0;
    }

     .gallery-wrapper.four-even-cols.masonry .main-items-wrapper .items {
       column-count:2;
     }
  }
  @media (max-width:768px) {
    .gallery-wrapper .portrait-items-wrapper {
      flex:0 0 100%;
    }
    .gallery-wrapper .portrait-items-wrapper {
      display:flex;
      justify-content: space-between;
    }
    .gallery-wrapper .portrait-items-wrapper .gallery-item {
      flex:0 0 49%;
    }
    .gallery-wrapper .main-items-wrapper {
      flex:0 0 100%;
    }
  }
  
  @media (max-width:400px) {
    .gallery-wrapper .portrait-items-wrapper {
      display:flex;
      justify-content: flex-start;
      flex-direction: column;
      align-items:center;
      
    }
    .gallery-wrapper .portrait-items-wrapper .gallery-item {
      flex:0 0 auto;
    }
    .gallery-wrapper .main-items-wrapper {
      flex:0 0 100%;
    }
    .gallery-wrapper .main-items-wrapper .items .gallery-item {
      flex:0 0 100%;
    }

    .gallery-wrapper.five-even-cols .main-items-wrapper .items .gallery-item {
      flex:0 0 100%;
    }
    .gallery-wrapper.four-even-cols .main-items-wrapper .items .gallery-item {
      flex:0 0 100%;
    }
    .gallery-wrapper.four-even-cols.masonry .main-items-wrapper .items {
       column-count:1;
     }
  }
.gallery-item.sold .image {
  max-height:200px;
}
.gallery-item.sold .image::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 0; 
   height: 0; 
   display: block;
   border-right: 118px solid transparent;
   border-bottom: 85px solid transparent;
   border-top: 80px solid rgba(19,19,19,.9);
   z-index:102; 
}
  .label-sold {
  color:#fff;
  position:absolute;
  z-index:102;
  padding:10px 20px;
  text-align:center;
  top:9px;
  left:0px;
    font-weight:700;
    font-size:18px;
  transform:rotateZ(-34deg);
}

ul.pagination {
  margin:0;
  padding:0;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content: center;
  align-items:center;
  padding-top:3em;
  padding-bottom:1em;
}
ul.pagination.top {
  padding-top:1em;
  padding-bottom:0em;
}

ul.pagination li {
  list-style-type:none;
  font-size:14px;
}
ul.pagination li + li {
  margin-left:4px;
}

ul.pagination li.pages ul {
  margin:0;
  padding:0;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content: center;
  align-items:center;
  
}
ul.pagination li.next a::after,
ul.pagination li.previous a::before {
  font-family: 'gallerystore-icons' !important;
  font-size:10px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 13px;
  vertical-align:middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul.pagination li.next a::after {
  content: "\f054";
  padding-left:10px;
  
}
ul.pagination li.previous a::before {
  content: "\f053";
  padding-right:10px;
  
}

ul.pagination li:not([class$="-page"]) a {
  border:1px solid #ddd;
  
  display:block;
  padding:7px 12px;
  font-weight:400;
  text-decoration:none;
  color:inherit;
  text-align:center;
}
@media (max-width:720px) {
ul.pagination li:not([class$="-page"]) a {
  padding:10px 15px;
  }
}

ul.pagination li.first-page a,
ul.pagination li.last-page a {
  border:1px solid #ddd;
  text-decoration:none;
  color:inherit;
  display:block;
  font-weight:400;
  padding:7px 12px;
  white-space: nowrap;
  text-align:center;
}

ul.pagination li[class$="-page"] a:active,
ul.pagination li[class$="-page"] a:hover {
  text-decoration:underline;
}

ul.pagination li:not([class$="-page"]) a:active,
ul.pagination li:not([class$="-page"]) a:hover,
ul.pagination li.active a {
  background-color:#131313;
  color:#fff;
}

@media (max-width:720px) {
  ul.pagination li.first-page {
    flex:0 0 20%;
  }
  ul.pagination li.last-page {
    flex:0 0 20%;
  }
  ul.pagination li.first-page a,
  ul.pagination li.last-page a {
  padding:10px 15px;
  }
ul.pagination li.next,
ul.pagination li.previous {
  order:1;
  flex:0 0 48%;
  padding-top:20px;
}
}

@media (max-width:400px) {
  ul.pagination {
    justify-content:space-between;
    padding-top:2em;
    padding-bottom:2em;
  }
  ul.pagination li.pages {
    flex:0 0 100%;
  }
  ul.pagination li.first-page, 
  ul.pagination li.last-page {
    flex:0 0 48%;
    order:1;
    margin-left:0px;
    padding-top:10px;
  }
  
ul.pagination li.next,
ul.pagination li.previous {
  order:2;
  flex:0 0 48%;
  margin-left:0;
  padding-top:10px;
}
    
}

.gallery-item .content:hover .options {
    opacity:1;
    visibility: visible;
    
  }
  

.gallery-item .options-icons {
    position: absolute;
    display: none;
    justify-content: flex-end;
    right: 20px;
    padding-top: 10px;
}

.gallery-item .options-icons a {
    background-color: rgba(255,255,255,.8);
    font-size: 14px;
    font-weight: 700;
    color: #131313;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    transition: all .4s ease-out;
    border-radius: 50%;
    z-index: 110;
    line-height: 20px;
}

.gallery-item .options-icons a:active,
.gallery-item .options-icons a:hover {
	 background-color: rgba(255,255,255,1);
}
.gallery-item .options-icons a span {
    line-height: 40px!important;
    font-size: 20px!important;
}
.gallery-item .options-icons a+a {
    margin-left: 6px;
}

.gallery-item:hover .options-icons {
    opacity:1;
		display:flex;
    visibility:visible;
    
  }
  
@media (max-width:640px) {
	.gallery-item .options-icons {
		opacity:1;
		display:flex;
		visibility: visible;
	}
}
#filtersLayer .layer-header {
	display:none;
}

#filtersLayer a.icon-close {
    font-size: 24px;
    color: #181716;
    display: block;
    text-decoration: none;
    padding: 6px 10px 6px 20px;
}
@media (max-width:640px) {
	.filters {
		display:flex;
		flex-direction:column;
	}
	#filtersLayer {
		position:absolute;
		display:none;
		    width: 100%;
    background-color: #fff;
    z-index: 1090;
    top: 0;
		padding-bottom:15px;
	}
	#filtersLayer .layer-header {
		display:flex;
		align-items:center;
		justify-content: space-between;
		padding:15px 0px 0px 0px;
	}
	#filtersLayer .layer-header .title {
		font-size:24px;
		font-weight:700;
	}
	#filtersLayer.visible {
		display:block;
	}
}