/*css\masterslider.css 
*/

/** 
 *  Master Slider
 *	version 1.6.0 wp
 * 	Core css file
 */

.master-slider {
    position: relative;
    visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
}

.ms-slide .ms-slide-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 110;
}

.master-slider, .master-slider * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.ms-layout-partialview .ms-view {
    overflow: visible;
    background-color: transparent;
}

.ms-layout-partialview .ms-container {
    overflow: hidden;
}

.master-slider.before-init {
}

.master-slider img {
    max-width: none;
}

.ms-ie img {
    border: none;
}

.ms-ie8 * {
    opacity: inherit;
    filter: inherit;
}

.ms-ie7 {
    zoom: 1;
}

.master-slider.ms-fullheight {
    height: 100%;
}

.ms-loading-container {
    position: absolute;
    width: 100%;
    top: 0;
}

    .ms-loading-container .ms-loading,
    .ms-slide .ms-slide-loading {
        width: 30px;
        height: 30px;
        /*background: url(common/loading-1-dark.gif) no-repeat center;*/
        box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -40px;
        opacity: 1;
        border-radius: 50%;
        border-top: .3em solid rgba(204, 155, 36, 0);
        border-right: .3em solid rgba(204, 155, 36, 0.2);
        border-bottom: .3em solid rgba(204, 155, 36, 0.2);
        border-left: .3em solid #cc9b24;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear;
    }

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* grab cursor */
.ms-def-cursor {
    cursor: auto !important;
}

.ms-grab-cursor {
    cursor: url(common/grab.png), move;
}

.ms-grabbing-cursor {
    cursor: url(common/grabbing.png), move;
}

.ms-ie .ms-grab-cursor {
    cursor: url(common/grab.cur), move;
}

.ms-ie .ms-grabbing-cursor {
    cursor: url(common/grabbing.cur), move;
}

.ms-view {
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px;
}

    .ms-view .ms-slide-container {
        position: relative;
    }

.ms-slide {
    position: absolute;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 100%;
}

    .ms-slide.selected {
    }

    .ms-slide .ms-slide-bgcont,
    .ms-slide .ms-slide-bgvideocont {
        position: absolute;
        overflow: hidden;
        width: 100%;
    }

    .ms-slide .ms-slide-bgvideocont {
        z-index: 105;
        height: 100%;
    }

    .ms-slide .ms-slide-bgvideocont,
    .ms-slide-bgvideocont > video {
        -webkit-transform: translateZ(0.3px);
        -moz-transform: translateZ(0.3px);
        -ms-transform: translateZ(0.3px);
        -o-transform: translateZ(0.3px);
        transform: translateZ(0.3px);
    }

    .ms-slide .ms-slide-bgvideo {
        position: absolute;
        top: 0px;
    }


.ms-inner-controls-cont, .ms-container {
    position: relative;
    margin: 0 auto;
}

.ms-slide .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*.ms-slide .ms-layer{position:absolute; width: 100%; height: 100%;}*/

.ms-slide .ms-slide-layers {
    position: absolute;
    /*overflow:hidden;*/
    width: 100%;
    height: 100%;
    z-index: 110;
    top: 0px;
}

.ms-slide .ms-layer, .ms-fixed-layers .ms-layer {
    position: absolute;
    pointer-events: auto
}

.ms-slide .ms-slide-video {
    position: absolute;
    top: 0;
    z-index: 111;
    background: black;
    padding: 0;
    margin: 0;
    border: none;
}

.ms-parallax-layer {
    width: 100%;
    position: absolute;
    top: 0;
}

/*-----------------------------------------------------------*/
.ms-action-layer {
    cursor: pointer;
}

.ms-btn-container {
    position: absolute;
}

.ms-btn {
    text-decoration: none;
    display: inline-block;
    color: black;
    position: relative;
    padding: 8px 15px;
    cursor: pointer;
    white-space: nowrap;
}

.ms-default-btn {
    background: #0074A2;
    border-radius: 5px;
    color: #FFF;
}

    .ms-default-btn:hover {
        background-color: #0098D5;
    }

    .ms-default-btn:active {
        top: 1px;
    }

.ms-layer.video-box {
    background: black;
}

    .ms-layer.video-box iframe {
        padding: 0;
        margin: 0;
        border: none;
        position: absolute;
        z-index: 110;
    }

.ms-btn-s {
    padding: 14px 17px;
    font-size: 80%;
    line-height: 0;
}

.ms-btn-m {
    padding: 12px 40px;
}

.ms-btn-n {
    padding: 8px 25px;
    font-size: 95%;
}

.ms-btn-l {
    padding: 17px 50px;
    font-size: 120%;
}

.ms-btn-box {
}

.ms-btn-round {
    border-radius: 5px;
}

.ms-btn-circle {
    border-radius: 100px;
}

.ms-btn-outline-box {
}

.ms-btn-outline-round {
    border-radius: 5px;
}

.ms-btn-outline-circle {
    border-radius: 100px;
}
/*-----------------------------------------------------------*/


