
:root{
  --icon-primary-color     : #000;
  --icon-secondary-color   : #b92442;
  --icon-border-color:#e6e2df;
  --icon-bg-color:#f8f5f5;
  --white-color       : #FFFFFF;
  --divider-color       : #333333;
  --default-font      : "Overpass", sans-serif;
}
[lazy] {
display:inline-block;
min-width:1px;
min-height:1px
}
@media screen {
[lazy] {
visibility:hidden;
opacity:0;
-webkit-transition:opacity ease-in-out 350ms;
transition:opacity ease-in-out 350ms
}
[lazy].lazyed {
  visibility: visible;
  opacity: 1
}
}
.picture {
  font-size: 0;
  line-height: 0
}
.picture img {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen {
[appear]:not(.print) {
  opacity: 0!important;
  -webkit-transform: translateY(50px)!important;
  transform: translateY(50px)!important;
  -webkit-transition: 700ms 0ms cubic-bezier(.32, 0, .29, .99)!important;
  transition: 700ms 0ms cubic-bezier(.32, 0, .29, .99)!important;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform
}
[appear]:not(.print).appeared {
  opacity: 1!important;
  -webkit-transform: translateY(0) scale(1, 1)!important;
  transform: translateY(0) scale(1, 1)!important
}
}
body{
  position: relative;
  font-family: var(--default-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.77;
  color: var(--asher-primary-color);
  background: var(--white-color);
}
p {
  line-height: 30px;
  margin-bottom: 0.8em;
}
a {
  text-decoration: none;
}
img {
  max-width: 100%;
}
img, svg {
  vertical-align: middle;
}
.icon_second_color {
  color: var(--asher-secondary-color);
}
.headline-2 {
  word-break: break-word;
  font-size: 2.5rem;
  line-height: 48px;
  font-weight: 600;
  color: var(--icon-primary-color);
  letter-spacing: -.00966667em;
}
.line {
  display: block;
}
.line--red {
  color: var(--icon-primary-color);
}


header.main-header {
  position: relative;
  background: var(--white-color);
  z-index: 100;
  text-align: center;
  padding: 10px 0px;
}
.navbar-brand {
  padding: 0;
  margin: 0;
}
header.main-header .header-sticky{
  position: relative;
  top: 0;
  z-index: 100;
}

header.main-header .header-sticky.hide{
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
  border-radius: 0;
}

header.main-header .header-sticky.active{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
    transform: translateY(0);
  background: var(--white-color);
  border-bottom: 1px solid var(--divider-color);
}
#home_slider
{
  position: relative;
  
}
#home_slider .slider_img
{
  overflow: hidden;
  background-color: var(--secondary-color);
  border-radius: 30px;
  height: 400px;
}
.bg-section.dark-section {
  background-color: var(--icon-primary-color);
}
.bg-section {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  background-color: var(--secondary-color);
  border-radius: 30px;
}
.main-footer{
  padding: 50px 0 0 0;
  margin-bottom: 50px;
}

.main-footer-box{
  display: flex;
  gap: 50px 110px;
  flex-wrap: wrap;
  align-items: flex-start;
}

.footer-about{
  position: relative;
}

.footer-about::before{
  content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -0px;
    background-color: var(--white-color);
    height: 100%;
    width: 1px;
}

.footer-logo,
.about-footer-content{
  margin-bottom: 30px;
}

.footer-logo img{
  width: 100%;
  max-width: 160px;
}

.about-footer-content p{
  color: var(--white-color);
  margin-bottom: 0;
}

.footer-contact-list{
  margin-bottom: 40px;
}

.footer-contact-list ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 20px 50px;
  flex-wrap: wrap;
}

.footer-contact-list ul li{
  font-size: 20px;
  color: var(--white-color);
  border: 1px solid var(--divider-color);
  border-radius: 10px;
  padding: 9px 20px;
  line-height: 1.1em;
  transition: all 0.3s ease-in-out;
}

.footer-contact-list ul li:hover{
  border-color: var(--white-color);
}

.footer-contact-list a{
  display: block;
  color: inherit;
  transition: all 0.3s ease-in-out;
}

.footer-contact-list ul li:hover a{
  color: var(--white-color);
}

.footer-menu ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 50px;
}

.footer-menu ul li{
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2em;
  color: var(--white-color);
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}

.footer-menu ul li:hover{
  color: var(--white-color);
}

.footer-menu ul li a{
  color: inherit;
}

.main-footer .footer-links-box h3
{
  color: var(--white-color);
}

