@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('slick/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    
    top: 50%;

    display: block;

    width: 20px;
    height: 100%;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
    .no-touch .slick-prev:hover,
    .no-touch .slick-prev:focus,
    .no-touch .slick-next:hover,
    .no-touch .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
    .no-touch .slick-prev:hover:before,
    .no-touch .slick-prev:focus:before,
    .no-touch .slick-next:hover:before,
    .no-touch .slick-next:focus:before
{
    opacity: 1;
}
.slick-disabled {
	display: none !important;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: 0;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}


.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}



    html, body {
      margin: 0;
      padding: 0;
    }

    * {
      box-sizing: border-box;
    }
    body {
      background: #f0f1ec;
    }

    .slider {
        width: 94%;
        margin: 20px 3%;
    }
    .slider div img,
    .slider div {
      outline: none !important;
    }
    #magazine {
      position: relative;
      margin: 0px auto 0px auto;
    }
    #magazine .slick-slide {
      margin: 0px 0px;     
    }
    #magazine .slick-slide img {       
       height: auto;       
    }


    #thumbs {
      width: 100%;
      margin: 14px 0 2px 0;
    }
    #thumbs .slick-slide {
      margin: 5px 5px;
      box-shadow: 0 0 5px 0 rgba(0,0,0,0.2),  0 0 1px 0 rgba(0,0,0,0.3);
    }
    #thumbs .slick-slide img {
      width: 60px;
      height: auto;
    }
    #thumbs .slick-next,
    #thumbs .slick-prev {
      display: none;
    }
    .layout-spread #thumbs .slick-slide.odd {
      margin: 5px 0px 5px 5px;
    }
    .layout-spread #thumbs .slick-slide.even {
      margin: 5px 5px 5px 2px;
    }


    .slick-slide img {
      width: 100%;
    }


    .slick-next {

      right: -20px;
      width: 40px;
      height: 100%;
      z-index: 10000;
      color: #fff;
    }
    .no-touch .slick-next:hover {
      background: rgba(0,0,0,0.05);
    }


    .slick-prev {
      left: -20px;
      width: 40px;
      height: 100%;
      z-index: 10000;
      color: #fff;
    }
    .no-touch .slick-prev:hover {
      background: rgba(0,0,0,0.05);
    }




     @media only screen and (max-width: 2000px){
     #magazine {
        width: 100%;
        margin: 0px auto 0px auto;
        max-width: 1800px;
      }
      .slick-next {
        right: -20px;
      }
      .slick-prev {
        left: -20px;
      }


    }
    @media only screen and (max-width: 1900px){
      .slick-next {
        right: 0px;
      }
      .slick-prev {
        left: 0px;
      }
    }
    @media only screen and (max-width: 1200px){

      .slick-next {
        right: -20px;
      }
      .slick-prev {
        left: -20px;
      }

    }
    @media only screen and (max-width: 799px){
       #magazine {
        width: 100%;
        margin: 0px 0 0px 0;
      }

      .slick-next {
        right: 0px;
      }
      .slick-prev {
        left: 0px;
      }
    }

    @media only screen and (max-width: 799px){
    .slick-next {
      right: 0px;
      width: 40px;
      height: auto;
      z-index: 10000;
      color: #fff;
    }
    .slick-prev {
      left: 0px;
      width: 40px;
      height: auto;
      z-index: 10000;
      color: #fff;
    }
    }
    @media only screen and (max-width: 499px){
     #magazine {
        width: 100%;
        margin: 0px 0 0px 0;
      }

    }