.ms-slide .ms-slide-vpbtn, .ms-slide .ms-video-btn {
    position: absolute;
    cursor: pointer;
    z-index: 110;
}

.ms-slide .ms-slide-vcbtn {
    position: absolute;
    cursor: pointer;
    z-index: 113;
}

.ms-slide-vcbtn-mobile {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 28px;
    background-color: black;
    color: white;
    text-align: center;
    cursor: pointer;
    z-index: 113;
}

    .ms-slide-vcbtn-mobile .ms-vcbtn-txt {
        text-transform: uppercase;
        font-family: sans-serif;
        font-size: 0.75em;
        display: inline-block;
        background: url(common/video-close-btn.png) no-repeat 0px 3px;
        padding-left: 15px;
        height: 15px;
        color: #DBDBDB;
        margin-top: 7px;
    }

.ms-slide .ms-slide-vcbtn,
.ms-slide .ms-slide-layers,
.ms-slide .ms-slide-vpbtn,
.ms-slide .ms-slide-video {
    -webkit-transform: translateZ(0.44px);
    -moz-transform: translateZ(0.44px);
    -ms-transform: translateZ(0.44px);
    -o-transform: translateZ(0.44px);
    transform: translateZ(0.44px);
}

.ms-video-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ms-mask-frame {
    overflow: hidden;
    position: absolute;
    float: left;
}

/* controls */

.ms-thumb-list {
    overflow: hidden;
    position: absolute;
}

    .ms-thumb-list.ms-dir-h {
        width: 100%;
    }

    .ms-thumb-list.ms-dir-v {
        height: 100%;
        top: 0;
    }

.ms-thumbs-cont {
    position: relative;
}

.ms-thumb-frame img {
    width: 100%;
    height: auto;
}

.ms-thumb-frame {
    cursor: pointer;
    float: left;
    overflow: hidden;
    opacity: 0.5;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.ms-thumb-frame-selected {
    opacity: 1;
}

.ms-tabs .ms-thumb-frame {
    background-color: #F6f6f6;
    text-shadow: 0 1px 1px white;
    color: #222;
    border: solid 1px white;
    border-width: 0 1px 1px 0;
    overflow: visible;
    position: relative;
    opacity: 1;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame {
    margin-top: 12px;
}

.ms-tabs.ms-dir-v .ms-thumb-frame {
    margin-left: 12px;
}

.ms-tabs .ms-thumb {
    padding: 20px 20px;
}

.ms-tabs .ms-thumb-frame-selected {
    opacity: 1;
    background: #EDEDED;
}

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
    top: 0px;
    left: 50%;
    margin-left: -12px;
    border-bottom: solid 12px #F6f6f6;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}

.ms-tabs.ms-dir-h .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    top: -12px;
    border-bottom-color: #EDEDED;
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
    top: 50%;
    left: 0;
    margin-top: -12px;
    border-right: solid 12px #EDEDED;
    border-top: solid 12px transparent;
    border-bottom: solid 12px transparent;
}

.ms-tabs.ms-dir-v .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    left: -12px;
    border-right-color: white;
}

.ms-thumb-alt {
    text-align: center;
    margin: 5px;
    font-size: 14px;
    font-weight: 600;
}

.ms-bullet {
    cursor: pointer;
    float: left;
}

.ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 83%;
    width: 100px !important;
}

.ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-sbar {
    position: absolute;
}

    .ms-sbar.ms-dir-h {
        left: 10px;
        right: 10px;
        top: 5px
    }

    .ms-sbar.ms-dir-v {
        top: 10px;
        bottom: 10px;
        right: 5px
    }

    .ms-sbar .ms-bar {
        height: 4px;
        background: #333;
        border-radius: 4px;
    }

    .ms-sbar.ms-dir-v .ms-bar {
        width: 4px;
    }

    .ms-sbar .ms-bar {
        position: relative;
        -webkit-transition: opacity 300ms;
        -moz-transition: opacity 300ms;
        -ms-transition: opacity 300ms;
        -o-transition: opacity 300ms;
        transition: opacity 300ms;
    }

.ms-timerbar {
    width: 100%;
    bottom: 0px;
    position: absolute;
}

.ms-ctimer {
    position: absolute;
    top: 30px;
    left: 30px;
    cursor: pointer;
}

.ms-ctimer-bullet {
}

/*.ms-time-bar{*/
/*-webkit-transition: width 120ms linear;*/
/*-moz-transition: width 120ms linear;*/
/*-ms-transition: width 120ms linear;*/
/*-o-transition: width 120ms linear;*/
/*transition: width 120ms linear;*/
/*}*/

.ms-ie7 .ms-tooltip-arrow {
    height: 0px;
}

.ms-slide-info {
    position: absolute;
}

    .ms-slide-info.ms-dir-v {
        top: 0;
    }

    .ms-slide-info.ms-dir-h {
        width: 100%;
    }