.footer-social-links{
  width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer-social-links span{
    font-size: 20px;
  font-weight: 600;
  color: var(--icon-secondary-color);
}

.footer-social-links ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-social-links ul li{
    display: inline-block;
    margin-right: 15px;
}

.footer-social-links ul li:last-child{
    margin: 0;
}

.footer-social-links ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--white-color);
    border-radius: 50%;
  transition: all 0.3s ease-in-out;
}

.footer-social-links ul li:hover a{
  border-color: var(--icon-secondary-color);
}

.footer-social-links ul li i{
    font-size: 16px;
    color: var(--white-color);
    transition: all 0.3s ease-in-out;
}

.footer-social-links ul li:hover a i{
    color: var(--icon-secondary-color);
}
footer .contact-info {
  border-bottom: solid 0px var(--divider-color);
  margin: 0px;
  padding: 0px;
}
footer .contact-info h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: var(--white-color);
}
footer .contact-info p span {
  font-size: 18px;
  color: var(--white-color);
}
footer .contact-info .footer-con-info-item {
  display: flex;
  align-items: center;
}
footer .contact-info .footer-con-info-item:last-child {
  margin-bottom: 0;
}
footer .footer-cont-info-content h3 {
  font-size: 15px;
  text-transform: lowercase;
  color: var(--white-color);
  margin-bottom: 20px;
}
footer .contact-info .footer-con-info-item .ficon-box {
  margin-right: 20px;
}
footer .contact-info .footer-con-info-item .ficon-box img {
  max-width: 34px;
}
footer .contact-info .footer-con-info-item .footer-cont-info-content {
  width: calc(100% - 54px);
}
footer .contact-info .footer-con-info-item .footer-cont-info-content p {
  text-transform: capitalize;
  margin-bottom: 5px;
  color: var(--white-color);
}
footer .contact-info .footer-con-info-item.footer-cont-info-content h3 {
  font-size: 20px;
  font-weight: 600;
}

.footer-copyright{
  position: relative;
  border-top: 1px solid var(--divider-color);
  padding: 15px 0;
  margin-top: 0px;
  z-index: 1;
}

.footer-copyright-text p{
  color: var(--white-color);
  margin: 0;
}

.footer-privacy-policy{
  text-align: end;
}
.footer-privacy-policy p
{
  color: var(--white-color);
  margin-bottom: 0;
}
.footer-privacy-policy p a
{
  color: var(--white-color);
}


@media only screen and (max-width: 1800px){

  .bg-section{
    width: calc(100% - 100px);
    margin-left: 50px;
    margin-right: 50px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1560px){

  .bg-section{
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
}


#collection_highlight {
}
#collection_highlight h5 {
  text-transform: capitalize;
}
#collection_highlight h5, #collection_highlight .headline-7 {
  width: 60%;
  margin: 0 auto;
}
#collection_highlight .highlight_img {
}
#collection_highlight .highlight_img img {
}
#collection_highlight .highlight_collection_info {
  width: 80%;
  position: relative;
  padding: 0px 0px 20px 60px;
}
#collection_highlight .highlight_collection_info h3 {
  color: var(--primary-color);
  margin-bottom: 20px;
  font-weight: lighter;
}
#collection_highlight .highlight_collection_info h3 .line--red {
  font-weight: bold;
}
#tile_collection {
  margin-top:70px;
  margin-bottom: 60px;
}
.listing--tiles>.listing__item {
  display: block;
  padding-bottom: 15px;
  text-align: left;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent
}

.listing--tiles > .listing__item .picture {
  position: relative;
  width: 100%;
  padding-top: 60%;
  overflow: hidden;
  margin-bottom:0px;
  -webkit-transition: all ease-in-out 400ms;
  transition: all ease-in-out 400ms;
  border-radius: 20px 0px 20px 0;
  display: inline-block;

}
.listing--tiles>.listing__item .picture img, .listing--tiles>.listing__item .picture video, .listing--tiles>.listing__item .picture canvas, .listing--tiles>.listing__item .picture ng-transclude {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border: solid 1px #b2afb0;
  border-radius: 20px 0px 20px 0;
}
.listing--tiles>.listing__item:not(:hover) .picture {
  -webkit-box-shadow: none;
  box-shadow: none
}
.picture {
  font-size: 0;
  line-height: 0;
}
.listing--tiles > .listing__item .title {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600;
  }
 .listing--tiles > .listing__item .tile_details {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 17px;
  text-transform: capitalize;
}

@media(min-width:768px) {
.listing--advanced-search {
  margin-right: -60px
}
}
.section--filters .dropdown .nav--select {
  margin-top:0px
}

