/* 3.1 - Slider / Owl sliders
/* ========================================================================== */

#main-slider .owl-wrapper {
  /*margin-top*/
}
#main-slider.owl-theme .owl-item {
  position: relative;
}
#main-slider.owl-theme .owl-controls {
  margin: 0;
}
#main-slider.owl-theme .owl-controls .owl-page span,
#main-slider.owl-theme .owl-controls .owl-buttons div {
  background-color: transparent;
}
#main-slider.owl-theme .owl-controls .owl-pagination {
  position: absolute;
  bottom: 20px;
  width: 100%;
}
#main-slider.owl-theme .owl-controls .owl-buttons {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  width: 100%;
}
#main-slider.owl-theme .owl-controls .owl-buttons .owl-prev,
#main-slider.owl-theme .owl-controls .owl-buttons .owl-next {
  position: relative;
  border-radius: 0;
  font-size: 55px;
  line-height: 20px;
  margin: 0;
  opacity: 1;
  color: #909090;
  text-shadow: none;
}
#main-slider.owl-theme .owl-controls .owl-buttons .owl-prev:hover,
#main-slider.owl-theme .owl-controls .owl-buttons .owl-next:hover {
  color: #f55e45;
}
#main-slider.owl-theme .owl-controls .owl-buttons .owl-prev {
  float: left;
  margin-left: 90px;
}
#main-slider.owl-theme .owl-controls .owl-buttons .owl-next {
  float: right;
  margin-right: 90px;
}
#main-slider.owl-carousel .owl-item .item {
  overflow: hidden;
  /*max-height: 660px;*/
}
#main-slider.owl-carousel .owl-item .item img {
  /*max-width: 100%;*/
}
.owl-carousel .owl-item {
  -webkit-transform: translateZ(0) scale(1, 1);
}
#main-slider.owl-theme .owl-controls .owl-nav .owl-prev {left: 0;}
#main-slider.owl-theme .owl-controls .owl-nav .owl-next {right: 0;}
#main-slider .owl-controls .owl-dots { bottom: 25px;left: 0; position: absolute; right: 0;}





/* animate */
@-webkit-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale(1.8); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes zoomIn {
    0% { opacity: 0; -moz-transform: scale(1.8); }
    100% { opacity: 1; -moz-transform: scale(1); }
}

@-o-keyframes zoomIn {
    0% { opacity: 0; -o-transform: scale(1.8); }
    100% { opacity: 1; -o-transform: scale(1); }
}