@keyframes point-anim {
    0% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        -ms-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes point-anim {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

/* In Android browser, using css animations over slider causes some crashes */
.ms-android .ms-tooltip-point .ms-point-border {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
}
/*css\default.css 
*/

/**
 *  Master Slider
 *  Default Skin
 */

.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn {
    width: 50px;
    height: 51px;
    background: url(skins/light-skin-1.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
}

.ms-skin-default .ms-slide .ms-slide-vcbtn {
    width: 30px;
    height: 30px;
    background: url(skins/light-skin-1.png) no-repeat -24px -28px;
    top: 18px;
    right: 30px;
}

/* controls */

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
    width: 30px;
    background: url(skins/light-skin-1.png);
    background-position: -89px -26px;
    height: 40px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}

.ms-skin-default .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -89px -103px;
}



.ms-skin-default .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(skins/light-skin-1.png) no-repeat;
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-default .ms-bullet-selected {
    background-position: -34px -84px;
}

.ms-skin-default .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-default .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-default .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-default .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-default .ms-tooltip {
    max-width: 200px;
}

.ms-skin-default .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    margin-left: -1px;
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-default .ms-slide .ms-slide-vpbtn,
    .ms-skin-default .ms-video-btn,
    .ms-skin-default .ms-slide .ms-slide-vcbtn,
    .ms-skin-default .ms-nav-next,
    .ms-skin-default .ms-nav-prev,
    .ms-skin-default .ms-bullet {
        background-image: url(skins/light-skin-1-retina.png);
        background-size: 152px 225px;
    }
}
/*css\black-1.css 
*/

/**
 *  Master Slider
 *  Black 1
 */

.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn {
    width: 54px;
    height: 54px;
    background: url(skins/black-skin-1.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}

.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
    width: 27px;
    height: 26px;
    background: url(skins/black-skin-1.png) no-repeat -24px -29px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
    width: 53px;
    background: url(skins/black-skin-1.png);
    background-position: -79px -19px;
    height: 61px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -26px;
    position: absolute;
    z-index: 110;
}

.ms-skin-black-1 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -79px -97px;
}

.ms-skin-black-1 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-black-1 .ms-bullet {
    width: 9px;
    height: 9px;
    background: white;
    margin: 4px;
    border: solid 1px rgb(58, 58, 58);
}

.ms-skin-black-1 .ms-bullet-selected {
    background-color: black;
}

.ms-skin-black-1 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: white;
    border-top-color: rgba(0, 0, 0, 0.8);
    bottom: -10px;
}

.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: white;
    border-bottom-color: rgba(0, 0, 0, 0.8);
    top: -10px;
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: white;
    border-right-color: rgba(0, 0, 0, 0.8);
    left: -10px;
}

.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: black;
    border-left-color: rgba(0, 0, 0, 0.8);
    right: -10px;
}

.ms-skin-black-1 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-black-1 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #444444;
        background: black;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-black-1 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: white;
        background: rgba(255, 255, 255, 0.9);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-black-1 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-black-1 .ms-tooltip-cont {
    padding: 10px;
    background: black;
    background: rgba(0, 0, 0, 0.8);
    text-shadow: 0 1px 0px black;
    color: white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
    .ms-skin-black-1 .ms-video-btn,
    .ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
    .ms-skin-black-1 .ms-nav-next,
    .ms-skin-black-1 .ms-nav-prev {
        background-image: url(skins/black-skin-1-retina.png);
        background-size: 152px 225px;
    }
}
/*css\black-2.css 
*/

/**
 *  Master Slider
 *  Black 2 Skin
 */

.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn {
    width: 45px;
    height: 45px;
    background: url(skins/black-skin-2.png) black no-repeat -16px -103px;
    border: solid 3px rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.4);
    -webkit-background-clip: padding-box;
    top: 50%;
    left: 50%;
    margin: -23px 0 0 -23px;
}

    .ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
    .ms-skin-black-2 .ms-video-btn:hover {
        background-color: #3D3D3D;
    }

.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
    width: 25px;
    height: 25px;
    background: url(skins/black-skin-2.png) black no-repeat -27px -36px;
    border: solid 2px white;
    border-color: rgba(255, 255, 255, 0.4);
    top: 15px;
    right: 15px;
}

.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn {
    border-radius: 50px;
}


/* controls */

.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
    position: absolute;
    cursor: pointer;
    z-index: 110;
    width: 45px;
    height: 45px;
    background: url(skins/black-skin-2.png) black;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background-position: -88px -26px;
    border: solid 3px rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.4);
    top: 50%;
    left: 30px;
    margin-top: -22px;
}

.ms-skin-black-2.round-skin .ms-nav-next,
.ms-skin-black-2.round-skin .ms-nav-prev,
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2.round-skin .ms-video-btn {
    border-radius: 90px;
}

.ms-skin-black-2 .ms-nav-next:hover,
.ms-skin-black-2 .ms-nav-prev:hover {
    background-color: #3d3d3d;
}

.ms-skin-black-2 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -86px -103px;
}

.ms-skin-black-2 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-black-2 .ms-bullet {
    width: 8px;
    height: 8px;
    background: white;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -ms-background-clip: padding-box;
    border: solid 3px white;
    border-color: rgba(0, 0, 0, 0.44);
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-black-2.round-skin .ms-bullet {
    border-radius: 15px;
}


.ms-skin-black-2 .ms-bullet-selected {
    background-color: black;
    border-color: white;
    border-color: rgba(255, 255, 255, 0.44);
}

.ms-skin-black-2 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-black-2 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-black-2 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-black-2 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
    display: none;
}

