/** 

 *  Master Slider

 * 	Main css file

 */

.master-slider{

    height: 380px;

    position: relative;

    visibility: hidden;

    -moz-transform: translate3d(0 , 0 , 0);

    overflow: hidden;;

}



.master-slider a {

    -webkit-transition: none;

    transition: none;

}



.wpb_row .master-slider-parent *,

.master-slider-parent * {

    box-sizing: content-box;

}



.master-slider-parent {

    margin-left: auto;

    margin-right: auto;

}



.ms-layout-partialview .ms-view {

    overflow: visible;

    background-color:transparent;

}



.ms-layout-partialview .ms-container { overflow: hidden; }



.master-slider.before-init{}



.master-slider img, .ms-slide-bgvideocont video {max-width:none;}



.ms-ie img{border:none;}

.ms-ie8 * {opacity:inherit;-webkit-filter:inherit;filter:inherit;}

.ms-ie7   {zoom:1;}



.master-slider.ms-fullheight{height: 100%;}

.ms-slide-auto-height { display: table; }



.ms-loading-container{

    position:absolute;

    width:100%;

    top:0;

}



.ms-loading-container .ms-loading,

.ms-slide .ms-slide-loading {

    width: 36px;

    height: 36px;

    

    border-radius: 60px;

    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -18px;

    opacity: 0.9;

}





/* grab cursor */

.ms-def-cursor{cursor:auto !important;}

.ms-grab-cursor{cursor: url(../images/grab.png), move;}

.ms-grabbing-cursor{cursor: url(../images/grabbing.png), move;}

.ms-ie .ms-grab-cursor{cursor: move;}

.ms-ie .ms-grabbing-cursor {cursor: move;}



.ms-view {

    /*margin:0px auto;*/

    overflow:hidden;

    position:relative;

    -webkit-perspective: 2000px;

    -ms-perspective: 2000px;

    perspective: 2000px;

}



.ms-view .ms-slide-container{position:relative;}



.ms-slide {

    position:absolute;

    width: 100%;

    height:100%;

    -webkit-transform: translateZ(0px);

    -ms-transform: translateZ(0px);

    transform: translateZ(0px);

}



.ms-wk .ms-slide {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.ms-slide.selected {}



.ms-slide .ms-slide-bgcont,

.ms-slide .ms-slide-bgvideocont{

    position: absolute;

    overflow:hidden;

    width: 100%;

}



.ms-slide .ms-slide-link {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top:0;

    z-index: 110;

}



.ms-ie .ms-slide-link {

    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat;

}





.ms-slide .ms-slide-bgvideocont{

    z-index: 105;

    height: 100%;

}



.ms-wk .ms-slide .ms-slide-bgvideocont,

.ms-wk .ms-slide-bgvideocont>video{

    -webkit-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-container{ /*padding-top: 230px;*/ height: 380px;overflow: hidden;}

.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;}



.ms-slide .ms-slide-layers{

    position: absolute;

    overflow:hidden;

    width:100%;

    height: 100%;

    z-index: 109;

    top:0px;

}



.ms-slide .ms-slide-video{

    position:absolute;

    top:0;

    z-index: 111;

    background:black;

    padding:0;

    margin: 0;

    border: none;



}





.ms-slide .ms-pattern{

    background-attachment: scroll;

    width: 100%;

    height: 100%;

    z-index: 108;

    position: absolute;

    top: 0;

}



.ms-wk .ms-pattern{

    -webkit-transform: translateZ(0.4px);

    transform: translateZ(0.4px);

}



.ms-parallax-layer {

    width: 100%;

    position: absolute;

    top: 0;

}



.ms-scroll-parallax-cont{

    position: absolute;

    top:0;

    width: 100%;

    height: 100%;

}



.ms-wk .ms-scroll-parallax-cont{

    -webkit-transform: translateZ(0.4px);

    transform: translateZ(0.4px);

}



.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont,

.ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{

}



.ms-scroll-parallax .ms-slide-bgcont{

}



/*-----------------------------------------------------------*/

.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(../images/video-close-btn.png) no-repeat 0px 3px;

    padding-left: 15px;

    height: 15px;

    color: #DBDBDB;

    margin-top: 7px;

}



.ms-wk .ms-slide .ms-slide-vcbtn,

.ms-wk .ms-slide .ms-slide-layers,

.ms-wk .ms-slide .ms-slide-vpbtn,

