/*---------window bubble---------*/
.popover-modal1:after,.popover-modal1:before{display:inline-block;content:""}
.popover-wrapper{position:relative}
.popover-modal1{
-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);
box-shadow:0 6px 12px rgba(0,0,0,.175);

-webkit-transition:all 240ms cubic-bezier(.34,1.61,.7,1);
-o-transition:all 240ms cubic-bezier(.34,1.61,.7,1);
transition:all 240ms cubic-bezier(.34,1.61,.7,1);

-webkit-transform:scale(0);
transform:scale(0);

transform-origin:29px -10px;
opacity:0;
position:absolute;
z-index:1000;
width:200px;
margin-top:8px;
border-radius:4px;
border:1px solid #fff;
background-color:#fff;
}

.popover-wrapper.open .popover-modal1{
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
}

.popover-wrapper.open .btn-dropdown{outline:0}

.popover-modal1:before{position:absolute;
top:117px;
left:16px;
border:8px solid transparent;
border-bottom-color:#fff;
transform:rotate(180deg);}

.popover-modal1:after{position:absolute;
top:116px;
left:17px;
border:7px solid transparent;
border-bottom-color:#fff;
transform:rotate(180deg);}

.popover-modal1 .popover-body{margin:0;
padding:4px 0;
max-height:300px;
overflow:scroll}

.popover-modal1 .popover-body.popover-body-padded{padding:8px}
.popover-modal1 .popover-header{padding:8px;
line-height:19px;
border-bottom:1px solid #aab2bd}

.popover-modal1 .popover-header a{color:#434a54;
text-decoration:none;
line-height:19px
}

.popover-modal1 .popover-header a:hover{color:#000;}

.popover-modal1 .popover-header .popover-close-btn{float:right;}

.popover-wrapper.right .popover-modal1{transform-origin:100px -10px;right:0;}

.popover-wrapper.right .popover-modal1:before{left:auto;right:93px;}

.popover-wrapper.right .popover-modal1:after{left:auto;right:94px;}



/*---------book bubble---------*/

.bookbubble:before{position:absolute;
top:66px;
left:16px;
border:8px solid transparent;
border-bottom-color:#fff;
transform:rotate(90deg);
}

.bookbubble:after{position:absolute;
top:67px;
left:16px;
border:7px solid transparent;
border-bottom-color:#fff;
transform:rotate(90deg);
}

.popover-wrapper.right .bookbubble{transform-origin:100px -10px;right:0;}

.popover-wrapper.right .bookbubble:before{left:auto;right:-16px;}

.popover-wrapper.right .bookbubble:after{left:auto;right:-14px;}


/*---------doll bubble---------*/


.dollbubble:before{position:absolute;
top:-16px;
left:16px;
border:8px solid transparent;
border-bottom-color:#fff;
transform:rotate(0deg);
}

.dollbubble:after{position:absolute;
top:-14px;
left:17px;
border:7px solid transparent;
border-bottom-color:#fff;
transform:rotate(0deg);
}

/*---------frame bubble---------*/
.framebubble:before{position:absolute;
top:66px;
left:16px;
border:8px solid transparent;
border-bottom-color:#fff;
transform:rotate(-90deg);
}

.framebubble:after{position:absolute;
top:67px;
left:17px;
border:7px solid transparent;
border-bottom-color:#fff;
transform:rotate(-90deg);
}
.popover-wrapper.right .framebubble{transform-origin:100px -10px;right:0;}

.popover-wrapper.right .framebubble:before{left:auto;right:201px;}

.popover-wrapper.right .framebubble:after{left:auto;right:200px;}


/*---------phone bubble---------*/

.phonebubble:before{position:absolute;
top:66px;
left:16px;
border:8px solid transparent;
border-bottom-color:#fff;
transform:rotate(90deg);
}

.phonebubble:after{position:absolute;
top:67px;
left:16px;
border:7px solid transparent;
border-bottom-color:#fff;
transform:rotate(90deg);
}

.popover-wrapper.right .phonebubble{transform-origin:100px -10px;right:0;}

.popover-wrapper.right .phonebubble:before{left:auto;right:-16px;}

.popover-wrapper.right .phonebubble:after{left:auto;right:-14px;}


/*---------pad bubble---------*/

.padbubble:before{position:absolute;
top:117px;
left:16px;
border:8px solid transparent;
border-bottom-color:#fff;
transform:rotate(180deg);
}

.padbubble:after{position:absolute;
top:116px;
left:17px;
border:7px solid transparent;
border-bottom-color:#fff;
transform:rotate(180deg);
}
.popover-wrapper.right .padbubble{transform-origin:100px -10px;right:0;}

.popover-wrapper.right .padbubble:before{left:auto;right:133px;}

.popover-wrapper.right .padbubble:after{left:auto;right:134px;}


/*---------duck bubble---------*/

.duckbubble:before{position:absolute;
top:61px;
left:16px;
border:8px solid transparent;
border-bottom-color:#fff;
transform:rotate(180deg);
}

.duckbubble:after{position:absolute;
top:60px;
left:17px;
border:7px solid transparent;
border-bottom-color:#fff;
transform:rotate(180deg);
}

/*---------nya bubble(plant:hover)---------*/

.nyabubble:before{
position:absolute;
top:61px;
left:16px;
border:8px solid transparent;
border-bottom-color:#fff;
transform:rotate(180deg);
}

.nyabubble:after{
position:absolute;
top:60px;
left:17px;
border:7px solid transparent;
border-bottom-color:#fff;
transform:rotate(180deg);
}
.popover-wrapper.right .nyabubble{transform-origin:100px -10px;right:0;}

.popover-wrapper.right .nyabubble:before{left:auto;right:90px;}

.popover-wrapper.right .nyabubble:after{left:auto;right:91px;}