.ms-skin-black-2 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-black-2 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
    .ms-skin-black-2 .ms-video-btn,
    .ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
    .ms-skin-black-2 .ms-nav-next,
    .ms-skin-black-2 .ms-nav-prev {
        background-image: url(skins/black-skin-2-retina.png);
        background-size: 152px 225px;
    }
}
/*css\light-2.css 
*/

/**
 *  Master Slider
 *  Light 2
 */

.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn {
    width: 54px;
    height: 54px;
    background: url(skins/light-skin-2.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}

.ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
    width: 27px;
    height: 26px;
    background: url(skins/light-skin-2.png) no-repeat -24px -29px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
    width: 53px;
    background: url(skins/light-skin-2.png);
    background-position: -79px -19px;
    height: 61px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -26px;
    position: absolute;
    z-index: 110;
}

.ms-skin-light-2 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -79px -97px;
}

.ms-skin-light-2 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-light-2 .ms-bullet {
    width: 9px;
    height: 9px;
    background: black;
    margin: 4px;
    border: solid 1px rgb(58, 58, 58);
}

.ms-skin-light-2 .ms-bullet-selected {
    background-color: white;
}

.ms-skin-light-2 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-2 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-light-2 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-light-2 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-light-2 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-2 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-2 .ms-video-btn,
    .ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-2 .ms-nav-next,
    .ms-skin-light-2 .ms-nav-prev {
        background-image: url(skins/light-skin-2-retina.png);
        background-size: 152px 225px;
    }
}
/*css\light-3.css 
*/

/**
 *  Master Slider
 *  Light 3
 */

.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn {
    width: 50px;
    height: 50px;
    background: url(skins/light-skin-3.png) no-repeat -15px -149px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
}

.ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
    width: 31px;
    height: 29px;
    background: url(skins/light-skin-3.png) no-repeat -26px -28px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev {
    width: 50px;
    background: url(skins/light-skin-3.png);
    background-position: -82px -22px;
    height: 50px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -25px;
    position: absolute;
    z-index: 110;
}

.ms-skin-light-3 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -81px -99px;
}

.ms-skin-light-3 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-light-3 .ms-bullet {
    width: 16px;
    height: 16px;
    background: url(skins/light-skin-3.png) no-repeat;
    background-position: -31px -114px;
    margin: 4px;
}

.ms-skin-light-3 .ms-bullet-selected {
    background-position: -31px -81px;
}

.ms-skin-light-3 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-3 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-light-3 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-light-3 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-light-3 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-3 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-3 .ms-video-btn,
    .ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-3 .ms-nav-next,
    .ms-skin-light-3 .ms-nav-prev,
    .ms-skin-light-3 .ms-bullet {
        background-image: url(skins/light-skin-3-retina.png);
        background-size: 152px 225px;
    }
}
/*css\light-4.css 
*/

/**
 *  Master Slider
 *  Light 4
 */

.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn {
    width: 54px;
    height: 54px;
    background: url(skins/light-skin-4.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}

.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
    width: 27px;
    height: 26px;
    background: url(skins/light-skin-4.png) no-repeat -24px -29px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
    width: 54px;
    background: url(skins/light-skin-4.png);
    background-position: -77px -5px;
    height: 68px;
    cursor: pointer;
    top: 50%;
    left: -27px;
    margin-top: -40px;
    position: absolute;
    z-index: 110;
}

.ms-skin-light-4 .ms-nav-next {
    right: -27px;
    left: auto;
    background-position: -79px -83px;
}

.ms-skin-light-4 .ms-thumb-frame-selected {
    opacity: 0.6;
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
    bottom: -60px;
    width: 100%;
    height: 60px;
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
    height: 100%;
    width: 60px;
    right: -60px;
    top: 0;
}

.ms-skin-light-4 .ms-thumb-frame {
    cursor: pointer;
    float: left;
    width: 60px;
    height: 60px;
    margin: 1px 0 0 1px;
    overflow: hidden;
}

.ms-skin-light-4 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-light-4 .ms-bullet {
    width: 9px;
    height: 9px;
    background: #b9b9b9;
    margin: 4px;
    border: solid 1px rgb(163, 163, 163);
}

.ms-skin-light-4 .ms-bullet-selected {
    background-color: white;
}

.ms-skin-light-4 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: white;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-4 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-light-4 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #E0E0E0;
        background: #4b8aac;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-light-4 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: white;
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }


.ms-skin-light-4 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-4 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-4 .ms-video-btn,
    .ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-4 .ms-nav-next,
    .ms-skin-light-4 .ms-nav-prev {
        background-image: url(skins/light-skin-4-retina.png);
        background-size: 152px 225px;
    }
}
/*css\light-5.css 
*/

/**
 *  Master Slider
 *  Light 5
 */

