.slider-pro{}
#example1 .sp-thumbnail{width:100%;padding:8px;background-color:#F0F0F0;-moz-box-sizing:border-box;box-sizing:border-box;}
#example1 .sp-thumbnail-title{margin-bottom:5px;text-transform:uppercase;color:#333;}
#example1 .sp-thumbnail-description{font-size:14px;color:#333;}
@media (max-width:860px){#example1 .hide-medium-screen{display:none;}
}
@media (max-width:640px){#example1 .sp-layer{font-size:12px;}
#example1 .hide-small-screen{display:none;}
}
@media (max-width:500px){#example1 .sp-thumbnail{text-align:center;}
#example1 .sp-thumbnail-title{font-size:12px;text-transform:uppercase;}
#example1 .sp-thumbnail-description{display:none;}
}
#example3 .sp-selected-thumbnail{border:2px solid #000;}
.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box;clear:both;}
.sp-slides-container{position:relative}
.sp-mask{position:relative;overflow:hidden}
.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
.sp-slide{position:absolute}
.sp-image-container{overflow:hidden}
.sp-image{position:relative;display:block;border:none}
.sp-no-js{overflow:hidden;max-width:100%}
.sp-thumbnails-container{position:relative;overflow:hidden;direction:ltr}
.sp-bottom-thumbnails, .sp-top-thumbnails{left:0;margin:0 auto}
.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}
.sp-bottom-thumbnails{margin-top:20px;}
.main-slider-pro .sp-bottom-thumbnails{display:none !important}
.sp-left-thumbnails, .sp-right-thumbnails{position:absolute;top:0}
.sp-right-thumbnails{right:0;margin-left:4px}
.sp-left-thumbnails{left:0;margin-right:4px}
.sp-thumbnails{position:relative}
.sp-thumbnail{border:none}
.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:right;-moz-box-sizing:border-box;box-sizing:border-box}
.sp-rtl .sp-thumbnail-container{float:right}
.sp-bottom-thumbnails .sp-thumbnail-container, .sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;}
.sp-bottom-thumbnails .sp-thumbnail-container:first-child, .sp-top-thumbnails .sp-thumbnail-container:first-child{}
.sp-bottom-thumbnails .sp-thumbnail-container:last-child, .sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}
.sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}
.sp-left-thumbnails .sp-thumbnail-container:first-child, .sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}
.sp-left-thumbnails .sp-thumbnail-container:last-child, .sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}
.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}
.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}
.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}
.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}
.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}
.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}
.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}
.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}
.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}
.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}
.sp-rounded{border-radius:10px}
.sp-padding{padding:10px}
.sp-grabbing{cursor:url(images/closedhand.cur), move}
.sp-selectable{cursor:default}
.sp-caption-container{text-align:center;margin-top:10px}
.sp-full-screen{margin:0!important;background-color:#000}
.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:none;}
.sp-full-screen-button:before{content:'\2195'}
.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}
.slider-pro:hover .sp-fade-full-screen{opacity:1}
.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}
.sp-rtl .sp-buttons{direction:rtl}
.sp-full-screen .sp-buttons{display:none}
.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.sp-selected-button{background-color:#000}


.slider { width: 300px; height: 300px; display: flex; overflow-x: auto; }
.slide { width: 300px; flex-shrink: 0; height: 100%; }
@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}
}
@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}
}
@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}
}
.sp-arrows{position:absolute}
.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}
.sp-slides-container:hover .sp-fade-arrows{opacity:1}
.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}
.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}
.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}
.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.sp-horizontal .sp-previous-arrow{left:20px;right:auto}
.sp-horizontal .sp-next-arrow, .sp-horizontal.sp-rtl .sp-previous-arrow{right:20px;left:auto}
.sp-horizontal.sp-rtl .sp-next-arrow{left:20px;right:auto}
.sp-vertical .sp-previous-arrow{top:20px}
.sp-vertical .sp-next-arrow{bottom:20px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}
.sp-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg, 0deg);-ms-transform:skew(145deg, 0deg);transform:skew(145deg, 0deg)}
.sp-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg, 0deg);-ms-transform:skew(-145deg, 0deg);transform:skew(-145deg, 0deg)}
.sp-horizontal.sp-rtl .sp-previous-arrow, .sp-next-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.sp-horizontal.sp-rtl .sp-next-arrow{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.ie7 .sp-arrow, .ie8 .sp-arrow{width:0;height:0}
.ie7 .sp-arrow:after, .ie7 .sp-arrow:before, .ie8 .sp-arrow:after, .ie8 .sp-arrow:before{content:none}
.ie7.sp-horizontal .sp-previous-arrow, .ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}
.ie7.sp-horizontal .sp-next-arrow, .ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}
.ie7.sp-vertical .sp-previous-arrow, .ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}
.ie7.sp-vertical .sp-next-arrow, .ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}
.sp-thumbnail-arrows{position:absolute}
.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}
.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}
.sp-bottom-thumbnails .sp-thumbnail-arrows, .sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}
.sp-left-thumbnails .sp-thumbnail-arrows, .sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}
.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}
.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow, .sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow, .sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}
.sp-bottom-thumbnails .sp-next-thumbnail-arrow, .sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}
.sp-left-thumbnails .sp-previous-thumbnail-arrow, .sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}
.sp-left-thumbnails .sp-next-thumbnail-arrow, .sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}
.sp-next-thumbnail-arrow:after, .sp-next-thumbnail-arrow:before, .sp-previous-thumbnail-arrow:after, .sp-previous-thumbnail-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}
.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg, 0deg);-ms-transform:skew(145deg, 0deg);transform:skew(145deg, 0deg)}
.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg, 0deg);-ms-transform:skew(-145deg, 0deg);transform:skew(-145deg, 0deg)}
.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg, 0deg);-ms-transform:skew(35deg, 0deg);transform:skew(35deg, 0deg)}
.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg, 0deg);-ms-transform:skew(-35deg, 0deg);transform:skew(-35deg, 0deg)}
.ie7 .sp-thumbnail-arrow, .ie8 .sp-thumbnail-arrow{width:0;height:0}
.ie7 .sp-thumbnail-arrow:after, .ie7 .sp-thumbnail-arrow:before, .ie8 .sp-thumbnail-arrow:after, .ie8 .sp-thumbnail-arrow:before{content:none}
.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow, .ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}
.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow, .ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}
.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow, .ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}
.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow, .ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}
a.sp-video{text-decoration:none}
a.sp-video img{-webkit-backface-visibility:hidden;border:none}
a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}
.slider-pro img.sp-image, .slider-pro img.sp-thumbnail{max-width:none;max-height:none;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none;max-width: 800px;
    margin: 0 auto !important;}
.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}
.slider-pro canvas, .slider-pro embed, .slider-pro iframe, .slider-pro object, .slider-pro video{max-width:none;max-height:none}
.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}
.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}
.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}
.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}
.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}
.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}
.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}
.slider-pro img.sp-layer{border:none}