text/css style.css ( UTF-8 Unicode text, with CRLF line terminators )
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
@import url("https://unpkg.com/swiper/swiper-bundle.min.css");
@font-face {
	font-family: 'Kozuka Gothic Pro EL';
	src: 
		url('fonts/KGPEL.otf') 
		format('opentype');
}

@font-face {font-family: "Edwardian Script ITC Regular";
	src: url("fonts/edw.eot"); /* IE9*/
	src: url("fonts/edw.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("fonts/edw.woff2") format("woff2"), /* chrome、firefox */
	url("fonts/edw.woff") format("woff"), /* chrome、firefox */
	url("fonts/edw.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url("fonts/edw.svg#Edwardian Script ITC Regular") format("svg"); /* iOS 4.1- */
  }
  
  @font-face {font-family: "Perpetua Titling MT Light";
	src: url("fonts/PTMTL.eot"); /* IE9*/
	src: url("fonts/PTMTL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("fonts/PTMTL.woff2") format("woff2"), /* chrome、firefox */
	url("fonts/PTMTL.woff") format("woff"), /* chrome、firefox */
	url("fonts/PTMTL.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	url("fonts/PTMTL.svg#Perpetua Titling MT Light") format("svg"); /* iOS 4.1- */
  }
  .gallery_l {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(11, 5vw);
    grid-gap: 0.5rem; 
  }
  
  
  .gallery_l__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1.05);
    transition: 
    transform .5s,
    filter .5s;
  
  }
  /*.ga1llery_l__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: 
        transform .5s,
        filter .5s;
  }
  */
  
  .gallery_l__item--1 {
 
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start:2;
    grid-row-end: 6;
  
    /** Alternative Syntax **/
    /* grid-column: 1 / span 2;  */
    /* grid-row: 1 / span 2; */
  }
  
  .gallery_l__item--2 {
   
    grid-column-start: 4;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 4;
  

  }
  
  .gallery_l__item--3 {
   
    grid-column-start:8;
    grid-column-end: 10;
    grid-row-start: 1;
    grid-row-end: 6;
  
    /** Alternative Syntax **/
    /* grid-column: 5 / span 4;
    grid-row: 1 / span 5; */
  }
  
  .gallery_l__item--4 {
   
    grid-column-start: 4;
    grid-column-end: 8;
    grid-row-start: 4;
    grid-row-end: 7;
  
   
  }
  
  .gallery_l__item--5 {
 
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 6;
    grid-row-end: 10;
     
  }
  
    
  .gallery_l__item--6 {
 
    grid-column-start:8;
    grid-column-end: 11;
    grid-row-start:6;
    grid-row-end:11;
  }
   .gallery_l__item--7 {
    
      grid-column-start:4;
      grid-column-end: 8;
      grid-row-start: 7;
      grid-row-end:10;
  
  
    /** Alternative Syntax **/
    /* grid-column: 5 / span 4; */
    /* grid-row: 6 / span 3; */
  }



/* gallery_l Link */
.gallery_l__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* gallery_l Link Overlay */
.gallery_l__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.4);
    font-size: 1.0rem;
    color: #fff;
    font-weight: 400;
	font-family:'Kozuka Gothic Pro EL', sans-serif;
    text-transform: lowercase;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
}

.gallery_l__link:hover .gallery_l__overlay {
    opacity: 1;
}

/* gallery_l Overlay Text */
.gallery_l__overlay span {
    position: relative;
    line-height: 3rem;
}

.gallery_l__overlay span:before,
.gallery_l__overlay span:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 0;
    background: #fff;
    transition: width .3s ease-out .2s;
}

.gallery_l__overlay span:before {
    top: 0;
    left: 0;
}

.gallery_l__overlay span:after {
    bottom: 0;
    right: 0;
}

.gallery_l__link:hover .gallery_l__overlay span:before,
.gallery_l__link:hover .gallery_l__overlay span:after {
    width: 100%;    
}


/* gallery_l Image */
.gallery_l__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: 
        transform .5s,
        filter .5s;
}

.gallery_l__link:hover .gallery_l__image {
    transform: scale(1.2);
    filter: blur(2px);
}

  /****1 may**********************************************/ 
  
.gallery1 {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(1, 5vw);
	grid-gap: 1.5rem; 
  }
  
  .gallery1__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block; 
  }
  .gallery1__item--1 {
	background: red;
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 2;
	 /** Alternative Syntax **/
	 /* grid-column: 1 / span 2;  */
	 /* grid-row: 1 / span 2; */
	}
	.gallery1__item--2 {
	background: blue;
	grid-column-start: 5;
	grid-column-end: 9;
	grid-row-start: 1;
	grid-row-end: 2;
	 /** Alternative Syntax **/
	 /* grid-column: 1 / span 2;  */
	 /* grid-row: 1 / span 2; */
	}
	


 .wrapper {
    max-width: 100rem;
    /*padding: 2rem; blocked by Puneet on 11/4 */
    margin: 0 auto;
}

.gallerybanner {
      display:grid;
      grid-template-columns: repeat(3,1fr);
      grid-template-rows: repeat (3,10vw);
  }
  
 .gallerybanner__item--1 {
     grid-column: 1 / span 1;
        grid-row: 1 / span 1;
 }
 
 .gallerybanner__item--2 {
     grid-column: 2 / span 1;
        grid-row: 1 / span 1;
 }
 
 .gallerybanner__item--3 {
     grid-column: 3 / span 1;
        grid-row: 1 / span 1;
 }

.galleryx {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-template-rows: repeat(9, 5vw);
	grid-gap: 1rem; 
  }
  
  .gallery__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block; 
  }
  .gallery__item--1 {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 8;
	 /** Alternative Syntax **/
	 /* grid-column: 1 / span 2; */
	 /* grid-row: 1 / span 2; */
	}
	.gallery__item--2 {
	
	grid-column-start:4;
	grid-column-end: 7;
	grid-row-start: 1;
	grid-row-end: 8;
	 /** Alternative Syntax **/
	 /* grid-column: 1 / span 2; */
	 /* grid-row: 1 / span 2; */
	}
	.gallery__item--3 {
		 grid-column-start:7;
	 grid-column-end: 10;
	 grid-row-start: 1;
	 grid-row-end: 8;
	 /** Alternative Syntax **/
	 /* grid-column: 1 / span 2; */
	 /* grid-row: 1 / span 2; */
	}
	
	.gallery__item--4 {
		grid-column-start:1;
	grid-column-end: 10;
	grid-row-start: 8;
	grid-row-end: 10;
	/** Alternative Syntax **/
	/* grid-column: 1 / span 2; */
	/* grid-row: 1 / span 2; */
   }
   
   .gallery__item2--1 {
	grid-column-start:2;
	grid-column-end: 4;
	grid-row-start:1;
	grid-row-end: 5;
	 /** Alternative Syntax **/
	 /* grid-column: 1 / span 2; */
	 /* grid-row: 1 / span 2; */
	}
	.gallery__item2--2 {
	  grid-column-start:4;
		grid-column-end: 6;
		grid-row-start:1;
		grid-row-end: 5;
		 /** Alternative Syntax **/
		 /* grid-column: 1 / span 2; */
		 /* grid-row: 1 / span 2; */
		}
		.gallery__item2--3 {
	    	grid-column-start:6;
			grid-column-end: 8;
			grid-row-start:1;
			grid-row-end: 5;
			 /** Alternative Syntax **/
			 /* grid-column: 1 / span 2; */
			 /* grid-row: 1 / span 2; */
			}
			.gallery__item2--4 {
				
				grid-column-start:2;
				grid-column-end: 4;
				grid-row-start:5;
				grid-row-end: 9;
				 /** Alternative Syntax **/
				 /* grid-column: 1 / span 2;*/
				 /* grid-row: 1 / span 2; */
				}
				.gallery__item2--5 {
				
					grid-column-start:4;
					grid-column-end: 6;
					grid-row-start:5;
					grid-row-end: 9;
					 /** Alternative Syntax **/
					 /* grid-column: 1 / span 2;*/
					 /* grid-row: 1 / span 2; */
					}
					.gallery__item2--6 {
					
						grid-column-start:6;
						grid-column-end: 8;
						grid-row-start:5;
						grid-row-end: 9;
						 /** Alternative Syntax **/
						 /* grid-column: 1 / span 2;*/
						 /* grid-row: 1 / span 2; */
						}				
                        
                        .gallery__item2--7 {
                        grid-column-start:8;
						grid-column-end: 10;
						grid-row-start:1;
						grid-row-end: 9;
						
						 /** Alternative Syntax **/
						 /* grid-column: 1 / span 2;*/
						 /* grid-row: 1 / span 2; */
						}		



/* Gallery Link */
.gallery__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Gallery Link Overlay */
.gallery__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.4);
    font-size: 1.5rem;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;

    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
}

.gallery__link:hover .gallery__overlay {
    opacity: 1;
}

/* Gallery Overlay Text */
.gallery__overlay span {
    position: relative;
    line-height: 3rem;
}

.gallery__overlay span:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 0;
    background: #fff;
    transition: width .3s ease-out .2s;
}

.gallery__overlay span:before {
    top: 0;
    left: 0;
}

.gallery__overlay span:after {
    bottom: 0;
    right: 0;
}

.gallery__link:hover .gallery__overlay span:before,
.gallery__link:hover .gallery__overlay span:after {
    width: 100%;    
}


/* Gallery Image */
.gallery__image {
    
    
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: 
        transform .5s,
        filter .5s;
}

.gallery__link:hover .gallery__image {
    transform: scale(1.2);
    filter: blur(2px);
}

@media screen and (max-width: 60rem) {
    /*.wrapper {
        padding: 1rem;
    }*/

    .galleryx {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4,5vw);
        grid gap:1rem
    }

    /* Gallery Layout */
    .gallery__item--1 {
        /*padding-top:100px; */
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
    }

    .gallery__item--2 {
        grid-column: 1 / span 1;
        grid-row: 2 / span 1;
    }

    .gallery__item--3 {
        grid-column: 2 / span 1;
        grid-row: 1 / span 1;
    }

    .gallery__item--4 {
        grid-column: 1 / span 2;
        grid-row: 3 / span 2;
    }

    .gallery__item--5 {
        grid-column: 2 / span 1;
        grid-row: 3 / span 1;
    }

    .gallery__item--6 {
        grid-column: 2 / span 1;
        grid-row: 4 / span 1;
    }

    .gallery__overlay {
        font-size: 1.25rem;
    }
    
}

@media screen and (max-width: 60rem) {
    .galleryx {
        display: block;
    }

    .gallery__item {
        margin: .5rem;
    }

    .gallery__link {
        height: 80vw;
    }

    .gallery__overlay {
        font-size: 1rem;
    }
}


.gallery4 {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-template-rows: repeat(9, 5vw);
	grid-gap: 1rem; 
  }
  
  .gallery4__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(1.00);
    transition: 
        transform .5s,
        filter .5s;
  }
  .gallery4__item--1 {
	grid-column-start: 1;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 7;
    /*background: red;*/
	 /** Alternative Syntax **/
	 /* grid-column: 1 / span 2; */
	 /* grid-row: 1 / span 2; */
	}
	.gallery4__item--2 {
    /* background: BLUE;*/
	grid-column-start:6;
	grid-column-end: 10;
	grid-row-start: 2;
	grid-row-end: 4;
	 /** Alternative Syntax **/
	 /* grid-column: 1 / span 2; */
	 /* grid-row: 1 / span 2; */
	}

.gallery4__item--3 {
    /* background: BLUE;*/
	grid-column-start:6;
	grid-column-end: 10;
	grid-row-start: 4;
	grid-row-end: 7;
	 /** Alternative Syntax **/
	 /* grid-column: 1 / span 2; */
	 /* grid-row: 1 / span 2; */
	}	
/* gallery4 Link */
.gallery4__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* gallery4 Link Overlay */
.gallery4__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.4);
    font-size: 1.5rem;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;

    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
}

.gallery4__link:hover .gallery4__overlay {
    opacity: 1;
}

/* gallery4 Overlay Text */
.gallery4__overlay span {
    position: relative;
    line-height: 3rem;
}

.gallery4__overlay span:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 0;
    background: #fff;
    transition: width .3s ease-out .2s;
}

.gallery4__overlay span:before {
    top: 0;
    left: 0;
}

.gallery4__overlay span:after {
    bottom: 0;
    right: 0;
}

.gallery4__link:hover .gallery4__overlay span:before,
.gallery4__link:hover .gallery4__overlay span:after {
    width: 100%;    
}


/* gallery4 Image */
.gallery4__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.00);
    transition: 
        transform .5s,
        filter .5s;
}

.gallery4__link:hover .gallery4__image {
    transform: scale(1.2);
    filter: blur(2px);
}

@media screen and (max-width: 60rem) {
    /*.wrapper {
        padding: 1rem;
    }*/

    .gallery4 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5,5vw);
        grid-gap:1rem;
    }

    /* Gallery Layout */
    .gallery4__item--1 {
        grid-column: 1 / span 1;
        grid-row: 1 / span 4;
    }

    .gallery4__item--2 {
        grid-column: 1 / span 1;
        grid-row: 4 / span 1;
    }

    .gallery4__item--3 {
        grid-column: 1 / span 1;
        grid-row: 4 / span 1;
    }

    .gallery4__item--4 {
        grid-column: 1 / span 1;
        grid-row: 3 / span 2;
    }

    .gallery4__item--5 {
        grid-column: 2 / span 1;
        grid-row: 3 / span 1;
    }

    .gallery4__item--6 {
        grid-column: 2 / span 1;
        grid-row: 4 / span 1;
    }

    .gallery4__overlay {
        font-size: 1.00rem;
    }
	.gallery_l {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(8, 50vw);
		grid-gap: 0.5rem; 
	  }
	
	  .gallery_l__img {
		width:100%;
		height: 100%;
		object-fit: contain;
		transform: scale(1.05);
		transition: 
		transform .5s,
		filter .5s;
	  
	  }
	  /* gallery_l Layout */
	  
	  .gallery_l__item--2 {
		
		  grid-column-start: 1;
		  grid-column-end: 2;
		  grid-row-start: 1;
		  grid-row-end: 2;
		
		}
		
		.gallery_l__item--1 {
	   
		  grid-column-start: 1;
		  grid-column-end: 2;
		  grid-row-start: 2;
		  grid-row-end:3;
		
		}
		
		.gallery_l__item--3 {
		  grid-column-start: 1;
		  grid-column-end: 2;
		  grid-row-start: 3;
		  grid-row-end: 4;
		
	
		}
		
		.gallery_l__item--4 {
		  grid-column-start: 1;
		  grid-column-end: 2;
		  grid-row-start: 4;
		  grid-row-end: 5;
		
		 
		}
		
		.gallery_l__item--5 {
		 
		  grid-column-start: 1;
		  grid-column-end: 2;
		  grid-row-start: 5;
		  grid-row-end: 6;
		   
		}
		
		  
		.gallery_l__item--6 {
		  grid-column-start: 1;
		  grid-column-end: 2;
		  grid-row-start:6;
		  grid-row-end: 7;
		}
		 .gallery_l__item--7 {
		  grid-column-start: 1;
		  grid-column-end: 2;
			grid-row-start: 7;
			grid-row-end: 8;
		  
	
		}
	  
	  .gallery_l__overlay {
		  font-size: 1.00rem;
	  }	
	

}