.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn {
    width: 32px;
    height: 32px;
    background: url(skins/light-skin-5.png) black no-repeat -24px -160px;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
}

    .ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
    .ms-skin-light-5 .ms-video-btn:hover {
        background-color: #646464;
    }

.ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
    width: 30px;
    height: 30px;
    background: url(skins/light-skin-5.png) white no-repeat -24px -28px;
    top: 18px;
    right: 30px;
}

/* controls */

.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev {
    width: 32px;
    background: url(skins/light-skin-5.png) white;
    background-position: -94px -32px;
    height: 32px;
    cursor: pointer;
    bottom: 40px;
    left: 40px;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}

    .ms-skin-light-5 .ms-nav-next:hover,
    .ms-skin-light-5 .ms-nav-prev:hover {
        background-color: #E0E0E0;
    }

.ms-skin-light-5 .ms-nav-next {
    left: 73px;
    background-position: -93px -110px;
}

.ms-skin-light-5 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-light-5 .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(skins/light-skin-5.png) no-repeat;
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-light-5 .ms-bullet-selected {
    background-position: -34px -84px;
}

.ms-skin-light-5 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-5 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-light-5 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-light-5 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

/* In Android browser, using css animations over slider causes some crashes */
.ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
}

.ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
    display: none;
}

.ms-skin-light-5 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-5 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-5 .ms-video-btn,
    .ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-5 .ms-nav-next,
    .ms-skin-light-5 .ms-nav-prev {
        background-image: url(skins/light-skin-5-retina.png);
        background-size: 152px 225px;
    }
}
/*css\light-6.css 
*/

/**
 *  Master Slider
 *  Light-6 Skin
 */

.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn {
    width: 45px;
    height: 45px;
    background: url(skins/light-skin-6.png) white no-repeat -16px -103px;
    border: solid 3px rgb(112, 112, 112);
    border-color: rgba(0, 0, 0, 0.27);
    -webkit-background-clip: padding-box;
    top: 50%;
    left: 50%;
    margin: -23px 0 0 -23px;
}

    .ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
    .ms-skin-light-6 .ms-video-btn:hover {
        background-color: #E0E0E0;
    }

.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
    width: 25px;
    height: 25px;
    background: url(skins/light-skin-6.png) white no-repeat -27px -36px;
    top: 15px;
    right: 15px;
}

.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn {
    border-radius: 30px;
}


/* controls */

.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
    position: absolute;
    cursor: pointer;
    z-index: 110;
    width: 45px;
    height: 45px;
    background: url(skins/light-skin-6.png) white;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background-position: -88px -26px;
    border: solid 3px rgb(112, 112, 112);
    border-color: rgba(0, 0, 0, 0.27);
    top: 50%;
    left: 30px;
    margin-top: -22px;
}

.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn {
    border-radius: 90px;
}

.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover {
    background-color: #E0E0E0;
}

.ms-skin-light-6 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -86px -103px;
}


.ms-skin-light-6 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-light-6 .ms-bullet {
    width: 8px;
    height: 8px;
    background: black;
    -webkit-background-clip: padding-box;
    border: solid 3px white;
    border-color: rgba(255, 255, 255, 0.44);
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-light-6.round-skin .ms-bullet {
    border-radius: 15px;
}

.ms-skin-light-6 .ms-bullet-selected {
    background-color: white;
    border-color: black;
    border-color: rgba(0, 0, 0, 0.44);
}

.ms-skin-light-6 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-6 .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-light-6 .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-light-6 .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
    display: none;
}

.ms-skin-light-6 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-6 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-6 .ms-video-btn,
    .ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-6 .ms-nav-next,
    .ms-skin-light-6 .ms-nav-prev {
        background-image: url(skins/light-skin-6-retina.png);
        background-size: 152px 225px;
    }
}
/*css\metro.css 
*/

/**
 *  Master Slider
 *  Metro Skin
 */

.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn {
    width: 47px;
    height: 46px;
    background: url(skins/metro-skin.png) no-repeat -16px -152px;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -24px;
}

.ms-skin-metro .ms-slide .ms-slide-vcbtn {
    width: 47px;
    height: 47px;
    background: url(skins/metro-skin.png) no-repeat -16px -19px;
    top: 15px;
    right: 15px;
}

/* controls */

.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
    width: 47px;
    background: url(skins/metro-skin.png);
    background-position: -83px -23px;
    height: 47px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -24px;
    position: absolute;
    z-index: 110;
}

.ms-skin-metro .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -81px -100px;
}

.ms-skin-metro .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-metro .ms-bullet {
    width: 16px;
    height: 16px;
    background: url(skins/metro-skin.png) no-repeat;
    background-position: -31px -114px;
    margin: 4px;
}

.ms-skin-metro .ms-bullet-selected {
    background-position: -31px -81px;
}

.ms-skin-metro .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-metro .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-metro .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-metro .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0, 0, 0, 0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-metro .ms-tooltip {
    max-width: 200px;
}

.ms-skin-metro .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-metro .ms-slide .ms-slide-vpbtn,
    .ms-skin-metro .ms-video-btn,
    .ms-skin-metro .ms-slide .ms-slide-vcbtn,
    .ms-skin-metro .ms-nav-next,
    .ms-skin-metro .ms-nav-prev,
    .ms-skin-metro .ms-bullet {
        background-image: url(skins/metro-skin-retina.png);
        background-size: 152px 225px;
    }
}
/*css\contrast.css 
*/

