
.dor-info-perslider{display: none;}
.current .dor-info-perslider {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
    text-align: center;
    width: auto;
}
.current .dor-info-perslider > .container{margin-left: -160px;position: relative;}
.current.slide-item-2 .dor-info-perslider > .container{margin-right: -210px;position: relative;margin-left: auto;}
.slider-content.current .dor-slider-title,
.slider-content.current .dor-slider-caption,
.slider-content.current .slider-read-more,
.slider-content.current .slider-read-more a{
    position: relative;
}
.slider-content.current .dor-slider-caption{
    -webkit-animation: fromRightAnim1 .9s ease-in-out .8s both;
    -moz-animation: fromRightAnim1 .9s ease-in-out .8s both;
    -o-animation: fromRightAnim1 .9s ease-in-out .8s both;
    -ms-animation: fromRightAnim1 .9s ease-in-out .8s both;
    animation: fromRightAnim1 .9s ease-in-out .8s both
}

.slider-content.current .dor-slider-title{
    -webkit-animation: fromRightAnim2 .6s ease-in-out .8s both;
    -moz-animation: fromRightAnim2 .6s ease-in-out .8s both;
    -o-animation: fromRightAnim2 .6s ease-in-out .8s both;
    -ms-animation: fromRightAnim2 .6s ease-in-out .8s both;
    animation: fromRightAnim2 .6s ease-in-out .8s both
}
.slider-content.current .slider-read-more a {
    -webkit-animation: fromRightAnim3 .4s ease-in-out 1.2s both;
    -moz-animation: fromRightAnim3 .4s ease-in-out 1.2s both;
    -o-animation: fromRightAnim3 .4s ease-in-out 1.2s both;
    -ms-animation: fromRightAnim3 .4s ease-in-out 1.2s both;
    animation: fromRightAnim3 .4s ease-in-out 1.2s both
}

.block-new-trend .active .action,
.static-carousel .active .content-text .action {
    -webkit-animation: fromRightAnim4 .6s ease-in-out .8s both;
    -moz-animation: fromRightAnim4 .6s ease-in-out .8s both;
    -o-animation: fromRightAnim4 .6s ease-in-out .8s both;
    -ms-animation: fromRightAnim4 .6s ease-in-out .8s both;
    animation: fromRightAnim4 .6s ease-in-out .8s both
}

