.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.mobilenavbar-toggler{
left: 2em;
position: fixed;
}


.subdropdown-item{
  font-size: 0.9em;
}

#white2 {
    height: 1em;
    border: 1.5px solid #B0976D;
    border-radius: 9px;
    display: inline-block;
    background-color: white;  
    position: revert;
    margin: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
}




#white2 #search input[type="text"] {        
    color: rgba(57, 56, 56, 1);
    font-size: 0.53em;
    width: 90px;
    /*height: 1.8em;*/
    border-width: 0px;
    BORDER-STYLE: none;
    margin-left: 7px;
    vertical-align: top;
    padding: 0px 0px 1.3px 0px;    
    outline: none;
    background: transparent;    
    line-height: 1.5em;     
}
  /* Chrome specific */
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    #white2 #search input[type="text"] {
        padding-bottom: 1px;
    }
}
/* Safari specific */
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
    #white2 #search input[type="text"] {
        padding-bottom: 2px;
    }
}



#white2 #search input[type="text"]:focus {
    width: 90px;
}

#white2 .searchwhite {
    margin: 3px 5px 0px 0px;
    padding: 3px 0px 0px 0px;
    vertical-align: middle;
}


#display_collection {
	/*display:none;*/
	background-color: rgba(93, 93, 93, 0.5);
	position: absolute;
	top: 0px;
	left: 0px;
  z-index: 5;
}

.display_show {

	position: absolute;
	/*left:35%;
           top:19%;*/
	left: 50%;
	top: 50%;
	width: 370px;
	height: 480px;
  z-index: 10;

}

.subphoto {
	display: none;
}

.display_left {

	background-color: #FFF;
	width: 85px;
	height: 400px;
	float: left;
    overflow-y: auto;
    overflow-x:hidden;    
    padding-left: 10px;
    padding-right:10px;
    
}
.display_left img {	    
	width: 63px;
	height: 87px;
  margin: 14% auto 13% auto; 

}

.display_main {
	width: 285px;
	height: 400px;
	float: left;
}

.display_contract {
	width: 260px;
	position: absolute;	
	right: 3%;
	float: right;
  z-index: 50;
}

#contract_left {
	float: left;
  z-index: 50;
}

#contract_right {
	float: right;
  z-index: 50;
}

.display_main_photo {
	width: 285px;
	height: 400px;
}

.display_zoom img {
	position: absolute;
	right: 9px;
	top: 12px;
	width: 14px;
	height: 14px;
	filter: alpha(opacity=100);
	/*opacity:.100;*/

}
#text {
	z-index: 10000;
	padding-left: 14px;
	padding-right: 14px;
	background-color: #FFF;
}
#nothing {
	float: left;
}
.display_text {
  font-family: "GillSans", "GillSans MT", Calibri, sans-serif;
  /*font-size: 0.95em;*/
  font-size: 0.8em;
  text-align: left;
  width: 285px;
  height: 85px;
  float: left;
}

@media (max-width: 1090px) {
  .display_text {
    font-size: 0.8em;
  }
}

#text>p{
  line-height: 1.2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

#text>p>p{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
span.style1 {
  display: inline-block; 
  font-size: 1.15em;  
  padding-bottom: 0.4em;
}



/*Trunk Show*/

.trunkshow-show {
  line-height: 1.4em;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 30px;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.show-button {
  background-color: #b59e75;
  color: white;
  border: none;
  border-radius: 9px;
  padding: 1px 14px;
  font-size: 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}

.show_button {
  list-style: none;
  padding: 0;
  margin: 0;
}



div#trunkshowinvite {
  margin-top: 10%;
}


.trunkshow-hr {
  width: 130%;
  margin: 20px auto;
  border: 1px solid #000;
  margin-left: -43px;
}
.form-container {
  /*max-width: 400px;*/
  margin: 0;
  padding: 0;
  text-align: center;
}
.form-container .form-control {
  border: 1px solid rgb(174, 151, 109);
  height: 30px;
  padding-left: 8px;
  border-radius: 9px;
  margin-bottom: 10px;
}
.form-container .custom-button {
  background-color: #b59e75;
  color: white;
  border: none;
  border-radius: 9px;
  padding: 0px 50px;
  cursor: pointer;
}
.form-container .custom-button:hover {
  background-color: #a68d6b;
}

#invite_about {
background-color: rgba(0, 0, 0, 0.0);
position: fixed; 
top: 0;
left: 0;
width: 100vw; 
height: 100vh;
z-index: 0;
display: none; 
}


#invite {
  display: none; 
  font-size: 0.85em;
  letter-spacing: 0.02em;
  position: fixed;
  z-index: 5;
  background-color: white;
  padding: 20px;
  border-radius: 8px;  
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*
#invite {
display: none;
width: 350px;
text-align: center;
font-size: 0.75em;
letter-spacing: 0.02em;
left: 50%;
position: relative;
z-index: 5;
margin: 0px auto auto -175px;
}
*/
.invite_text {
padding-bottom: 10px;
line-height: 25px;
padding-top: 10px;
}

