﻿#controls-wrapper{margin:0 auto;height:42px;width:100%;bottom:0px;left:0;z-index:4;position:fixed;}
#controls{overflow:hidden;height:100%;position:relative;text-align:left;z-index:5;}
#slidecounter{float:left;color:#999;font:14px "Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow:#000 0 -1px 0;margin:0px 10px 0 15px;line-height:42px;}
#slidecaption{overflow:hidden;float:left;color:#FFF;font:400 14px "Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow:#000 1px 1px 2px;margin:0 20px 0 0;line-height:42px;}
#navigation{float:right;margin:0px 20px 0 0;}

.divArrowNav {display: flex;align-items: center;justify-content: flex-end;}
#play-button {display: flex;width:40px;height:40px;margin-left:10px;margin-right:10px;}
.playActive:before {content: "pause";font-family: 'Material Icons';display: flex;align-items:center;justify-content:center;color: #007A46;font-size: 22px;font-weight: 400;
    width:36px;height:36px;border:2px solid #007A46;border-radius:50%;background:#fff;}
.pauseActive:before {
    content: "play_arrow";font-family: 'Material Icons';display: flex;align-items:center;justify-content:center;color: #007A46;font-size: 24px;font-weight: 400;
    width:36px;height:36px;border:2px solid #007A46;border-radius:50%;background:#fff;}
.pauseActive:hover:before, .playActive:hover:before {color: #fff;background:#007A46;}
#prevslide,#nextslide {height: 40px;width: 40px;}
#prevslide:before {content: "keyboard_arrow_left";font-family: 'Material Icons';display: flex;align-items:center;justify-content:center;color: #fff;font-size: 28px;
    font-weight: 400;width:36px;height:36px;border-radius:50%;background:#007A46;border:2px solid #007A46;}
#nextslide:before {content: "keyboard_arrow_right";font-family: 'Material Icons';display: flex;align-items:center;justify-content:center;color: #fff;font-size: 28px;
    font-weight: 400;width:36px;height:36px;border:2px solid #007A46;border-radius:50%;background:#007A46;}
#prevslide:hover:before, #nextslide:hover:before {color: #231815;background:#f4f4f4;border:2px solid #231815;}
#prevslide:active,#nextslide:active {}
#prevslide:hover,#nextslide:hover {cursor: pointer;}

.divSSPaging {position:absolute; z-index:90; bottom:3%; left:0px; width:100%; margin:auto; height:10px;}
.divSSPagingInner {position:relative; width:1200px; margin:auto;}
.divSSPagingInnerSub {position:relative; width:960px; margin:auto; display:none;}

/*.paggingsplitter {width: 80px; margin: auto; height: 1px; background-color: #fff; margin-bottom: -10px;}*/
ul#slide-list{ text-align:center; margin-left:0px !important; /*transform: rotate(180deg);*/ float: left; /*padding-right:14px; float:left*/}
ul#slide-list li{list-style:none;width:15px; height:12px;margin:0 2px; display:inline-block; margin: auto; background:url(../img/usr/pagination-home-masthead.png) no-repeat 0px 3px; background-size: 9px; padding-left: 0px;}
ul#slide-list li:hover{background:url(../img/usr/pagination-home-masthead.png) no-repeat 0px -21px; background-size: 9px;}
ul#slide-list li.current-slide a,ul#slide-list li.current-slide a:hover{background:url(../img/usr/pagination-home-masthead.png) no-repeat 0px -21px; background-size: 9px;}
ul#slide-list li a{display: block; width: 10px; /*height: 20px;*/ padding-top: 20px; color: #fff; font-size: 12px;}
ul#slide-list li a:hover{cursor:pointer;}

#tray-button{float:right;margin-top:1px;border-left:1px solid #333;}
#tray-button:hover{background-position:0 1px;cursor:pointer;}

#progress-back{z-index:5;position:fixed;bottom:42px;left:0;height:8px;width:100%;/*background:url('../img/progress-back.png') repeat-x;*/}
#progress-bar{position:relative;height:8px;width:100%;/*background:url('../img/progress-bar.png') repeat-x;*/}

#nextthumb,#prevthumb{z-index:2;display:none;position:fixed;bottom:61px;height:75px;width:100px;overflow:hidden;background:#ddd;border:1px solid #fff;-webkit-box-shadow:0 0 5px #000;}
#nextthumb{right:12px;}
#prevthumb{left:12px;}
#nextthumb img,#prevthumb img{width:150px;height:auto;}
#nextthumb:active,#prevthumb:active{bottom:59px;}
#nextthumb:hover,#prevthumb:hover{cursor:pointer;}

#thumb-tray{position:fixed;z-index:3;bottom:0;left:0;/*background:url(../img/bg-black.png);*/height:150px;width:100%;overflow:hidden;text-align:center;-moz-box-shadow:0px 0px 4px #000;-webkit-box-shadow:0px 0px 4px #000;box-shadow:0px 0px 4px #000;}
#thumb-back,#thumb-forward{position:absolute;z-index:5;bottom:42px;height:108px;width:40px;}
#thumb-back{left:0;/*background:url('../img/thumb-back.png') no-repeat center center;*/}
#thumb-forward{right:0;/*background:url('../img/thumb-forward.png') no-repeat center center;*/}
#thumb-back:hover,#thumb-forward:hover{cursor:pointer;background-color:rgba(256,256,256,0.1);}
#thumb-back:hover{border-right:1px solid rgba(256,256,256,0.2);}
#thumb-forward:hover{border-left:1px solid rgba(256,256,256,0.2);}

ul#thumb-list{display:inline-block;list-style:none;position:relative;left:0px;padding:0 0px;}
ul#thumb-list li{background:#111;list-style:none;display:inline;width:150px;height:108px;overflow:hidden;float:left;margin:0;}
ul#thumb-list li img{width:200px;height:auto;/*opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-webkit-transition:all 100ms ease-in-out;-moz-transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;-ms-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out;*/}
ul#thumb-list li.current-thumb img,ul#thumb-list li:hover img{/*opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);*/}
ul#thumb-list li:hover{cursor:pointer;}

@media only screen and (max-width:1400px) {
    .divArrowNav {padding-right: 17px;}
    #play-button {width: 30px;height: 30px;margin-left: 8px;margin-right: 8px;}
    .playActive:before {font-size: 16px;width: 26px;height: 26px;border: 2px solid #007A46;}
    .pauseActive:before {font-size: 18px;width: 26px;height: 26px;border: 2px solid #007A46;}
    #prevslide, #nextslide {height: 30px;width: 30px;}
    #prevslide:before {font-size: 20px;width: 26px;height: 26px;border: 2px solid #007A46;}
    #nextslide:before {font-size: 20px;width: 26px;height: 26px;border: 2px solid #007A46;}
}