@media screen and (max-width: 60rem) {
    .gallery4 {
        display: block;
    }

    .gallery4__item {
        margin: .5rem;
    }

    .gallery4__link {
        height: 80vw;
    }

    .gallery4__overlay {
        font-size: 1rem;
    }
}

@media screen and (max-width: 35rem) {
    /*.wrapper {
        padding: 1rem;
    }*/

    .gallery4 {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(5,5vw);
        grid-gap:1rem;
    }

    /* gallery4 Layout */
    .gallery4__item--1 {
        grid-column: 1 / span 1;
        grid-row: 1 / span 4;
    }

    .gallery4__item--2 {
        grid-column: 1 / span 1;
        grid-row: 4 / span 1;
    }

    .gallery4__item--3 {
        grid-column: 2 / span 1;
        grid-row: 1 / span 2;
    }

    .gallery4__item--4 {
        grid-column: 1 / span 1;
        grid-row: 3 / span 2;
    }

    .gallery4__item--5 {
        grid-column: 2 / span 1;
        grid-row: 3 / span 1;
    }

    .gallery4__item--6 {
        grid-column: 2 / span 1;
        grid-row: 4 / span 1;
    }

    .gallery4__overlay {
        font-size: 1.25rem;
    }
    .gallery_l {
		display: grid;
		grid-template-columns: repeat(1,1fr);
		grid-template-rows: repeat(8,50vw);
		grid-gap: 0.5rem; 
	  }
	
	  .gallery_l__img {
		width:100%;
		height: 100%;
		object-fit: contain;
		transform: scale(1.05);
		transition: 
		transform .5s,
		filter .5s;
	  
	  }
	  /* gallery_l Layout */
	  
	  .gallery_l__item--2 {
		
		  grid-column-start: 1;
		  grid-column-end: 2;
		  grid-row-start: 1;
		  grid-row-end: 2;
		
		}
		
		.gallery_l__item--1 {
	   
		  grid-column-start: 1;
		  grid-column-end: 2;
		  grid-row-start: 2;
		  grid-row-end:3;
	
		}
		
		.gallery_l__item--3 {
		  grid-column-start: 1;
		  grid-column-end: 2;
		  grid-row-start: 3;
		  grid-row-end: 4;

		}
		
		.gallery_l__item--4 {
		  grid-column-start: 1;
		  grid-column-end: 2;
		  grid-row-start: 4;
		  grid-row-end: 5;
		
		 
		}
		
		.gallery_l__item--5 {
		 
		  grid-column-start: 1;
		  grid-column-end: 2;
		  grid-row-start: 5;
		  grid-row-end: 6;
		   
		}
		
		  
		.gallery_l__item--6 {
		  grid-column-start: 1;
		  grid-column-end: 2;
		  grid-row-start:6;
		  grid-row-end: 7;
		}
		 .gallery_l__item--7 {
		  grid-column-start: 1;
		  grid-column-end: 2;
			grid-row-start: 7;
			grid-row-end: 8;
		  
		}
	  
	  .gallery_l__overlay {
		  font-size: 1.00rem;
	  }

   
}

@media screen and (max-width: 35rem) {
    .gallery4 {
        display: block;
    }

    .gallery4__item {
        margin: .5rem;
    }

    .gallery4__link {
        height: 80vw;
    }

    .gallery4__overlay {
        font-size: 1rem;
    }
}
 .text-block {
	position: absolute;
	/*bottom: 20px;
	right: 20px;*/
	top: 16px;
	left: 16px;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	/*word-wrap: break-word;*/
	/*border-radius: 10px;*/
	width: 400px;
	height: 200px;

	font-family: inherit;
	font-size: 1rem;
	/*background: rgb(0, 0, 0);  Fallback color */
	background: rgba(255, 255, 255, 0.3); /* Black background with 0.5 opacity */
	color: #292920;
	
  }


  .text-block1 {
	position: absolute;
	/*bottom: 20px;
	right: 20px;*/
	top: 0px;
	left: 0px;
	text-align: center;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	word-wrap: break-word;
	/*border-radius: 10px;*/
	width: 400px;
	height: 150px;

	font-family:inherit;
	font-size: 2rem;
	line-height: 150%;
	/*letter-spacing: 5px;*/
	background: rgb(0, 0, 0); /* Fallback color */
	background: rgba(234, 240, 225, 0.8); /* Black background with 0.5 opacity */
	/*background-color: rgba(93, 145, 15, 0.6);*/
	color: #292920;;
	
  }
/****************************************/
.test {
	border-radius: 25px;
	background-color: rgb(171, 199, 130);
	width: 600px;
	/*border: 15px solid green;*/
	padding: 30px;
	margin: 20px;
	position: relative;
	font-size: 30px; 
	top: 0px;
    left: 320px;
	height: 200px;
}