.invite_form {
text-align: center;
line-height: 30px;
padding-bottom: 10px;
}

.invite_form table {
text-align: center;
margin-left: auto;
margin-right: auto;
}

.submit {
  background-color: #b59e75;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 1px 14px;
  font-size: 0.9em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}


/*about*/

#about_page {
	width: 100%;
	height: 586px;
	overflow: hidden;
}

#about_page2000>div {
	-webkit-transition: width 0.2s ease;
	-moz-transition: width 0.2s ease;
	-o-transition: width 0.2s ease;
	-ms-transition: width 0.2s ease;
	transition: width 0.2s ease;
}

#about_page2000>div:hover {
	width: 150% !important;
	cursor: pointer;
}

#about {	
	text-align: center;
	position: relative;
	font-weight: normal;
	font-style: normal;
	max-width: 800px;	
	margin-left: auto;
	margin-right: auto;
}
#about sup {    
    vertical-align: text-top;
    font-size: 0.6em;
    line-height: 2.7em;
}

#about img {
	width: 17%;
	/*height:109px;*/
	padding-right: 2%;
	margin-top: -20px;
	padding-bottom: 1%;
}

#display_about {
  background-color: rgba(93, 93, 93, 0.5);
  position: fixed; 
  top: 0;
  left: 0;
  width: 100vw; 
  height: 100vh; 
  z-index: 1;
  display: none;
}

.display_about_show {
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 50%;
	margin: -300px auto auto -290px;
	display: none;
}

.display_about_left {
	background-color: #FFF;
	width: 130px;
	height: 600px;
	float: left;
}

.display_about_main {
	width: 450px;
	height: 600px;
	float: left;
}

.display_about_left img {
	margin: 0% 8%;
	width: 108px;
	height: 140px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.display_about_main_photo {
	height: 600px;
	width: 450px;
	float: left;
}



/*contact*/

#contact_page {
	width: 100%;
	height: 586px;
	overflow: hidden;
	min-width: 720px;
	margin: 0px;
}

.contact {
	font-size: 1em;
	text-align: center;
	line-height: 25px;
	text-decoration: none;
	letter-spacing: 0.2em;
	position: relative;
	margin-left: 25%;
	margin-right: 25%;
}

.contact a {
	color: #000;
	text-decoration: none;
}

.contact a:hover {
	color: #AE976D;
	text-decoration: underline;

}


/*EDM Mailling*/
.popup {
  display: none;
  position: absolute;
  background-color: var(--bs-emphasis-color);
  border: 1px solid #ccc;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  z-index: 1000;
}


:focus {
  outline: 2px solid white;
  outline-offset: 2px;
}

::-webkit-scrollbar {
    width: 15px;
  }
  
  ::-webkit-scrollbar-track {
    background-color: transparent;
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: #e2e4f0;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background-color: #e2e4f0;
  }


  main {
    flex: 1;
    width: 100%;	
    z-index: 1;
    max-height: calc(100vh - 40px - 40px);
    float: left;
    overflow-y: auto;
    overflow-x:hidden;     
    padding-left: 15px;
}
.photo_text {		
  width: 100%;  
  line-height: 1.3em;
  text-align: center;
  margin-top: 0.3em;
  font-size: 0.75em;  
    text-transform: uppercase;

}
.subphoto {
	display: none;
}

.photo img{
  cursor: pointer;
}




  .collectioncontainer {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
  @media (min-width: 1200px) {
    .collectioncontainer {
      max-width: 1040px; 
    }
  }
  @media (min-width: 1400px) {
    .collectioncontainer {
      max-width: 1220px;
    }
  }
  @media (min-width: 1600px) {
    .collectioncontainer {
      max-width: 1420px;
    }
  }
  @media (min-width: 1800px) {
    .collectioncontainer {
      max-width: 1620px; 
    }
  }
  @media (min-width: 2100px) {
    .collectioncontainer {
      max-width: 1940px;
    }
  }
  @media (min-width: 2400px) {
    .collectioncontainer {
      max-width: 2240px;
    }
  }
  @media (min-width: 2700px) {
    .collectioncontainer {
      max-width: 2540px;
    }
  }
  @media (min-width: 3000px) {
    .collectioncontainer {
      max-width: 2840px;
    }
  }
  @media (min-width: 3300px) {
    .collectioncontainer {
      max-width: 3140px;
    }
  }
  @media (min-width: 3600px) {
    .collectioncontainer {
      max-width: 3440px;
    }
  }
  @media (min-width: 3900px) {
    .collectioncontainer {
      max-width: 3740px;
    }
  }
  @media (min-width: 4000px) {
    .collectioncontainer {
      max-width: 4000px;
    }
  }