/* -------- Vertical-carousel block -------- */
/* 1920 */
.vertical-carousel *{
    box-sizing: border-box;
}
.vertical-carousel{
    width: 300px;
    box-sizing: border-box;
    position:relative;
    margin: 0 auto;
}

/*.jcarousel-control-prev{
    text-align:center;
    color: gray;    
    cursor:pointer;
    height:30px;
    line-height:30px;
    position:absolute;
    top:-50px;
    width:100%;
}
.jcarousel-control-next{
    text-align:center;
    color: gray;    
    cursor:pointer;
    height:30px;
    line-height:30px;
    position:absolute;
    bottom:-50px;
    width:100%;
}*/

.vertical-carousel .vertical-carousel-wrap{
    overflow: hidden;
    position: relative;
}
.vertical-carousel .jcarousel {
    height: 525px;
    position: relative;
    overflow: hidden;
}
.jcarousel .item-list{
    position: absolute;
    margin:0;
    padding:0;
    list-style:none;
    width: 300px;
    height: 525px;
}
.jcarousel .item-list .item{
    height: 150px;
    width: 300px;
    margin:0;
    padding:2px 0;
    position: absolute;
    border: 1.2554px solid #D1E3ED;
    border-radius: 5px;
    margin-bottom: 25px;
}

.jcarousel .item-list .item img {
    filter: grayscale(100%);
}
.jcarousel .item-list .item img:hover {
  filter: grayscale(0%);
  -webkit-transition-duration:0.3s;              
  -moz-transition-duration:0.3s;  
  -o-transition-duration:0.3s;
  -ms-transition-duration:0.3s;
  transition-duration:0.3s;  

}


.jcarousel .item-list .item:nth-child(1){
    top: 0px;
}
.jcarousel .item-list .item:nth-child(2){
    top: 175px;
}
.jcarousel .item-list .item:nth-child(3){
    top: 350px;
}
.jcarousel .item-list .item:nth-child(4){
    top: 525px;
}
.jcarousel .item-list .item:nth-child(5){
    top: 700px;
}
.jcarousel .item-list .item:nth-child(6){
    top: 875px;
}
.jcarousel .item-list .item:nth-child(7){
    top: 1050px;
}
.jcarousel .item-list .item:nth-child(8){
    top: 1225px;
}
.jcarousel .item-list .item:nth-child(9){
    top: 1400px;
}
.jcarousel .item-list .item:nth-child(10){
    top: 1575px;
}

.jcarousel .item-list .item a{
    display:block;
    text-align:center;
    position: relative;
    height: 150px;
}
.jcarousel .item-list .item a img{
    position:absolute;
    margin: auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    max-width:100%;
}

/* 1800 */
@media (min-width: 1699.98px) and (max-width: 1799.98px) {
  .vertical-carousel{
      width: 281.25px;
  }
  .vertical-carousel .jcarousel {
      height: 492.18px;
  }
  .jcarousel .item-list{
      width: 281.25px;
      height: 492.18px;
  }
  .jcarousel .item-list .item{
      height: 140.62px;
      width: 281.25px;
      padding:1.87px 0;
      border: 1.18px solid #D0.94E2.81ED;
      border-radius: 4.69px;
      margin-bottom: 23.44px;
  }
  .jcarousel .item-list .item:nth-child(1){
      top: 0px;
  }
  .jcarousel .item-list .item:nth-child(2){
      top: 164.06px;
  }
  .jcarousel .item-list .item:nth-child(3){
      top: 328.12px;
  }
  .jcarousel .item-list .item:nth-child(4){
      top: 492.18px;
  }
  .jcarousel .item-list .item:nth-child(5){
      top: 656.24px;
  }
  .jcarousel .item-list .item:nth-child(6){
      top: 820.3px;
  }
  .jcarousel .item-list .item:nth-child(7){
      top: 984.36px;
  }
  .jcarousel .item-list .item:nth-child(8){
      top: 1148.42px;
  }
  .jcarousel .item-list .item:nth-child(9){
      top: 1312.49px;
  }
  .jcarousel .item-list .item:nth-child(10){
      top: 1476.55px;
  }
  .jcarousel .item-list .item a{
      height: 140.62px;
  }
}