.rcorners1 {
	border-radius: 25px;
	background-color: rgb(200, 202, 198);
	width: 600px;
	/*border: 15px solid green;*/
	font-size: 30px; 
	top: 10px;
    left: 370px;
	height: 200px
  }
  





  html {
	  font-size: 16px;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  /* color:#828078; */
	  color:#292920;
  }
  
  body{
	font-family: 'Kozuka Gothic Pro EL', sans-serif;  
	background-color: white;
	margin:0;
	padding:0;
	color:#292920;
  }
  
  h3{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  font-size:1.75rem;
  }


	.middle {
		transition: .5s ease;
		opacity: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
	  }
	  
	  .container:hover .image {
		opacity: 0.3;
	  }

	@media screen and (max-width: 800px) {
		.column {
			flex: 50%;
			padding: 0 4px;
		}
	  }
	  

	  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
	  @media screen and (max-width: 600px) {
		.column {
		  -ms-flex: 100%;
		  flex: 100%;
		  max-width: 100%;
		}
	  }
	  
	/*#https://www.w3schools.com/howto/howto_css_image_grid_responsive.asp*/
	.column {
		flex: 25%;
		max-width: 25%;
		padding: 0 0px; /* changed from 4px to 0px by Puneet on 11/4 */
	  }

	  /*.swiper-slide:hover  img {
		opacity: 0.3;
	  }*/
	  @media (max-width:767px) {
		#my_image_1 {
			  /*border:1px solid #126d21; /*blocked by Puneet 7/4*/
		   /*width: 489px;*/
		   max-inline-size: 100%;
		   /*aspect-ratio: 1/21; */
		   height: 629px; 
		   object-fit: cover;
		   overflow:scroll;
		  }
		  
		  #swiper2_txt {
		      font-size:13px;
		      text-align:center;
		      letter-spacing:2pt;
		      padding-top:1%
		      padding-bottom:1%
		      padding-left:10px
		      padding-right:10px;
		  }

            .gallerybanner__item--1 {
                grid-column: 1 / span 3;
                grid-row: 1 / span 1;
            }
 
            .gallerybanner__item--2 {
                grid-column: 1 / span 3;
                grid-row: 2 / span 1;
            }
 
            .gallerybanner__item--3 {
                grid-column: 1 / span 3;
                grid-row: 3 / span 1;
            }
		  
		  #taupe {
		      width:15%;
		      height:auto;
		  }
		  #view_look_book {
		      padding-top:1%;
		      padding-bottom:5%;
		      font-size:10px;
		  }
		  #taupe_online {
		      padding-top:5%
		      padding-bottom:2%;
		      font-size:12px;
		      letter-spacing:1.5pt;
		  }
		  #shop_taupe {
		      padding-top:5%;
		      font-size:10px;
		  }
		  
		  #urbania {
		      width:27.5%;
		      height:auto;
		  }
		  
		  #top_txt_1{
		    /*margin-top:100px;*/
		    height:125px;
		    padding-top:5%;
			line-height: 50%;
			text-align:center; 
			font-size:15px;
		

		  }
		  
		  #stoles_txt {
		      position:absolute;
		      left:50%;
		      top:95%; 
		      transform: translate(-50%,-50%);
		      /*margin:auto;*/
		      order:1;
		      width:auto;
		      height:300px;
		      /*margin-top:450px;*/
		      text-align:center;
		      background-color: rgba(234,240,225,0.5);
		  }
		  
		 #essential {
		        font-size:1.25rem;
		        letter-spacing:2pt;
		        padding-bottom:15px;
		        color:rgba(99, 97, 81,0.8);
		    }
		    #ethereal {
		        font-size:1.5rem;
		        padding-left:10px;
		        letter-spacing:15pt;
		        color:rgba(99, 97, 81,0.8);
		    }  
	 }
	
	@media (min-width: 768px) and (max-width: 991.98px) {
	    
	    #view_look_book {
		      padding-top:0.5%;
		
		      font-size:10px;
		    }
		    
		    #swiper2_txt {
		      font-size:14px;
		      text-align:center;
		      letter-spacing:2pt;
		      padding-top:1%
		      padding-bottom:1%
		      padding-left:10px
		      padding-right:10px;
		  }
		    #taupe_online {
		      padding-top:0.5%;
		      /*padding-bottom:0.5%;*/
		      font-size:10px;
		      letter-spacing:1.5pt;
		    }
		     #shop_taupe {
		      padding-top:0.5%;
		      font-size:10px;
		      padding-bottom:1%;
		     }
		     #taupe {
		        width:20%;
		        height:auto;
		    }
	}
	
	@media (min-width: 992px) and (max-width: 1198.98px) {
	    
	    #view_look_book {
		      padding-top:0.5%;
		
		      font-size:10px;
		    }
		    
		    #swiper2_txt {
		      font-size:14px;
		      text-align:center;
		      letter-spacing:2pt;
		      padding-top:1%
		      padding-bottom:1%
		      padding-left:10px
		      padding-right:10px;
		  }
		    #taupe_online {
		      padding-top:0.5%;
		      /*padding-bottom:0.5%;*/
		      font-size:10px;
		      letter-spacing:1.5pt;
		    }
		     #shop_taupe {
		      padding-top:0.5%;
		      font-size:10px;
		     }
		     #taupe {
		        width:18%;
		        height:auto;
		    }
	}
	@media (min-width: 1200px) and (max-width: 1599.98px) {
	    
	        #view_look_book {
	            padding-top:0.5%;
		      font-size:12px;
		    }
		    #swiper2_txt {
		      font-size:15px;
		      text-align:center;
		      letter-spacing:2pt;
		      padding-top:1%
		      padding-bottom:1%
		      padding-left:10px
		      padding-right:10px;
		  }
		    #taupe_online {
		      padding-top:0%;
		      /*padding-bottom:0.5%;*/
		      font-size:12px;
		      letter-spacing:1.5pt;
		    }
		     #shop_taupe {
		      padding-top:0.5%;
		      font-size:12px;
		     }
		     #taupe {
		        width:18%;
		        height:auto;
		    }
	}
				  
		@media (min-width: 768px) and (max-width: 1599.98px) {
			#my_image_1 {
				/*border:1px solid #6d1212; /*blocked by Puneet 7/4*/
				width:100%;
				height:auto; /* unblocked by Puneet on 11/4 */
				overflow: scroll;
				}
					#top_txt_1{
					/*margin-top:135px;*/
					padding-top:5%;
					line-height: 50%;
					text-align:center; 
					font-size:25px; 
					/*margin-top:20px;*/
				  }
				  
			 
		    
		  
	
		     #urbania {
		      width:20%;
		      height:auto;
		    }
		  		  
		    #essential {
		        font-size:2rem;
		        letter-spacing:2pt;
		        padding-bottom:30px;
		        color:rgba(99, 97, 81,0.8)
		    }
		    #ethereal {
		        font-size:2.5rem;
		        padding-left:40px;
		        letter-spacing:30pt;
		        color:rgba(99, 97, 81,0.8)
		    }
			#stoles_txt {
			  position:absolute;
		      left:40%;
		      top:95%; 
		      transform: translate(-50%,-50%);
			  /*margin:auto;*/
			  order:1;
		      width:800px;
		      height:400px;
		      /*margin-top:490px;*/
		      text-align:center;
		      background-color: rgba(234,240,225,0.6);
		      /*margin-left:20px;*/
		  }
		}
		#gallery4_img {
			/*border:1px solid #6d1212; /*blocked by Puneet 7/4*/
			width:100%;
			height:auto; /* unblocked by Puneet on 11/4 */
		}
	   

	.swiper-slide img {
	opacity: 1;
	/*border:1px solid #461dda;*/
	max-width:100%;
	/*max-height:100%;*/
	transition: .5s ease;
	backface-visibility: hidden;
	/*padding-bottom:5%;*/
	overflow: hidden; /* changed from hidden by Puneet on 11/4 */
		
  }

 

  .fade-in-image:hover {

	animation: fadeIn 5s;
	-webkit-animation: fadeIn 5s;
	-moz-animation: fadeIn 5s;
	-o-animation: fadeIn 5s;
	-ms-animation: fadeIn 5s;
  }
  
  
  @keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }
  
  @-moz-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }
  
  @-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }
  
  @-o-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }
  
  @-ms-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }

  *:focus {outline:none !important;
  box-shadow: none !important;}
  
  .rating .fa-star-o {
	color: #999;
	font-size: 15px;
	}
	.rating .fa-star {
		color: #FC0;
		font-size: 15px;
	}
	.rating .fa-star + .fa-star-o {
		color: #E69500;
	}
	
	.rating .fa-square-o {
	color: #292920;
	font-size: 15px;
	}
	.rating .fa-square {
		color: #292920;
		font-size: 15px;
	}
	.rating .fa-square + .fa-square-o {
		color: #292920;
	}
  
  /* .container {
	  background-color: white;
	  position: relative; 
	  width: 75%;
	  
	  padding: 0;
  } */
  .container-header {
	  background-color: rgb(221, 47, 47);
	  position: relative; 
	 /* width: 75%;*/
	  /*border: 2px solid green; */
	  padding: 0;
  }
  
  .container-body{
	  font-family:inherit;
	  background-color: rgb(255, 255, 255);
	  margin:0 auto;
	  width: 100%; /*changed to 100% from 75% by Puneet 7/4*/ 
	   /*border: 2px solid green;*/
	  }
  
  .container-footer{
	  font-family:inherit;
	  background-color: rgb(241, 210, 210);
	  margin:0 auto;
	 
	   width: 75%;
	   /*border: 2px solid green;*/
  }
  
  .fixed-top {
	  background-color: white;
	  margin:0 auto;
	  /*border: 2px solid green; */
  }
  
  .no-gutters {
	margin-right: 0;
	margin-left: 0;
  	> .col,
	> [class*="col-"] {
	  padding-right: 0;
	  padding-left: 0;
	  padding-bottom:0;
	  padding-top:0;
	}
  }
  
  .logo {
	  position: relative; 
	  width:10rem;
	  
  }
  
  .mainheader img{
	  max-width:100%;
	  height:auto; 
	  
  }
  
  .homepgdiv{
	  padding-top:15.2%;
	  padding-bottom:9%;
  }
  
  .homerightdiv{
	  padding-left:6%;
  }
  	/***********footer about****************/					
  .fthomediv{   
	  font-family: inherit;/* hOME pAGE fOOTER*/
	  background: rgb(255, 255, 255);
	  border-top:.01rem solid #A7A59A; 
	  padding-left:7%;
	  padding-top:1%;
  }
  
  .stylemask {
	  padding-top:3.1em;
	  padding-bottom:1.45em;
	  margin-top:6.70rem;
  }
  
  /* .btnselect{
	  width:8em;
	  border:2px solid black;
	  border-radius:0;
	  height:2em;
	  padding-top:0;
	  padding-bottom:0;
  }
  .btnselect option{
	  border:2px solid red;
  } */
 
  .stylemask select {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  appearance: none;
	  outline: 0;
	  box-shadow: none;
	  border: 0 !important;
	   background: white; 
	  /*background:transparent;*/
	  background-image: none;
  }
  
  .stylemask select::-ms-expand {
	  display: none;
  }
  
  .stylemask .select {
	  position: relative;
	  display: flex;
	   width: 6em;
	  /*height: 3em; */
	  line-height: 1.5em;
	  /* background: white; */
	  overflow: hidden;
	  /* border-radius: .25em; */
	  border-radius:0;
	  border: 1px solid #292920;
	  text-align:center;
	  
  }
  .stylemask select {
	  flex: 1;
	  /* padding: 0 .5em; */
	  padding: 0 1.4em 0 1.4em;
	  color: #292920;
	  cursor: pointer;
	  
  }
  
  .select::after {
	  content: '\25BC';
	  color: #292920;
	  font-size:.8rem;
	  position: absolute;
	  top: 0;
	  right: 0;
	  padding: 0 0.75em;
	  /* background: white; */
	  cursor: pointer;
	  pointer-events: none;
	  -webkit-transition: .25s all ease;
	  -o-transition: .25s all ease;
	  transition: .25s all ease;
	  border-left: 1px solid #292920;
  }
  
  .nodecor {
	  font-family:'Kozuka Gothic Pro EL', sans-serif;
	  color:#f33737;
  }
  
  .nodecor a:hover {
	  text-decoration:none;
	  color:#000000;
  }
  
  .figcap{
	  font-family:"Edwardian Script ITC Regular" !important;
	  font-size:18pt;font-style:normal;
	  -webkit-font-smoothing: antialiased;
	  -webkit-text-stroke-width: 0.2px;
	  -moz-osx-font-smoothing: grayscale;
	  text-align:center;
  }
  a:hover{
	  color:#000000;
	  text-decoration:none;
  }
  .lineHorizontal__container {
	align-items: center;
	background-color: none;
	display: flex;
	margin:0%;
	padding:0%;
	margin-top:-1.95%;
  }
  .lineHorizontal__container--leftAligned {
	justify-content: flex-start;
  }
  .lineHorizontal__container--rightAligned {
	justify-content: flex-end;
  }
  .lineHorizontal__container--detachedFromRight {
	padding-right: 0%; 
	  
  }
  .lineHorizontal__container--detachedFromleft {
	padding-left: 10.5%;  
  }
  .lineHorizontal {
	border-top: .01rem solid #A7A59A;
  }
  .lineHorizontal--long {
	width: 100%;
  }
  .lineHorizontal--short {
	width: 40%;
  }
  
  /* body{
	  margin:0;
	  padding:0;
  } */
  
  .pgstmargin{
	  /* margin-top:2%; */
	  margin-top:4.55rem;
  }
  .stpghdavail{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  /* color:#000000; *//* #A7A59A; */
	  font-size:1rem;
	  line-height:1.5rem;
  }
  .stpghdavail h1 {
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  text-transform:uppercase;
	  /* color: #000000; *//* #A7A59A; */
	  font-size:14pt;
	  letter-spacing:2pt;
	  padding:4rem 0 0 0;
  }
  .stpghd {
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  /* color:#000000; *//* #A7A59A; */
	  font-size:1rem;
	  line-height:1.5rem;
  }
  
  .stpghd h1 {
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  text-transform:uppercase;
	  /* color: #000000; *//* #A7A59A; */
	  font-size:14pt;
	  letter-spacing:2pt;
	  padding:4rem 0 4rem 0;
  }
  
  .stpghd .table tr td{
	  padding:3%;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  /* color:#A7A59A; */
	  font-size:10pt;
  }
  .stpghd .table .tdwthb{
	  width:80%;
  }
  .stpghd .table .tdwths{
	  width:20%;
	  text-align:center;
  }
  
  .tdpg {
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  /* color:#000000; *//* #A7A59A; */
	  font-size:.9rem;
	  line-height:1.5rem;
	  margin-top:5.15rem;
  }
  
  .tdpg h1 {
	  text-transform:uppercase;
	  font-size:1rem;
	  letter-spacing:.18rem;
	  padding:5rem 0 0 0;
  }
   
  
  .nav-link{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  /* color:#A7A59A; */
	  color:#292920;
	  font-size:12pt;
  }
  
  .nav-link:hover{
	  color:#000000;
  }
  
  .hm{
	  padding:5% 0 5% 0;
  }
  
  .ptp{
	  padding:5% 0 0 0;
  }
  
  .pbm{
	  padding:0 0 5% 0;
  }
  
  .mp0{
	  margin:0;
	  padding:0;
  }

  .plpr3{
	padding:0 3% 0 3% ;
	}
  

  .plpr4{
	padding:0 4% 0 4% ;
	}

  .plpr5{
	  padding:0 5% 0 5% ;
  }
  
  .plpr6{
	  padding:0 6% 0 6% ;
  }
  
  .plpr10{
	padding:0 10% 0 10% ;
}

  .uborgcs{
	  padding:1% 6% 0 6%;
	  border:2px solid #A6AB92;/* #DADFCF; */
	  border-radius: 15pt;
	  margin-top:-2%;
  }
  
  .uborgc{
	  width:27rem;
	  height:31rem;
	  background:#EAEFE1;
	  /* z-index:1; */
	  position:absolute;
	  top:15.5rem;
	  left:42%;
  }
  
  .uborgcstyle{
	  font-size:.85rem;
	  line-height:1.88rem;
  }
  
  .ubthgc{
	  width:24.40rem;
	  height:31rem;
	  background:#EAEFE1;
	  /* z-index:-1; */
	  position:absolute;
	  top:15rem;
	  left:0;
  }
  
  .ubthdgcs{
	  padding:1.2rem 6% 0 6%;
	  border:2px solid #A6AB92;/* #DADFCF; */
	  border-radius: 2rem;
	  margin-top:-2%;
	  width:35vw;
	  margin:0 auto;
  }
  #ubtheraptext{
	margin-left:-20rem;
	margin-right:-20rem;
  }
  
  .ubavail{
      /*
	  width:28.2rem;
	  height:26.5rem;
	  background:#EAEFE1;
	  position:absolute;
	  top:16.5rem;
	  left:3.3rem;
	  */
	  width:28.2rem;
	  height:21.3rem;
	  background:#EAEFE1;
	  /*z-index:-100; */
	  position:absolute;
	  top:17.2rem;
	  left:3.3rem;
  }
  
  .ubavails{
	  padding:1% 0 1% 0;
	  border:2px solid #A6AB92;/* #DADFCF; */
	  border-radius: 15pt;
	  margin-top: 5%;
  }
  
  .mb0{
	  margin-bottom:0;
  }
  
  .bggreen {
	  background-color:  #E4EBD9;
	  padding:5% 20% 5% 5%;
	  /* margin:0 7% 0 7%; */
	   margin:0 0 0 7%; 
  }
  
  .bggreenacc {
	  background-color:  #E4EBD9;
	  padding:3% 20% 5% 5%;
	  /* margin:0 7% 0 7%; */
	  margin:0 0 0 0;
  }

  .greenbox {
	height: 20rem;
	width: 20rem;
	background-color:  #E4EBD9;
  }
  
  .center{
	  text-align:center;
  }
  
  .left{
	  text-align:left;
  }
  
  .bgborder{
	  background: rgba(228, 235, 217,0.9);
	  border-top:0;
	  border-right:0;
	  border-left:0;
	  border-bottom:0;
	  border-radius:0px;
	  box-shadow:0px;
  }
  
  .bgcolor{
	  background: rgba(228, 235, 217,0.9);
	  border-top:0;
	  border-right:0;
	  border-left:0;
	  border-bottom-color:#636151; 
	  border-bottom-style: solid;
	  border-bottom-width: 0.25px;
	  border-radius:0px;
	  box-shadow:0px;
  }
  
  .cdcolor{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  color:#000000;
	  font-size:10pt;
	  line-height:28pt;
  }
  
  .cdcolor:hover{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  color:#787665;
	  font-size:10pt;
	  line-height:28pt;
  }
  .cdul{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  font-size:9pt;
  }
  
  .div2{
	  border : 1px solid blue;
	  margin:0 auto;
	  padding:0 7% 0 7%;
  }
  
  .tbl-footer th{
	  font-family:'Kozuka Gothic Pro EL', sans-serif;
	  font-size:12pt;
	  letter-spacing:5pt;
	  /* color:#000000; */
	  color:#292920;
	  width:50%;
  }
  
  .tbl-footer td{
	  font-family:'Kozuka Gothic Pro EL', sans-serif;
	  font-size:11pt;
	  /* color:#000000; */
	  width:50%;
  }
  
  .tbl-footer a{
	  font-family:'Kozuka Gothic Pro EL', sans-serif;
	  font-size:10pt;
	  /* color:#000000; */
	  color:#292920;
	  width:50%;
  }
  
  .tbl-footer td a:hover{
	  color:#000000;
	  text-decoration:none;
  }
  
  
	  .swiper-container {
		width: 100%;
		height: 400px;
		margin-left: auto;
		margin-right: auto;
	  }
  
	  .swiper-slide {
		background-size: cover;
		background-repeat:no-repeat;
		background-position: top;
	  }
  
	  .gallery-top {
		height: 32em;
		width: 100%;
	  }
  
	  .gallery-thumbs {
		height: 5.5em;
		box-sizing: border-box;
		margin-top: 4em;
		/* padding: 0 1rem 0 1rem; */
	  }
  
	  /* .gallery-thumbs .swiper-slide {
		width: 100%;
		height: 100%;
		opacity: 0.4;
	  } */
  
	  .gallery-thumbs .swiper-slide-thumb-active {
		opacity: 1;
	  }
	  
	  .swiper-button-white {
		  /* top:95%; */
		  color:rgba(255,255,255,.9);
	  }
	  
	  .swiper-button-next:after{
	  font-size:1.2rem;
	  }
	  
	  .swiper-button-prev:after{
	  font-size:1.2rem;
	  }
	  
	  .maskname{
		  font-family: 'Kozuka Gothic Pro EL', sans-serif;
		  color: rgba(99, 88, 81,.8);
		  font-size:1.4rem;
		  letter-spacing:.2rem;
		  text-transform:uppercase;
	  }
	  
	  	  .maskname_slook{
		  font-family: 'Kozuka Gothic Pro EL', sans-serif;
		  color: rgba(99, 88, 81,.8);
		  font-size:0.8rem;
		  letter-spacing:.2rem;
		  text-transform:lowercase;
	  }
	  
	
	
	  .maskdeschead{
		  font-family: 'Kozuka Gothic Pro EL', sans-serif;
		  font-size:1.05rem;
	  }
  
	  .maskdescheadgap{
		  height:1.6rem;
	  }	
	  
	  .maskdesc{
		  font-family: 'Kozuka Gothic Pro EL', sans-serif;
		  font-size:.84rem;
		  list-style-image: url(../../../../../image/catalog/bullet-s.png);
		  list-style-position: inside;
	  }
	  
	  
	  .maskcaptions{
		  font-family: 'Kozuka Gothic Pro EL', sans-serif;
		  font-size:.7rem;
		  text-align:center;
	  }	
	  
	  .maskpglist {
		  font-family: 'Kozuka Gothic Pro EL', sans-serif;
		  font-size:.9rem;
		  /* color:gray;	 */
	  }
  
	  .maskpglist ul{
		  /*  margin-left: 40px;
		   padding-left: 0px; 
		   border-bottom: 1px solid black; */
		  list-style: none;
		  padding:0em;
		  /*  width: 36%; */
	  }
  
	  .maskpglist li {
	   border-bottom: 1px solid black;
	   padding: .3em 0;
	  }
	  
	  .maskpglist a{
		  color:#292920;
		  /* color:gray;	 */
	  }
	  
	  .btnmaskpage{
		  padding-top:0.1rem;
		  padding-bottom:0.1rem;
		  height:1.7rem;
		  font-size:.75rem;
		  text-align:center;
		  line-height:0.8rem;
		  border-radius:0;
		  background:#636151;
		  color:rgba(255,255,255,0.5);
		  text-transform: lowercase;
		  font-family:inherit;
	  }
	  
	  .btnmaskpage:hover{
		  background:#636151;
		  color:rgb(255,255,255);
	  }
	  
	  
	  .maskpgdiv{
		  margin-top:5.00rem;
		  padding:5rem 1rem 0 5rem;
	  }
	  
	  .colorpopup {
		  font-size:.75rem; 
		  line-height:1.3rem;
	  }
	  
	  #size-holder select {
		appearance: none;
		-webkit-appearance: none;
		background-color: white;
		border: 0;
		padding:10px;
		margin:-5px -20px -5px -5px;
		
	  }
  
	  #size-holder select option {
		display:inline-block;
	  }
	  
	  #size-holder option {
		font-family:'Kozuka Gothic Pro EL', sans-serif;
		font-size:.8rem;
		line-height:.01em;
	  }
  
	  #size-holder {
		display:inline-block;
		vertical-align:top;
		overflow:hidden;
		margin-bottom:-20px;
	  }
	  
	  .col-md-5-4t{
		  width:44%;
	  }
	  .col-md-5-rem{
		  width:14.3335%;
	  }
	  
	  .expansion {
		  margin-left:calc(-50vw+50%);
		  margin-right:calc(-50vw+50%);
	  }
  .uballpgmaindiv{
	  margin-top:12rem;
	  margin-bottom:15rem; 
	  position:relative; 
	  background:transparent;
  }
  
  
  .uballpgneg{
	  margin-left:-19rem;
	  margin-right:-19rem;
	  font-size:1rem;
  }
  
  .ubtopmargin{
	  margin-top:8.70rem;
  }
  
  .ubformfit{
	  padding:.6rem 6% 0 6%;
	  background:#EAEFE1;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  font-size:.9rem;
	  line-height:1.5rem;
	  text-align:left;
	  width:34vw;
	  margin:0 auto;
  }	
  
	#ubformittext{
		margin-left:-18rem;
		margin-right:-18rem; 
		font-size:1rem;
	}

  .ubformfit h1 {
	  text-transform:uppercase;
	  font-size:1rem;
	  letter-spacing:.18rem;
	  padding:.2rem 0 5rem 0;
  }
  
  .ubformffitbox{
	  width:20.75rem;
	  height:26rem;
	  border:2px solid #A6AB92;/* #DADFCF; */
	  border-radius: 15pt;
	   z-index:1;
	  position:absolute;
	  top:28.2rem;
	  left:.3rem;
  }
  
  .uballpg{
	  background:#EAEFE1;
	  width:33vw;
	  margin:0 auto;
	  padding:1rem 0 12rem 0;
  }
  
  .uballpg h1 {
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  text-transform:uppercase;
	  font-size:1rem;
	  letter-spacing:.18rem;
	  padding:.1rem 0 1rem 0;
  }
  .uballpg p {
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  font-size:0.9rem;
	  line-height:1.5rem;
	  padding:.0 0 1rem 0;
  }
  .uballpgs{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  border:2px solid #A6AB92;/* #DADFCF; */
	  border-radius: 15pt;
	  margin-left:10rem;
	  margin-right:10rem;
	  padding:.2rem 0 5rem 0;
	  margin-top:2rem;
	  font-size:.9rem;
  }
  
  .ubreturn{
	  margin-top:11.75rem;
	  margin-bottom:15rem; 
	  position:relative; 
	  background:transparent;
  }
  
  .ubreturn h1{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  text-transform:uppercase;
	  font-size:1rem;
	  letter-spacing:.18rem;
  }
  .ubreturn p {
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  font-size:0.9rem;
	  line-height:1.5rem;
	  padding:.0 0 1rem 0;
  }
  
  .ubrtfrm{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  text-align:left;
  }
  .ubrtfrm p{
	  font-size:.7rem;
	  padding:.5rem 0 .5rem 0;
  }
  .ubrtfrm input{
	  border:none;
	  border-radius:0;
  }
  
  .ubrtfrm textarea{
	  border:none;
	  border-radius:0;
  }
  
  .btnrtfrm{
	  padding-top:0.1rem;
	  padding-bottom:0.1rem;
	  padding-right:1rem;
	  padding-left:1rem;
	  height:1.7rem;
	  font-size:.75rem;
	  text-align:center;
	  line-height:0.8rem;
	  border-radius:0;
	  background:#636151;
	  color:rgba(255,255,255,0.5);
  }
	  
  .btnrtfrm:hover{
	  background:#636151;
	  color:rgb(255,255,255);
  }
  
  .btnrfpy{	  
	  text-align:right;
	  position:fixed;
	  bottom:0rem;
	  right:4vw;
	  z-index:10;
  }	

  .btnrfpy button{
	  background:#EAEFE1;
	  font-size:.9rem;
	  border-radius:0;
	  padding:.3rem 1.3rem;
	  line-height:1.2rem;
  }
  .ubwomenpgdiv{
	  padding-top:4rem;
	  padding-bottom:3rem;
	  margin-top:4.25rem;
  }
  .ubsizezcrt{
	  margin-bottom:3rem;
  }
  .ubsizezcrt h1{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  text-transform:uppercase;
	  font-size:1rem;
	  letter-spacing:.18rem;
	  padding-bottom:3rem;
  }
  .ubsizezcrt a{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  text-transform:uppercase;
	  font-size:.9rem;
	  letter-spacing:.16rem;
	  color:#292920;
  }
  .ubsizezcrtbl{
	  padding-top:1.5rem;
  }
  
  .ubsizecrtmaindiv{
	  margin-bottom:8rem; 
	  position:relative; 
	  background:transparent;
	  padding:0 9rem;
	  font-family:'Kozuka Gothic Pro EL', sans-serif; 
	  color:#292920; 
	  font-size:.9rem;
	  margin-top: 10.75rem;
  }
  .ubsizecrtmaindiv p{
	  font-weight:600;
  }
  
  .szcrttd{
	  text-align:left;
  }
  
  .szcrttd p{
	  margin:0;
	  padding:0 .5rem;
	  font-weight:300;
  }
  
  .sizechrttble td{
	  width:25%;
  }
  .ubcnctdiv{
	  /*
	  margin-top:10.5rem;
	  */
	  padding:0 1rem;
	  margin-bottom:1rem;
  }
  
  .ubcnctdiv h1{
	  text-transform:uppercase;
	  font-size:1rem;
	  letter-spacing:.18rem;
	  padding-bottom:1rem;
  }
  .ubcnctdiv form{
	  text-align:left;
	  padding:.2rem 1rem;
  }
  .ubcnctdiv label{
	  text-align:left;
	  font-size:.9rem;
  }
  .ubcnctdiv button{
	  padding-top:0.1rem;
	  padding-bottom:0.1rem;
	  padding-right:1rem;
	  padding-left:1rem;
	  height:1.7rem;
	  font-size:.75rem;
	  text-align:center;
	  line-height:0.8rem;
	  border-radius:0;
	  background:#636151;
	  color:rgba(255,255,255,0.5);
  }
  .ubcnctdiv button:hover{
	  background:#636151;
	  color:rgb(255,255,255);
  }
  .ubcnctdiv p{
	  font-size:.9rem;
	  margin:0;
	  padding:.2rem 1rem;
	  text-align:left;
  }
  .ubcnctdiv a{
	  font-size:.9rem;
	  color:#292920;
  }
  
  .ubcnctborder{
	  background:#EAEFE1;
	  /* border:.3rem solid white; */
	  border-bottom:.4rem solid white;
	  padding:.4rem;
  }

  .ubcntctborder {
	border-right:1.5rem solid white;
  }

  .map-responsive{
	  overflow:hidden;
	  padding-bottom:29.6rem;
	  position:relative;
	  height:0;
  }
  .map-responsive iframe{
	  left:0;
	  top:0;
	  height:100%;
	  width:100%;
	  position:absolute;
  }
  .ubabtmaindiv{
	  margin-top:10.70rem;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
  }
  .ubabtmaindiv p{
	  text-align:center;
	  font-size:.9rem;
	  padding:.5rem 1rem;
	  line-height:1.9rem;
  }
  .ubabtmaindiv h1{
	  font-family: 'Perpetua Titling MT Light', sans-serif;
	  font-size:2.3rem;
	  letter-spacing:.5rem;
	  text-transform:uppercase;
  }
  .ubabtmaindiv figcaption{
	  text-align:left;
	  font-size:.7rem;
  }
  .ubabtbox{
	  width:20.5rem;
	  height:16rem;
	  background:#EAEFE1;
	   z-index:-1;
	  position:absolute;
	  top:0rem;
	  left:-.7rem;
  }
  .ubabtbox2{
	  width:31rem;
	  height:43.3rem;
	  background:#EAEFE1;
	   z-index:-2;
	  position:absolute;
	  top:9.3rem;
	  left:26.5rem;
  }
  .lightboxdiv{
	  position: relative;
	  z-index:2;
  }
  .lightboxdiv .gallery a img {
	  float: left;
	  width: 50%;
	  padding: 0 0 10% 10%; 
	  height: auto;
	  /* border: 2px solid #fff; */
	  -webkit-transition: -webkit-transform .15s ease;
	  -moz-transition: -moz-transform .15s ease;
	  -o-transition: -o-transform .15s ease;
	  -ms-transition: -ms-transform .15s ease;
	  transition: transform .15s ease;
	  /* position: relative; */
  }
  
  .lightboxdiv .clear {
	  clear: both;
  }
  .gallery2018{
	  margin-left:-30px;
  }
  
  .lightboxdiv .gallery2018 a img {
	  float: left;
	  width: 50%;
	  padding: 0 0 10% 7%; 
	  height: auto;
	  /* border: 2px solid #fff; */
	  -webkit-transition: -webkit-transform .15s ease;
	  -moz-transition: -moz-transform .15s ease;
	  -o-transition: -o-transform .15s ease;
	  -ms-transition: -ms-transform .15s ease;
	  transition: transform .15s ease;
	  /* position: relative; */
  }

  
  .lightboxdiv .gallery2016 a img {
	  float: left;
	  width: 30.5%;
	  padding: 0 8% 8% 0; 
	  height: auto;
	  /* border: 2px solid #fff; */
	  -webkit-transition: -webkit-transform .15s ease;
	  -moz-transition: -moz-transform .15s ease;
	  -o-transition: -o-transform .15s ease;
	  -ms-transition: -ms-transform .15s ease;
	  transition: transform .15s ease;
	  /* position: relative; */
  }
  
  .lightboxdiv .gallery2018w a img {
	  float: left;
	  width: 25%;
	  padding: 0 6% 7% 0; 
	  height: auto;
	  /* border: 2px solid #fff; */
	  -webkit-transition: -webkit-transform .15s ease;
	  -moz-transition: -moz-transform .15s ease;
	  -o-transition: -o-transform .15s ease;
	  -ms-transition: -ms-transform .15s ease;
	  transition: transform .15s ease;
	  /* position: relative; */
  }
  .ubcltiondiv{
	  padding:0 0 14rem 0;
	  margin-top:6.25rem;
  }
  
  .ubcltiondiv h1{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  text-transform:uppercase;
	  font-size:1rem;
	  /* letter-spacing:.18rem; */
	  letter-spacing:.5rem;
	  padding:2.5rem 0;
  }
  .ubcltiondiv p{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  font-size:.9rem;
	  line-height:1.5rem;
	  padding:2.2rem 1rem;
  /* 	border:1px solid pink; */
  }
  
  .ubcltionbox{
	  width:28.5rem;
	  height:31.8rem;
	  background:#EAEFE1;
	  z-index:-1;
	  position:absolute;
	  top:20.8rem;
	  left:12rem;
  }
  
  .ubcltionbox2018{
	  width:28.5rem;
	  height:31.8rem;
	  background:#EAEFE1;
	  z-index:-1;
	  position:absolute;
	  top:30.8rem;
	  left:12rem;
  }
  
  .ubcltiondiv2018{
	  padding:0 0 3rem 0;
  }
  .ubcltionboxw2016{
	  width:27rem;
	  height:31.9rem;
	  background:#EAEFE1;
	  z-index:-1;
	  position:absolute;
	  top:20rem;
	  left:12rem;
  }
  .ubcltionboxw2018{
	  width:30rem;
	  height:39rem;
	  background:#F0E8D8;
	  z-index:-1;
	  position:absolute;
	  top:12rem;
	  left:12rem;
  }
  .ubcltiondivw2018{
	  padding:0 0 0.1rem 0;
  }
  
  .brdcrmb {
	  font-size:.7rem;
	  color:#292920;
  }
  
  .brdcrmb a{
	  font-size:.7rem;
	  color:#292920;
	  text-decoration:none;
  }
  
  .brdcrmb a:hover{
	  font-size:.7rem;
	  color:#292920;
	  text-decoration:none;
  }
  
  .backbtn{
	  font-size:.7rem;
	  color:#292920;
	  background:transparent;
	  outline:none;
	  border:none;
	  z-index: 995;
	  padding-right: 0;
  }
  
  .recommended_wash_care {
	  /* text-indent: 5rem; */
	  text-align:center;
  }
  
  .wash_care_row_gap {
	  margin-top: 3rem;
  }
  
  .shopcontainer {
	  margin-top:7.29rem;
 /*  	border:1px solid red; padding:0 5rem 2rem 5rem; 
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  color:#292920;
	  background:white;
	  */
		font-family:inherit;
		background-color: white;
		width:100%;
		/*width: 75%; 
		 border: 2px solid green;*/
	
  }
  
  .shopfiltername {
	  height: 8rem;
	  font-size: 1rem;
	  /* line-height:  8rem;
	   border:1px solid red;  */
  }
  
  .shopsortby {
	  text-align:right;
  /* 	border:1px solid orange; 
	  padding: 0 2rem 0 0;*/
	  padding: 0 2rem 0 15%;
  }
  
  .shopfilter {
	  border:1px solid rgba(55,53,54,.3);
  }
  
  .shopfilter ul {
	  list-style-type:none;
	  text-align:left;
	  margin:0;
	  padding:1em 1em 1em 1em;
  }
  
  .shopfilter li {
	  text-indent:1em;
	  line-height:1.8rem;
  }
  
  .shopproduct {
	  padding:0 2rem 0 4rem;
	  /* border:1px solid purple; */
  }
  
  .shopproduct .card {
	  border:none;
	  border-radius:0;
  }
  
  .shopproductcard {
	  padding:0 1rem 0 0;
  }
  
  .shopproductcard h1{
	  padding:.3em 0 0 0;
	  font-size:.9rem;
	  letter-spacing:.01em;
	  text-align:center;
	  text-transform:capitalize;
  }
  
  .shopproductcard h11{
	  padding:.3em 0 0 0;
	  font-size:.7rem;
	  letter-spacing:.01em;
	  text-align:center;
	  /*text-transform:capitalize;*/
  }
  /*
  .shopproductcard img{
	  border:1px solid rgba(55,53,54,.3);
  }
  */
  .shopproductcard .overlay{
	  position:absolute;
	  background:rgba(255,255,255,.6);
	  top:0;
	  left:1rem;
	  height:1.2rem;
	  padding:0 1rem;
  }
  
  .shopproductcard .saleoverlay{
	  position:absolute;
	  background:rgba(255,255,255,.6);
	  bottom:0;
	  right:1rem;
	  height:1.2rem;
	  padding:0 1rem;
  }
  
  .shopproductcardrow
  {
	  margin-bottom:1rem;
	 
  }
  .overlay h5{
	  /* font-family: 'Kozuka Gothic Pro EL', sans-serif; */
	  font-size:.7rem;
	  line-height:1.2rem;
	  text-transform:lowercase;
  }
  
  .saleoverlay h5{
	  font-size:.7rem;
	  line-height:1.2rem;
	  text-transform:lowercase;
  }
  
  .price {
	  margin-top:-.2rem;
	  font-size:.7rem;
	  text-align:center;
  }
  
  .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
	font-size : .8 rem;
  }
  
  .price-new {
	font-weight: 600;
	font-size : 1 rem;
  }
  
  .pagination li{
      padding-left:.5rem;
      padding-right:.5rem;
   }
   
   .pagination li a{
      color:#292920;
    }
    
    .pagination .active{
      color:#000000;
   }

  .productprice{
	  font-size: 1rem;
	  margin-bottom:0px;
  }
  
  .shopcardbuttonrow{
	  margin:.2rem 0 0 0;
	  padding: 0 0 0 0;
	  display: flex;
	  justify-content: space-around;
  }
  
  .shopcardbuttonrow .btn {
	  /* border:1px solid rgba(55,53,54,.3); */
	  border:none;
	  border-radius:0;
	  box-shadow:none;
	  color:#636151;
	  /* padding:.5rem; */
	  font-size:.8rem;
  }
  .ubshopbtn{
	/* border:1px solid rgba(55,53,54,.3); */
	border:none;
	border-radius:0;
	
	color:#636151;
	/* padding:.5rem; */
	font-size:.8rem;
}
  .shopcardbuttoncol {
	  padding: 0;
  }
  
  .shopfilter select {
	  box-sizing: border-box;
	  padding: 0.5em 2em 0.5em 0.5em;
	  border: 1px solid #eee;
	  font: inherit;
	  line-height: inherit;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  appearance: none;
	  background-repeat: no-repeat;
	  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	  background-position: right 15px top 1em, right 10px top 1em;
	  background-size: 5px 5px, 5px 5px;
  }
  .shopsortby select {
	  box-sizing: border-box;
	  padding: 0.5em 2em 0.5em 0.5em;
	  /* padding:0;
	  margin:0; */
	  border: 1px solid #eee;
	  font: inherit;
	  line-height: inherit;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  appearance: none;
	  background-repeat: no-repeat;
	  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	  background-position: right 15px top 1em, right 10px top 1em;
	  background-size: 5px 5px, 5px 5px;
  }
  
  .uballpgmaindivchild{
	  margin-top:12rem;
	  margin-bottom:15rem; 
	  position:relative; 
	  background:transparent;
  }
  .ubchildren{
	  background:url("../../../../../image/catalog/children/banner.jpg");
	  padding:3rem;
	 }	
  .ubpgchild{
	  background:#EAEFE1;
	  width:28vw;
	  margin:0 auto;
	  padding:1rem 0 0 0;
  }
  
  .ubpgchild h1 {
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  text-transform:uppercase;
	  font-size:1rem;
	  letter-spacing:.18rem;
	  padding:1rem 0 1rem 0;
  }
  
  .ubpgchild p {
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  color:rgba(255,255,255,0.8);
	  font-size:1.2rem;
	  /* line-height:2.1rem; */
	  /* padding:.0 0 1rem 0; */
  }	
  .upp p{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  color:#292920;
	  text-transform:uppercase;
	  font-size:1.2rem;
	  letter-spacing:.5rem;
	  padding-top:1rem;
  }
  .uballpgschild{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  border:2px solid #ffffff;/* #DADFCF; */
	  border-radius: 15pt;
	  margin-left:2rem;
	  margin-right:2rem;
	  padding:2rem 0 2rem 0;
	  /* margin-top:2rem; */
	  font-size:.9rem;
  }
  #mvidmodal{
	  background:rgba(0,0,0,0.8);
	  /* background:white; */
  }
  
  #mvidmodal .modal-content{
	  border:0px;
	  box-shadow:none;
  }
  
  #mvidmodal .modal-title{
	   width:100%;
	   text-align:center;
	   font-family: 'Kozuka Gothic Pro EL', sans-serif;
	   font-size:2rem;
	   color:#292920;
  }
  
  #mvidmodal .modal-content{
	  background:transparent;
  }
  
  #mvidmodal button{
	  color:white;
	  padding-bottom:1rem;
	  font-size:1.5rem;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
  }
  
  #section2 {
	  height:100vh;
		background-color: #DADFCF;
	  position:relative;
	  text-align:center;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
  }
  #section3 {
	  height:100vh;
		background-color: rgba(218, 223, 207,0.3);
	  position:relative;
	  text-align:center;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
  }
  #section4 {
	  height:100vh;
		background-color: rgba(218, 223, 207,0.5);
	  position:relative;
	  text-align:center;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
  }
  
  #section5 {
	  height:100vh;
		background-color: rgba(218, 223, 207,0.8);
	  position:relative;
	  text-align:center;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
  }
  
  #section6 {
	  height:100vh;
		background-color: #DADFCF;
	  position:relative;
	  text-align:center;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
  }
  
  #section7 {
	  height:100vh;
		background-color: rgba(218, 223, 207,0.3);
	  position:relative;
	  text-align:center;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
  }
  
  #section8 {
	  height:100vh;
		/* background-color: rgba(218, 223, 207,0.8); */
	  position:relative;
	  text-align:center;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
  }
  #section1 {
	  /* height:80rem; */
		/* background-color: rgba(218, 223, 207,0.8); */
	  position:relative;
	  
  }
  .scrolldown{
	  position:sticky;
	  
	  /* left:30vw; */
	  /* padding:5rem 0; */
	  
  }
  
  video::-webkit-media-controls-fullscreen-button {
	  display: none;
  }
  .maskpgacc td{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  font-size:.8rem;
	  text-align:center;
	  vertical-align:middle;
  }
  .maskpgacc td a{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  font-size:.8rem;
	  color:#292920;
	  text-align:center;
	  vertical-align:middle;
  }
  .maskpgacc p{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  font-size:.8rem;
  }
  .tdmasklft li{
	  text-align:left;
  }
  .cdul a{
	  color:#000000;
  }
  .cdul a:hover{
	  color:#787665;
  }
  .bgcolormask{
	  /* background: rgba(228, 235, 217,0.9); */
	  background:#ffffff;
	  border-top:0;
	  border-right:0;
	  border-left:0;
	  border-bottom-color:#292920; 
	  border-bottom-style: solid;
	  border-bottom-width: 0.25px;
	  border-radius:0px;
	  box-shadow:0px;
  }
  .fontsmtd td{
	  font-size:.7rem;
	  width:20%;
  }
  
  .btn-urbania-primary {
	margin-top: .5rem;  
	background:transparent;
	color: #636151;
	border: 1px solid #636151;
	border-radius: 0;
  }

  .btn-urbania-primary:hover {
	background:transparent;
	color:#000000;
	border: 1px solid #000000;
	border-radius: 0;
  }

  .btn-urbania{
	font-size:.75rem;
	text-align:center;
	line-height:0.9rem;
	border-radius:0;
	background:#636151;
	color:rgba(255,255,255,0.5);
	text-transform: lowercase;
	font-family:inherit;
}