/**
 *  Master Slider
 *  Contrast
 */

.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn {
    width: 60px;
    height: 60px;
    background: skins/url(contrast-skin.png) no-repeat -10px -144px;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
}

.ms-skin-contrast .ms-slide .ms-slide-vcbtn {
    width: 24px;
    height: 24px;
    background: url(skins/contrast-skin.png) no-repeat -27px -30px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev {
    width: 60px;
    background: url(skins/contrast-skin.png);
    background-position: -76px -17px;
    height: 60px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -30px;
    position: absolute;
    z-index: 110;
}

.ms-skin-contrast .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -77px -91px;
}

.ms-skin-contrast .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

    .ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-skin-contrast .ms-bullet {
    width: 16px;
    height: 16px;
    background: url(skins/contrast-skin.png) no-repeat;
    background-position: -31px -114px;
    margin: 4px;
}

.ms-skin-contrast .ms-bullet-selected {
    background-position: -31px -81px;
}

.ms-skin-contrast .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: #fc3116;
    border-top-color: rgba(252, 49, 22, 0.8);
    bottom: -10px;
}

.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: #fc3116;
    border-bottom-color: rgba(252, 49, 22, 0.8);
    top: -10px;
}

.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: #fc3116;
    border-right-color: rgba(252, 49, 22, 0.8);
    left: -10px;
}

.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: #fc3116;
    border-left-color: rgba(252, 49, 22, 0.8);
    right: -10px;
}

.ms-skin-contrast .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-contrast .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #636363;
        background: black;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-contrast .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: white;
        background: rgba(255, 255, 255, 0.99);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-contrast .ms-tooltip {
    max-width: 200px;
}

.ms-skin-contrast .ms-tooltip-cont {
    padding: 10px;
    background: #fc3116;
    background: rgba(252, 49, 22, 0.8);
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
    color: white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {

    .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
    .ms-skin-contrast .ms-video-btn,
    .ms-skin-contrast .ms-slide .ms-slide-vcbtn,
    .ms-skin-contrast .ms-nav-next,
    .ms-skin-contrast .ms-nav-prev,
    .ms-skin-contrast .ms-bullet {
        background-image: url(skins/contrast-skin-retina.png);
        background-size: 152px 225px;
    }
}
/*css\ms-caro3d.css 
*/

.ms-caro3d-template .ms-container {
    padding: 10px 0 50px 0;
}

/* reflect */
.ms-caro3d-template .ms-slide {
    -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(255,255,255,0.5)));
}

.ms-caro3d-template .ms-slide-bgcont {
    border-radius: 8px;
}
/*css\ms-display-style.css 
*/

.ms-dis-slider-cont {
    position: relative;
    padding: 3.2% 8.5% 24%;
    max-width: 508px;
}

.ms-display-cont .ms-view {
    background-color: #17171a;
}

.ms-display-cont {
    max-width: 614px;
    position: relative;
    margin: 0 auto;
}

.ms-display-bg {
    max-width: 100%;
    position: absolute;
}

.ms-display-template .ms-nav-prev,
.ms-display-template .ms-nav-next {
    background: url(templates/device-skin.png) no-repeat -11px -9px;
    width: 35px;
    height: 40px;
    left: -80px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.ms-display-template .ms-nav-next {
    background-position: -59px -9px;
    right: -80px;
    left: auto;
}

.ms-display-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -50%;
    right: 50%;
    width: 100px;
}

    .ms-display-template .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-display-template .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(templates/device-skin.png) no-repeat -112px -25px;
    margin: 4px;
}

.ms-display-template .ms-bullet-selected {
    background-position: -143px -25px;
}
/*css\ms-gallery-style.css 
*/

.ms-gallery-template .ms-gallery-botcont {
    height: 55px;
    background: black;
    color: white;
    font-weight: 300;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    position: relative;
}

.ms-gallery-template .ms-gal-playbtn {
    width: 55px;
    height: 100%;
    float: left;
    cursor: pointer;
    background: url(templates/gallery-btns.png) no-repeat 6px 6px;
}

    .ms-gallery-template .ms-gal-playbtn.btn-pause {
        background: url(templates/gallery-btns.png) no-repeat -55px 7px;
    }

.ms-gallery-template .ms-gal-thumbtoggle {
    position: absolute;
    right: 0;
    z-index: 110;
    width: 55px;
    height: 100%;
    cursor: pointer;
    background: url(templates/gallery-btns.png) no-repeat -53px -41px;
}

    .ms-gallery-template .ms-gal-thumbtoggle.btn-hide {
        background: url(templates/gallery-btns.png) no-repeat 4px -41px;
    }

.ms-gallery-template .ms-slide-num {
    float: left;
    padding: 17px 9px;
    color: #727272;
}

.ms-gallery-template .ms-slide-info {
    float: left;
    padding: 18px 4px;
    position: relative;
    width: auto;
}