.section--filters {
  z-index: 999;
  position: relative;
}
.section--filters.sticky [sticky-content] {
  position: fixed;
  width: 100%;
  top: 0px;
  -webkit-transition: -webkit-box-shadow ease-in-out 350ms;
  transition: -webkit-box-shadow ease-in-out 350ms;
  transition: box-shadow ease-in-out 350ms;
  transition: box-shadow ease-in-out 350ms, -webkit-box-shadow ease-in-out 350ms;
  -webkit-box-shadow: 0 20px 20px -10px rgba(0,0,0,.15);
  box-shadow: 0 20px 20px -10px rgba(0,0,0,.15)
}
@media(max-width:1439.98px) {
.section--filters {
  min-height: 100px
}
}
@media(max-width:1023.98px) {
.section--filters {
  position: fixed;
  width: 100%;
  height: auto;
  min-height: 60px;
  bottom: 0;
  z-index: 99;
  background: var(--icon-bg-color)
}
.section--filters .form--filters {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  top: 0
}
.section--filters .form--filters>.form__group {
  background: #fff;
  margin-bottom: 10px
}
.section--filters .form--filters>.form__group, .section--filters .form--filters>.btn--filter, .section--filters .form--filters>.btn--toggle {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%
}
.section--filters [has-dropdown], .section--filters [select-with-autocomplete] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.section--filters [has-dropdown] .dropdown, .section--filters [select-with-autocomplete] .dropdown {
  overflow: visible;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}
.section--filters.opened {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  top: 0
}
.section--filters.opened .form--filters {
  padding-bottom: 200px
}
.section--filters:not(.opened) {
  height: 60px;
  background: 0 0;
  text-align: center
}
.section--filters:not(.opened) form {
  display: none
}
.section--filters:not(.opened) .form--filters {
  max-height: 0
}
.section--filters:not(.opened) svg {
  margin-left: 5px
}
.section--filters .nav--select {
  max-height: 10000px;
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-right: -30px
}
.section--filters .dropdown {
  display: none
}
.section--filters .opened>.dropdown {
  display: block;
  position: relative;
  max-height: 10000px;
  -webkit-box-shadow: none;
  box-shadow: none
}
.section--filters .opened>.dropdown .nav--select {
  margin-top: 0
}
}
.form--filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--icon-bg-color)
}
.form--filters>.form__group, .form--filters>.btn--filter, .form--filters>.btn--toggle {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 20%;
  flex: 1 1 20%
}

.form--filters>.form__group {
  padding: 10px 0 10px 0px;
}
.form--filters>.form__group.form__group--distinct {
  background: var(--background);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 340px;
  flex: 1 1 340px;
  min-width: 340px
}
.form--filters>.form__group+.form__group {
  border-left: 1px solid rgba(176,133,101,.2);
}
.form--filters>.form__group--white {
  background: var(--background)
}
.form--filters .label {
  position: relative;
  display: block;
  font-size: 14px;
  font-weight:600;
  text-transform: uppercase;
  color:var(--icon-secondary-color);
  z-index: 1;
  padding-left: 20px;
}
.form--filters .control {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  border: none;
  border-radius: 0;
  font-size: 18px;
  background: 0 0;
  line-height: 36px;
  padding-left: 20px;
}
.form--filters .control .value {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 35px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  color: var(--icon-secondary-color);
  font-size: inherit;
  border: none
}
.form--filters .icon--search {
  fill: var(--white-color);
  width: 36px;
  height: 36px;
  margin-right: 10px
}
.form--filters .btn--search {
  font-size: 14px;
  white-space: nowrap;
  text-transform: lowercase
}
.form--filters .btn--discover {
  display: block;
  text-align: center;
  margin-top: 10px
}
.form--filters .btn--discover span {
  display: block
}
.form__group {
  cursor: pointer
}
.form__group.opened {
  z-index: 1
}
.control--select .input {
  position: relative;
  z-index: 1
}
.section--collections-results {
  min-height: 100vh
}
.section--filters {
  background: #fff;
  padding: 18px 0;
  z-index: 110;
  transition: box-shadow .25s ease, padding .2s ease;
}

