/*Carousel fade effect style*/
.carousel-fade .carousel-inner .item {
            -webkit-transition-property: opacity;
            transition-property: opacity;
        }
.carousel-fade .item,
.carousel-fade .active.left,
.carousel-fade .active.right {
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }

.carousel-fade .active,
.carousel-fade .next.left,
.carousel-fade .prev.right {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }

.carousel-fade .next,
.carousel-fade .prev,
.carousel-fade .active.left,
.carousel-fade .active.right {
            left: 0;
            -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
        }
.carousel-fade .carousel-control {
        z-index: 100;
    }




/*--------------------------------
[ Awesome carousel style  ]
-----------------------------------*/

img.bg-img {
  background-position: center center;
  background-size: cover;
  min-height: 600px;
  width: 100%;
}

.overlay {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.item {
    position: relative;
}
.posi-abs{ 
    position:absolute;
    z-index: -1;
}
.item .carousel-caption {
  text-align: center;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
/*slider style start*/

.carousel-inner .item .carousel-caption{ 
    display:none;
}
.carousel-inner .item.active .carousel-caption{ 
    display:block
}
/*slider one style*/
.left-text {
  margin-left: 20%;
  text-align: left;
}
.right-text {
  margin-right: 20%;
  text-align: right;
}
.slide-text2 {
  left: 35%;
  position: absolute;
  top: 35%;
}
h1.mnf {
  color: #ec971f;
}
.cap-text {
  margin-top: 5%;
}
.women1 {
  bottom: 0;
  right: 10%;
}
.women2 {
    bottom: 0;
    left: 50%;
}

.women3 {
    bottom: 0;
    left: 0;
}
.women3 img {
    width: 80%;
}
.carousel-inner .item.active .carousel-caption .women3 {
    -webkit-animation: bounceInDown 1000ms ease-in-out;
    animation: bounceInDown 1000ms ease-in-out;
}
.carousel-inner .item.active .carousel-caption .women1 {
    -webkit-animation: bounceInDown 2000ms ease-in-out;
    animation: bounceInDown 2000ms ease-in-out;
}
.carousel-inner .item.active .carousel-caption .women2 {
    -webkit-animation: bounceInLeft 3000ms ease-in-out;
    animation: bounceInLeft 3000ms ease-in-out;
}
/*Slider 2nd*/
.dress5 {
    right: 3%;
    bottom: 0;
}
.dress4 {
    right:18%;
    bottom: 0;
}
.dress3 {
    left: 30%;
    bottom: 0;
}
.dress2 {
    left: 14%;
    bottom: 0;
}
.dress1 {
    bottom: 0;
    left: 2%;
}
.item2 img {
    width: 80%;
}

.carousel-inner .item.active .carousel-caption .dress3 {
    -webkit-animation: fadeInLeftBig 500ms ease-in-out;
    animation: fadeInLeftBig 500ms ease-in-out;
}
.carousel-inner .item.active .carousel-caption .dress2 {
    -webkit-animation: fadeInLeftBig 1000ms ease-in-out;
    animation: fadeInLeftBig 1000ms ease-in-out;
}
.carousel-inner .item.active .carousel-caption .dress1 {
    -webkit-animation: fadeInLeftBig 2000ms ease-in-out;
    animation: fadeInLeftBig 1500ms ease-in-out;
}
.carousel-inner .item.active .carousel-caption .dress4 {
    -webkit-animation: fadeInRightBig 3500ms ease-in-out;
    animation: fadeInRightBig 3500ms ease-in-out;
}
.carousel-inner .item.active .carousel-caption .dress5 {
    -webkit-animation: fadeInRightBig 2500ms ease-in-out;
    animation: fadeInRightBig 2500ms ease-in-out;
}

.carousel-inner .item.active .carousel-caption .mf2 {
  -webkit-animation: 3000ms ease-in-out 0s normal none 1 running bounceInDown;
  animation: 3000ms ease-in-out 0s normal none 1 running bounceInDown;
  text-transform: uppercase;
}

/*Slider 3rd*/

.pic4 {
    bottom: 2%;
    right: 0;
}
.pic4 img {
    width: 55%;
}
.pic3 {
    right: 0;
    top: 5%;
}
.pic3 img {
    width: 65%;
}
.pic6 {
  bottom: 0;
  left: 10%;
}
.bag1 {
    left: 16%;
    top: 7%;
}
.bag2 {
  bottom: 0;
  left: 38%;
}
.pic7 {
  left: 31%;
  top: 2%;
}
.pic7 img {
    width: 70%;
}
.carousel-inner .item.active .carousel-caption .bag1 {
    -webkit-animation: bounceInDown 500ms ease-in-out;
    animation: bounceInDown 500ms ease-in-out;
}
.carousel-inner .item.active .carousel-caption .bag2 {
    -webkit-animation: bounceInDown 1000ms ease-in-out;
    animation: bounceInDown 1000ms ease-in-out;
}
.carousel-inner .item.active .carousel-caption .pic3 {
    -webkit-animation: bounceInDown 1500ms ease-in-out;
    animation: bounceInDown 1500ms ease-in-out;
}
.carousel-inner .item.active .carousel-caption .pic4 {
    -webkit-animation: bounceInDown 2000ms ease-in-out;
    animation: bounceInDown 2000ms ease-in-out;
}
.carousel-inner .item.active .carousel-caption .pic5 {
    -webkit-animation: bounceInDown 2500ms ease-in-out;
    animation: bounceInDown 2500ms ease-in-out;
}
.carousel-inner .item.active .carousel-caption .pic6 {
    -webkit-animation: bounceInDown 3000ms ease-in-out;
    animation: bounceInDown 3000ms ease-in-out;
}
.carousel-inner .item.active .carousel-caption .pic7 {
    -webkit-animation: bounceInDown 3500ms ease-in-out;
    animation: bounceInDown 3500ms ease-in-out;
}


/*Slider responsive code*/


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.women3 img {
  width: 50%;
}
.women3 {
  bottom: 0;
  left: -15%;
}
.women2 {
  bottom: 0;
  left: 38%;
}

   
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.right-text {
  margin-right: 0;
  text-align: center;
}
.women2 {
  right: 0;
  top: 40%;
}
.women1 {
  right: 10%;
  top: 0;
}
.women3 img {
  width: 50%;
}
.women3 {
  bottom: 0;
  left: -22%;
}
.dress1 {
  bottom: 0;
  left: -35%;
}
.dress2 {
  bottom: 0;
  left: -9%;
}
.dress4 {
  bottom: 0;
  right: -56%;
}
.dress5 {
  bottom: 0;
  right: -21%;
}
.slide-text2 {
  left: 5%;
  position: absolute;
  top: 35%;
  width: 90%;
}
.bag1 {
  left: -1%;
  top: 7%;
}
.bag2 {
  bottom: 19%;
  left: -8%;
}
.pic3 {
  left: 0;
  top: 0;
}
.pic3 img {
  width: 50%;
}
.pic7 {
  left: 39%;
  top: 17%;
}
.pic6 {
  bottom: 0;
  left: 44%;
}
.pic4 {
  bottom: 2%;
  left: -12%;
}
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.women3 img {
  width: 55%;
}
.women3 {
  bottom: 0;
  left: -22%;
}
.dress2 {
  bottom: 0;
  left: 5%;
}
.dress1 {
  bottom: 0;
  left: -20%;
}
.dress5 {
  bottom: 0;
  right: 0;
}
.dress4 {
  bottom: 0;
  right: -24%;
}
   
}