.ms-gallery-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 18px;
    right: 105px;
    width: 100px;
}

.ms-gallery-template .ms-bullet {
    width: 8px;
    height: 8px;
    background: #1e1e1e;
    margin: 4px;
    border-radius: 15px;
}

.ms-gallery-template .ms-bullet-selected {
    background-color: white;
}

.ms-gallery-template .ms-timerbar {
    width: 100%;
    top: -4px;
    height: 4px;
    position: absolute;
    background: rgba(0, 0, 0, 0.32);
}

/*.ms-gallery-template .ms-time-bar {*/
/*height: 4px;*/
/*background: rgba(255, 255, 255, 0.7);*/
/*}*/

.ms-gallery-template .ms-thumb-list.ms-dir-h {
    width: 100%;
    background: black;
    background: rgba(0, 0, 0, 0.95);
    padding-top: 1px;
}

.ms-gallery-template .ms-thumb-frame {
    cursor: pointer;
    float: left;
    width: 175px;
    overflow: hidden;
    opacity: 0.5;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -ms-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    transition: opacity 400ms;
}

.ms-gallery-template .ms-thumb-frame-selected {
    opacity: 1;
}

.ms-gallery-template .ms-gal-thumbcont {
    overflow: hidden;
    width: 100%;
    height: 115px;
    position: absolute;
    top: -115px;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

    .ms-gallery-template .ms-gal-thumbcont.hide-thumbs {
        height: 0;
        top: 0;
    }

@media (max-width: 570px) {
    .ms-gallery-template .ms-slide-info {
        display: none;
    }
}
/*css\ms-laptop-style.css 
*/

.ms-laptop-template .ms-laptop-cont .ms-view {
    background-color: #17171a;
}

.ms-laptop-template .ms-laptop-cont {
    max-width: 645px;
    position: relative;
    margin: 0 auto;
}

.ms-laptop-template .ms-lt-slider-cont {
    position: relative;
    padding: 5% 11.9% 20%;
    max-width: 492px;
}

.ms-laptop-template .ms-laptop-bg {
    max-width: 100%;
    position: absolute;
}

.ms-laptop-template .ms-nav-prev,
.ms-laptop-template .ms-nav-next {
    background: url(templates/device-skin.png) no-repeat -11px -9px;
    width: 35px;
    height: 40px;
    left: -80px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.ms-laptop-template .ms-nav-next {
    background-position: -59px -9px;
    right: -80px;
    left: auto;
}

.ms-laptop-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -40%;
    right: 50%;
    width: 100px;
}

    .ms-laptop-template .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-laptop-template .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(templates/device-skin.png) no-repeat -112px -25px;
    margin: 4px;
}

.ms-laptop-template .ms-bullet-selected {
    background-position: -143px -25px;
}
/*css\ms-tablet-style.css 
*/

.ms-tablet-template .ms-tablet-cont .ms-view {
    background-color: #17171a;
}

.ms-tablet-template .ms-tablet-cont {
    max-width: 500px;
    position: relative;
    margin: 0 auto;
}

.ms-tablet-template.ms-tablet-land .ms-tablet-cont {
    max-width: 842px;
}

.ms-tablet-template.ms-tablet-land .ms-lt-slider-cont {
    padding: 4.1% 12.1% 10%;
    max-width: 632px;
}

.ms-tablet-template .ms-lt-slider-cont {
    position: relative;
    padding: 11.1% 11% 22%;
    max-width: 400px;
}

.ms-tablet-template .ms-tablet-bg {
    max-width: 100%;
    position: absolute;
}

.ms-tablet-template .ms-nav-prev,
.ms-tablet-template .ms-nav-next {
    background: url(templates/device-skin.png) no-repeat -11px -9px;
    width: 35px;
    height: 40px;
    left: -120px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.ms-tablet-template .ms-nav-next {
    background-position: -59px -9px;
    right: -120px;
    left: auto;
}

.ms-tablet-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -18%;
    right: 50%;
    width: 100px;
}

    .ms-tablet-template .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-tablet-template .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(templates/device-skin.png) no-repeat -112px -25px;
    margin: 4px;
}

.ms-tablet-template .ms-bullet-selected {
    background-position: -143px -25px;
}
/*css\ms-phone-style.css 
*/

.ms-phone-template .ms-phone-cont .ms-view {
    background-color: #17171a;
}

.ms-phone-template .ms-phone-cont {
    max-width: 386px;
    position: relative;
    margin: 0 auto;
}

.ms-phone-template.ms-phone-land .ms-phone-cont {
    max-width: 666px;
}

.ms-phone-template.ms-phone-land .ms-lt-slider-cont {
    position: relative;
    padding: 4.6% 16.1% 10% 15.5%;
    max-width: 455px;
}

.ms-phone-template .ms-lt-slider-cont {
    position: relative;
    padding: 26.2% 16.5% 33% 16.8%;
    max-width: 258px;
}

.ms-phone-template .ms-phone-bg {
    max-width: 100%;
    position: absolute;
}

