body
{
-ms-overflow-style: scrollbar;
}
.sticky-popup
{
position: fixed;	
width: 350px;
visibility: hidden;	
z-index: 999999;
}
.sticky-popup .popup-header
{   
padding: 10px 5px 5px 10px;
border:1px solid #59baa4;  
background-color: #59baa4;
cursor:pointer;
}
.popup-title
{
color: #ffffff; 
font-size: 18px;
font-weight: bold;
}
.popup-image 
{
float: right;
padding: 0 15px 0 0;
margin: 0px;
width:25px;
}
.popup-image img{width:20px;height:20px;}
.popup-content
{
width: 100%;
max-width: 100%;
overflow-x: hidden;
overflow-y:auto; background-color: #fefefe;
border: 1px solid hsl(0, 0%, 92%);
}
.popup-content input, textarea, select
{
max-width: 95%;
}
.popup-content p
{
margin: 5px 0 5px 0px;
}
.popup-content-pad
{
padding: 10px;
} .right-bottom
{   
right: 2%;
bottom: 0;  
}
.left-bottom .popup-header
{
border-radius: 4px 4px 0 0;
}
.right-bottom .popup-header
{
border-radius: 4px 4px 0 0;
}
.left-bottom
{   
left: 2%;
bottom: 0;  
}
.open_sticky_popup {
-webkit-transition: bottom .8s;
-moz-transition: bottom .8s;
-o-transition: bottom .8s;
transition: bottom .8s;
}
@-webkit-keyframes popup_content_bounce_in_up{
0%{opacity:0;-webkit-transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes popup_content_bounce_in_up{
0%{opacity:0;-moz-transform:translateY(2000px)}
60%{opacity:1;-moz-transform:translateY(-30px)}
80%{-moz-transform:translateY(10px)}
100%{-moz-transform:translateY(0)}
}
@-o-keyframes popup_content_bounce_in_up{
0%{opacity:0;-o-transform:translateY(2000px)}
60%{opacity:1;-o-transform:translateY(-30px)}
80%{-o-transform:translateY(10px)}
100%{-o-transform:translateY(0)}
}
@keyframes popup_content_bounce_in_up{
0%{opacity:0;transform:translateY(2000px)}
60%{opacity:1;transform:translateY(-30px)}
80%{transform:translateY(10px)}
100%{transform:translateY(0)}
}
.popup-content-bounce-in-up{    
-webkit-animation-name:popup_content_bounce_in_up;
-moz-animation-name:popup_content_bounce_in_up;
-o-animation-name:popup_content_bounce_in_up;
animation-name:popup_content_bounce_in_up;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} .sticky-popup-right
{ right:0;    
}
.popup-content-bounce-in-right {
right: -315px;
}
.sticky-popup-right .popup-header
{
width: 35px;
margin-top: 13%;
float: left;
height: 190px;
border-radius: 4px 0 0 4px;
padding: 0px;  
}
.sticky-popup-right .popup-title
{ -webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform: rotate(90deg);
white-space: nowrap;
display: block;
padding: 5px;
padding-left: 10px;
letter-spacing: 1px;  
}
.sticky-popup-right .popup-image {
margin: 0px -155px 0 0;
width: 20px;
padding: 0px;
}
.sticky-popup-right .ie10 .popup-image
{
margin-right:-16px !important;
}
.sticky-popup-right .ie11 .popup-image
{
margin-right:-16px !important;
}
.sticky-popup-right .popup-content
{    
width: auto;
}
.open_sticky_popup_right{
-webkit-transition: right .8s;
-moz-transition: right .8s;
-o-transition: right .8s;
transition: right .8s;
}
@-webkit-keyframes popup_content_bounce_in_right {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes popup_content_bounce_in_right {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.popup-content-bounce-in-right{ 
-webkit-animation-name:popup_content_bounce_in_right;
-moz-animation-name:popup_content_bounce_in_right;
-o-animation-name:popup_content_bounce_in_right;
animation-name:popup_content_bounce_in_right;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} .sticky-popup-left
{ left:0;    
}
.sticky-popup-left .popup-header
{
width: 40px;
padding: 0px; 
margin: 20% 0 0 0;
float: right;
height: 195px;
border-radius: 0 4px 4px 0;    
}
.sticky-popup-left .popup-title
{
padding: 10px 5px 15px 4px;
writing-mode:tb-rl;
-ms-writing-mode:tb-rl;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform: rotate(180deg);
display: block;
letter-spacing: 1px;
}
.sticky-popup-left .popup-image
{
margin: 3px 5px 0 0;
width: 20px;
padding: 0px;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform: rotate(90deg);    
}
.sticky-popup-left .ie8 .popup-image
{
margin-right:5px !important;
}
.sticky-popup-left .ie9 .popup-image
{
margin-right:5px !important;
}
.sticky-popup-left .ie10 .popup-image
{
margin-right:5px !important;
}
.sticky-popup-left .ie11 .popup-image
{
margin-right:5px !important;
}
.sticky-popup-left .popup-content
{    
width: auto;
padding:0px;
margin:0px;    
}
.open_sticky_popup_left{
-webkit-transition: left .8s;
-moz-transition: left .8s;
-o-transition: left .8s;
transition: left .8s;
}
@-webkit-keyframes popup_content_bounce_in_right_left {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes popup_content_bounce_in_right_left {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.popup-content-bounce-in-left {
-webkit-animation-name:popup_content_bounce_in_right_left;
-moz-animation-name:popup_content_bounce_in_right_left;
-o-animation-name:popup_content_bounce_in_right_left;
animation-name:popup_content_bounce_in_right_left;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
} .top-left .popup-header
{
border-radius:0 0 4px 4px;
}
.top-right .popup-header
{
border-radius:0 0 4px 4px;
}
.open_sticky_popup_top {
-webkit-transition: top .8s;
-moz-transition: top .8s;
-o-transition: top .8s;
transition: top .8s;
}
@-webkit-keyframes popup_content_bounce_in_down{
0%{opacity:0;-webkit-transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes popup_content_bounce_in_down{
0%{opacity:0;-moz-transform:translateY(2000px)}
60%{opacity:1;-moz-transform:translateY(-30px)}
80%{-moz-transform:translateY(10px)}
100%{-moz-transform:translateY(0)}
}
@-o-keyframes popup_content_bounce_in_down{
0%{opacity:0;-o-transform:translateY(2000px)}
60%{opacity:1;-o-transform:translateY(-30px)}
80%{-o-transform:translateY(10px)}
100%{-o-transform:translateY(0)}
}
@keyframes popup_content_bounce_in_down{
0%{opacity:0;transform:translateY(50px)}
60%{opacity:1;transform:translateY(-30px)}
80%{transform:translateY(10px)}
100%{transform:translateY(0)}
}
.popup-content-bounce-in-down{    
-webkit-animation-name:popup_content_bounce_in_down;
-moz-animation-name:popup_content_bounce_in_down;
-o-animation-name:popup_content_bounce_in_down;
animation-name:popup_content_bounce_in_down;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.top-left
{
left: 2%;
}
.top-right
{
right : 2%;
}