.btn-urbania:hover{
	background:#636151;
	color:rgb(255,255,255);
}

.btn-urbania-2d{
	font-size:.75rem;
	text-align:center;
	line-height:0.9rem;
	border: 0;
	outline: none;
	border-radius:0;
	border-color: white;
	box-shadow: none;
	background:transparent;
	color:#989581;
	text-transform: lowercase;
	font-family:inherit;
}

.btn-urbania-2d:hover{
	color: #636151;
}


  .alert-urbania{
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
	  font-size: .5rem;
	  letter-spacing:1px;
  }

.alert-success{
      color:#ffffff;
      background-color:#636151;
      border-color:#636151;
}

  .productmaskcontainer{
	  margin-top: 10rem;
  }

  .urbanialogindiv{
	  height: 100vh;
	  min-height: 10rem;
  }

  #urbanialogindiv h2{
	font-size: .9rem;
	letter-spacing: .222rem;
	line-height: .5rem;
	text-transform: uppercase;
  }

  #urbanialogindiv p{
	font-size: .7rem;
	letter-spacing: .05rem;
	line-height: 1.875rem;
	color: #989581;
  }

  #urbanialogindiv a{
	font-size: .7rem;
	letter-spacing: .05rem;
	line-height: 1.875rem;
	color:#292920;
  }