@-webkit-keyframes fromRightAnim1 {
    0% {
        left: 60%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes fromRightAnim2 {
    0% {
        left: -40%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes fromRightAnim3 {
    0% {
        left: 40%;
        opacity: 0
    }
    1% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes fromRightAnim4 {
    0% {
        left: 40%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-moz-keyframes fromRightAnim1 {
    0% {
        left: 60%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-moz-keyframes fromRightAnim2 {
    0% {
        left: -40%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-moz-keyframes fromRightAnim3 {
    0% {
        left: 40%;
        opacity: 0
    }
    1% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-moz-keyframes fromRightAnim4 {
    0% {
        left: 40%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-o-keyframes fromRightAnim1 {
    0% {
        left: 60%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-o-keyframes fromRightAnim2 {
    0% {
        left: -40%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-o-keyframes fromRightAnim3 {
    0% {
        left: 40%;
        opacity: 0
    }
    1% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-o-keyframes fromRightAnim4 {
    0% {
        left: 40%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-ms-keyframes fromRightAnim1 {
    0% {
        left: 60%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-ms-keyframes fromRightAnim2 {
    0% {
        left: -40%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-ms-keyframes fromRightAnim3 {
    0% {
        left: 40%;
        opacity: 0
    }
    1% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@-ms-keyframes fromRightAnim4 {
    0% {
        left: 40%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@keyframes fromRightAnim1 {
    0% {
        left: 60%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@keyframes fromRightAnim2 {
    0% {
        left: -40%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@keyframes fromRightAnim3 {
    0% {
        left: 40%;
        opacity: 0
    }
    1% {
        left: 10%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}

@keyframes fromRightAnim4 {
    0% {
        left: 40%;
        opacity: 0
    }
    100% {
        left: 0;
        opacity: 1
    }
}










#Dor_Full_Slider{
  position: relative; margin: 0 auto; top: 0px; left: 0px; overflow: hidden; visibility: hidden;
  width: 100%;
}
.dorNavSlider {
    position: absolute;bottom: 90px !important;
}
.slider-loading-img{
  position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;
}
.dorArrowLeft, .dorArrowRight {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    overflow: hidden;
}
.dorArrowLeft { background-position: -10px -31px;top:0px;left:12px;width:40px;height:58px; }
.dorArrowRight { background-position: -70px -31px;top:0px;right:12px;width:40px;height:58px; }
.dorArrowLeft:hover { background-position: -130px -31px; }
.dorArrowRight:hover { background-position: -190px -31px; }
.dorArrowLeft.jssora22ldn { background-position: -250px -31px; }
.dorArrowRight.jssora22rdn { background-position: -310px -31px; }
.dor-info-perslider {
    max-width: 100%;
    position: relative;
    margin-top: 160px;
}

.slider-content-wrapper{cursor: default; position: relative; top: 0px; left: 0px; width: 1300px; height: 700px; overflow: hidden;}

.product-item-image > img {
    max-height: 100%;
    max-width: 100%;
}
  #Dor_Full_Slider .dorArrowLeft, #Dor_Full_Slider .dorArrowRight {
    background: white none repeat scroll 0 0;
    border-radius: 30px;
    display: inline-block;
    font-size: 30px;
    height: 46px;
    margin-top: -20px;
    opacity: 0.2;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 46px;
}
#Dor_Full_Slider .dorArrowLeft i, #Dor_Full_Slider .dorArrowRight i {
    border: 2px solid #000;
    border-radius: 30px;
    color: #000;
    display: block;
    height: 40px;
    left: 3px;
    line-height: 34px;
    position: relative;
    top: 3px;
    width: 40px;
}

#Dor_Full_Slider .dorArrowLeft {
    left: 2%;
}
#Dor_Full_Slider .dorArrowRight {
    right: 2%;
}
#Dor_Full_Slider .dorArrowLeft:hover, #Dor_Full_Slider .dorArrowRight:hover{opacity: 0.5;}
.price-slide-item {
    color: #ec6b63;
    font-size: 50px;
    font-weight: bold;
    margin-top: -20px;
}
.slider-title{margin:0 auto;}
.info-slide-load {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    text-align: left;
    width: 600px;
}
.dorNavSlider{display: block;bottom:40px !important;}

.product-item-image{
    position: absolute; top: 175px; left: 420px; width: 460px; height: 250px;margin-top: 50px;
}


.dorNavSlider > div {
    background-color: rgba(0, 0, 0, 0.7);
    background-image: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    margin: 0 10px;
    position: relative;
    text-align: center;
    width: 16px;
    padding-right: 0px;padding-left: 0px;
}

.dorNavSlider > div::after {
    border: 1px solid rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    bottom: -3px;
    content: "";
    left: -3px;
    position: absolute;
    right: -3px;
    top: -3px;
}
.dorNavSlider > div.av, .dorNavSlider > div:hover {
    background: #5d957b none repeat scroll 0 0;
}





.slider-content.current .dor-slider-title {
    color: #333;
    font-family: "Oswald",arial,tahoma;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}
.slider-content.current .dor-slider-caption {
    color: #333;
    font-family: "Oswald",arial,tahoma;
    font-size: 45px;
    font-weight: 400;
    letter-spacing: 0;
    padding-bottom: 35px;
    padding-top: 20px;
    text-transform: uppercase;
}
.slider-content.current .slider-read-more a {
    color: #333;
    font-family: "Oswald",arial,tahoma;
    font-size: 14px;
    text-transform: uppercase;
}
.slider-content.current .slider-read-more a span {
    border: 1px solid #e3e3e3;
    border-radius: 35px;
    font-size: 12px;
    padding: 4px 22px;
}