@keyframes zoomIn {
    0% { opacity: 0; transform: scale(1.8); }
    100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes zoomOut {
    0% { opacity: 0; -webkit-transform: scale(.6); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes zoomOut {
    0% { opacity: 0; -moz-transform: scale(.6); }
    100% { opacity: 1; -moz-transform: scale(1); }
}

@-o-keyframes zoomOut {
    0% { opacity: 0; -o-transform: scale(.6); }
    100% { opacity: 1; -o-transform: scale(1); }
}

@keyframes zoomOut {
    0% { opacity: 0; transform: scale(.6); }
    100% { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes tp-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes tp-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


/*For Effec bxSlider*/
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*End For Effec bxSlider*/


/* Slider Caption
 * -------------------------------------------------------------------------- */
.magicslider{padding:0px;margin:0;}
.owl-carousel .bx-caption {
    display:none;
}
.owl-carousel .bx-caption{
    display:block;
}
.active .caption1 {
    color: #000;
    font-weight:600;
    margin: 0;
    text-transform: uppercase;
    -moz-animation: fadeInRight 0.8s ease-in 1.3s backwards;
    -webkit-animation: fadeInRight 0.8s ease-in 1s backwards;
    animation: fadeInRight 0.8s ease-in 1s backwards;
    opacity: 1 !important;
}
.active .caption2,
.active .caption3{

}
.active .caption2 {
    color: #d49c59;
    margin: -12px 0;
    font-weight: 600;
    text-transform: uppercase;
    -moz-animation: fadeInLeft 0.8s ease-in 1.5s backwards;
    -webkit-animation: fadeInLeft 0.8s ease-in 1.5s backwards;
    animation: fadeInLeft 0.8s ease-in 1.5s backwards;
    opacity:1 !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
}
.active .caption3 strong{color: #000;font-size: 56px;font-weight:600;line-height: 66px;}
.active .caption3 {
    color: #000;
    margin: 0;
    font-weight: 600;
    margin-left: 35%;
    text-transform: uppercase;
    -moz-animation: fadeInUp 0.8s ease-in 1.7s backwards;
    -webkit-animation: fadeInUp 0.8s ease-in 1.7s backwards;
    animation: fadeInUp 0.8s ease-in 1.7s backwards;
    opacity:1 !important;
}
.active .caption4 {
    color: #000;
    margin: 0 0 10px 0;
    font-weight: 100;
    -moz-animation: fadeInLeft 0.8s ease-in 1.5s backwards;
    -webkit-animation: fadeInLeft 0.8s ease-in 1.5s backwards;
    animation: fadeInLeft 0.8s ease-in 1.5s backwards;
    opacity: 1 !important;
}
.text-slide {
    bottom:15%;
    left:40%;
    position:absolute;
    width:58%;
}
.active .text-slide p {
    font-size: 16px;
    -moz-animation: fadeInUp 0.8s ease-in 1.7s backwards;
    -webkit-animation: fadeInUp 0.8s ease-in 1.7s backwards;
    animation: fadeInUp 0.8s ease-in 1.7s backwards;
    opacity:1 !important;
}
@media (min-width:260px) and (max-width:479px) {
    .text-slide {
        bottom:5%;
        left:6%;
        position:absolute;
        width:90%;
    }
    .active .text-slide p {
        font-size: 12px;
    }
    .active h3.caption1 {
        font-size: 19px;
        line-height: 30px;

    }
    .active h3.caption2 {
        font-size: 18px;
        line-height:38px;
    }
    .active h3.caption3 {
        font-size: 16px;
        line-height: 25px;
        letter-spacing: 2px;
        word-spacing: 2px;
    }
    .active h3.caption4 {
        font-size: 14px;
        line-height: 18px;
    }
}
@media (min-width:480px) and (max-width:767px) {
    .text-slide {
        bottom:6%;
        left:15%;
        position:absolute;
        width:78%;
    }
    .active .text-slide p {
        font-size: 14px;
    }
    .active h3.caption1 {
        font-size: 22px;
        line-height: 30px;

    }
    .active h3.caption2 {
        font-size: 27px;
        line-height:47px;
    }
    .active h3.caption3 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 2px;
        word-spacing: 2px;
    }
    .active h3.caption4 {
        font-size: 18px;
        line-height: 18px;
    }
}
@media (min-width:768px) and (max-width:1199px) {
    .active h3.caption1 {
        font-size: 22px;
        line-height: 34px;

    }
    .active h3.caption2 {
        font-size: 37px;
        line-height:49px;
    }
    .active h3.caption3 {
        font-size: 30px;
        line-height: 32px;
        letter-spacing: 2px;
        word-spacing: 2px;
    }
    .active h3.caption4 {
        font-size: 20px;
        line-height: 24px;
    }
}
@media (min-width:1200px) and (max-width:1499px) {
    .active h3.caption1 {
        font-size: 42px;
        line-height: 44px;

    }
    .active h3.caption2 {
        font-size: 77px;
        line-height: 89px;
    }
    .active h3.caption3 {
        font-size: 36px;
        line-height: 36px;
    }
    .active h3.caption4 {
        font-size: 25px;
        line-height: 28px;
    }
}
@media (min-width:1500px) {
    .active h3.caption1 {
        font-size: 52px;
        line-height: 54px;

    }
    .active h3.caption2 {
        font-size: 97px;
        line-height: 109px;
    }
    .active h3.caption3 {
        font-size: 56px;
        line-height: 58px;
    }
    .active h3.caption4 {
        font-size: 50px;
        line-height: 52px;
    }
}


.active .text-slide3 .caption4{bottom: 160px;}
.btn-shop {border: 2px solid #955251;color: #955251;display: inline-block;font-size: 17px;font-weight: 400;line-height: 45px;margin-top: 35px;padding: 0 40px;text-transform: uppercase;}
.btn-shop:hover {color: #fff;background-color: #955251;}
.active .text-slide3 .caption4 .btn-shop,
.active .text-slide2 .caption4 .btn-shop{border: 2px solid #242628;color: #242628;}
.active .text-slide3 .caption4 .btn-shop:hover,
.active .text-slide2 .caption4 .btn-shop:hover{color: #fff;background-color: #242628;}
.active .text-slide2 .caption1{
    position:absolute;
     top: 25%; 
    z-index:30;
    color: #88898c;
    font-size: 200px;
    font-weight:100;
    line-height: 190px;
    margin: 0px;
    text-transform: uppercase;
}
.active .text-slide2 .caption2,.active .text-slide2 .caption1{left: 0;right: 0;text-align: center;}
.active .text-slide2 .caption1{letter-spacing: 0;}
#main-slider .caption1, #main-slider .caption2, #main-slider .caption3, #main-slider .caption4, #main-slider p {font-family: "Open Sans", "Arial", sans-serif; opacity: 0 }