.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);} 100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px);} 100%{opacity:1;-moz-transform:translateY(0);}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px);} 100%{opacity:1;-o-transform:translateY(0);}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);} 100%{opacity:1;transform:translateY(0);}}.fade-in-up{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);} 100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px);} 100%{opacity:1;-moz-transform:translateY(0);}}@-o-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-20px);} 100%{opacity:1;-ms-transform:translateY(0);}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px);} 100%{opacity:1;transform:translateY(0);}}.fade-in-down{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-20px);} 100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(-20px);} 100%{opacity:1;-moz-transform:translateX(0);}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(-20px);} 100%{opacity:1;-o-transform:translateX(0);}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-20px);} 100%{opacity:1;transform:translateX(0);}}.fade-in-right{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(20px);} 100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(20px);} 100%{opacity:1;-moz-transform:translateX(0);}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(20px);} 100%{opacity:1;-o-transform:translateX(0);}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(20px);} 100%{opacity:1;transform:translateX(0);}}.fade-in-left{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;}

100% {
-ms-transform:translateY(0);
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-o-transform:translateX(0);
opacity:1;
transform:translateX(0);
}

.fade-in-up {
-webkit-animation-name:fadeInUp;
-moz-animation-name:fadeInUp;
-o-animation-name:fadeInUp;
animation-name:fadeInUp;
}

.fade-in-down {
-webkit-animation-name:fadeInDown;
-moz-animation-name:fadeInDown;
-o-animation-name:fadeInDown;
animation-name:fadeInDown;
}

.fade-in-right {
-webkit-animation-name:fadeInRight;
-moz-animation-name:fadeInRight;
-o-animation-name:fadeInRight;
animation-name:fadeInRight;
}

.fade-in-left {
-webkit-animation-name:fadeInLeft;
-moz-animation-name:fadeInLeft;
-o-animation-name:fadeInLeft;
animation-name:fadeInLeft;
}

div.hopscotch-bubble .hopscotch-nav-button {
font-weight:700;
cursor:pointer;
overflow:visible;
text-decoration:none!important;
width:auto;
height:26px;
line-height:24px;
font-size:12px;
white-space:nowrap;
zoom:1;
display:inline;
vertical-align:middle;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-style:solid;
border-width:1px;
margin:0;
padding:0 10px;
}

div.hopscotch-bubble .hopscotch-nav-button:hover {
zoom:1;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
box-shadow:0 1px 3px rgba(0,0,0,0.25);
}

div.hopscotch-bubble .hopscotch-nav-button:active {
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25) inset;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.25) inset;
box-shadow:0 1px 2px rgba(0,0,0,0.25) inset;
}

