.md-overlay{position:fixed;z-index:98;left:0;top:0;bottom:0;right:0;background:#000;opacity:0.8}.md-video-container{position:fixed;background:#fff;z-index:99;left:30%;top:30%;-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.52);-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.52);box-shadow:0px 0px 4px rgba(0,0,0,0.52);-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#85000000,Positive=true)";filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#85000000,Positive=true);}.md-description{padding:10px 15px}.md-caption{float:left}.md-close-btn{display:block;float:right;width:66px;height:22px;background:transparent url(../images/closelabel.gif) no-repeat 0 0;}.md-loading{background:#000 url("../images/loading.gif") no-repeat center center}.md-slider-wrap{position:relative;height:400px;}.md-slider-wrap img{max-width:inherit!important;min-width:inherit!important;max-height:inherit!important;min-height:inherit!important;width:auto;}.md-slide-wrap{position:relative;height:100%;z-index:2}.md-slide-items{position:relative;z-index:1;height:100%;width:100%;overflow:hidden;}.md-slide-item{height:420px;position:absolute;width:100%}.md-main-img{position:absolute;left:0;top:0;bottom:0;right:0;z-index:1;overflow:hidden}.md-main-img img{position:absolute;}.md-objects{position:relative;top:0;z-index:2;width:100%;margin:0 auto;height:100%;}.md-object{position:absolute;z-index:3}.md-object img{width:100%;height:100%;}.md-object a{display:block;width:100%;height:100%}.loading-bar-hoz{position:absolute;left:0;right:0;height:2px;z-index:3;overflow:hidden}.loading-bar-bottom{bottom:0;}.loading-bar-top{top:0;}.md-loading-bg{position:absolute;left:0;top:0;bottom:0;right:0;}.loading-bar-hoz .md-loading-state{position:absolute;left:0;height:1px;width:0;}.loading-bar-hoz .br-timer-glow{background:url("../images/light-timer-glow.png") repeat scroll 0 0 transparent;height:7px;width:104px;position:absolute;top:-4px;z-index:2;}.loading-bar-hoz .br-timer-bar{background-color:white;height:2px;position:absolute;z-index:1;}.md-arrow{opacity:0;}.md-arrow-left,.md-arrow-right{background:url(../images/md-arrow.png) no-repeat 0 0;width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;cursor:pointer;z-index:3}.md-arrow-left{left:10px}.md-arrow-right{right:10px;background-position:-40px 0}.md-touchdevice .md-arrow{opacity:1;}.md-bullets{position:absolute;text-align:center;z-index:4;right:20px;left:20px;}.md-slider-bullet-1 .md-bullets{bottom:10px;text-align:left;}.md-slider-bullet-2 .md-bullets{bottom:10px;text-align:center;}.md-slider-bullet-3 .md-bullets{bottom:10px;text-align:right;}.md-slider-bullet-4 .md-bullets{top:10px;text-align:left;}.md-slider-bullet-5 .md-bullets{top:10px;text-align:center;}.md-slider-bullet-6 .md-bullets{top:10px;text-align:right;}.md-bullet{cursor:pointer;display:inline-block;height:11px;margin:0 4px;position:relative;width:11px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;zoom:1;*display:inline;}.md-bullet a{display:none;height:11px;left:0;overflow:hidden;position:absolute;top:0;width:11px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.md-bullet.md-current a{display:block}.md-bullet img{position:absolute;display:none;}.md-bullet span{position:absolute;display:none;}.md-bullet .md-thumb-arrow{display:none;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;top:-5px;left:50%;margin-left:-4px;position:absolute;}.md-thumb{position:absolute;left:0;right:0;height:55px;padding:10px 30px;overflow:hidden;z-index:10}.md-thumb-container{position:absolute;top:0;left:30px;right:30px;bottom:0;overflow:hidden;padding:10px 0;}.md-thumb-items{position:absolute;left:0;width:100%;text-align:center}.md-slider-thumb-3 .md-thumb-items{text-align:left}.md-slider-thumb-4 .md-thumb-items{text-align:right}.md-thumb-items a{cursor:pointer;}.md-thumb img{margin:0 10px 0 0;}.md-thumb .md-thumb-prev,.md-thumb .md-thumb-next{position:absolute;top:50%;width:11px;height:21px;margin-top:-10px;background:url(../images/thumb-arrow.png) no-repeat 0 0;cursor:pointer;z-index:3}.md-thumb .md-thumb-prev{left:10px;}.md-thumb .md-thumb-next{right:10px;background-position:-13px 0}.md-object{-webkit-animation-duration:.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-timing-function:ease;animation-fill-mode:both;}.md-video-control{position:absolute;top:0;left:0;right:0;bottom:0;z-index:50}.md-close-video{position:absolute;top:0;right:0;z-index:51;width:30px;height:30px;background:url(../images/md-close-video.png) #000 no-repeat center center;}.md-video{display:block;position:absolute;left:0;top:0;right:0;bottom:0;}.md-video .md-playbtn{position:absolute;background:url(../images/play.png) no-repeat 0 0;left:50%;margin-left:-30px;top:50%;margin-top:-20px;width:60px;height:40px;}.border-top,.border-bottom,.border-right,.border-left{position:absolute;z-index:5}.border-top{left:0;top:0;right:0;}.border-bottom{left:0;bottom:0;right:0;}.border-right{top:0;bottom:0;right:0;}.border-left{top:0;bottom:0;left:0;}.md-slider-full-width .border-top,.md-slider-full-width .border-bottom{left:0!important;right:0!important;}.border-top.border-style-1{background:#fff;border:1px solid #ddd;top:-9px;bottom:-9px;left:-9px;right:-9px;z-index:1}.md-slider-full-width .border-top.border-style-1{border-right:none;border-left:none;left:0;right:0}.border-top.border-style-2{height:12px;background:url(../images/border/border-top-2.png) repeat-x 0 0;top:-12px;left:-11px;right:-4px}.border-bottom.border-style-2{height:12px;background:url(../images/border/border-bottom-2.png) repeat-x left bottom;bottom:-12px;left:-12px;right:-12px}.border-right.border-style-2{width:12px;background:url(../images/border/border-right-2.png) repeat-y right top;right:-12px;top:-12px;bottom:-12px}.border-left.border-style-2{width:12px;background:url(../images/border/border-left-2.png) repeat-y 0 0;left:-12px;top:-12px;bottom:-10px}.border-top.border-style-3{height:12px;background:url(../images/border/border-top-3.png) repeat-x 0 0;top:-12px;left:-9px;right:-2px}.border-bottom.border-style-3{height:12px;background:url(../images/border/border-bottom-3.png) repeat-x left bottom;bottom:-12px;left:-12px;right:-10px}.border-right.border-style-3{width:12px;background:url(../images/border/border-right-3.png) repeat-y right top;right:-12px;top:-12px;bottom:-8px}.border-left.border-style-3{width:12px;background:url(../images/border/border-left-3.png) repeat-y 0 0;left:-12px;top:-12px;bottom:-8px}.border-top.border-style-4{height:12px;background:url(../images/border/border-top-4.png) repeat-x 0 0;top:-12px;left:-7px;right:-8px}.border-bottom.border-style-4{height:12px;background:url(../images/border/border-bottom-4.png) repeat-x left bottom;bottom:-12px;left:-8px;right:-8px}.border-right.border-style-4{width:12px;background:url(../images/border/border-right-4.png) repeat-y right top;right:-12px;top:-6px;bottom:-8px}.border-left.border-style-4{width:12px;background:url(../images/border/border-left-4.png) repeat-y 0 0;left:-12px;top:-8px;bottom:-8px}.border-top.border-style-8{background:url(../images/border/border-8.png) repeat 0 0;top:-10px;bottom:-10px;left:-10px;right:-10px;z-index:1}.md-slider-full-width .border-top.border-style-8{left:0;right:0}.border-top.border-style-9{height:9px;background:url(../images/border/border-top-9.png) repeat-x 0 0;top:0px;left:0px;right:0px}.border-bottom.border-style-9{height:9px;background:url(../images/border/border-bottom-9.png) repeat-x 0 0;bottom:-9px;left:0px;right:0px}.border-right.border-style-9{width:9px;background:url(../images/border/border-right-9.png) repeat-y 0 0;right:-10px;top:5px;bottom:4px}.border-left.border-style-9{width:9px;background:url(../images/border/border-left-9.png) repeat-y 0 0;left:-7px;top:3px;bottom:3px}.border-left.border-style-9 div.edge-top{width:20px;height:20px;background:url(../images/border/border-9.png) no-repeat -30px -29px;position:absolute;top:-3px;left:0px;}.border-left.border-style-9 div.edge-bottom{width:20px;height:20px;background:url(../images/border/border-9.png) no-repeat -33px -5px;position:absolute;bottom:-10px;left:0px;z-index:10;}.border-right.border-style-9 div.edge-top{width:20px;height:20px;background:url(../images/border/border-9.png) no-repeat -2px -29px;position:absolute;top:-5px;right:2px;}.border-right.border-style-9 div.edge-bottom{width:20px;height:20px;background:url(../images/border/border-9.png) no-repeat 2px -5px;position:absolute;bottom:-11px;right:2px;}@media screen and (max-width: 760px) {.md-video .md-playbtn{width:15%;height:18%;margin:-7.5%;margin-top:-5%;max-width:50px;max-height:33px;background-size:100% 100%;}}.md-slider-strip,.mdslider-block{position:absolute;overflow:hidden;}.md-slider-strip img,.mdslider-block img,.md-slider-title img{position:relative;margin:0;padding:0;max-width:inherit;min-width:inherit;}.md-strips-container,.md-blocks-container{overflow:visible;position:absolute;top:0;z-index:100;height:100%;width:100%;}.md-slider-wrap *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}.md-slider-title{bottom:0;left:0;opacity:1;right:0;top:0;z-index:0;overflow:hidden;float:left;position:absolute;}.md-slider-title.tiles-left-anim{width:0!important;}.md-slider-title.tiles-up-anim{height:1px!important;}.md-slider-wrap .tiles-switchlr-anim,.md-slider-wrap .tiles-switchud-anim,.md-slider-wrap .tiles-fliplr-anim,.md-slider-wrap .tiles-up-anim,.md-slider-wrap .tiles-left-anim,.md-slider-wrap .tiles-updown-anim,.md-slider-wrap .tiles-leftright-anim,.md-slider-wrap .tiles-flipud-anim,.md-slider-wrap .tiles-reduce-anim{opacity:0;visibility:hidden;}.tiles-leftright-anim.tiles-even{left:50%!important;}.tiles-leftright-anim.tiles-odd{left:-50%!important;}.slit-horizontal-left-top .md-slider-slit,.slit-horizontal-top-right .md-slider-slit,.slit-horizontal-bottom-up .md-slider-slit{-moz-transform:translateY(0%) scale(1);-webkit-transform:translateY(0%) scale(1);-ms-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1);height:50%;width:100%;position:absolute;overflow:hidden;}.slit-horizontal-left-top img,.slit-horizontal-top-right img,.slit-horizontal-bottom-up img,.slit-vertical-down img,.slit-vertical-up img{position:absolute;max-width:inherit;min-width:inherit;}.slit-horizontal-left-top .md-slider-slit:first-child,.slit-horizontal-top-right .md-slider-slit:first-child,.slit-horizontal-bottom-up .md-slider-slit:first-child{top:0;}.slit-horizontal-left-top .md-slider-slit:last-child,.slit-horizontal-top-right .md-slider-slit:last-child,.slit-horizontal-bottom-up .md-slider-slit:last-child{top:50%;}.slit-horizontal-left-top .md-transition-elements-1{-webkit-transform:translateY(-270%) rotate(-25deg) scale(2);-moz-transform:translateY(-270%) rotate(-25deg) scale(2);-ms-transform:translateY(-270%) rotate(-25deg) scale(2);transform:translateY(-270%) rotate(-25deg) scale(2);}.slit-horizontal-left-top .md-transition-elements-2{-webkit-transform:translateY(270%) rotate(-25deg) scale(2);-moz-transform:translateY(270%) rotate(-25deg) scale(2);-ms-transform:translateY(270%) rotate(-25deg) scale(2);transform:translateY(270%) rotate(-25deg) scale(2);}.slit-horizontal-top-right .md-transition-elements-1{-webkit-transform:translateY(-270%) rotate(25deg) scale(2);-moz-transform:translateY(-270%) rotate(25deg) scale(2);-ms-transform:translateY(-270%) rotate(25deg) scale(2);transform:translateY(-270%) rotate(25deg) scale(2);}.slit-horizontal-top-right .md-transition-elements-2{-webkit-transform:translateY(270%) rotate(25deg) scale(2);-moz-transform:translateY(270%) rotate(25deg) scale(2);-ms-transform:translateY(270%) rotate(25deg) scale(2);transform:translateY(270%) rotate(25deg) scale(2);}.slit-horizontal-bottom-up .md-transition-elements-1{-webkit-transform:translateY(-270%) rotate(-25deg) scale(2);-moz-transform:translateY(-270%) rotate(-25deg) scale(2);-ms-transform:translateY(-270%) rotate(-25deg) scale(2);transform:translateY(-270%) rotate(-25deg) scale(2);}.slit-horizontal-bottom-up .md-transition-elements-2{-webkit-transform:translateY(270%) rotate(25deg) scale(2);-moz-transform:translateY(270%) rotate(25deg) scale(2);-ms-transform:translateY(270%) rotate(25deg) scale(2);transform:translateY(270%) rotate(25deg) scale(2);}.slit-vertical-down .md-slider-slit,.slit-vertical-up .md-slider-slit{-moz-transform:translateY(0%) scale(1);-webkit-transform:translateY(0%) scale(1);-ms-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1);height:100%;width:50%;position:absolute;overflow:hidden;}.slit-vertical-down .md-slider-slit:first-child,.slit-vertical-up .md-slider-slit:first-child{left:0;}.slit-vertical-down .md-slider-slit:last-child,.slit-vertical-up .md-slider-slit:last-child{left:50%;}.slit-vertical-down .md-transition-elements-1{-webkit-transform:translateX(-200%) rotate(25deg) scale(2);-moz-transform:translateX(-200%) rotate(25deg) scale(2);-ms-transform:translateX(-200%) rotate(25deg) scale(2);transform:translateX(-200%) rotate(25deg) scale(2);}.slit-vertical-down .md-transition-elements-2{-webkit-transform:translateX(200%) rotate(-25deg) scale(2);-moz-transform:translateX(200%) rotate(-25deg) scale(2);-ms-transform:translateX(200%) rotate(-25deg) scale(2);transform:translateX(200%) rotate(-25deg) scale(2);}.slit-vertical-up .md-transition-elements-1{-webkit-transform:translateX(-200%) rotate(-25deg) scale(2);-moz-transform:translateX(-200%) rotate(-25deg) scale(2);-ms-transform:translateX(-200%) rotate(-25deg) scale(2);transform:translateX(-200%) rotate(-25deg) scale(2);}.slit-vertical-up .md-transition-elements-2{-webkit-transform:translateX(200%) rotate(25deg) scale(2);-moz-transform:translateX(200%) rotate(25deg) scale(2);-ms-transform:translateX(200%) rotate(25deg) scale(2);transform:translateX(200%) rotate(25deg) scale(2);}.md-object [class*="icon"]{background:rgba(255,255,255,0.8);border-radius:50%;position:relative;}.md-object [class*="icon"]{height:100%;width:100%;display:inline-block;}@keyframes point-in{0%{box-shadow:0 0 0 10px rgba(255,255,255,0.2);}100%{box-shadow:0 0 0 0 rgba(0,0,0,0);}}@keyframes point-out{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.2);}100%{box-shadow:0 0 0 30px rgba(0,0,0,0);}}
{animation: point-in 1.5s  ease-in-out  infinite 0s;}

.icon-outer {animation: point-out 1.5s ease-in-out infinite;}
/* Animation */
@keyframes inner {
    10% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
}
@-webkit-keyframes inner {
    10% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
}
@keyframes outer {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}
@-webkit-keyframes outer {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}
@keyframes bidirection {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
    30% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);

    }
    60% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}