/* sticky */
.section--filters.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
}
/* placeholder holds space when sticky */
#filterPlaceholder {
  height: 0;
  transition: height .15s ease;
}
#filterPlaceholder.active { /* height set by JS for exact size */
}
.form--filters {
  display: flex;
  gap: 18px;
  align-items: flex-end;
  flex-wrap: wrap;
  background: var(--icon-bg-color);
}
.form__group {
  width: 100%;
  position: relative;
}
 @media(min-width:768px) {
.form__group {
  width: calc(33.333% - 12px);
}
}
.label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #333;
}
/* control */
.control {
  position: relative;
}
.control .input {
  position: relative;
  z-index: 1;
  display: flex;
  webkit-box-align: center;
  align-items: center;
}
.control.selected .input {
  border-color: #111;
}
.control .input .value {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 35px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  color: var(--icon-primary-color);
  font-size: inherit;
  border: none;
}
/* search input variant */
.control .input input.value {
  border: 0;
  outline: 0;
  width: 100%;
  font-size: 16px;
  padding: 0;
  background: transparent;
}
.icon--arrow-down, .icon--search, .icon--angle-up {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  fill: currentColor;
  color: var(--icon-secondary-color);
}
[has-dropdown] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  position: relative;
  z-index: 999;
}
/* dropdown list (hidden by default) */
.dropdown {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  min-width: 240px;
  background: var(--white-color);
  z-index: 0;
  -webkit-box-shadow: 0 20px 30px -5px rgba(0,0,0,.15);
  box-shadow: 0 20px 30px -5px rgba(0,0,0,.15);
  max-height: 0;
  -webkit-transition: all ease-in-out 350ms;
  transition: all ease-in-out 350ms;
  overflow: hidden;
}
[has-dropdown].opened .dropdown {
  max-height: 520px;
}
.opened .dropdown {
  max-height: 520px;
}
.nav--select {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  border-top: 1px solid var(--border);
  padding-bottom: 0px;
  margin: 0;
    margin-top: 0px;
  max-height: 408px;
  overflow-y: auto;
}
.nav--select li {
  margin: 0;
}
.nav--select > li > .option {
    padding: 10px 20px 10px 20px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  }
.nav--select .option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  cursor: pointer;
  border-radius: 4px;
  color: #000;
  font-size: 16px;
}
.nav--select .option:hover {
  background:var(--icon-bg-color);
}
.nav--select li.active .option {
  background: #f8f5f5;
  color: var(--icon-secondary-color);
}

/* loader */
#loader {
  display: none;
  text-align: center;
  padding: 24px;
}
/* tiny buttons */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 6px;
  background: #111;
  color: #fff;
  border: 0;
  cursor: pointer;
}
.btn--project.hidden-md-up {
  display: none;
}
 @media(max-width:767px) {
.btn--project.hidden-md-up {
  display: inline-flex;
}
}
/* small tweaks */
.filter-bar-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

 /**************************/
 #tile_details
 {
  margin-top: 30px;
  margin-bottom: 30px;
 }
  #tile_details .title {
  margin-top: 0px;
  width: 100%;
}
 #tile_details .details {
  padding: 15px;
  font-size: 15px;
  line-height: 17px;
  background-color: #e7e7e7;
  border-radius: 20px;
}
 #tile_details .details .surface {
  text-align: right;
  
}
 #tile_details .details > div {
  /* line-height: 15px; */
}
 #tile_details .details span.bold {
  font-weight: 600;
    /* font-family: "Montserrat Bold" ; */
}
 #tile_details .details span.border {
  opacity: 0.9;
  position: relative;
  line-height: 22px;
}
 #tile_details .details span.border:before {
  content: "";
  background-color: #686767;
  width: 125%;
  height: 2px;
  z-index: -1;
  position: absolute;
  bottom: 4px;
}
 #tile_details .details ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
 #tile_details .details ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0px;    
}
 #tile_details .details ul li:not(:last-child) {
    margin-bottom: 10px;
}
 #tile_details .details ul li span.main_text {
    font-weight: 400;
  letter-spacing: 1px;
    width: 50%;
    text-transform: capitalize;
}
 #tile_details .details ul li span.text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50%;
    text-transform: capitalize;
}
 #tile_details .details ul li span.text:before {
    content: ":";
    margin-left: 10px;
    margin-right: 10px;
} 
#random_images
{
  background-color: #e7e7e7 !important;
  padding: 30px 0px 30px 0;
}
#random_images .category_logo
{
  margin-bottom: 1rem;
}
#random_images .category_logo img
{
  width: 150px;
}
#random_images .symbol_arrow
{
  width: 25px;
  margin-bottom: 1rem;
}
#random_images .design_name
{
  font-size: 25px;
  text-align: left;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
#icon_panaroma
{
  margin: 0px;
}
#panorama {
  width: 100%;
  height: 75vh;
  border-radius: 20px;
}
.pano-logo {
  position: relative;
  top: 65px;
  left: 15px;
  z-index: 999;
}

.pano-logo img {
  height: 50px;
  width: auto;
}
.pnlm-about-msg a {
 display: none !!mportant;
}
/* Show only on desktop */
.desktop_table {
  display: block;
}
.mobile_table {
  display: none;
}

/* Mobile view */
@media (max-width: 767px) {
  .desktop_table {
    display: none;
  }
  .mobile_table {
    display: block;
  }
}

.packbox {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
}

.packing-details h2 {
  font-size: 22px;
  font-weight: 600;
}

.table th {
  background: #f5f5f5;
  font-weight: 600;
}