.control-label {
	font-size: .7rem;
	letter-spacing: .05rem;
	line-height: 0rem;
	text-transform: lowercase;
  }
  
 .form-control{
	border-radius: 0;
	outline:none;
  }

 .form-control:focus {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  appearance: none;
	  outline: 0;
	  box-shadow: none;
	  border-color: #ced4da;
	  background:transparent;
	  background-image: none;
  }
  
  #account-account{
	text-transform: lowercase;
  }

  #account-account h2{
	font-size: 1rem;
	text-align: center;
  }
/*
  #account-account div{
	border:1px solid;  
	border-color: #989581;
  }
*/  
  #account-account li{
	font-size: .8rem;
	text-align: center;
  }
  #account-account a{
	color: #989581;
  }

  #account-account a:hover{
	font-size: .8rem;
	color: #292920;
  }

/************************/

 #account-register{
	text-transform: lowercase;
  }

  #account-register h2{
	font-size: 1rem;
	text-align: center;
  }
  
  #account-register legend{
	font-size: .8rem;
	text-align: center;
  }
  
/*
  #account-register div{
	border:1px solid;  
	border-color: #989581;
  }
*/  
  #account-register li{
	font-size: .8rem;
	text-align: center;
  }
  #account-register a{
	color: #989581;
	
  }

  #account-register a:hover{
	color: #292920;
  }

/***********************/




  .headings
  {
	font-size: 1rem;
	letter-spacing: .18rem;
	text-transform: uppercase;
	padding:3rem 0 3rem 0;
	/* border:1px solid red; */
  }

  .text-danger{
	font-size: .7rem;
	letter-spacing: .05rem;
	line-height: .8rem;
	text-transform: lowercase;
  }

  .address-fa-icons .fa{
	font-size: 1.25rem;
	outline:none !important;
	box-shadow: none !important;
	border:0 !important;
	color: #989581;
	padding:1rem 1.5rem 0 0;
  }

  .address-fa-icons .fa:hover{
	color: #292920;
  }

  #account-address td{
	font-size: .9rem;
	line-height: 1.5rem;
  }

  .product-product{
	  margin-top:10rem;
	  border: 1px solid turquoise; 
	  padding:0 4rem 0 3rem;
  }
  .free-shipping{
	  font-size: .7rem;
	  line-height: 1rem;
	  text-align: center;
  }

  .pr6{
	  padding-right:6rem;
  }

  #input-sort {
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	margin-bottom:-20px;
	font-size: .6rem;
  }

  #input-sort  select {
	appearance: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: 0;
	font-size: .6rem;
  }

  #input-sort select option {
	display:inline-block;
	font-size:.6rem;
	line-height:.07em;
	font-family: 'Kozuka Gothic Pro EL', sans-serif;
  }
  
  #input-sort option {
	font-size:.6rem;
	line-height:.07em;
	font-family: 'Kozuka Gothic Pro EL', sans-serif;
  }

  .sortbylabel {
	font-size:.6rem;
 }

  .input-group .input-group-addon {
	font-size: .8rem;
	font-family: 'Kozuka Gothic Pro EL', sans-serif;
}

.greetings{
	font-size: .7rem;
	text-transform: capitalize;
	line-height: 1.5rem;
	margin-bottom: -2rem;
}

.greetings-sm{
	font-size: .6rem;
	text-transform: capitalize;
}

#aboutrightlgtext{
	display:block;
}

#aboutrightsmtext{
	display:none;
}

/*
#content h1 {
	font-size: 1.5rem;
}
#content h2 {
	font-size: 1.25rem;
}
#content h3 {
	font-size: 1rem;
}
#content h4 {
	font-size: .9rem;
}
#content h5 {
	font-size: .8rem;
}
#content h6 {
	font-size: .7rem;
}*/

#accordion{
	padding: 2% 0 2% 0;
}

#accordion .panel{
	border-bottom:.5rem solid white;
}

#accordion .panel-body {
	padding:2% 0 2% 1%;
	background: white;
	border:1px solid #dee2e6;
}

#accordion .panel-title {
	margin:0;
	padding: .5rem .7rem;
	display: block;
	color:rgba(255,255,255,0.8);
	font-size: .8rem;
	text-transform: lowercase;
	background: #636151;
} 
/*
#accordion .panel-title {
	margin:0;
	padding: .5rem .7rem;
	display: block;
	color:rgba(255,255,255,0.8);
	font-size: .8rem;
	text-transform: lowercase;
	background: #636151;
} 
*/
#accordion .panel-title:hover{
	background:  #989581;
}

#accordion .panel-title h4{
	margin:0;
	padding:0;
}