.ms-wk .ms-slide .ms-slide-video,

.ms-wk .ms-slide-link {

    -webkit-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; padding:0;}

.ms-thumbs-cont{position: relative;}

.ms-thumb-frame .ms-thumb{ display: block; position: relative; width: 100%; text-align: center; height: 90px; line-height: 90px; color: #999; font-size: 40px;

    -webkit-transition:all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

.ms-thumb-frame .ms-thumb:before{ content: ""; position: absolute; bottom: 0; left: 50%; width: 1px; height: 30px; background: #fff;display: none;}

.ms-thumb-frame-selected .ms-thumb{ font-size: 48px;color: #000;font-weight: bold;}

.ms-thumb-frame{

    cursor: pointer;

    /*float: left;*/

    overflow: hidden;

    -webkit-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;

    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-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;}

.ms-tabs.ms-dir-h.ms-align-top {z-index: 140;}

.ms-tabs.ms-dir-h.ms-align-top  .ms-thumb-frame{margin-top: -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;

    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-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{

    opacity: 1;

    top:-12px;

    border-bottom-color: #EDEDED;

}



.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {

    bottom: 0px;

    top:auto;

    border-bottom:0px;

    border-top: solid 12px #F6f6f6;

}



.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{

    opacity: 1;

    bottom:-12px;

    border-top-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-align-right .ms-thumb-frame-selected .ms-thumb-ol{

    opacity: 1;

    left:-12px;

    border-right-color:#EDEDED;

}



.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {

    left: auto;

    right: 0;

    border-right: 0;

    border-left: solid 12px #EDEDED;

}



.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{

    opacity: 1;

    right:-12px;

    border-left-color:#EDEDED;

}



.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: 50%;

    width: 100px;

}



.ms-bullets.ms-dir-v {

    position: absolute;

    top:50%;

}



.ms-bullets.ms-dir-v .ms-bullet{

    float: none;

}

.ms-bullets.ms-dir-h .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;

    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;

    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; }

}



/* controls */



.ms-skin-default .ms-nav-next,

.ms-skin-default .ms-nav-prev {

    width: 30px;

    

    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;

    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-size: 152px 225px;

    }



}





/**

 *  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(../images/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(../images/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(../images/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(../images/black-skin-1-retina.png);

        background-size: 152px 225px;

    }



}





/**

 *  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(../images/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(../images/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(../images/black-skin-2.png) black;

    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(../images/black-skin-2-retina.png);

        background-size: 152px 225px;

    }



}





/**

 *  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(../images/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(../images/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(../images/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(../images/light-skin-2-retina.png);

        background-size: 152px 225px;

    }



}







/**

 *  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(../images/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(../images/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(../images/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(../images/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(../images/light-skin-3-retina.png);

        background-size: 152px 225px;

    }



}







/**

 *  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(../images/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(../images/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(../images/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(../images/light-skin-4-retina.png);

        background-size: 152px 225px;

    }



}







/**

 *  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(../images/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(../images/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(../images/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(../images/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(../images/light-skin-5-retina.png);

        background-size: 152px 225px;

    }



}







/**

 *  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(../images/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(../images/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(../images/light-skin-6.png) white;

    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(../images/light-skin-6-retina.png);

        background-size: 152px 225px;

    }



}







/**

 *  Master Slider

 *  Metro Skin

 */



.ms-skin-metro .ms-slide .ms-slide-vpbtn,

.ms-skin-metro .ms-video-btn{

    width: 47px;

    height: 46px;

    background: url(../images/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(../images/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(../images/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(../images/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(../images/metro-skin-retina.png);

        background-size: 152px 225px;

    }



}





/**

 *  Master Slider

 *  Contrast

 */



.ms-skin-contrast .ms-slide .ms-slide-vpbtn,

.ms-skin-contrast .ms-video-btn{

    width: 60px;

    height: 60px;

    background: url(../images/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(../images/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(../images/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(../images/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(../images/contrast-skin-retina.png);

        background-size: 152px 225px;

    }



}





.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;

}





.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(../images/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(../images/device-skin.png) no-repeat -112px -25px;

    margin: 4px;

}



.ms-display-template .ms-bullet-selected {

    background-position: -143px -25px;

}





.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(../images/gallery-btns.png) no-repeat 6px 6px;

}

.ms-gallery-template .ms-gal-playbtn.btn-pause {

    background: url(../images/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(../images/gallery-btns.png) no-repeat -53px -41px;

}

.ms-gallery-template .ms-gal-thumbtoggle.btn-hide {

    background: url(../images/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;

    overflow: hidden;

    opacity: 0.5;

    -webkit-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;

    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;

    }

}





.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(../images/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(../images/device-skin.png) no-repeat -112px -25px;

    margin: 4px;

}



.ms-laptop-template .ms-bullet-selected {

    background-position: -143px -25px;

}





.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(../images/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(../images/device-skin.png) no-repeat -112px -25px;

    margin: 4px;

}



.ms-tablet-template .ms-bullet-selected {

    background-position: -143px -25px;

}





.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(../images/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(../images/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;

}









/* .ms-showcase2-template {max-width: 540px; margin: 0 auto;}

.ms-showcase2-vertical {max-width: 677px;} */

.ms-showcase2-template .ms-view{background: transparent;}





.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(../images/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:0;

}



.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

}







.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;

}





.ms-vertical-template .ms-nav-prev,

.ms-vertical-template .ms-nav-next {

    top: 10px;

    left: 50%;

    background: url(../images/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-thumblist-fwd,.ms-thumblist-bwd {

    display: none;

    width: 100%;

    position: absolute;

    top: 0;

    height: 67px;

    cursor: pointer;

    background-size: contain;

}

.ms-thumblist-bwd {

    top: auto;

    bottom: 0;

    

}





.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev{

    width: 200px;

    height: 174px;

    cursor: pointer;

    display: none;

}

.ms-skin-default .ms-nav-next{ top:auto; bottom: 0;}



/*

case样式*/

.ms-showcase2-template .ms-view{background: transparent;}

.ms-showcase2-template .ms-bar {background: black !important;}

.ms-showcase2-template .ms-tabs-vertical-template {margin: 0 auto;}



.ms-showcase2-template.ms-dir-v {

   /* padding-left: 110px;*/

    padding-bottom:0 !important;

}



.ms-showcase2-template .ms-thumb-list.ms-dir-h {

    /*bottom: -16px;*/

    width: 100%;

}



.ms-showcase2-template .ms-thumb-list.ms-dir-v {

    height: 250px;

    width: 110px;

    right: 0;

    top: 0;

    overflow: hidden;

}



.ms-showcase2-template .ms-thumb-list .ms-thumb-frame {

    /* width: 127px;*/



    -webkit-transition: opacity 300ms;

    -moz-transition: opacity 300ms;

    -ms-transition: opacity 300ms;

    -o-transition: opacity 300ms;

    transition: opacity 300ms;

}



.ms-showcase2-template .ms-thumb-frame { cursor: pointer; }

.ms-showcase2-template .ms-thumb-list.ms-dir-h .ms-thumb-frame{ margin-right:10px; }

/*.ms-showcase2-template .ms-thumb-list .ms-thumb-frame-selected{ opacity: 1; }*/



.ms-slide .ms-slide-bgcont{ width: auto; float: left; position: relative; padding: 0 22px 22px 0;}

/*.ms-slide .ms-slide-bgcont:after{ content: ""; position: absolute; bottom: 0; right: 0; width: 300px; height: 240px; background: #e7b764;}*/

.ms-slide .ms-slide-bgcont img{ position: relative; z-index: 10; width: 302px; height: 340px;}

.ms-showcase2-template .ms-thumb-list.ms-dir-v .ms-thumb-frame img{ filter:alpha(opacity=40); opacity: 0.40;}





@media (max-width: 991px) {

    .ms-container {

        padding-top: 0;

    }

}





@media (max-width: 767px) {

    /*.master-slider{ height: auto;}

    .ms-thumb-list.ms-dir-v{ padding: 57px 0;}

    .ms-thumblist-fwd,.ms-thumblist-bwd{ height: 37px;}*/

    .ms-thumb-frame .ms-thumb{ font-size: 30px; }

    /*.ms-thumb-frame .ms-thumb:before{ height: 10px;}

    .ms-showcase2-template.ms-dir-v{ padding-left: 40px;}

    .ms-showcase2-template .ms-thumb-list.ms-dir-v{ width: 40px; left:-40px;}*/

    .ms-showcase2-template .ms-thumb-list.ms-dir-v{width:78px;}

    .ms-view{height: 380px;}

}