section.slider {width: 100%;height:100%;margin:0;background-color: rgba(0,0,0,0.8);/*background-color: #d8d2d5;display:flex;flex-direction: row;flex-wrap: nowrap;align-items:stretch ;*/}
section .slick-slide {margin: 0px 0 ;/*height:100%;*/height:100vh;width: auto;}
section .slick-slide img {width: auto;/*height:100%;*/height:100vh;}
main section .slick-slide {height:auto;}
main section .slick-slide img {}
/*section .slick-prev:before,section .slick-next:before {z-index:9999}*/
section .slick-slide {transition: all ease-in-out .3s;opacity: .2;}
section .slick-active {opacity: .2;z-index:888;position:relative;}
section .slick-current {opacity: 1;z-index:999;cursor:pointer;}
section.slider div {position:relative;}
section.slider div span.tag {background-color:rgba(0,0,0,0.5);position:absolute;padding:18px;bottom:0;right:0;left:0;display:none;}
section.slider .slick-current span.tag {display:block;display:flex;justify-content:space-between}
section.slider div span.tagFull {background-color:rgba(83,58,105,0.8);position:absolute;padding:50px 18px 18px 18px;bottom:0;right:0;left:0;top:0;display:none;color:#fff;}
section.slider .slick-current span.tagFull {display:block;}
section.slider .slick-current span.tag span.ttl {display:inline-block;font-size:22px;font-weight:700;text-transform:uppercase;}
section.slider .slick-current span.tag a {color:#d8d2d5}
section.slider .slick-current span.tag a:after {content: "\f138";font-family: 'font-awesome';display:inline-block;margin:0;padding:6px 0 0 6px;color:rgba(200,200,200,0.5);font-size:14px;font-style:normal;vertical-align:top;}
section.slider .slick-current span.tag a:hover,
section.slider .slick-current span.tag a:hover:after {color:white;}
section.slider .slick-current span.tag span.price {display:inline-block;color:#fff;font-size:30px;}
section.slider .slick-current span.tag span.price * {vertical-align:top;}
section.slider .slick-current span.tag span.price em {display:inline-block;font-size:60%;}
section.slider .slick-current span.tag span.price input {}

.regular-nav {margin:0;width:100%;font-family:'PT Sans', Arial, Helvetica, sans-serif;/*color:#3d3d3d;*/color:#877d7e;text-transform:uppercase;}
.regular-nav .slick-slide {width:100%;margin:0 0 8px 0;text-align:left;display:block;min-height:37px;border:none;}
.regular-nav .slick-slide span.bot {display:inline-block;padding:5px 12px;border-radius:20px;font-size:18px;transition: 0.5s;font-weight:400}
.regular-nav .slick-current {position:relative;border:none;}
.regular-nav .slick-current span.bot {display:inline-block;background-color:#877d7e;color:#fff;font-size:20px;font-weight:700}
.regular-nav .slick-slide span.bot:hover {cursor:pointer;background-color:#aaa1a3;color:#fff;}
.regular-nav * {border:none;outline: none;}

figure.slider {}
figure .slick-active {opacity:0}
figure .slick-slide {opacity: 0;}
figure .slick-current {opacity: 1;}
figure .slick-prev,
figure .slick-next {height:auto;width:auto;min-height:unset;line-height:normal;}
figure .slick-prev:before,
figure .slick-next:before {background-image:none;height:auto;width:auto;background-color:transparent;line-height:40px;padding:0;margin:0;font-family: 'font-awesome';color:#877d7e;font-size:40px;}
figure .slick-prev:before {content: "\f137";}
figure .slick-next:before {content: "\f138";}

/*.listModels .regular-nav:before {content:"Choose your FaB:";font-weight:bold;color:#3d3d3d;font-size:20px;padding:0 0 12px 0;display:block;text-transform:none;}*/

.listModels {}

.draggable {/*background-color:lime;z-index:9999*/}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list
{
    background: #fff url('./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: 50px;
    height: 50px;
    padding: 0;
    margin: 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;

    z-index:10 /*!important*/;

}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    background-color:#877d7e;
    background-repeat:no-repeat;
    background-size:40px;

    opacity: .75;
    color: white;
        
    width: 50px;
    height: 60px;

    display:block;        
    z-index:9999
}

.slick-prev
{
    left: 0;
}

.slick-prev:before
{
    content: ' ';
    background-image:url('arrow_lft.svg');
    border-radius: 0 50% 50% 0;
    background-position:40% 50%;
}

.slick-next
{
    right: 0;
}

.slick-next:before
{
    content: ' ';
    background-image:url('arrow_rgt.svg');
    border-radius: 50% 0 0 50%;
    background-position:40% 50%;
}


@media only screen and (max-width: 800px) {
        
section.slider {width: auto;height:auto;}
section .slick-slide {height:auto;width: auto;}
section .slick-slide img {width: 100%;height:auto;}
section.slider div span.tag {padding:16px;}
section.slider div span.tagFull {padding:50px 35px 18px 35px;}
section.slider .slick-current span.tag span.ttl {font-size:18px;}
section.slider .slick-current span.tag span.price {font-size:20px;}
section.slider .slick-current span.tag span.price input {margin:0 0 0 10px;}

.regular-nav {margin:0 0 10px 0;width:auto;font-family:'PT Sans', Arial, Helvetica, sans-serif;color:#d8d2d5;text-transform:uppercase;}
.regular-nav .slick-slide {width:auto;margin:0 0 0 0;text-align:left;display:inline-block;min-height:37px;}
.regular-nav .slick-slide span.bot {display:inline-block;padding:5px 12px;border-radius:20px;font-size:16px;transition: 0.5s;font-weight:400;}
.regular-nav .slick-current {position:relative;}
.regular-nav .slick-current span.bot {display:inline-block;background-color:#877d7e;color:#fff;font-size:16px;font-weight:700}

.slick-prev,
.slick-next
{
    width: 40px;
    height: 40px;
}

.slick-prev:before,
.slick-next:before
{
    background-size:30px;        
    width: 35px;
    height: 40px;
}

.slick-prev
{
    left: 0;
}

.slick-prev:before
{
    background-position:0 50%;
}

.slick-next
{
    right: -4px;
}

.slick-next:before
{
    background-position:100% 50%;
}

.regular-nav .slick-prev,
.regular-nav .slick-next
{
    width: 30px;
    height: 30px;
    top:40%;
    z-index:99;
    display:none;
}

.regular-nav .slick-prev:before,
.regular-nav .slick-next:before
{
    background-size:20px;        
    width: 30px;
    height: 35px; 
    z-index:99;
    display:none;
}

.regular-nav .slick-prev
{
    left: 0;
}

.regular-nav .slick-prev:before
{
    background-position:50% 50%;
}

.regular-nav .slick-next
{
    right: 0;
}

.regular-nav .slick-next:before
{
    background-position:50% 50%;
}

}

@media only screen and (max-height: 700px) {

    .listModels {max-height:350px;}
    .listModels .regular-nav {max-height:300px;overflow-y:scroll}

}