/* LayerSlider Morpheus Skin */

.ls-morpheus {
    /* padding: 10px; */
    /* background: #fff; */
    /* box-shadow : 0px 10px 150px -50px #000; */
}

.ls-morpheus .ls-bottom-nav-wrapper {
    text-align : center;
    /* margin     : 10px auto 0px auto; */
    position   : absolute;
    width      : 100%;
    bottom     : 0;
    height: 40px;
}

.ls-morpheus .ls-playvideo {
    width       : 75px;
    height      : 75px;
    margin-left : -37px;
    margin-top  : -37px;
}

.ls-morpheus .ls-playvideo,
.ls-morpheus .ls-nav-sides,
.ls-morpheus .ls-bottom-slidebuttons a,
.ls-morpheus .ls-nav-prev,
.ls-morpheus .ls-nav-next,
.ls-morpheus .ls-nav-start,
.ls-morpheus .ls-nav-stop,
.ls-morpheus .ls-fullscreen,
.ls-morpheus .ls-loading-container {
    background-image : url(skin.png);
}

.ls-morpheus .ls-playvideo {
    background-position : -300px -150px;
}

.ls-morpheus .ls-playvideo:hover,
.ls-morpheus .ls-vpcontainer:hover .ls-playvideo {
    background-position : -375px -150px;
}

.ls-morpheus .ls-nav-prev {
    background-position : 0px 0px;
}

.ls-morpheus .ls-nav-prev:hover {
    background-position : 0px -75px;
}

.ls-morpheus .ls-nav-next {
    background-position : -150px 0px;
}

.ls-morpheus .ls-nav-next:hover {
    background-position : -150px -75px;
}

.ls-morpheus .ls-nav-start {
    /* background-position : -300px 0px; */
}

.ls-morpheus .ls-nav-start:hover,
.ls-morpheus .ls-nav-start-active {
    background-position : -300px -75px;
}

.ls-morpheus .ls-nav-stop {
    background-position : -450px 0px;
}

.ls-morpheus .ls-nav-stop:hover,
.ls-morpheus .ls-nav-stop-active {
    background-position : -450px -75px;
}

.ls-morpheus .ls-bottom-slidebuttons a {
    background-position: 0px -150px;
    width: 8px;  height: 8px;  
    /* z-index: 10000; */  
    /* top: 50%;  */
    /* margin-top: -4px; */  
    /* position: absolute; */  border: 2px solid #FFF !important;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  -o-border-radius: 50%;  border-radius: 50%;
}

.ls-morpheus .ls-bottom-slidebuttons a.ls-nav-active,
.ls-morpheus .ls-bottom-slidebuttons a:hover {
    background-position : -75px -150px;
}

.ls-morpheus .ls-nav-sideleft {
    background-position : -150px -150px;
}

.ls-morpheus .ls-nav-sideright {
    background-position : -225px -150px;
}

.ls-morpheus .ls-nav-prev,
.ls-morpheus .ls-nav-next {
    width                 : 8px;
    height                : 8px;
    z-index               : 10000;
    top                   : 50%;
    margin-top            : -4px;
    position              : absolute;

    border                : 2px solid #fff !important;
    -webkit-border-radius : 50%;
    -moz-border-radius    : 50%;
    -o-border-radius      : 50%;
    border-radius         : 50%;

    background : none;
}
@media only screen and (max-width : 1024px) {
    .ls-morpheus .ls-nav-prev,
    .ls-morpheus .ls-nav-next {
        display: none;
    }
}
.ls-morpheus .ls-nav-prev {
    left : 25px;
}

.ls-morpheus .ls-nav-next {
    right : 25px;
}

.ls-morpheus .ls-nav-prev:hover,
.ls-morpheus .ls-nav-next:hover {
    background : #fff;
}

.ls-morpheus .ls-bottom-slidebuttons,
.ls-morpheus .ls-bottom-slidebuttons a,
.ls-morpheus .ls-nav-start,
.ls-morpheus .ls-nav-stop,
.ls-morpheus .ls-nav-sides {
    height : 30px;
}

.ls-morpheus .ls-bottom-slidebuttons,
.ls-morpheus .ls-bottom-slidebuttons a,
.ls-morpheus .ls-nav-start,
.ls-morpheus .ls-nav-stop,
.ls-morpheus .ls-nav-sides {
    display : inline-block;
}

.ls-morpheus .ls-nav-start,
.ls-morpheus .ls-nav-stop {
    position : absolute;
    width    : 12px;
    height   : 12px;
    right: 50px;


    top: 6px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    background: none;

    color: #fff;
}
.ls-morpheus .ls-nav-start.ls-nav-start-active,
.ls-morpheus .ls-nav-stop.ls-nav-stop-active {
    display : none;
}
.ls-morpheus .ls-nav-start:before {
    content : "\f04b";
}
.ls-morpheus .ls-nav-stop:before {
    content : "\f04c";
}

.ls-morpheus .ls-bar-timer {
    border : none
}
.ls-morpheus .ls-circle-timer {
    position : absolute;
    width    : 12px;
    height   : 12px;
    top      : auto;
    bottom: 22px;
    right: 25px;
    display  : block;
    opacity: 1;
}
.ls-morpheus .ls-circle-timer .ls-ct-center {
    display : none;
}

.ls-morpheus .ls-bottom-slidebuttons a {
    width: 8px;
    height: 8px;
    z-index: 10000;
    /* position: absolute; */
    margin: 6px;
    border: 2px solid #FFF !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: none;
}
.ls-morpheus .ls-bottom-slidebuttons a:hover,
.ls-morpheus .ls-bottom-slidebuttons a.ls-nav-active {
    background: #fff;
}
.ls-morpheus .ls-nav-sides {
    width : 4px;
}


.ls-morpheus .ls-thumbnail-wrapper {
    position : absolute;
    bottom: 0;
}

.ls-morpheus .ls-thumbnail-hover {
    bottom      : 50px;
    padding     : 4px;
    margin-left : 1px;
}

.ls-morpheus .ls-thumbnail-hover-bg {
    background : white;
}

.ls-morpheus .ls-thumbnail-hover span {
    border      : 5px solid white;
    margin-left : -5px;
}

.ls-morpheus .ls-thumbnail {
    /* top: auto; */
    /* bottom: 100px; */
}

.ls-morpheus .ls-thumbnail-inner {
    /* padding     : 5px; */
    margin-left : -5px;
    /* background  : white; */
}

.ls-morpheus .ls-thumbnail-slide a {
    margin-right : 5px;
}

.ls-morpheus .ls-nothumb {
    background : #eee;
}

.ls-morpheus .ls-above-thumbnails {
    display : none;
}

.ls-morpheus .ls-below-thumbnails {
    display    : block;
    margin-top : -20px;
}

.ls-morpheus .ls-loading-container {
    width               : 40px;
    height              : 40px;
    margin-left         : -20px;
    margin-top          : -20px;
    background-position : -450px -150px;
}

.ls-morpheus .ls-loading-indicator {
    width            : 22px;
    height           : 22px;
    margin-top       : 9px;
    background-image : url(loading.gif);
}

.ls-morpheus .ls-fullscreen {
    width               : 30px;
    height              : 30px;
    right               : 10px;
    top                 : 10px;
    background-position : -525px -150px;
}

.ls-morpheus .ls-fullscreen:hover {
    background-position : -525px -190px;
}