div.hopscotch-bubble .hopscotch-nav-button.next {
color:#fff;
text-shadow:0 1px 1px rgba(0,0,0,0.35);
background-color:#aa0c25;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aa0c25',endColorstr='#ad0c26');
background-image:linear-gradient(top,#aa0c250%,#ad0c26100%);
border-color:#aa0c25;
margin:0 0 0 10px;


 

}

div.hopscotch-bubble .hopscotch-nav-button.next:hover {
background-color:#aa0c25;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#aa0c25',endColorstr='#ad0c26');
background-image:linear-gradient(top,#aa0c250%,#ad0c26100%);
}

div.hopscotch-bubble .hopscotch-nav-button.prev {
color:#444;
text-shadow:0 1px 1px rgba(255,255,255,0.75);
background-color:#f2f2f2;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#f2f2f2',endColorstr='#e9e9e9');
background-image:linear-gradient(top,#f2f2f20%,#e9e9e9100%);
border-color:#a7a7a7;
}

div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
background-color:#e8e8e8;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFE8E8E8',endColorstr='#FFA9A9A9');
background-image:linear-gradient(top,#e8e8e80%,#e3e3e313%,#d7d7d732%,#b9b9b971%,#a9a9a9100%);
}

div.hopscotch-bubble {
background-color:#fff;
border:3px solid rgba(0,0,0,0.5);
color:#333;
font-family:Helvetica,Arial;
font-size:13px;
position:absolute;
z-index:999;
-moz-background-clip:padding;
-webkit-background-clip:padding;
background-clip:padding-box;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
}

div.hopscotch-bubble.animate {
-moz-transition-property:top, left;
-moz-transition-duration:1s;
-moz-transition-timing-function:ease-in-out;
-ms-transition-property:top, left;
-ms-transition-duration:1s;
-ms-transition-timing-function:ease-in-out;
-o-transition-property:top, left;
-o-transition-duration:1s;
-o-transition-timing-function:ease-in-out;
-webkit-transition-property:top, left;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:ease-in-out;
transition-property:top, left;
transition-duration:1s;
transition-timing-function:ease-in-out;
}

div.hopscotch-bubble.invisible {
opacity:0;
}

div.hopscotch-bubble h3 {
color:#000;
font-family:Helvetica,Arial;
font-size:16px;
font-weight:700;
line-height:19px;
margin:-1px 15px 0 0;
padding:0;
}

div.hopscotch-bubble .hopscotch-bubble-container {
position:relative;
text-align:left;
-webkit-font-smoothing:antialiased;
padding:15px;
}

div.hopscotch-bubble .hopscotch-content {
font-family:Helvetica,Arial;
font-weight:400;
line-height:17px;
padding-top:8px;
margin:-5px 0 11px;
}

div.hopscotch-bubble .hopscotch-bubble-content {
margin:0 0 0 40px;
}

div.hopscotch-bubble.no-number .hopscotch-bubble-content {
margin:0;
}

div.hopscotch-bubble .hopscotch-bubble-close {
color:#000;
background:transparent url(//imgs.communitymatrimony.com/cbsimages/sprite-green-0.3.png) -192px -92px no-repeat;
display:block;
position:absolute;
text-decoration:none;
text-indent:-9999px;
width:8px;
height:8px;
top:0;
right:0;
padding:8px;
}

div.hopscotch-bubble .hopscotch-bubble-number {
background:transparent url(//imgs.communitymatrimony.com/cbsimages/sprite-green-0.3.png) 0 0 no-repeat;
color:#fff;
display:block;
float:left;
font-size:17px;
font-weight:700;
line-height:31px;
text-align:center;
width:30px;
height:30px;
padding:0 10px 0 0;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container {
position:absolute;
width:34px;
height:34px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border {
width:0;
height:0;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
top:-13px;
left:10px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
position:relative;
top:-6px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
border-bottom:10px solid rgba(0,0,0,0.5);
border-left:10px solid transparent;
border-right:10px solid transparent;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
bottom:-39px;
left:10px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
border-top:17px solid #fff;
border-left:17px solid transparent;
border-right:17px solid transparent;
position:relative;
top:-24px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
border-top:17px solid rgba(0,0,0,0.5);
border-left:17px solid transparent;
border-right:17px solid transparent;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
top:10px;
left:-13px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
border-bottom:10px solid transparent;
border-right:10px solid #fff;
border-top:10px solid transparent;
position:relative;
left:5px;
top:-20px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border {
border-right:10px solid rgba(0,0,0,0.5);
border-bottom:10px solid transparent;
border-top:10px solid transparent;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
top:10px;
right: -37px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
border-bottom: 10px solid transparent;
border-left: 10px solid #fff;
border-top: 10px solid transparent;
position:relative;
left: -4px;
top: -21px;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border {
border-left: 10px solid rgba(0,0,0,0.5);
border-bottom: 10px solid transparent;
border-top: 10px solid transparent;
}

div.hopscotch-bubble .hopscotch-actions {
text-align:right;
margin:10px 0 0;
}

div.hopscotch-bubble.hide,div.hopscotch-bubble .hide,div.hopscotch-bubble .hide-all,div.hopscotch-bubble .hopscotch-bubble-close.hide,div.hopscotch-bubble .hopscotch-bubble-close.hide-all {
display:none;
}