.banner-wrap {
     width: 100%;
	 display: flex;
     padding: 0;
     position: relative;
     overflow: hidden;
     /*border-radius: 20px;*/
	 background-color:var(--royal-black);
}
 .bgslide {
     width: 100%;
     height: 100vh;
	 display:flex;
     position: relative;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
	 background-color:var(--royal-black);
	  
}
 /*.banner:after {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     bottom: 0;
     content: '';
     z-index: 2;
     
     Standard syntax (must be last)  
}*/
 
 .slide1 {
     background-image: url(../images/homeslider/1.jpg) 
}
 .slide2 {
     background-image: url(../images/homeslider/2.jpg) 
}
 .slide3 {
     background-image: url(../images/homeslider/3.jpg) 
}
  

/*************/
 .perfume-bottle {
     position: absolute;
     top: 0;
     right: 0;
     width: 50%;
     height: 100%;
	 display: flex;
     flex-wrap: wrap;
	 justify-content: center;
	 align-items: center;
 

}
 .perfume-bottle img {
     width: 75%;
	 display:block;
}
/***********/

 .carousel-caption {
     position: absolute;
     left: 0;
     top: 0;
     width: 50%;
     height: 100%;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     text-align: center;
     z-index: 3;
     padding: 0 100px;
     color: var(--white);
	 font-family:var(--heading-font);
	 text-transform:uppercase;
	 
}
 
 .carousel-caption h2 {
     font-weight: normal;
     margin: 10px 0;
     padding: 0;
     font-size: 50px;
     line-height: 60px;
     font-weight: normal;
     font-weight:var(--font-weight-bold);
}
 .carousel-caption h3 {
     font-size: 20px;
     font-weight: normal;
     line-height: normal;
     margin: 10px 0;
}
 .animset {
     animation-duration: 1s;
     animation-delay: 1s 
}
 .animset2 {
     animation-duration: 2s;
     animation-delay: 2s 
}
 .animset3 {
     animation-duration: 2.5s;
     animation-delay: 2.5s 
}
 .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
     display: block;
     max-width: 100%;
     height: auto 
}
 .carousel {
     position: relative;
     width: 100%;
     float: left 
}
 .carousel-inner {
     position: relative;
     width: 100%;
     overflow: hidden 
}
 .carousel-inner>.item {
     position: relative;
     display: none;
     -webkit-transition: .6s ease-in-out left;
     -o-transition: .6s ease-in-out left;
     transition: .6s ease-in-out left 
}
 .carousel-inner>.item>a>img, .carousel-inner>.item>img {
     line-height: 1 
}
 @media all and (transform-3d), (-webkit-transform-3d) {
     .carousel-inner>.item {
         backface-visibility: visible;
         perspective: 1000px;
         transition: opacity .7s ease-in-out 0s;
         background-color: #fff 
    }
     .carousel-inner>.item.active.right, .carousel-inner>.item.next {
         left: 0;
         -webkit-transition: opacity .7s ease-in-out;
         -moz-transition: opacity .7s ease-in-out;
         -ms-transition: opacity .7s ease-in-out;
         -o-transition: opacity .7s ease-in-out;
         transition: opacity .7s ease-in-out;
         opacity: 0 
    }
     .carousel-inner>.item.active.left, .carousel-inner>.item.prev {
         left: 0;
         -webkit-transition: opacity .7s ease-in-out;
         -moz-transition: opacity .7s ease-in-out;
         -ms-transition: opacity .7s ease-in-out;
         -o-transition: opacity .7s ease-in-out;
         transition: opacity .7s ease-in-out;
         opacity: 0 
    }
     .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
         left: 0;
         opacity: 1 
    }
     .carousel-inner .item .zoom-img {
         transform: scale(1.2);
         transition: all 4s ease 0s 
    }
     .carousel-inner .item.active .zoom-img {
         transform: scale(1) 
    }
     @media all and (transform-3d), (-webkit-transform-3d) {
         .carousel-inner>.item {
             -webkit-transition: -webkit-transform .6s ease-in-out 
        }
         .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
             display: block 
        }
         .carousel-inner>.active {
             left: 0 
        }
         .carousel-inner>.next, .carousel-inner>.prev {
             position: absolute;
             top: 0;
             width: 100% 
        }
         .carousel-control {
             position: absolute;
             bottom: -7px;
             left: 0;
             width: auto;
             z-index: 1;
        }
         .carousel-control.left {
             left: 0;
        }
         .carousel-control.right {
             left: 80px;
        }
         .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
             position: absolute;
             bottom: 0;
             left: 0;
             z-index: 1;
             display: inline-block;
            /*background-color:rgba(0,0,0,0.2);
            */
             background-repeat: no-repeat;
             background-position: center center !important;
             width: 80px !important;
             height: 80px !important;
             background-size: 70% !important;
             position: relative;
             -webkit-transition: all .3s ease-in-out;
             -moz-transition: all .3s ease-in-out;
             transition: all .3s ease-in-out 
        }
         .carousel-control .glyphicon-chevron-left {
             left: 0;
             background-image: url(../images/icons/prev.png);
        }
         .carousel-control .glyphicon-chevron-right {
             left: 0;
             background-image: url(../images/icons/next.png);
        }
         .carousel-control .glyphicon-chevron-left:hover, .carousel-control .glyphicon-chevron-right:hover {
             background-size: 50% !important;
             background-color: var(--primary-color);
        }
         .carousel-indicators {
             position: absolute;
             bottom: 20px;
             left: 0;
             z-index: 1;
             width: 100%;
             list-style: none;
             text-align: right;
             padding: 0 50px;
        }
         .carousel-indicators li {
             display: inline-block;
             width:10px;
             height: 10px;
             margin: 5px;
             text-indent: -999px;
             cursor: pointer;
             background-color: #fff;
             border-radius: 10px 
        }
         .carousel-indicators .active {
             width: 10px;
             height:10px;
             margin: 5px;
             background-color: var(--primary-color);
        }
		
		
         @media screen and (max-width:640px) {
             .bgslide:after, .banner:after {
                 display: none;
            }
             .banner-wrap:before {
                 height: 250px 
            }
             .banner-wrap {
                 
            }
             .bgslide {
                 height: 40vh; 
            }
             .bgslide .child {
                 vertical-align: bottom;
            }
             .carousel-caption {
                 padding: 0 0 0 20px;
                 width: 50%;
                  
            }
             .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
                 width: 40px !important;
                 height: 40px !important;
                 margin-top: -20px;
                 font-size: 30px;
            }
             .carousel-control.right {
                 left: 40px;
            }
             .carousel-caption h2 {
                 font-size: 18px;
                 line-height: 20px;
                 margin: 0 0 10px 0 
            }
             .carousel-caption h3 {
                 font-size: 14px 
            }
			
			.carousel-indicators {
             
             text-align: center;
             padding: 0 50px;
			 bottom:0;
        }
             .carousel-indicators li {
                 width: 10px;
                 height: 10px;
                 
            }
             .carousel-indicators .active {
                 width: 10px;
                 height: 10px;
            }
			
        }