.warp {
    width: 100%;
    max-width: 100vw;
    margin: 0 auto;
    height: auto;
}

.hd {
    width: 100%;
    height: 17.552083vw;
}

.hd img {
    width: 100%;
    height: 100%;
}


/* lb */

.lb {
    width: 100%;
    height: 26.041666vw;
    overflow: hidden;
}


/*VISIBLE AREA*/

.slideshow,
.skidder-viewport,
.skidder-wrapper,
.skidder-viewport .skidder-wrapper .skidder-slide,
.skidder-viewport .skidder-wrapper .skidder-slide a img {
    height: 100% !important;
}

.skidder-viewport .skidder-wrapper .skidder-slide a img {
    width: auto !important;
}

.skidder-viewport {
    position: relative;
    overflow: hidden;
    transition: opacity 0.4s ease-in-out;
}


/*SLIDES CONTAINER*/

.skidder-viewport .skidder-wrapper {
    width: 20000em;
    position: absolute;
    z-index: 1;
}


/*SLIDES*/


/*inactive style*/

.tm {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url(tm.png) repeat;
}

.skidder-viewport .skidder-wrapper .skidder-slide {
    float: left;
    position: relative;
    z-index: 0;
    transition: opacity 0.2s ease-in-out;
    position: relative;
}

.skidder-viewport.skidder-fade .skidder-wrapper {
    width: auto;
    margin: 0 auto;
}

.skidder-viewport.skidder-fade .skidder-wrapper .skidder-slide {
    transition: opacity 0.4s ease-in-out;
}

.skidder-viewport .skidder-wrapper .skidder-slide.active .tm {
    display: none;
}


/*active style*/

.skidder-viewport .skidder-wrapper .skidder-slide.active,
.skidder-viewport .skidder-wrapper .skidder-slide.disengage {
    opacity: 1;
    box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.1);
    z-index: 1;
}


/*CLICKABLE AREA FOR LEFT-RIGHT MOVEMENT*/

.skidder-viewport .skidder-clickwrapper {
    position: absolute;
    width: 50%;
    /* reduce width if you want a clickable image area */
    height: 100%;
    z-index: 4;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.skidder-viewport .skidder-prevwrapper {
    left: 0;
    width: 90px;
    height: 26.041666vw !important;
}

.skidder-viewport .skidder-nextwrapper {
    right: 0;
    width: 90px;
    height: 26.041666vw !important;
}


/*LEFT-RIGHT ICONS*/

.skidder-viewport .skidder-clickwrapper .skidder-clickelement {
    position: relative;
    height: 100%;
    width: 86px;
    z-index: 5;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: none;
}

.skidder-viewport:hover .skidder-clickwrapper .skidder-clickelement {
    display: block;
}

.skidder-viewport .skidder-clickwrapper:hover .skidder-clickelement {
    opacity: 1;
}

.skidder-viewport .skidder-clickwrapper .skidder-prev {
    float: left;
    margin-left: 2vw;
    width: 50px;
    height: 4.6875vw !important;
    position: absolute;
    top: 42%;
    background: url(left.png) #b59a62 no-repeat center center;
}

.skidder-viewport .skidder-clickwrapper .skidder-next {
    float: right;
    margin-right: 2vw;
    width: 50px;
    height: 4.6875vw !important;
    position: absolute;
    top: 42%;
    background: url(right.png) #b59a62 no-repeat center center;
}

.skidder-viewport .skidder-clickwrapper .skidder-next.jumpback {
    background: url(left.png) #b59a62 no-repeat center center;
    position: absolute;
    top: 50%;
}


/*TOUCHWRAPPER*/

.skidder-viewport .skidder-touchwrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
}


/*PAGING*/

.skidder-viewport .skidder-pager {
    display: table;
    position: relative;
    top: 92%;
    margin: 0 auto;
    z-index: 4;
    padding: 0 0 15px 0;
    display: none;
}

.skidder-viewport .skidder-pager .skidder-pager-dot {
    display: table-cell;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    /*weström style*/
    height: 12px;
    width: 12px;
    margin-right: 8px;
    margin-bottom: 4px;
    border-radius: 6px;
    border: 2px solid #fff;
    text-decoration: none;
    background-color: transparent;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1), 0 0 4px 2px rgba(0, 0, 0, 0.1) inset;
}

.skidder-viewport .skidder-pager .skidder-pager-dot:last-child {
    margin-right: 0;
}

.skidder-viewport .skidder-pager .skidder-pager-dot:hover,
.skidder-viewport .skidder-pager .skidder-pager-dot.active {
    background-color: #fff;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
}

.skidder-viewport:hover .skidder-pager .skidder-pager-dot {
    opacity: 1;
}

.skidder-viewport .skidder-wrapper .skidder-slide {
    padding: 0.8vw;
}


/* lb end */