/*
#accordion .panel-default>.panel-heading a {
	display: block;
	padding: .5rem .7rem;
	color:rgba(255,255,255,0.8);
	font-size: .8rem;
	text-transform: lowercase;
	background: #636151;	
  }
*/
  #accordion .panel-default>.panel-heading a {
	display: block;
	color:rgba(255,255,255,0.8);
	font-size: .8rem;
	text-transform: lowercase;
  }


  #accordion .panel-default>.panel-heading a:hover {
	color:rgba(255,255,255);
  }

 #accordion .panel-default>.panel-heading a[aria-expanded="true"] {
	background-color: transparent;
 }

#accordionctgry{
	padding: 0;
}

/*
#accordionctgry .panel{
	border-bottom:.3rem solid white;
}
*/
#accordionctgry .panel-body {
	padding:2% 0 2% 1%;
	background: white;
	border:1px solid #dee2e6;
}

#accordionctgry .panel-title {
	margin:0;
	padding: .5rem .7rem;
	display: block;
	color:rgba(255,255,255,0.8);
	font-size: .8rem;
	text-transform: lowercase;
	background: #636151;
} 
#accordionctgry .panel-title a{
	color:rgba(255,255,255,0.8);
} 

#accordionctgry .panel-title a:hover {
	color:rgba(255,255,255);
}
/*
#accordion .panel-title {
	margin:0;
	padding: .5rem .7rem;
	display: block;
	color:rgba(255,255,255,0.8);
	font-size: .8rem;
	text-transform: lowercase;
	background: #636151;
} 
*/
#accordionctgry .panel-title:hover{
	background:  #989581;
}

#accordionctgry .panel-title h4{
	margin:0;
	padding:0;
}
/*
#accordion .panel-default>.panel-heading a {
	display: block;
	padding: .5rem .7rem;
	color:rgba(255,255,255,0.8);
	font-size: .8rem;
	text-transform: lowercase;
	background: #636151;	
  }
*/
  #accordionctgry .panel-default>.panel-heading a {
	display: block;
	color:rgba(255,255,255,0.8);
	font-size: .8rem;
	text-transform: lowercase;
  }

  #accordionctgry .panel-default>.panel-heading a:hover {
	color:rgba(255,255,255);
  }

 #accordionctgry .panel-default>.panel-heading a[aria-expanded="true"] {
	background-color: transparent;
 }
  
 /*#accordion .panel-default>.panel-title [aria-expanded="true"] {
	background: red;
	margin:0;
	padding:0;
 }*/
 
/*
  #collapse-checkout-option {
	border:5px solid turquoise;
  }
 */ 
.cookie-banner {
	position: fixed;
	bottom: 40px;
	left: 10%;
	right: 10%;
	width: 50%;
	padding: 5px 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: white;
	border:1px solid #292920;
	border-radius: 0px;

  }
  .close-cookie-banner {
	height: 20px;
	background-color: #777;
	border: none;
	color: white;
	border-radius: 2px;
	cursor: pointer;
  }
/********************* checkout - login - start ****************************************/
#checkoutlogin h2{
	font-size: 1.1rem;
	text-transform: lowercase;
	margin-bottom: 1rem;
}

#checkoutlogin p{
	font-size: .7rem;
	text-transform: lowercase;
}

#checkoutlogin label{
	font-size: .75rem;
	text-transform: lowercase;
}

#checkoutlogin a{
	font-size: .7rem;
	letter-spacing: .05rem;
	line-height: 1rem;
	color:#292920;
	text-transform: lowercase;
  }
 
  
#checkoutlogin a:hover{
	color: #000000;;
  }

#checkoutlogin .form-group{
	margin-bottom: .1rem;
  }

#checkoutlogin {
	font-size: .7rem;
	letter-spacing: .05rem;
	line-height: 1rem;
	color:#292920;
	text-transform: lowercase;
  }  

/********************* checkout - login - end ****************************************/

/********************* checkout - register - start ****************************************/
#checkoutregister fieldset{
	font-size: 1.1rem;
	text-transform: lowercase;
	margin-bottom: 1rem;
}

#checkoutregister p{
	font-size: .7rem;
	text-transform: lowercase;
}

#checkoutregister label{
	font-size: .75rem;
	text-transform: lowercase;
}

#checkoutregister a{
	font-size: .7rem;
	letter-spacing: .05rem;
	line-height: 1rem;
	color:#292920;
	text-transform: lowercase;
  }
 
  
#checkoutregister a:hover{
	color: #000000;;
  }

#checkoutregister .form-group{
	margin-bottom: .1rem;
  }

/********************* checkout - register - start ****************************************/

/********************* checkout - guest - start ****************************************/
#checkoutguest fieldset{
	font-size: 1.1rem;
	text-transform: lowercase;
	margin-bottom: 1rem;
}

#checkoutguest p{
	font-size: .7rem;
	text-transform: lowercase;
}

#checkoutguest label{
	font-size: .75rem;
	text-transform: lowercase;
}

#checkoutguest a{
	font-size: .7rem;
	letter-spacing: .05rem;
	line-height: 1rem;
	color:#292920;
	text-transform: lowercase;
  }
 
  
#checkoutguest a:hover{
	color: #000000;;
  }

#checkoutguest .form-group{
	margin-bottom: .1rem;
  }

/********************* checkout - guest - end ****************************************/

/********************* checkout - guest shipping - start ****************************************/
#checkoutguestshipping fieldset{
	font-size: 1.1rem;
	text-transform: lowercase;
	margin-bottom: 1rem;
}

#checkoutguestshipping p{
	font-size: .7rem;
	text-transform: lowercase;
}

#checkoutguestshipping label{
	font-size: .75rem;
	text-transform: lowercase;
}

#checkoutguestshipping a{
	font-size: .7rem;
	letter-spacing: .05rem;
	line-height: 1rem;
	color:#292920;
	text-transform: lowercase;
  }
 
  
#checkoutguestshipping a:hover{
	color: #000000;;
  }

#checkoutguestshipping .form-group{
	margin-bottom: .1rem;
  }

/********************* checkout - guest shipping - end ****************************************/

/********************* checkout - common - start ****************************************/

#checkoutcommon h2{
	font-size: 1.1rem;
	text-transform: lowercase;
	margin-bottom: 1rem;
}

#checkoutcommon fieldset{
	font-size: 1.1rem;
	text-transform: lowercase;
	margin-bottom: 1rem;
}

#checkoutcommon p{
	font-size: .75rem;
	text-transform: lowercase;
}

#checkoutcommon label{
	font-size: .75rem;
	text-transform: lowercase;
}

#checkoutcommon a{
	font-size: .7rem;
	letter-spacing: .05rem;
	line-height: 1rem;
	color:#292920;
	text-transform: lowercase;
  }
 
  
#checkoutcommon a:hover{
	color: #000000;;
  }

#checkoutcommon .form-group{
	margin-bottom: .1rem;
  }

/********************* checkout - common - start ****************************************/

/********************* checkout - table - start ****************************************/

#checkouttable table{
	font-size: .8rem;
}

#checkouttable td{
	font-size: .75rem;
	vertical-align: middle;
}
#checkouttable a{
	font-size: .75rem;
	color:#292920;
  }
 
  
#checkouttable a:hover{
	color: #000000;;
  }

/********************* checkout - table - start ****************************************/

.badge {
	background: #636151;
	color: white;
	font-size: .5rem ;
	border-radius: 0;
	padding: .25rem .25rem;
	box-shadow: none;
}

  #urbaniaModal{
	  background:rgba(0,0,0,0.8);
	  /* background:white; */
  }
  
  #urbaniaModal .modal-content{
	  border:0px;
	  box-shadow:none;
  }
  
  #urbaniaModal .modal-title{
	   width:100%;
	   text-align:center;
	   font-family: 'Kozuka Gothic Pro EL', sans-serif;
	   font-size:2rem;
	   color:#292920;
  }
  
  #urbaniaModal .modal-content{
	  background:transparent;
  }
  
  #urbaniaModal button{
	  color:white;
	  padding-bottom:1rem;
	  font-size:1.5rem;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
  }

  #urbaniaModal .modal-body{
	  background:transparent;
	  width:100%;
  }

/*-----------new addition-----------------*/

#urbaniaFFModal{
	  background:rgba(0,0,0,0.8);
	  /* background:white; */
  }
  
  #urbaniaFFModal .modal-content{
	  border:0px;
	  box-shadow:none;
  }
  
  #urbaniaFFModal .modal-title{
	   width:100%;
	   text-align:center;
	   font-family: 'Kozuka Gothic Pro EL', sans-serif;
	   font-size:2rem;
	   color:#292920;
  }
  
  #urbaniaFFModal .modal-content{
	  background:transparent;
  }
  
  #urbaniaFFModal button{
	  color:white;
	  padding-bottom:1rem;
	  font-size:1.5rem;
	  font-family: 'Kozuka Gothic Pro EL', sans-serif;
  }

  #urbaniaFFModal .modal-body{
	  background:transparent;
  }

/*------------------------------------------*/
#account-row h2{
    margin:0;
    padding:0;
}

/*------------------------------------------*/

    .maskselect {
		display:inline-block;
		outline:none;
		font-size: .6rem;
		width:90%;
	  }

	.maskselect  select {
		display:inline-block;
		outline: none !important;
		box-shadow: none !important;
		background-color: white !important;
		background-image: none !important;
		border-radius:0;
		width:100%;
	}
	.maskselect select:focus {
		outline: none !important;
		box-shadow: none !important;
		background-color: white !important;
		background-image: none !important;
		border:1px solid #eee;
		border-radius:0;
	}
	
	.maskselect select option {
		box-shadow: none !important;
		background-color: white !important;
		background-image: none !important;
	}

	.masktext input {
		outline: none !important;
		box-shadow: none !important;
		background-color: white !important;
		background-image: none !important;
		border-radius:0;
	}
	
	.masktext input:focus {
		outline: none !important;
		box-shadow: none !important;
		background-color: white !important;
		background-image: none !important;
		border-radius:0;
	}

    .ubfilterpanel {
        margin-top:0;
    }
    
    .ubfilterpanel .panel-title > a:before {
        float: right !important;
        font-family: FontAwesome;
        content:"\f068";
        padding-right: 5px;
        color:rgba(255,255,255,0.5);
    }
    .ubfilterpanel .panel-title > a.collapsed:before {
        float: right !important;
        content:"\f067";
        color:rgba(255,255,255,0.5);
    }
    .ubfilterpanel .panel-title > a:hover, 
    .ubfilterpanel .panel-title > a:active, 
    .ubfilterpanel .panel-title > a:focus  {
        text-decoration:none;
    }

/*******************************************************/
    .ubcategorypanel .panel-title > a:before {
        float: right !important;
        font-family: FontAwesome;
        content:"\f068";
        padding-right: 5px;
        color:rgba(255,255,255,0.5);
    }
    .ubcategorypanel .panel-title > a.collapsed:before {
        float: right !important;
        content:"\f067";
        color:rgba(255,255,255,0.5);
    }
    .ubcategorypanel .panel-title > a:hover, 
    .ubcategorypanel .panel-title > a:active, 
    .ubcategorypanel .panel-title > a:focus  {
        text-decoration:none;
    }


/*******************************************************/

    #categorylist{
        list-style-type:none;
    }
    #categorylist a{
        text-decoration:none;
        font-family:'Kozuka Gothic Pro EL', sans-serif;
        font-size:.8rem;
        text-transform:lowercase;
        color:#292920;
    }
    
    #categorylist a:hover{
         color:#000000;
    }     

    #refinelist a{
        font-family:'Kozuka Gothic Pro EL', sans-serif;
        font-size:.65rem;
        text-transform: uppercase;
        letter-spacing: .15rem;
        color:#292920;
    }
    
    #refinelist a:hover{
         color:#000000;
    } 
    
    .list-inline {
    list-style: none;
    padding: 0;
    }
    
    .list-inline > li {
        display: inline;
    }
    
    .list-separater > li:not(:last-child)::after {
    content: '|';
    padding:0 2%;
    }