/* 1700 */
@media (min-width: 1599.98px) and (max-width: 1699.98px) {
  .vertical-carousel{
      width: 265.62px;
  }
  .vertical-carousel .jcarousel {
      height: 464.84px;
  }
  .jcarousel .item-list{
      width: 265.62px;
      height: 464.84px;
  }
  .jcarousel .item-list .item{
      height: 132.81px;
      width: 265.62px;
      padding:1.77px 0;
      border: 1.11px solid #D0.89E2.66ED;
      border-radius: 4.43px;
      margin-bottom: 22.14px;
  }
  .jcarousel .item-list .item:nth-child(1){
      top: 0px;
  }
  .jcarousel .item-list .item:nth-child(2){
      top: 154.95px;
  }
  .jcarousel .item-list .item:nth-child(3){
      top: 309.89px;
  }
  .jcarousel .item-list .item:nth-child(4){
      top: 464.84px;
  }
  .jcarousel .item-list .item:nth-child(5){
      top: 619.78px;
  }
  .jcarousel .item-list .item:nth-child(6){
      top: 774.73px;
  }
  .jcarousel .item-list .item:nth-child(7){
      top: 929.68px;
  }
  .jcarousel .item-list .item:nth-child(8){
      top: 1084.62px;
  }
  .jcarousel .item-list .item:nth-child(9){
      top: 1239.57px;
  }
  .jcarousel .item-list .item:nth-child(10){
      top: 1394.51px;
  }
  .jcarousel .item-list .item a{
      height: 132.81px;
  }
}

/* 1600 */
@media (min-width: 1499.98px) and (max-width: 1599.98px) {
  .vertical-carousel{
      width: 250px;
  }
  .vertical-carousel .jcarousel {
      height: 437.49px;
  }
  .jcarousel .item-list{
      width: 250px;
      height: 437.49px;
  }
  .jcarousel .item-list .item{
      height: 125px;
      width: 250px;
      padding:1.67px 0;
      border: 1.05px solid #D0.83E2.5ED;
      border-radius: 4.17px;
      margin-bottom: 20.83px;
  }
  .jcarousel .item-list .item:nth-child(1){
      top: 0px;
  }
  .jcarousel .item-list .item:nth-child(2){
      top: 145.83px;
  }
  .jcarousel .item-list .item:nth-child(3){
      top: 291.66px;
  }
  .jcarousel .item-list .item:nth-child(4){
      top: 437.49px;
  }
  .jcarousel .item-list .item:nth-child(5){
      top: 583.33px;
  }
  .jcarousel .item-list .item:nth-child(6){
      top: 729.16px;
  }
  .jcarousel .item-list .item:nth-child(7){
      top: 874.99px;
  }
  .jcarousel .item-list .item:nth-child(8){
      top: 1020.82px;
  }
  .jcarousel .item-list .item:nth-child(9){
      top: 1166.65px;
  }
  .jcarousel .item-list .item:nth-child(10){
      top: 1312.48px;
  }
  .jcarousel .item-list .item a{
      height: 125px;
  }
}

