*{
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    font-weight:normal;
    padding:0;
    margin:0;
}
.non-mobile_delete{
  display:none;
}
.font_2{
    font-size: max(25px, 4vw);
}
.font_3{
    font-size:max(10px, 1vw);
}
.font_4{
    font-size:max(20px, 2vw);
}
.font_5{
    font-size:max(15px, 1.4vw);
    text-decoration: none;
    color:black;
}
.font_6{
    font-size:max(20px, 3vw);
}
.font_7{
    font-size: max(10px, 1.2vw);
    text-decoration: none;
    color:black;
}
.font_8{
    font-size: max(10px, 1vw);
}
.font_9{
    font-size:max(8px, .9vw);
    color:rgb(84, 84, 84);
    font-style: italic;
}
strong, .strong{
    font-weight: bold;
}
.button{
    background: none;
    border: 1px solid black;
    color:black;
    text-decoration: none;
    line-height: 300%;
    padding-left:6vw;
    padding-right:6vw;
    font-size:max(15px, 1.4vw);
    transition:all 0.5s ease-in-out;
    text-align: center;
}

.button:hover{
  box-shadow: 0 0 0 0 var(--hover), inset 6em 3.5em 0 0 var(--hover);
  transform: scale(0.95);

}

.container3{
    display:flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-bottom:2%;
    background: #EDEBEA;
    height:35vw;
}
/* START OF MENU MODULE */
.header{
    position:fixed;
    width:100%;
    background: rgba(255, 255, 255, 0.65);
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content: center;
    z-index:1000;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.05);
    font-size:max(15px, 1vw);
    padding-top:1vw;
    padding-bottom:1vw;
    backdrop-filter: blur(5px);
}

.column1 {
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex:1;
    position:relative;
    left:4%;
  }     
  .column2 {
    display:flex;
    flex-direction: column;
    flex:4;
    justify-content: center;
    align-items: flex-start;
    position:relative;
    height:100%;
    left:8%;
  }   

.logo{
  position:relative;
}   

.st0{fill:black;}
.st1{fill:black;stroke:black;stroke-width:7.68;stroke-miterlimit:10;}
.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:7.68px;}

#layer_1{
  min-width:200px;
}
.navigation {
  text-align:right;
}
.menu {
  list-style:none;
  text-align: left;
}
.menu li {
  display: inline-block;
  padding-right:2.5vw;
}

a.menuItem {
  text-decoration: none;
  color:black;
  padding-bottom:10px;
}
.dropbtn {
  border: none;
  cursor: pointer;
  transition: background-color 0.5s, padding 0.5s;
}

.dropdown {
  position: relative;
  display:flex;
  flex-direction: row;
}

.dropdown-content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
  z-index: 1;
  transition: opacity 0.3s, visibility 0.3s;
  display:flex;
  flex-direction: column;
  justify-content: center;
  min-width:380px;
  width:10vw;
  max-width:400px;
  min-height:350px;
  height:400px;
}

.dropitem{
  flex:1;
  width:100%;
  display:flex;
  flex-direction: column;
  justify-content: center;
  padding:1.1vw;
}

.d2 {
  left:200px;
  display:flex;
  min-width: 309px;
  max-width:550px;
  width:30vw;
}

.d3{
  min-width:414px;
  max-width:550px;
  width:30vw;
}

.dimg {
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height:8vw;
}

.dimg:hover{
  transform: scale(.99);
  transition:all .2s ease-in-out;
}

.dropimg {
  min-height:150px;
  min-width:150px;
  width:8vw;
  height:8vw;
  object-fit: cover;
  padding-right:1%;
}

.dropdown-content a {
  color: black;
  text-decoration: none;
  text-align: left;
  transition: background-color 0.5s, padding 0.5s;
}

hr {
  color: #EBD3CB;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;
}

.dropdown:hover .dropdown-content {
  opacity: 1;
  visibility: visible;
}

.phone_menu {
  width:25%;
  position:relative;
  text-align:center;
  display:none;
  right:4%;
}
.hamburger {
  position:relative;
  width:30%;
  height:100%;
  z-index:100;
  border: none;
  background: none;
  cursor: pointer;
  line-height: 10px;
  letter-spacing:-6px;
  font-size:30px;
  color:black;
  display:flex;
  justify-content: end;
  align-items: start;
}

.menuIcon {
  position:relative;
  font-style: normal;
  height:min-content;
  width:100%;
  font-weight: 100;
  top:-11px;
}