/*------------------------------------------*/

	.top-auto{
		top:auto;
	}

	#main-nav-1 {
		border-bottom:.01rem solid #a7a59a;
		margin-left:-1%;
	}

	.ubul li{
		padding:0 2.1rem 0 1.3rem;
		line-height:4rem;
	}
	.ubul li a{
		color:#292920;
	}

	.ubul li a:hover{
		background:none;
		color:#000000
	}

	.ubuld li{
		padding:0 .5rem 0 0;
		line-height:4rem;
	}

	.ubuld li a{
		color:#292920;
	}

	.ubuld li a:hover{
		background:none;
		color:#000000
	}

	.navbar-toggler-icon{
		color:black;
	}

	#main-nav-1 .dropdown-menu{
		/* margin-top:-.9rem; */
		margin-top:-1.2rem;
		z-index:9;
		font-family: 'Kozuka Gothic Pro EL', sans-serif;
		color:#292920;
		font-size:.75rem;
		text-transform:lowercase;
		padding-top:1.2rem;
	}



	#main-nav-1 .dropdown-menu h3{
		font-size:1rem;
		text-transform:lowercase;
	}

	#main-nav-1 .dropdown-item {
		line-height:1.5rem;
		padding:0;
	}


    
	#urbania-md-nav .navbar-light .navbar-nav {
		color: #292920;
	}
	 
	#urbania-md-nav .navbar-light .navbar-nav .nav-link {
		color: #292920;
		border: 0;
	}
	 
	#urbania-md-nav .navbar-light .navbar-nav .nav-link:hover {
		color: #292920;
	}
	 
	#urbania-md-nav .navbar-light .navbar-nav .nav-link:focus {
		color: #000;
		outline: 0;
	}
	 
	#urbania-md-nav .navbar-light .navbar-toggler {
		border-color: #fff;
	}
	 
	#urbania-md-nav .navbar-light .navbar-toggler:focus {
		background: none;
		outline: 0;
	}
	 
	#urbania-md-nav .navbar-light .navbar-toggler span {
		display: block;
		width: 30px;
		height: 2px;
		margin: 6px auto;
		background: #636151;
		transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
	}
	 
	#urbania-md-nav .navbar-light .navbar-toggler:hover span,
	.navbar-light .navbar-toggler:focus span {
		background: #636151;
	}
	 
	/* rotate first span */
	#urbania-md-nav .navbar-light .navbar-toggler[aria-expanded="true"] span:first-of-type {
		transform: rotate(45deg) translate(6px, 6px);
	}
	 
	/* hide second span */
	#urbania-md-nav .navbar-light .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
		opacity: 0;
	}
	 
	/* rotate third span */
	#urbania-md-nav .navbar-light .navbar-toggler[aria-expanded="true"] span:last-of-type {
		transform: rotate(-45deg) translate(5px, -5px);
	}
	 
	#urbania-md-nav .navbar-light .navbar-toggler[aria-expanded="false"] span {
		transform: none;
		opacity: 1;
	}

	#termsofservice {
		padding: 0 10% 0 10%;
	}
	

	#privacypolicy {
		padding: 0 10% 0 10%;
	}
	

	#productcare {
		padding: 0 10% 0 10%;
	}
	
	#refundpolicy {
		padding: 0 10% 0 10%;
	}

	.tblproductcare{
		margin:0 auto;
		width:50%;
	}

	.relatedmask{
		margin-left:5rem; 
		margin-top:-.5rem;
	}

	.maskdescmrgn{
		margin-right:-5.5rem;
	}

	.maskdescdiv{
		margin-right:-7.15rem;
	}

	#maskproductimage{
		padding-top:1.1em;
		padding-left:2.8em;
		z-index:800;
	}

	#menmaindiv{
		display:none;
	}

	#shipmaindiv{
		display:none;
	}

	#newsmaindiv{
		display:none;
	}

	#aboutrightimg{
		margin-top:-18rem;
	}

	#aboutmobile{
		display:none;
	}

	#ubchildrenmainpage{
		display:block;
		padding:0 2rem;
	}
	
	/*
	#nestedhomeslider .swiper-container{
		width:100%;
		height:900px;
	}
	
	#nestedhomeslider .swiper-slide {
		text-align: center;
		
		background: #fff;
     */
		/* Center slide text vertically */
	/*	
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	  }
	*/
	
	#nestedhomeslider .swiper-container {
      width: 100%;
      height: 75vh; /* changed from 75vh by Puneet on 11/4 */
	  min-height:600px;
	  
    }

    #nestedhomeslider .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #800f0f;
      /*overflow:scroll;  /* added on 11/4 by Puneet*/
	  width: auto;
	  min-height: 200px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
  	  height: unset !important;
	  display: flex;
	  /*-ms-box-pack:center;
	  -moz-box-pack:center;*/
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      /*-ms-box-align:center;
      -moz-box-align:center;*/
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	#places div img {
		width: 100%;
	}
    #nestedhomeslider .swiper-container-v {
      background:  #FEFEFE ; 
	  /*border: 2px solid rgb(253, 18, 175);*/
	  overflow: hidden;
	}
	#nestedhomeslider .swiper-container-h {
		/*border: 2px solid rgb(34, 31, 235); */nestee
		width:65%; /* changed from 50% on 7/4 by Puneet*/
	   min-height:650px; /* changed from 50% on 7/4 by Puneet */
		/*padding-top: 10%;*/
		background: #ffffff;
		overflow: hidden; /* changed from hidden by Puneet on 11/4 */
		
	  }
    
	  #nestedhomeslider .swiper-container-h1 {
		/* border: 2px solid rgb(34, 31, 235); */
		width:1080px;
		min-Height:650px;
	
		/*height:auto;*/
			
		/*background: #ffffff;*/
		overflow:auto;
	  }
	  
	  @media screen and (max-width: 575.98px) {
	    .swiper-container-h1 {
	        max-width:960px;
		    max-Height:1440px;
		    /*height:auto;*/
		    aspect-ratio: 2/3;	
		    background: #ffffff;
		    object-fit:cover;
		    overflow:scroll;
	        }
	        #nestedhomeslider .swiper-slide {
                  text-align: center;
                  font-size: 18px;
                  background: #800f0f;
                  overflow:scroll;  /* added on 11/4 by Puneet*/
            	  max-width: 960px;
            	  max-height: 1440px;
            	  object-fit:cover;
                  /* Center slide text vertically */
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: -webkit-flex;
              	  /*height: unset !important;*/
            	  display: flex;
            	  -ms-box-pack:center;
            	  -moz-box-pack:center;
                  -webkit-box-pack: center;
                  -ms-flex-pack: center;
                  -webkit-justify-content: center;
                  justify-content: center;
                  -ms-box-align:center;
                  -moz-box-align:center;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  -webkit-align-items: center;
                  align-items: center;
                }
	  }
	  
	  #nestedhomeslider .swiper-container-h2 {
		/*border: 2px solid rgb(65, 235, 31); */
		max-width:75%;
		min-Height:168px; /*introduced by Sanjeev on 11/4*/
		height:auto;
		object-fit:cover;
		/*aspect-ratio: 3/2;	*/
		background: #ffffff;
		overflow:hidden; /* changed from hidden on 11/4 by Puneet */
	  }
    
/*	#nestedhomeslider .swiper-container-h {
		background: #ffffff;
        overflow: hidden;
	  }
*/
	#nestedhomeslider .swiper-bg {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	#nestedhomeslider .swiper-slide:nth-of-type(2n-1) {
        background: #FEFEFE;  
	
      }

	#nestedhomeslider .swiper-slide:nth-of-type(2n) {
        background:  #FEFEFE;  
	
            }

	.swiper-slide high{
        height: 200px;
      }

 
      .higher {
        height: 450px;
      }

	#nestedhomeslider .swiper-pagination-bullet {
		height:10px;
		width:10px;
		background:#f5fafa; /*#e2e8c5*/
		opacity:.7;
	}
	
	#nestedhomeslider .swiper-pagination-bullet-active{
		background:#d5f2f0; /* #e4f5f4*/
		opacity:1;
	}

	#nestedhomeslider .homepgslide_p{
		font-size:.9em; 
		line-height:2em;
	}
	
	#nestedhomeslider .homepgslide_all{
		color:#80431F; 
		font-size:1.75em; 
		letter-spacing:0.15em; 
		margin-top:-.3em;
		text-decoration:none;
	}
	
	.wrapper-right {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%; 
		min-height: 500px;
		background: #EAEFE1;  
	}
	
	 /***************************nav bar dropdown styles start*************************/
		#buydd{
			position: absolute;
			z-index: 2000;
			
		}
		.dropdown-toggle::after {
			display: inline-block;
			margin-left: .255em;
			vertical-align: .255em;
			content: "";
			border-top: .3em solid;
			border-right: .3em solid transparent;
			border-bottom: 0;
			border-left: .3em solid transparent;
			border-top: .3em solid transparent;
		}
		
		.dropdown-menu{
			background:#EAEFE1;
			border:1px solid #EAEFE1;
			color:white;
			box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
			transition: all 5s ease-in;
		}
		
		.urbnavtab{
			text-transform:lowercase;
			color:#292920;
			font-weight:300;
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			background:transparent;
		}
		
		.urbnavtab h4{
			font-size:1rem;
			line-height:2rem;
			border-bottom:1px solid #292920;
		}
		.urbnavtab a{
			font-size:.9rem;
		}
		
		.nav-pills-custom .nav-link {
			color: #fff;
			background:#636151;
			position: relative;
			border-radius:0;
		}

		.nav-pills-custom .nav-link.active {
			color: #292920;
			background: #fff;
		}
		
		.dropdown .container{
			background:transparent;
		}
		
		.relatedproducts {
    		background: #EAEFE1;
	    }
	    
		
		
		#urbaniacaptcha legend {
		    font-size: .9rem;
		}
		
		#urbaniacaptcha .control-label {
		    font-size: .7rem;
		}

		/* Add indicator arrow for the active tab */
		@media (min-width: 992px) {
			.nav-pills-custom .nav-link::before {
				content: '';
				display: block;
				border-top: 8px solid transparent;
				border-left: 10px solid #fff;
				border-bottom: 8px solid transparent;
				position: absolute;
				top: 50%;
				right: -10px;
				transform: translateY(-50%);
				opacity: 0;
			}
		}

		.nav-pills-custom .nav-link.active::before {
			opacity: 1;
		}
		
		.dropdown-menu {
		  display: none;
		  border-radius:0;
		}

		#urbania-main-menu .dropdown:hover .dropdown-menu {
		  display: block;
		}
		


			
	  
	  /***************************nav bar dropdown styles end*************************/
	
	/*
	@media (max-width: 767px) {

		#urbania-md-nav .navbar-nav .nav-link { padding-top: 0.3rem; padding-bottom: 0.3rem; }
	 
	}

	/
    @media (max-width: 1024px) {
        .fixed-top {
	        width:100%;
	    }
    }	    
	*/
		/*
	.col-md-12 {
		background: blue;
	}

	.col-sm-12 {
		background: yellow;
	}
	*/

	#ubcollectionsm .lightboxdiv .gallery a img {
		padding: 0 5% 5% 1%;
	}

	#ubcollection2k18sm .lightboxdiv .gallery a img {
		padding: 0 1% 5% 5%;
	}

	.ubcheckoutsm{
		padding:0 10% 0 10%;
	}
	
	.ubborder {
		border: 3px solid white;
	}

    .visitcounter{
		padding-top:0.3rem;
		padding-bottom:0.3rem;
		padding-left:1rem;
		padding-right:1rem;
		font-size:.7rem;
		text-align:center;
		line-height:0.8rem;
		border-radius:0;
		background:#636151;
		color:rgb(255,255,255);
		text-transform: lowercase;
		font-family:inherit;
	}
	
	#revw .card-body {
	    padding: 1rem 0 1rem 0;
	}
	
	#tab-review h2{
	    font-size:1.1rem;
	    padding-bottom: 1rem;
	}

    #prodreviewcaptcha legend{
	font-size: 1rem;
  }
    
	/* Extra small devices (portrait phones, less than 576px) */
	@media (max-width: 575.98px) {  
		.fixed-top {
	        width:100%;
	    }
	/*********homepage**********/
		.homepgdiv{
			margin-top:16%;
			padding-bottom:9%;
		}
		.wrapper-right {
		margin-top:20px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%; 
		min-height: 500px;
		background: #EAEFE1;  
	}
  
		.homerightdiv{
			padding-left:0;
		}
		.urbnp_small{
			padding:0 1rem;
		}
		
		#urbnftr_th{
			padding-left:0;
		}
	/*********maskpage**********/
		.maskpgdiv{
			margin-top:5.00rem;
			padding:2rem 0;
		}
		
		#urbnmask_ltdiv{
			padding:2rem 0 0 0;
		}

		#mask_large{
			padding:2rem 0;
			display:none;
		}

		#mask_small{
			padding:2rem 0 3rem 0;
		}
/*********formfitted Page**********/
		.ubformfit{
			padding:.6rem 0 0 0 ;
			width:65vw;
		}

		.ubformffitbox{
			width:12rem;
			height:30rem;
		}

		#ubformittext{
			margin-left:-2rem;
			margin-right:-2rem; 
		}
		/*********Therapeutic dyes Page**********/
		.ubthdgcs{
			padding:1.2rem 0 0 0 ;
			width:65vw;
		}

		#ubtheraptext{
			margin-left:-2rem;
			margin-right:-2rem;
		}

		#ubtherapsm{
			display:none;
		}
		
