/*--CSS--*/

#itemsList{
  display:block;
  padding:0;
  margin:0;
  list-style-type:none;
  }


  #itemsList li{
    display:block;
    padding:0;
    margin:0 0 1.5vw 0;
    background:rgba(255,255,255,0.2);
    border-radius:0.2vw; -moz-border-radius:0.2vw; -webkit-border-radius:0.2vw;;
    }

    #itemsList li a{
      text-decoration:none;
      }

    #itemsList li .title{
      display:block;
      padding:0.5vw;
      margin:0;
      font-family:'roboto_condensedregular', Helvetica, Arial, sans-serif;
      font-size:2.5vw;
      color:#2c71c1;
      }

    #itemsList.sml li .title{
      font-size:2vw;
      color:#FFFFFF;
      }

    #itemsList li img{
      display:block;
      float:left;
      margin-left:-1000em;
      }

    #itemsList li .wrapper-image{
      display:block;
      width:100%;
      height:12vw;
      padding:1vw;
      margin:0;
      background-size:50% auto;
      background-position:0 50%;
      background-repeat:no-repeat;
      background-color:#d2e0f1;
      box-sizing:border-box;
      overflow:hidden;
      }

      #itemsList.sml li .wrapper-image{
        position:relative;
        display:block;
        width:100%;
        height:8vw;
        background-size:cover;
        background-position:0 50%;
        background-repeat:no-repeat;
        background-color:#d2e0f1;
        box-sizing:border-box;
        }

        #itemsList li .wrapper-image p{
          display:block;
          position:relative;
          left:100%;
          width:48%;
          padding:0.5vw 0;
          margin:0 0 0 -48%;
          text-align:left;
          font-family:'roboto_condensedregular', Helvetica, Arial, sans-serif;
          font-size:1.2vw;
          text-decoration:none;
          color:#000000;
          box-sizing:border-box;
          }

      #itemsList li .wrapper-image .button{
        display:block;
        position:relative;
        left:50%;
        width:48%;
        padding:0.5vw 2vw;
        /*margin:0 0 0 -48%;*/
        text-align:center;
        font-family:'roboto_condensedbold', Helvetica, Arial, sans-serif;
        font-size:1.7vw;
        text-transform:uppercase;
        text-decoration:none;
        color:#000000;
        background:#FFFFFF;
        border:3px solid #000000;
        box-sizing:border-box;
        box-shadow: 0px 5px 5px 6px rgba(10,0,10,0.2); -moz-box-shadow: 0px 5px 5px 6px rgba(10,0,10,0.2); -webkit-box-shadow: 0px 5px 5px 6px rgba(10,0,10,0.2);        }


        #itemsList.sml li .wrapper-image .button{
          height:6vw;
          padding:1vw;
          width:50%;
          /*margin:0 0 0 -50%;*/
          font-size:1.5vw;
          line-height:3.5vw;
          white-space:nowrap;
          }

#itemView{
  display:block;
  }


#itemView h2{
  font-size:2.2vw;
  }

#itemView img{
  width:100%;
  }

@media screen and (max-width:640px){

  #itemsList li{
    display:block;
    padding:0;
    margin:0 0 3vw 0;
    }

  #itemsList li .title{
    display:block;
    padding:0;
    margin:0;
    font-size:5vw;
    }


      #itemsList.sml li .title{
        display:block;
        padding:0;
        margin:0 0 1vw 0;
        font-size:6vw;
        }

  #itemsList.sml li .wrapper-image{
    position:relative;
    height:18vw;
    }

  #itemsList li .wrapper-image .button{
    display:block;
    position:relative;
    /*left:100%;*/
    width:48%;
    padding:0.5vw 2vw;
    /*margin:0 0 0 -48%;*/
    text-align:center;
    font-size:5vw;
    }

    #itemsList.sml li .wrapper-image .button{
      height:16vw;
      padding:4vw;
      width:50%;
      /*margin:0 0 0 -50%;*/
      font-size:5vw;
      line-height:5vw;
      }

}