@-webkit-keyframes bidirection {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
    30% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);

    }
    60% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    }
    90% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        -ms-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}
.icon-inner {
    animation: inner 2s  ease-in-out  1s infinite;
    -webkit-animation: inner 2s  ease-in-out  1s infinite;
}
.icon-outer {
    animation: outer 1.5s ease-in-out 0s  infinite ;
    -webkit-animation: outer 1.5s ease-in-out 0s  infinite ;
}
.icon-bidirection {
    animation: bidirection 3s ease-in-out 0s  infinite alternate;
    -webkit-animation: bidirection 3s ease-in-out 0s  infinite alternate ;
}
/* Tooltip arrow */
.md-hotspot-tooltip {
    position: absolute;
    width: 200px;
    height: auto;
    opacity: 0;
    visibility: visible;
    background: #999;
    transform: translateY(50px);
    transition: all .5s ease 0s;
    z-index: 99;
}
.md-hotspot-tooltip-top .md-hotspot-tooltip-arrow, .md-hotspot-tooltip-bottom .md-hotspot-tooltip-arrow {
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    left: 50%;
    margin-left: -10px;
    position: absolute;
}
.md-hotspot-tooltip-left .md-hotspot-tooltip-arrow, .md-hotspot-tooltip-right .md-hotspot-tooltip-arrow {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid rgba(0, 0, 0, 0);
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

.md-hotspot-tooltip-top .md-hotspot-tooltip-arrow {
    border-top: 10px solid rgba(240, 240, 240, 0.88);
    bottom: -10px;
}
.md-hotspot-tooltip-bottom .md-hotspot-tooltip-arrow {
    border-bottom: 10px solid rgba(240, 240, 240, 0.88);
    top: -10px;
}
.md-hotspot-tooltip-left .md-hotspot-tooltip-arrow {
    border-left: 10px solid rgba(240, 240, 240, 0.88);
    right: -10px;
}
.md-hotspot-tooltip-right .md-hotspot-tooltip-arrow {
    border-right: 10px solid rgba(240, 240, 240, 0.88);
    left: -10px;
}

/* Diamond hotspot css */
.button-diamond div {
    position: absolute;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.block-diamond {
    height: 100%;
    width: 100%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.button-diamond .transBg-diamond {
    background-color: rgba(196, 210, 55, 0.5);
    height: 22.2222% ;
    width: 22.2222% ;
    left: 38.8888888% ;
    top: 38.8888888% ;
}
.button-diamond .darkBg-diamond {
    height: 60%; /*24px;*/
    width: 60%; /*24px;*/
    left: 20%;
    top: 20%;
    background-color: #C4D237;
}
.button-diamond .hoverBg-diamond {
    background-color:  #000;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
}
.button-diamond .border {
    background-color: #C4D237;
}
.button-diamond .border.left,
.button-diamond .border.right {width: 2px;}
.button-diamond .border.left {left: 0;}
.button-diamond .border.right {right: 0;}
.button-diamond .border.top,
.button-diamond .border.bottom {height: 2px}
.button-diamond .border.top {top: 0; right: 0;}
.button-diamond .border.bottom {bottom: 0; left: 0;}

.content-diamond {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: table;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.transBg-diamond .diamon-title {
    color: #FFFFFF;
    font-family: "Open sans";
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    line-height: 2em;
    opacity: 0;
    display: table-cell;
    vertical-align: middle;

    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    -o-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);

    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
}

/* DEFINE ANIMATION HOTSPOT diamond */

@keyframes anidiamond-bL {
    0% {
        height: 0;
        top: -50px;
    }
    100% {
        height: 100%;
        top: 0;
    }
}
@-webkit-keyframes anidiamond-bL {
    0% {
        height: 0;
        top: -50px;
    }
    100% {
        height: 100%;
        top: 0;
    }
}
@keyframes anidiamond-bR {
    0% {
        height: 0;
        bottom: -50px;
    }
    100% {
        height: 100%;
        bottom: 0;
    }
}
@-webkit-keyframes anidiamond-bR {
    0% {
        height: 0;
        bottom: -50px;
    }
    100% {
        height: 100%;
        bottom: 0;
    }
}
@keyframes anidiamond-bTB {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
@-webkit-keyframes anidiamond-bTB {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}


/* Event hover > Add class="animation" */
.button-diamond .transBg-diamond.animation {
    height: 83.333333%;
    width: 83.333333%;
    left: 7.77777%;
    top: 7.77777%;
}
.button-diamond .darkBg-diamond.animation,
.button-diamond .hoverBg-diamond.animation  {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}
.button-diamond .content-diamond.animation {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.button-diamond .content-diamond .title.animation {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    -o-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}
.button-diamond .border.animation {
    /*animation-duration*/
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;

    /*animation-delay*/
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;

    /*animation-fill-mode*/
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    /*animation-timing-function*/
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;

    /*animation-iteration*/
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.button-diamond .border.left.animation {
    -webkit-animation-name: anidiamond-bL;
    -moz-animation-name: anidiamond-bL;
    -o-animation-name: anidiamond-bL;
    animation-name: anidiamond-bL;
}
.button-diamond .border.right.animation {
    -webkit-animation-name: anidiamond-bR;
    -moz-animation-name: anidiamond-bR;
    -o-animation-name: anidiamond-bR;
    animation-name: anidiamond-bR;
}

.button-diamond .border.top.animation,
.button-diamond .border.bottom.animation {

    /* animation-name */
    -webkit-animation-name: anidiamond-bTB;
    -moz-animation-name: anidiamond-bTB;
    -o-animation-name: anidiamond-bTB;
    animation-name: anidiamond-bTB;

    /* animation-delay */
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
}