/*********Size chart**********/
		.ubsizecrtmaindiv{
			padding:0;
		}

		.ubsizezcrt {
			margin-bottom: 0 ;
		}

		#termsofservice {
			padding: 0;
		}
		
		#termsofservice ul{
			padding: 0;
		}

		#privacypolicy {
			padding: 0;
		}
		
		#privacypolicy ul{
			padding: 0;
		}

		#productcare {
			padding: 0;
		}
		
		#productcare ul{
			padding: 0;
		}

		#refundpolicy {
			padding: 0;
		}
		
		#refundpolicy ul{
			padding: 0;
		}

		.tblproductcare{
			width:90%;
		}
	
		.product-product{
			padding:0 1rem 0 1rem;
		}

		.relatedmask{
			margin-left:0; 
			margin-top:1rem;
			padding:0;
		}
		.relatedmaskrow{
			margin-top:1rem;
		}

		.ubcntctborder {
			border-right:none;
		}

		.ubcnctdiv{
			padding:0;
			margin-bottom:1rem;
		}

		.contactdivmarginsm{
			margin:0 1rem;
		}

		.maskdescmrgn{
			margin-right:0;
		}

		.maskdescdiv{
			margin-right:0;
		}
		
		#maskproductimage{
			padding-top:1.1em;
			padding-left:0;
		}

		.menrow{
			background: #E4EBD9;
			padding:1rem 1rem 5rem 1rem;
		}
		#menmaindiv{
			display:block;
			margin-top:10.15rem;
		}

		#shipmaindiv{
			display:block;
			margin-top:10.15rem;
		}

		#newsmaindiv{
			display:block;
			margin-top:10.15rem;
		}


		#ubmenmainpage{
			display:none;
		}

		#menmaindiv h1 {
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			text-transform:uppercase;
			font-size:1rem;
			letter-spacing:.18rem;
			padding:.1rem 0 1rem 0;
		}
		#menmaindiv p {
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			font-size:0.9rem;
			line-height:1.5rem;
			padding:.0 0 1rem 0;
		}

		#shipmaindiv h1 {
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			text-transform:uppercase;
			font-size:1rem;
			letter-spacing:.18rem;
			padding:.1rem 0 1rem 0;
		}
		#shipmaindiv p {
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			font-size:0.9rem;
			line-height:1.5rem;
			padding:.0 0 1rem 0;
		}

		#newsmaindiv h1 {
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			text-transform:uppercase;
			font-size:1rem;
			letter-spacing:.18rem;
			padding:.1rem 0 1rem 0;
		}
		#newsmaindiv p {
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			font-size:0.9rem;
			line-height:1.5rem;
			padding:.0 0 1rem 0;
		}

		#menbordereddiv{
			border:2px solid #A6AB92;/* #DADFCF; */
			border-radius: 15pt;
			height:20rem;
			padding-top:8rem;
		}

		#shipbordereddiv{
			border:2px solid #A6AB92;/* #DADFCF; */
			border-radius: 15pt;
		}

		#newsbordereddiv{
			border:2px solid #A6AB92;/* #DADFCF; */
			border-radius: 15pt;
			height:20rem;
			padding-top:8rem;
		}

		.childrenrow{
			background: transparent;
			padding:1rem 1rem 1rem 1rem;
		}

		#childrenmaindiv{
			display:block;
			margin-top:10.15rem;
		}

		#childrenmaindiv h1{
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			text-transform:uppercase;
			font-size:1rem;
			letter-spacing:.18rem;
			padding:.1rem 0 1rem 0;
			color:white;
		}

		#childrenmaindiv p{
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			text-transform:uppercase;
			font-size:1rem;
			letter-spacing:.18rem;
			padding:.1rem 0 1rem 0;
			color:white;
		}
		
		#childrenbordereddiv{
			border:2px solid white;/* #DADFCF; */
			border-radius: 15pt;
			height:20rem;
			padding-top:6rem;
		}
		
		#ubchildrenmainpage{
			display:none;
		}

		#shipmainpagediv{
			display:none;
		}

		#newsmainpagediv{
			display:none;
		}

		#aboutmobile{
			display:block;
		}
		#aboutus {
			display:none;
		}

		.uborgc{
			width:18rem;
			height:41rem;
			background:#EAEFE1;
			/* z-index:1; */
			position:absolute;
			top:14.5rem;
			left:33%;
		}

		.ubavail{
			width:25.5rem;
			height:22.5rem;
			background:#EAEFE1;
			/* z-index:1; */
			position:absolute;
			top:16.5rem;
			left:0rem;
		
		}

		/***************Collection***************/
		#ubcollectionlg{
			display: none;
		}
		/***************checkout***************/
		.ubcheckoutsm{
			padding:0;
		}
		
		.shopproductcard .saleoverlay{
			  position:absolute;
			  background:rgba(255,255,255,.6);
			  top:64.5%;
			  right:1rem;
			  height:1.2rem;
			  padding:0 1rem;
		  }
		
	    #nestedhomeslider .homepgslide_p{
			font-size:.8em; 
			line-height:2em;
		}
		
		
	}
	
	/* Small devices (landscape phones, 576px and up) */
	@media (min-width: 576px) and (max-width: 767.98px) {  
		.fixed-top {
	        width:100%;
		}
	    .wrapper-right {
    		margin-top:20px;
    		display: flex;
    		flex-direction: column;
    		justify-content: space-between;
    		height: 100%; 
    		min-height: 500px;
    		background: #EAEFE1;  
    	}
    	
		#urbania-md-nav .navbar-nav .nav-link { padding-top: 0.3rem; padding-bottom: 0.3rem; }
		.homepgdiv{
			margin-top:15%;
			padding-bottom:9%;
		}
  
		.homerightdiv{
			padding-left:0;
		}
		
		#urbnftr_th{
			padding-left:0;
		}

		#urbnmask_ltdiv{
			padding:2rem 0 0 0;
		}
		
		.maskpgdiv{
			margin-top:5.00rem;
			padding:2rem 0;
		}

		#mask_large{
			padding:2rem 0;
			display:none;
		}

		#mask_small{
			padding:2rem 0 3rem 0;
		}
		
		.ubformfit{
			padding:.6rem 0 0 0 ;
			width:65vw;
		}

		.ubformffitbox{
			width:12rem;
			height:30rem;
		}

		#ubformittext{
			margin-left:-5rem;
			margin-right:-5rem; 
		}

		/*********Therapeutic dyes Page**********/
		.ubthdgcs{
			padding:1.2rem 0 0 0 ;
			width:65vw;
		}

		#ubtheraptext{
			margin-left:-5rem;
			margin-right:-5rem;
		}

		#ubtherapsm{
			display:none;
		}
		/*********Size chart**********/
		.ubsizecrtmaindiv{
			padding:0;
		}

		.ubsizezcrt {
			margin-bottom: 0 ;
		}

		#termsofservice {
			padding: 0;
		}
		
		#termsofservice ul{
			padding: 0;
		}

		#privacypolicy {
			padding: 0;
		}
		
		#privacypolicy ul{
			padding: 0;
		}

		#productcare {
			padding: 0;
		}
		
		#productcare ul{
			padding: 0;
		}

		#refundpolicy {
			padding: 0;
		}
		
		#refundpolicy ul{
			padding: 0;
		}

		.tblproductcare{
			width:90%;
		}

		.ubcntctborder {
			border-right:none;
		}

		.ubcnctdiv{
			padding:0;
			margin-bottom:1rem;
		}

		.contactdivmarginsm{
			margin:0 1rem;
		}
		/*********buy**********/
		.maskdescmrgn{
			margin-right:0;
		}

		.maskdescdiv{
			margin-right:0;
		}
		
		#maskproductimage{
			padding-top:1.1em;
			padding-left:0;
		}

		.product-product{
			margin-top:10rem;
		  /*  border: 1px solid turquoise; */
			padding:0 1rem 0 0;
		}

		.relatedmask{
			margin-left:0; 
			margin-top:1rem;
			padding:0;
		}
		.relatedmaskrow{
			margin-top:1rem;
		}

		.menrow{
			background: #E4EBD9;
			padding:1rem 1rem 5rem 1rem;
		}
		#menmaindiv{
			display:block;
			margin-top:10.15rem;
		}

		#shipmaindiv{
			display:block;
			margin-top:10.15rem;
		}

		#newsmaindiv{
			display:block;
			margin-top:10.15rem;
		}

		#ubmenmainpage{
			display:none;
		}
		#menmaindiv h1 {
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			text-transform:uppercase;
			font-size:1rem;
			letter-spacing:.18rem;
			padding:.1rem 0 1rem 0;
		}
		#menmaindiv p {
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			font-size:0.9rem;
			line-height:1.5rem;
			padding:.0 0 1rem 0;
		}

		#shipmaindiv h1 {
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			text-transform:uppercase;
			font-size:1rem;
			letter-spacing:.18rem;
			padding:.1rem 0 1rem 0;
		}
		#shipmaindiv p {
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			font-size:0.9rem;
			line-height:1.5rem;
			padding:.0 0 1rem 0;
		}

		#newsmaindiv h1 {
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			text-transform:uppercase;
			font-size:1rem;
			letter-spacing:.18rem;
			padding:.1rem 0 1rem 0;
		}
		#newsmaindiv p {
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			font-size:0.9rem;
			line-height:1.5rem;
			padding:.0 0 1rem 0;
		}

		#menbordereddiv{
			border:2px solid #A6AB92;/* #DADFCF; */
			border-radius: 15pt;
			height:20rem;
			padding-top:8rem;
		}

		#shipbordereddiv{
			border:2px solid #A6AB92;/* #DADFCF; */
			border-radius: 15pt;
			height:20rem;
		}


		#newsbordereddiv{
			border:2px solid #A6AB92;/* #DADFCF; */
			border-radius: 15pt;
			height:20rem;
			padding-top:8rem;
		}

		.childrenrow{
			background: transparent;
			padding:1rem 1rem 1rem 1rem;
		}

		#childrenmaindiv{
			display:block;
			margin-top:10.15rem;
		}

		#childrenmaindiv h1{
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			text-transform:uppercase;
			font-size:1rem;
			letter-spacing:.18rem;
			padding:.1rem 0 1rem 0;
			color:white;
		}

		#childrenmaindiv p{
			font-family: 'Kozuka Gothic Pro EL', sans-serif;
			text-transform:uppercase;
			font-size:1rem;
			letter-spacing:.18rem;
			padding:.1rem 0 1rem 0;
			color:white;
		}
		
		#childrenbordereddiv{
			border:2px solid white;/* #DADFCF; */
			border-radius: 15pt;
			height:20rem;
			padding-top:6rem;
		}
		
		#ubchildrenmainpage{
			display:none;
		}

		#shipmainpagediv{
			display:none;
		}

		#newsmainpagediv{
			display:none;
		}

		#aboutmobile{
			display:block;
		}
		#aboutus {
			display:none;
		}
		.uborgc{
			width:23rem;
			height:41rem;
			background:#EAEFE1;
			/* z-index:1; */
			position:absolute;
			top:14.5rem;
			left:35%;
		}

		.ubavail{
			width:29.7rem;
			height:23.5rem;
			background:#EAEFE1;
			position:absolute;
			top:16.5rem;
			left:4rem;
			/* z-index:1; */
		}

		/***************Collection***************/
		#ubcollectionlg{
			display: none;
		}

		/***************checkout***************/
		.ubcheckoutsm{
			padding:0;
		}
		
		.shopproductcard .saleoverlay{
			  position:absolute;
			  background:rgba(255,255,255,.6);
			  top:70%;
			  right:1rem;
			  height:1.2rem;
			  padding:0 1rem;
		  }

	}
	
	
	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 768px) and (max-width: 991.98px) {  
		.fixed-top {
	        width:90%;
	    }
		
		.container {
			width: 100%;
		}

		.homerightdiv{
			padding-left:0;
		}
		
		.maskpgdiv{
			margin-top:5.00rem;
			padding:2rem 0;
		}
		
		#urbnmask_ltdiv{
			padding:0 0rem 0 5rem;
		}

		#mask_large{
			padding:2rem 0;
			display:none;
		}
		#mask_small{
			padding:2rem 0 3rem 0;
		}

		.ubformfit{
			padding:.6rem 0 0 0 ;
			width:50vw;
		}

		.ubformffitbox{
			width:15rem;
			height:26rem;
		}

		#ubformittext{
			margin-left:-12rem;
			margin-right:-12rem; 
		}
		/*********Therapeutic dyes Page**********/
		.ubthdgcs{
			padding:1.2rem 0 0 0 ;
			width:65vw;
		}

		#ubtheraptext{
			margin-left:-12rem;
			margin-right:-12rem;
		}

		#ubtheraplg{
			display:none;
		}

		/*********Size chart**********/
		.ubsizecrtmaindiv{
			padding:0;
		}

		.ubsizezcrt {
			margin-bottom: 0 ;
		}

		#termsofservice {
			padding: 0;
		}
		
		#termsofservice ul{
			padding: 0;
		}

		#privacypolicy {
			padding: 0;
		}
		
		#privacypolicy ul{
			padding: 0;
		}

		#productcare {
			padding: 0;
		}
		
		#productcare ul{
			padding: 0;
		}

		#refundpolicy {
			padding: 0;
		}
		
		#refundpolicy ul{
			padding: 0;
		}

		.tblproductcare{
			width:90%;
		}
		
		.ubcntctborder {
			border-right:none;
		}

		.ubcnctdiv{
			padding:0;
			margin-bottom:1rem;
		}

		.contactdivmarginsm{
			margin:0 1rem;
		}
/*********buy**********/
		.product-product{
			margin-top:10rem;
		   border: 1px solid turquoise;
			padding:0 1rem 0 1rem;
		}
		
		/*********buy**********/
		.maskdescmrgn{
			margin-right:0;
		}

		.maskdescdiv{
			margin-right:0;
		}
		
		#maskproductimage{
			padding-top:1.1em;
			padding-left:0;
		}

		.relatedmask{
			margin-left:1rem; 
			margin-top:-.5rem;
			padding:0;
		}
/************About Page ***********************/
		#aboutrightimg{
			margin-top:0;
		}

		#aboutrightlgtext{
			display:none;
		}

		#aboutrightsmtext{
			display:block;
		}

		.ubabtbox2{
			width:25rem;
			height:43.3rem;
			background:#EAEFE1;
			 z-index:-2;
			position:absolute;
			top:9.3rem;
			left:20.5rem;
			overflow:hidden;
		}

		#aboutmobile{
			display:block;
		}
		#aboutus {
			display:none;
		}

		#childrenmaindiv{
			display:none;
		}
		/***************Collection***************/
		#ubcollectionlg{
			display: none;
		}

		/***************checkout***************/
		.ubcheckoutsm{
			padding:0;
		}
		
	}
	
	/* Large devices (desktops, 992px and up) */
	@media (min-width: 992px) and (max-width: 1199.98px) {

		.container {
			width: 100%;
		}

		#urbnftr_th{
			padding-left:15%;
		}
		
		#urbnftr_td{
			padding-left:4%;
		}
		#urbnmask_ltdiv{
			padding:0 0rem 0 5rem;
		}

		#mask_small{
			display:none;
		}

		#mask_large{
			padding:2rem 1rem 2rem 10rem;
		}

		#ubtherapsm{
			display:none;
		}

		#childrenmaindiv{
			display:none;
		}

		/***************Collection***************/
		#ubcollectionsm{
			display: none;
		}

		#ubcollection2k18sm{
			display: none;
		}

		.ubcheckoutsm{
			padding:0 10% 0 10%;
		}

	}
	
	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {
		#urbnftr_th{
			padding-left:15%;
		}
		
		#urbnftr_td{
			padding-left:4%;
		}
		
		#urbnmask_ltdiv{
			padding:0 0rem 0 5rem;
		}

		#mask_small{
			display:none;
		}

		#mask_large{
			padding:2rem 1rem 2rem 10rem;
		}

		#ubtherapsm{
			display:none;
		}

		#newsmaindiv{
			display:none;
		}

		#childrenmaindiv{
			display:none;
		}
		/***************Collection***************/
		#ubcollectionsm{
			display: none;
		}

		#ubcollection2k18sm{
			display: none;
		}

		.ubcheckoutsm{
			padding:0 10% 0 10%;
		}


		
	}






/*******************filtermenu test**********************************/	

body.offcanvas-active{
	overflow:hidden;
}

.offcanvas-header{ display:none; }

.screen-overlay {
  width:0%;
  height: 100%;
  z-index: 30;
  position: fixed;
  top: 0;
  left: 0;
  opacity:0;
  visibility:hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition:opacity .2s linear, visibility .1s, width 1s ease-in;
   }
.screen-overlay.show {
    transition:opacity .5s ease, width 0s;
    opacity:1;
    width:100%;
    visibility:visible;
}
#navbar_main a{
	color:#636151;
}
@media all and (max-width:992px) { 
	
	.offcanvas-header{ display:block; }

	.mobile-offcanvas{
		visibility: hidden;
		transform:translateX(-100%);
	    border-radius:0; 
		display:block;
	    position: fixed;
	    top: 0; left:0;
	    height: 100%;
	    z-index: 1200;
	    width:80%;
	    overflow-y: scroll;
	    overflow-x: hidden;
	    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
	}

	.mobile-offcanvas.show{
		visibility: visible;
		transform: translateX(0);
		background:#EAEFE1;
		
	}
}