/* 1500 */
@media (min-width: 1399.98px) and (max-width: 1499.98px) {
  .vertical-carousel{
      width: 234.37px;
  }
  .vertical-carousel .jcarousel {
      height: 410.15px;
  }
  .jcarousel .item-list{
      width: 234.37px;
      height: 410.15px;
  }
  .jcarousel .item-list .item{
      height: 117.19px;
      width: 234.37px;
      padding:1.56px 0;
      border: 0.98px solid #D0.78E2.34ED;
      border-radius: 3.91px;
      margin-bottom: 19.53px;
  }
  .jcarousel .item-list .item:nth-child(1){
      top: 0px;
  }
  .jcarousel .item-list .item:nth-child(2){
      top: 136.72px;
  }
  .jcarousel .item-list .item:nth-child(3){
      top: 273.43px;
  }
  .jcarousel .item-list .item:nth-child(4){
      top: 410.15px;
  }
  .jcarousel .item-list .item:nth-child(5){
      top: 546.87px;
  }
  .jcarousel .item-list .item:nth-child(6){
      top: 683.58px;
  }
  .jcarousel .item-list .item:nth-child(7){
      top: 820.3px;
  }
  .jcarousel .item-list .item:nth-child(8){
      top: 957.02px;
  }
  .jcarousel .item-list .item:nth-child(9){
      top: 1093.74px;
  }
  .jcarousel .item-list .item:nth-child(10){
      top: 1230.45px;
  }
  .jcarousel .item-list .item a{
      height: 117.19px;
  }
}

/* 1400 */
@media (min-width: 1299.98px) and (max-width: 1399.98px) {
  .vertical-carousel{
      width: 218.75px;
  }
  .vertical-carousel .jcarousel {
      height: 382.81px;
  }
  .jcarousel .item-list{
      width: 218.75px;
      height: 382.81px;
  }
  .jcarousel .item-list .item{
      height: 109.37px;
      width: 218.75px;
      padding:1.46px 0;
      border: 0.92px solid #D0.73E2.19ED;
      border-radius: 3.65px;
      margin-bottom: 18.23px;
  }
  .jcarousel .item-list .item:nth-child(1){
      top: 0px;
  }
  .jcarousel .item-list .item:nth-child(2){
      top: 127.6px;
  }
  .jcarousel .item-list .item:nth-child(3){
      top: 255.2px;
  }
  .jcarousel .item-list .item:nth-child(4){
      top: 382.81px;
  }
  .jcarousel .item-list .item:nth-child(5){
      top: 510.41px;
  }
  .jcarousel .item-list .item:nth-child(6){
      top: 638.01px;
  }
  .jcarousel .item-list .item:nth-child(7){
      top: 765.61px;
  }
  .jcarousel .item-list .item:nth-child(8){
      top: 893.22px;
  }
  .jcarousel .item-list .item:nth-child(9){
      top: 1020.82px;
  }
  .jcarousel .item-list .item:nth-child(10){
      top: 1148.42px;
  }
  .jcarousel .item-list .item a{
      height: 109.37px;
  }
}

/* 1300 */
@media (min-width: 1199.98px) and (max-width: 1299.98px) {
  .vertical-carousel{
      width: 203.12px;
  }
  .vertical-carousel .jcarousel {
      height: 355.46px;
  }
  .jcarousel .item-list{
      width: 203.12px;
      height: 355.46px;
  }
  .jcarousel .item-list .item{
      height: 101.56px;
      width: 203.12px;
      padding:1.35px 0;
      border: 0.85px solid #D0.68E2.03ED;
      border-radius: 3.39px;
      margin-bottom: 16.93px;
  }
  .jcarousel .item-list .item:nth-child(1){
      top: 0px;
  }
  .jcarousel .item-list .item:nth-child(2){
      top: 118.49px;
  }
  .jcarousel .item-list .item:nth-child(3){
      top: 236.98px;
  }
  .jcarousel .item-list .item:nth-child(4){
      top: 355.46px;
  }
  .jcarousel .item-list .item:nth-child(5){
      top: 473.95px;
  }
  .jcarousel .item-list .item:nth-child(6){
      top: 592.44px;
  }
  .jcarousel .item-list .item:nth-child(7){
      top: 710.93px;
  }
  .jcarousel .item-list .item:nth-child(8){
      top: 829.41px;
  }
  .jcarousel .item-list .item:nth-child(9){
      top: 947.9px;
  }
  .jcarousel .item-list .item:nth-child(10){
      top: 1066.39px;
  }
  .jcarousel .item-list .item a{
      height: 101.56px;
  }
}

