/*carousel*/
.slick-initialized .slick-slide {
    display: flex;
}
.carousel-new .item .img-responsive {min-height: 250px;margin-bottom: 20px;}
#myCarousel {
    padding-bottom: 40px;
}
#myCarousel .slick-list {
    padding: 0 2px 0 2px;
}
#myCarousel .slider-item {
    display: flex;
    flex: 1 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 10px 2px 15px 2px;
    text-align: center;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
#myCarousel .slider-item a {
    font-family: 'pt_sansbold';
    color: #262626;
    -webkit-transition: .25s .25s;
    -moz-transition: .25s .25s;
    -o-transition: .25s .25s;
    transition: .25s .25s;
    text-decoration: none;
    background-color: transparent;
}
#myCarousel .slider-preview {
    display: block;
    overflow: hidden;
    margin: 4px 4px 4px 4px;
    text-align: center;
    background-color: #fff;
   
}
#myCarousel .slider-preview:hover{
    /*outline: 4px solid #b18713;*/
}
#myCarousel .slider-item:hover {
    outline: 4px solid #b18713;
}
#myCarousel .slider-item .slider-text:hover {
    color: #b18713;
}
#myCarousel .slider-item .slider-price-text {
    display: block;
    background-color: transparent;
    margin-bottom: 20px;
}
#myCarousel .slider-item .slider-price {
    font: 20px 'pt_sansbold';
    cursor: text;
}
#myCarousel .arrow.right {
    display: inline-block;
    background: url('/template_image/arrow_right.png') no-repeat !important;
    padding: 10px;
    position: absolute;
    top: calc(50% - 140px/2);
    cursor: pointer;
    right: 10px;
    width: 54px;
    height: 54px;
    opacity: .5;
    filter: alpha(opacity=50);
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    z-index: 5;
}
#myCarousel .arrow.left {
    display: inline-block;
    background: url('/template_image/arrow_left.png') no-repeat !important;
    padding: 10px;
    position: absolute;
    top: calc(50% - 140px/2);
    cursor: pointer;
    left: 10px;
    width: 54px;
    height: 54px;
    opacity: .5;
    filter: alpha(opacity=50);
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    z-index: 5;
}
#myCarousel .arrow.right:hover {
    opacity: .9;
    filter: alpha(opacity=90);
    outline: 0;
    color: #fff;
}
#myCarousel .arrow.left:hover {
    opacity: .9;
    filter: alpha(opacity=90);
    outline: 0;
    color: #fff;
}
.slider .text {
    font-size: 16px;
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: 'UbuntuRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif !important;
}