.closeIcon {
    display:none;
    position: absolute;
    font-style: normal;
    color:black;
    top:-2px;
    right:40%;
}

.burgermenu{
    position: fixed;
    transform: translateY(-110%);
    transition: transform 0.2s;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:99;
    background:#F7F7F8;
    color:black;
    list-style: none;
    padding-top: 4rem;
    padding-bottom: 4rem;
    line-height: 3;
    padding-left:0;
    height: fit-content;
}

.menuItem1 {
    color:black;
    text-decoration:none;
    font-size: max(30px, 2vw);
    margin-top:20px;
}

a.menuItem1 {
    --fill-color: black;
    position: relative;
    display: inline;
    padding: 4px 0;
    margin: 1vw;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.5s linear;
}

.showMenu {
    transform: translateY(-4%);
    padding-top: 80px;
}
/* END OF MENU MODULE */
/* START OF HOME MODULE */
.container1 {
    display:flex;
    flex-direction: row;
    flex:1;
    height:60vw;
    background: #F7F7F8;
  }
.animate {
    position:absolute;
    width:100%;
    height:60vw;
    z-index:900;
  }
  
  .animate1 {
    position:absolute;
    height:20vw;
    width:100%;
    z-index:901;
    top:9vw;
  }
  
  .animate2 {
    position:absolute;
    height:20vw;
    width:100%;
    z-index:901;
    top:17vw;
  }
  
  .animate3 {
    position:absolute;
    height:30vw;
    width:100%;
    z-index:901;
    top:33vw;
  }
  
  .animate4 {
    position:absolute;
    height:30vw;
    width:100%;
    z-index:901;
    top:43vw;
  }
  
  .animate5 {
    position:absolute;
    height:15vw;
    width:100%;
    z-index:901;
    top:53vw;
  }

