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