/* 1200 */
@media (min-width: 1099.98px) and (max-width: 1199.98px) {
  .vertical-carousel{
      width: 187.5px;
  }
  .vertical-carousel .jcarousel {
      height: 328.12px;
  }
  .jcarousel .item-list{
      width: 187.5px;
      height: 328.12px;
  }
  .jcarousel .item-list .item{
      height: 93.75px;
      width: 187.5px;
      padding:1.25px 0;
      border: 0.78px solid #D0.62E1.87ED;
      border-radius: 3.12px;
      margin-bottom: 15.62px;
  }
  .jcarousel .item-list .item:nth-child(1){
      top: 0px;
  }
  .jcarousel .item-list .item:nth-child(2){
      top: 109.37px;
  }
  .jcarousel .item-list .item:nth-child(3){
      top: 218.75px;
  }
  .jcarousel .item-list .item:nth-child(4){
      top: 328.12px;
  }
  .jcarousel .item-list .item:nth-child(5){
      top: 437.49px;
  }
  .jcarousel .item-list .item:nth-child(6){
      top: 546.87px;
  }
  .jcarousel .item-list .item:nth-child(7){
      top: 656.24px;
  }
  .jcarousel .item-list .item:nth-child(8){
      top: 765.61px;
  }
  .jcarousel .item-list .item:nth-child(9){
      top: 874.99px;
  }
  .jcarousel .item-list .item:nth-child(10){
      top: 984.36px;
  }
  .jcarousel .item-list .item a{
      height: 93.75px;
  }
}

/* 1100 */
@media (min-width: 999.98px) and (max-width: 1099.98px) {
  .vertical-carousel{
      width: 171.87px;
  }
  .vertical-carousel .jcarousel {
      height: 300.78px;
  }
  .jcarousel .item-list{
      width: 171.87px;
      height: 300.78px;
  }
  .jcarousel .item-list .item{
      height: 85.94px;
      width: 171.87px;
      padding:1.15px 0;
      border: 0.72px solid #D0.57E1.72ED;
      border-radius: 2.86px;
      margin-bottom: 14.32px;
  }
  .jcarousel .item-list .item:nth-child(1){
      top: 0px;
  }
  .jcarousel .item-list .item:nth-child(2){
      top: 100.26px;
  }
  .jcarousel .item-list .item:nth-child(3){
      top: 200.52px;
  }
  .jcarousel .item-list .item:nth-child(4){
      top: 300.78px;
  }
  .jcarousel .item-list .item:nth-child(5){
      top: 401.03px;
  }
  .jcarousel .item-list .item:nth-child(6){
      top: 501.29px;
  }
  .jcarousel .item-list .item:nth-child(7){
      top: 601.55px;
  }
  .jcarousel .item-list .item:nth-child(8){
      top: 701.81px;
  }
  .jcarousel .item-list .item:nth-child(9){
      top: 802.07px;
  }
  .jcarousel .item-list .item:nth-child(10){
      top: 902.33px;
  }
  .jcarousel .item-list .item a{
      height: 85.94px;
  }
}