.home_column1{
    flex:2;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
  .images {
    position:relative;
    display:flex;
    flex-direction: column;
  }       
  .ring {
    width:20vw;
    top:-1vw;
  }
  .ring4, .ring5 {
    bottom:2vw;
    width:14vw;
  }
  
  .ring1 {
    top:-3vw;
  }
  
  .ring2 {
    top:-2vw;
  }
  
  .ring5 {
    top:1.5vw;
  }
  
  .ring1, .ring2, .ring3, .ring4, .ring5{
    position:relative;
    transition: top 0.3s ease-out;
  }
  
.home_column2{
    flex:5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
  .main_brand_name {
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:0;
    margin:0;
    width:fit-content;
    height:fit-content;
    position:relative;
    top:-5vw;
  }
  span.h1hidden {
    display:none;
    flex:1;
  }
  #layer_2 {
    position:relative;
    height: 11vw;
  }
  
  .homepage_subtitle{
    position:relative;
    top:-5vw;
    font-size: 1vw;
  }

  .masterCTA, .masterCTA2, .masterCTA3, .masterCTA4 {
    background: white;
    border:1px solid black;
    padding-right:5vw;
    padding-left:5vw;
    font-size: max(10px, 2vw);
    z-index:10;
    cursor:pointer;
    color:black;
    transition: all 0.5s ease;
    padding-top:2.5vw;
    padding-bottom:2.5vw;
  }
  
  .masterCTA {
    position:absolute;
    right:27%;
    top: 32.5vw;
      box-shadow: 
      0.3em 0.3em 0 0 #D3AB78,
      inset 0em 0em 0 0 #D3AB78;
      z-index:999;
  }
  
   .masterCTA:hover,
    .masterCTA:focus {
      box-shadow: 
        0 0 0 0 var(--hover),
        inset 6em 3.5em 0 0 var(--hover);
      transform: scale(0.9);  
          
  }
/* END OF HOME MODULE */
/* START OF FEATURED MODULE */
.container2{
    position: relative;
    display:flex;
    flex-direction: column;
    height:41vw;
    margin-bottom:2%;
}
.featured_box{
    height:35vw;
    display:flex;
    flex-direction: row;
    background:#EDEBEA;
    padding-top:6%;
}
.featured_column{
    height:35vw;
}
.featured_column{
    flex:1;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.featured_slideshow{
    height:100%;
    width:100%;
    padding-left: 4.5vw;
}
.featured_text_slide{
    height:60%;
    width:78%;
}
.featured_title{
    flex:1;
    display:flex;
    align-items: flex-end;
}
.featured_subtitle{
    display:flex;
    flex-direction: column;
    justify-content: center;
    flex:1
}

.featured_subtitle h3, .featured_subtitle h4{
  flex:1;
  display:flex;
  align-items: center;
}
.featured_button{
    width:90%;
    flex:1.4;
    display:flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.featured_button .button{
    width:99%;
}
.featured_column_2{
    flex:1;
    display:flex;
    flex-direction: column;
    height:35vw;
    justify-content: flex-end;
    align-items: flex-start;
}
.featured_images_slideshow{
    overflow:hidden;
    position:relative;
    top:0;
    left:0;
    z-index:100;
}
.featured_images_slideshow img{
    display:none;
    top:0;
    left:0;
}

.featured_slideshow_image{
    width:45vw;
    height:35vw;
    object-fit: cover;
}

.featured_slideshow .featured_text_slide{
    display:none;
}
.featured_images_slideshow img.active, .featured_slideshow .featured_text_slide.active{
    display:flex;
    flex-direction: column;
}
.slideshow-controls {
    left:77%;
    top:23vw;
    text-align: center;
    position:absolute;
    z-index:990;
    display:flex;
    flex-direction: row;
    transform: rotate(90deg);
    justify-content: center;
    align-items: center;
}

.slideshow-controls button {
    z-index:990;
    cursor:pointer;
    background:white;
    border:none;
    margin:0.5vw;
    width:15vw;
    height:0.5vw;
    flex:none;
    font-size: 0.1vw;
    line-height: 50%;
}

.control {
  color:white;
}

/* END OF FEATURED MODULE */
/* START OF EXPLORE BY CATEGORY MODULE */

.product_categories_column_1{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex:1;
    height:88%;
    padding-left:4.5%;
    padding-right:2%;
}

.product_categories_title{
    width:90%;
    flex:1;
}

.product_categories_description{
    width:70%;
    flex:2;
    color:rgb(96, 96, 96);
}

.product_categories_column_2{
    flex:2.5;
    overflow:hidden;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width:fit-content;
    text-align: center;
}	

.swiper-slide a.font_5{
    position: relative;
    display: block;
    height:100%;
    z-index: 100;
}
.swiper-slide h2.font_5 {
    position:relative;
    display:block;
    height:100%;
    top:-40px;

}
.category_image{
    height:28vw;
}

/* END OF EXPLORE BY CATEGORY MODULE */

.container4{
    margin-left: 2%;
    margin-right: 2%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

/* START OF ABOUT MODULE */

.about_box{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #A88253;
    margin-bottom:2%;
    color:white;
    padding:2vw;
}
.about_column_1{
    flex:1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right:black 1px solid;
}
.about_title{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.about_title span{
    color:black;
}
.about_column_2{
    flex:2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.about_description{
    width:95%;
    padding:2%;
}

/* END OF ABOUT MODULE */
/* START OF BRANDS MODULE */
.header_brands{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background:#EDEBEA;
    color:black;
    height:10vw;

}
.brand_box{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width:100%;
    max-height:45vw;
    margin-bottom:2%;
}
.flip{
    flex-direction: row-reverse;
}
.brand_column_1{
    flex:10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 45vw;
    background:#EDEBEA;
    padding-left:2%;
}
.brand_title{
    flex:1;
    display:flex;
    align-items: center;
}
.brand_description{
    width:90%;
    flex:1;
    display: flex;
    align-items: center;
}
.brand_button{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    flex:1.2;
}
.brand_column_2{
    flex:10;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    height: 45vw;
}
.brand_image_1, .brand_image_2{
    height:45vw;
}
.brand_image_1{
    flex:2;
}
.brand_image_2{
    flex:1;
    display:flex;
    justify-content: flex-end;
}
.brand_image{
    height:45vw;
    width:90%;
    object-fit: cover;
}
/* END OF BRANDS MODULE */
/* START OF STORES MODULE */
.stores_box{
  min-height:40vw;
  color:#EDEBEA;
}
.store_column{
    flex:1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #EDEBEA;
    height:40vw;
    padding-bottom:2%;
}
.store_column.button{
    border:none;
    line-height: normal;
    padding:0;
}
.store_column.button:hover{
  transform:scale(1);
}
.store_image_box{
    flex:2;
    padding:1vw;
}
.store_image{
    object-fit: cover;
    height:30vw;
    width:30vw;
}
/* END OF STORE MODULE */
/* START OF MODAL SECTION */
.modal {
  display:none;
  position:fixed;
  z-index:999;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color: rgba(0,0,0,0.4);
}
.modal-content{
  background-color:#EDEBEA;
  margin:10% auto;
  width:80%;
  display:flex;
  flex-direction:row;
  border:solid 1px white;
  min-height: 38vw;
  max-height:35vh;
  position: relative;
}
.close{
  color:#aaa;
  float:right;
  font-size:5vw;
  height:fit-content;
  position:absolute;
  top:2%;
  left:1%;
  line-height: 50%;
}
.close:hover, .close:focus{
  color:black;
  text-decoration:none;
  cursor:pointer
}
.modal_column1{
  display:flex;
  flex:1;
  justify-content: center;
  flex-direction:column;
  margin:5%;
}
.modal_title{
  flex:0.9;
}
p.popup{
  margin-top:2%;
}
.modal_hours{
  flex:0.5;
}
.modal_contact_info{
  flex:1;
}
.modal_column2{
  display:flex;
  flex:2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
table.popup{
  margin-top:1vw;
  margin-bottom:1vw;
  width:100%;
}
.store_inside{
  width:100%;
  height:100%;
  object-fit: cover;
}
/* END OF MODAL SECTION */
/* START OF FOOTER SECTION */
.container5{
  display:flex;
  justify-content: center;
  align-items: center;
  background: #EDEBEA;
  height:25vw;
  padding:2%;
}
footer{
  display:flex;
  flex-direction:row;
  align-items: flex-start;
  justify-content: center;
  width:100%;
  position:relative;
}
.footer_column{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  height:100%;
}
.footer_column_title{
  width:100%;
  border-left: 1px solid black;
  text-align: center;
  font-weight: 700;
  margin-bottom:8%;
}
.socials_column .footer_column_title{
  text-align: center;
  border-right: 1px solid black;
}
.footer_list{
  width:min-content;
  list-style: none;
}
.socials_logos{
  width:100%;
  display:flex;
  flex-direction: row;
  justify-content: center;
}
.social{
  width:5vw;
  height:5vw;
  object-fit: cover;
}
.attribute{
  text-align: center;
  display:block;
  width:100%;
  background: #EDEBEA;
  color:#d2d2d2;
  font-size: 1vw;
}
/* END OF FOOTER SECTION */
/* START OF PHONE WEBSITE */
@media screen and (max-width:1000px){
  .phone_menu{
    display:flex;
    justify-content: flex-end;
    align-items: center;
  }
  .menu{display:none;}
  }
@media screen and (max-width:800px){
    .homepage_subtitle{
      font-size: 1.2vw;
    }
    .phone_menu{
        display:flex;
        align-items: center;
    }
    .menu{display:none;}
    .container1, .home_column1, .home_column2, .animate{
      height:90vh;
    }
    .images{
      justify-content: center;
    }
    .ring{
      width:35vw;
    }
    .ring1{
      top: -14vh;
    }
    .ring2{
      top:-21vw;
    }
    .ring3{
      top:-4vh;
    }
    .ring4{
      top:0vh;
      width:24vw;
    }
    .ring5{
      top:8vh;
      width:24vw;
    }
    .masterCTA{
      top:49vh;
      right:22%;
      transform:scale(1.2);
    }
    .container2{
      height:60vh;
      margin-bottom:6%;
    }
    .featured_box{
      background: none;
      position:relative;
      height:60vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding:0;
    }
    .featured_column{
      position:absolute;
      height:100%;
      width:100%;
      z-index:2;
      background: rgb(0,0,0);
      background: linear-gradient(180deg, rgba(0,0,0,0.5032213569021359) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 70%, rgba(0,0,0,0.5984594521402311) 100%); 
    }
    .featured_slideshow{
      padding-left: 0%;
      width:90%;
    }
    .featured_text_slide{
      width:100%;
      height:60vh;
      justify-content: center;
      align-items: center;
    }
    .featured_text_slide{
      justify-content: flex-start;
    }
    .featured_title{
      align-items: flex-start;
      flex:1;
      margin-top:8%;
      margin-bottom:2%;
      color:white;
    }
    .featured_subtitle{
      flex:0;
      justify-content: center;
      text-align: left;
      align-items: flex-start;
      width:100%;
    }
    .featured_subtitle h3, .featured_subtitle h4{
      color:white;
      text-align: center;
      flex:none;
    }
    .featured_subtitle h3{
      font-size:max(20px, 2vw);
    }
    .featured_subtitle h4{
      font-size:max(10px, 1.5vw);
      width:100%;
    }
    .featured_button{
      width:100%;
      flex:0;
      justify-content: flex-start;
      align-items: flex-start;
    }
    .featured_button .button{
      background:none;
      border:none;
      color:white;
      padding: 0;
      width:100%;
    }
    .featured_column_2{
      position: absolute;
      height:60vh;
      width:100%;
      z-index:1
    }
    .featured_images{
      width:100%;
      height:100%;
    }
    .featured_slideshow_image{
      height:60vh;
      width:100%;
    }
    .slideshow-controls{
      right: -15%;
      top:29vh;
      position: absolute;
      z-index:990;
    }
    .slideshow-controls button{
      position:relative;
      z-index:990;
      width:25vh;
    }
    .container3{
      height:58vh;
      margin-bottom:6%;
    }
    .category_image{
      height:50vh;
    }
    .product_categories_column_1{
      display:none;
    }
    .container4{
      margin-left:0;
      margin-right:0;
      margin-bottom:6%;
    }
    .about_box{
      margin-left:2%;
      margin-right:2%;
      margin-bottom:4%;
    }
    .about_column_2{
      flex:1;
    }
    .about_description{
      display:none;
    }
    .header_brands{
      height:8vh;
    }
    .brand_box{
      height:55vh;
    }
    .mobile_delete{
      display:none;
    }
    .non-mobile_delete{
      display:initial;
    }
    .fixer{
      display: block;
      width:100%;
      background: #EDEBEA;
      text-align: center;
      padding:2%;
    }
    .about_box{
      display: none;
    }
    .brand_box{
      max-height:55vh;
      position: relative;
      align-items: flex-start;
    }
    .brand_column_1{
      position: absolute;
      height:55vh;
      flex:5;
      z-index: 2;
      padding:0;
      align-items: center;
      justify-content: flex-end;
      width:100%;
      background: rgb(255,255,255);
      background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8001401244091386) 90%); 
    }
    .brand_title{
      align-items: flex-end;
      width:100%;
      justify-content: center;
      text-align: center;
      height:fit-content;
      flex:none;
    }
    .brand_title h3{
      padding-bottom: 2%;
      width:fit-content;
      color:white;
    }
    .brand_button{
      align-items: flex-end;
      flex:none;
    }
    .brand_button .button{
      margin-bottom:2%;
      margin-top: 2%;
      background:none;
      text-align: center;
      width:80%;
      color:white;
      border:none;
    }
    .brand_column_2{
      height:55vh;
      position: absolute;
      width:100%;
      z-index: 1;
    }
    .brand_description{
      align-items: center;
      font-style: italic;
      width:80%;
      flex:none;
    }
    .brand_description h4{
      color:#edebea7b;
      text-align: center;
    }
    .brand_image{
      height:55vh;
      width:100%;
    }
    .brand_image_1 .brand_image{
      object-position: bottom;
    }
    .brand_image_2{
      display:none;
    }
    .stores_box{
      height:28vh;
    }
    .store_column{
      height:28vh;
      min-height:35vw;
      padding-bottom: 0;
    }
    .store_image_box{
      flex:none;
    }
    .store_image{
      min-width:22vw;
      min-height:22vw;
      width:14vh;
      height:14vh;
    }
    .store_title{
      align-items: flex-start;
      flex:none;
    }
    .store_title h3{
      color:black;
    }
    .modal-content{
      position: relative;
      flex-direction: column;
      top:20%;
      min-height:60%;
      width:80%;
      justify-content: flex-start;
      align-items: center;
    }
    .modal_column1{
      justify-content: center;
      align-items: center;
      margin-top:10%;
      margin-bottom:10%;
    }
    .modal_title{
      text-align: center;
    }
    .modal_hours{
      width:100%;
    }
    .modal_contact_info{
      width:100%;
    }
    .modal_column2{
      display:none;
    }
    .close{
      font-size:50px;
    }
    .modal_column1 .button{
      width:100%;
      text-align: center;
    }
    .container5{
      height:12vh;
    }
    .footer_column{
      display:none;
    }
    .socials_column .footer_column_title{
      display:none;
    }
    .socials_column{
      display:initial;
      flex-direction: column;
    }
    .social{
      height:9vh;
      width:9vh;
    }
    .attribute{
      font-size:2vw;
    }
}