*{-webkit-box-sizing: border-box;box-sizing: border-box;}
body{
    margin: 0;
    position: relative;
    background-color: #ffffff;
    color:#14171a;
    font-family: Arial, Helvetica, sans-serif;
}
a,span,i{display: inline-block;}
a{text-decoration: none;}
.moodboard-card {
    /*max-width: 548px;*/
    max-width: 350px;
    padding: 15px;
    border:1px solid rgba(101, 119, 134, 0.3);
    border-radius: 16px;
    background-color: #ffffff;
    height: auto;
}
.moodboard-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.moodboard-card-header .logo-head .logo-head-grp > * {
    display: block;
}
.logo-head-grp {
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #14171a;
    vertical-align: top;
}
.logo-head-grp span {
    color: #657786;
}
.moodboard-card p {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    margin: 10px 0;
}
.moodboard-card p + p {
    margin-top: 20px;
}
.moodboard-card img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.date-time-wrap {
    font-size: 15px;
    line-height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding:8px 0;
    color: #657786;
    border-bottom:1px solid rgba(101, 119, 134, 0.3);
}
.like-share-wrap, .like-share-wrap a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.like-share-wrap a {
    font-size: 15px;
    line-height: 15px;
    color: #657786;
    padding-top: 8px;
}
.like-share-wrap a + a {
    margin-left: 20px;
}
.like-share-wrap a img {
    margin-right: 6px;
}
.logo-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.moodboard-card-slider {
    max-width: 630px;
}
.logo-head .logo-head-grp { margin-left: 5px; }
.date-time-wrap span date { margin-left: 8px; }
.moodboard-card-slider .moodboard-card:focus { outline: 0; }
.moodboard-similar {
    height: auto;
}
.moodboard-similar-slider .slick-arrow:focus,.moodboard-similar:focus { outline: 0; }
.moodboard-card-slider .moodboard-similar-slider .slick-arrow img { max-width: 12px; height: auto; }
.moodboard-similar-slider .slick-list { max-width: calc(100% - 30px); }


.moodboard-card-slider .slick-list {
    max-width:548px;
    margin:20px auto;
}
.moodboard-card-slider .slick-arrow,.moodboard-similar-slider .slick-arrow {
    position: absolute;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    cursor: pointer;
    z-index: 9;
}
.moodboard-card-slider .slick-arrow.slick-prev {
    left: 15px;
    right: auto;
}

.moodboard-card-slider .slick-arrow.slick-next {
    left: auto;
    right: 15px;
}
body .moodboard-card-slider .moodboard-similar-slider .slick-arrow.slick-prev {
    left: 0;
    top: 50%;
    right: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
body .moodboard-card-slider .moodboard-similar-slider .slick-arrow.slick-next { 
    right: 0; 
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: auto;
}
.moodboard-card-slider .moodboard-similar-slider .slick-list { max-width: calc(100% - 35px); }
.moodboard-card-slider .moodboard-similar-slider .slick-list .moodboard-similar { margin: 0 10px; }


/*-- Verticle Slider --*/
.moodboard-card-slider.slick-vertical .slick-list { margin: 0 auto;}
.moodboard-card-slider.slick-vertical { max-width: 548px; }
.slick-vertical .slick-slide.moodboard-card{border: 1px solid rgba(101, 119, 134, 0.3);margin:60px 0;}
.moodboard-card-slider.slick-vertical .slick-arrow.slick-prev { top: 20px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.moodboard-card-slider.slick-vertical .slick-arrow.slick-next{ top:auto; bottom: 16px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.moodboard-card-slider.slick-vertical .slick-arrow{
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;

}

/*-- Single Slider --*/
.moodboard-card-slider-single.moodboard-card-slider {
    max-width: 100%;
}

.moodboard-card-slider-single.moodboard-card-slider .slick-list{
    margin: 0;
    max-width: 100%;
}
.moodboard-similar a { color: #0052a4; }
.moodboard-similar-product-wrapper { border-bottom: 1px solid rgba(101, 119, 134, 0.3); padding: 10px 0; }

@media only screen and (max-width: 640px) {
    .moodboard-card-slider .slick-list { max-width: calc(100% - 90px); }
    .moodboard-card-slider .slick-arrow img { max-width: 15px; height: auto; }

    /*-- Verticle Slider --*/
    .moodboard-card-slider.slick-vertical .slick-arrow img { max-width: 20px; }
    .moodboard-card-slider .moodboard-similar-slider .slick-arrow img { max-width: 8px; }
}

@media only screen and (max-width: 460px) {
    .like-share-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .like-share-wrap a:last-child { width: 100%; margin-left: 0; margin-top: 5px; }
    .moodboard-similar a { font-size: 12px; line-height: 12px; }
}


@media only screen and (max-width: 360px) {
    .moodboard-card p{font-size:16px; line-height: 22px;}
    .logo-head img { max-width: 35px; }
    .moodboard-card-header .moodboard-right { max-width: 22px; }
    .like-share-wrap a span { font-size: 12px; line-height: 12px; }
    .like-share-wrap a img { margin-right: 2px;max-width: 20px;}
    .like-share-wrap a + a { margin-left: 15px; }
    .moodboard-card-slider .slick-list{max-width: calc(100% - 60px);}
    .moodboard-card-slider .slick-arrow.slick-prev { left: 7px; }
    .moodboard-card-slider .slick-arrow.slick-next { right: 7px; }

    .moodboard-card-slider.slick-vertical .slick-arrow{ left:0;}
    .moodboard-card-slider.slick-vertical .slick-arrow.slick-next {right:0;}

}
@media only screen and (max-width: 280px) {
    .like-share-wrap a span{display:none;}
    .like-share-wrap a:last-child { width: auto; margin-top: 0; margin-left: 15px; }
}