/* 1000 */
@media (min-width: 899.98px) and (max-width: 999.98px) {
  .vertical-carousel{
      width: 156.25px;
  }
  .vertical-carousel .jcarousel {
      height: 273.43px;
  }
  .jcarousel .item-list{
      width: 156.25px;
      height: 273.43px;
  }
  .jcarousel .item-list .item{
      height: 78.12px;
      width: 156.25px;
      padding:1.04px 0;
      border: 0.65px solid #D0.52E1.56ED;
      border-radius: 2.6px;
      margin-bottom: 13.02px;
  }
  .jcarousel .item-list .item:nth-child(1){
      top: 0px;
  }
  .jcarousel .item-list .item:nth-child(2){
      top: 91.14px;
  }
  .jcarousel .item-list .item:nth-child(3){
      top: 182.29px;
  }
  .jcarousel .item-list .item:nth-child(4){
      top: 273.43px;
  }
  .jcarousel .item-list .item:nth-child(5){
      top: 364.58px;
  }
  .jcarousel .item-list .item:nth-child(6){
      top: 455.72px;
  }
  .jcarousel .item-list .item:nth-child(7){
      top: 546.86px;
  }
  .jcarousel .item-list .item:nth-child(8){
      top: 638.01px;
  }
  .jcarousel .item-list .item:nth-child(9){
      top: 729.15px;
  }
  .jcarousel .item-list .item:nth-child(10){
      top: 820.3px;
  }
  .jcarousel .item-list .item a{
      height: 78.12px;
  }
}

/* 900 */
@media (min-width: 767.98px) and (max-width: 899.98px) {
  .vertical-carousel{
      width: 140.62px;
  }
  .vertical-carousel .jcarousel {
      height: 246.09px;
  }
  .jcarousel .item-list{
      width: 140.62px;
      height: 246.09px;
  }
  .jcarousel .item-list .item{
      height: 70.31px;
      width: 140.62px;
      padding:0.94px 0;
      border: 0.59px solid #D0.47E1.41ED;
      border-radius: 2.34px;
      margin-bottom: 11.72px;
  }
  .jcarousel .item-list .item:nth-child(1){
      top: 0px;
  }
  .jcarousel .item-list .item:nth-child(2){
      top: 82.03px;
  }
  .jcarousel .item-list .item:nth-child(3){
      top: 164.06px;
  }
  .jcarousel .item-list .item:nth-child(4){
      top: 246.09px;
  }
  .jcarousel .item-list .item:nth-child(5){
      top: 328.12px;
  }
  .jcarousel .item-list .item:nth-child(6){
      top: 410.15px;
  }
  .jcarousel .item-list .item:nth-child(7){
      top: 492.18px;
  }
  .jcarousel .item-list .item:nth-child(8){
      top: 574.21px;
  }
  .jcarousel .item-list .item:nth-child(9){
      top: 656.24px;
  }
  .jcarousel .item-list .item:nth-child(10){
      top: 738.26px;
  }
  .jcarousel .item-list .item a{
      height: 70.31px;
  }
}

/* Mobile (1400)*/
@media (max-width: 767.98px) {
  .vertical-carousel{
      width: 218.75px;
  }
  .vertical-carousel .jcarousel {
      height: 382.81px;
  }
  .jcarousel .item-list{
      width: 218.75px;
      height: 382.81px;
  }
  .jcarousel .item-list .item{
      height: 109.37px;
      width: 218.75px;
      padding:1.46px 0;
      border: 0.92px solid #D0.73E2.19ED;
      border-radius: 3.65px;
      margin-bottom: 18.23px;
  }
  .jcarousel .item-list .item img {
    filter: grayscale(0%);  /* correct */
  }
  .jcarousel .item-list .item:nth-child(1){
      top: 0px;
  }
  .jcarousel .item-list .item:nth-child(2){
      top: 127.6px;
  }
  .jcarousel .item-list .item:nth-child(3){
      top: 255.2px;
  }
  .jcarousel .item-list .item:nth-child(4){
      top: 382.81px;
  }
  .jcarousel .item-list .item:nth-child(5){
      top: 510.41px;
  }
  .jcarousel .item-list .item:nth-child(6){
      top: 638.01px;
  }
  .jcarousel .item-list .item:nth-child(7){
      top: 765.61px;
  }
  .jcarousel .item-list .item:nth-child(8){
      top: 893.22px;
  }
  .jcarousel .item-list .item:nth-child(9){
      top: 1020.82px;
  }
  .jcarousel .item-list .item:nth-child(10){
      top: 1148.42px;
  }
  .jcarousel .item-list .item a{
      height: 109.37px;
  }
}