.ms-phone-template .ms-nav-prev,
.ms-phone-template .ms-nav-next {
    background: url(templates/device-skin.png) no-repeat -11px -9px;
    width: 35px;
    height: 40px;
    left: -120px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}

.ms-phone-template .ms-nav-next {
    background-position: -59px -9px;
    right: -120px;
    left: auto;
}

.ms-phone-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -30%;
    right: 50%;
    width: 100px;
}

    .ms-phone-template .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

.ms-phone-template .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(templates/device-skin.png) no-repeat -112px -25px;
    margin: 4px;
}

.ms-phone-template .ms-bullet-selected {
    background-position: -143px -25px;
}

.ms-phone-template.ms-phone-land .ms-bullets.ms-dir-h {
    bottom: -21%;
}

.ms-phone-template.ms-phone-land .ms-nav-next {
    right: -150px;
}

.ms-phone-template.ms-phone-land .ms-nav-prev {
    left: -150px;
}
/*css\ms-partialview.css 
*/

.ms-partialview-template .ms-slide-info {
    text-align: center;
    margin-top: 20px;
    width: 100%;
}

    .ms-partialview-template .ms-slide-info h3 {
        margin: 5px;
        font-weight: 300;
        font-size: 23pt;
        color: #222;
    }

    .ms-partialview-template .ms-slide-info h4 {
        margin: 5px;
        font-weight: 300;
        font-size: 14pt;
        color: #7A7A7A;
    }

    .ms-partialview-template .ms-slide-info p {
        font-size: 10pt;
        margin: 6px;
    }
/*css\ms-showcase2.css 
*/

/* .ms-showcase2-template {max-width: 540px; margin: 0 auto;}
.ms-showcase2-vertical {max-width: 677px;} */
.ms-showcase2-template .ms-view {
    background: transparent;
}
/*css\ms-staff-style.css 
*/

.master-slider {
    -moz-transform: translate3d(0,0,1px);
}

.ms-staff-carousel {
    margin: 25px auto;
    position: relative;
}

    .ms-staff-carousel .ms-view {
        overflow: visible;
        background-color: transparent;
    }

    .ms-staff-carousel .ms-nav-prev,
    .ms-staff-carousel .ms-nav-next {
        background: url(templates/staff-arrows.png) white no-repeat -7px -57px;
        width: 35px;
        height: 40px;
        left: -35px;
        margin-top: -17px;
        box-shadow: 0px 1px 0px 0px rgb(190, 190, 190);
        position: absolute;
        top: 50%;
        cursor: pointer;
    }

    .ms-staff-carousel .ms-nav-next {
        background-position: -6px -7px;
        right: -35px;
        left: auto;
    }

    .ms-staff-carousel .ms-staff-info {
        text-align: center;
        margin: 0 auto;
        max-width: 600px;
        margin-top: 30px;
        min-height: 300px;
        color: #222222;
    }

        .ms-staff-carousel .ms-staff-info h3 {
            font-weight: 300;
            font-size: 22pt;
            margin: 0px;
        }

        .ms-staff-carousel .ms-staff-info h4 {
            font-weight: 300;
            color: #787878;
            font-size: 15pt;
            margin: 3px;
        }

    .ms-staff-carousel.ms-round .ms-slide-bgcont {
        border-radius: 5000px;
        border: solid 8px rgb(230, 230, 230);
        margin: 0 -8px;
    }

    .ms-staff-carousel.ms-round .ms-view {
        padding-bottom: 8%;
    }

    .ms-staff-carousel.ms-round .ms-nav-prev,
    .ms-staff-carousel.ms-round .ms-nav-next {
        background-color: transparent;
        box-shadow: none;
        left: -45px;
    }

    .ms-staff-carousel.ms-round .ms-nav-next {
        left: auto;
        right: -45px
    }
/*css\ms-tabs-style.css 
*/

.ms-tabs-template .ms-thumb-frame h3 {
    font-weight: 400;
    font-size: 13pt;
    margin: 0;
}

.ms-tabs-template .ms-thumb-frame p {
    font-size: 10pt;
    margin: 4px 0;
}

.ms-tabs-template .ms-thumb-frame-selected h3 {
    color: #4b8aac;
}
/*css\ms-vertical.css 
*/

.ms-vertical-template .ms-nav-prev,
.ms-vertical-template .ms-nav-next {
    top: 10px;
    left: 50%;
    background: url(templates/vertical-arrows.png) no-repeat;
    background-position: -11px -6px;
    width: 40px;
    height: 30px;
    margin-left: -20px;
    margin-top: 0;
}

.ms-vertical-template .ms-nav-next {
    top: auto;
    bottom: 10px;
    background-position: -11px -53px;
}

.ms-vertical-template .ms-thumblist-fwd,
.ms-vertical-template .ms-thumblist-bwd {
    width: 100%;
    position: absolute;
    top: 0;
    height: 15px;
    cursor: pointer;
    background: url(templates/vertical-arrows.png) no-repeat;
    background-position: 50% -106px;
}

.ms-vertical-template .ms-thumblist-bwd {
    top: auto;
    bottom: 0;
    background-position: 50% -145px;
}

