.yButtonBackground {
    background-image: linear-gradient(to right, #462523 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #462523 100%) !important;
}
.yButtonWave {
    border-color: #cb9b51 !important;
    color: #cb9b51 !important;
}
.yButtonText {
    color: #462523 !important;
    font-weight: 600 !important;
}
.yButton.right {
    right: 30px!important;
}
.yButton.bottom {
    bottom: 30px
px
!important;
}
@import "https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic";.yBodyOverflowHidden{overflow:hidden}
.yButton{
    position:fixed!important;
    width:100px!important;
    height:100px!important;
    box-sizing:border-box!important;
    Z-INDEX: 99999;
}
.yButton.bottom{
    bottom:30px!important;
    
}
.yButton.top{
    top:30px!important;
}
.yButton.right{
    right:30px!important;
}
.yButton.left{
    left:30px!important;
}
.yButtonBackground{
    width:100px!important;
    height:100px!important;
    border-radius:100%!important;
    background-color:#1c84c6;
    opacity:.8!important;
    box-sizing:border-box!important
}
.yButtonWave{position:absolute!important;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-moz-transform:translate(-50%,-50%)!important;-o-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;border-color:#1c84c6;color:#1c84c6;border:2px solid!important;width:105%;height:105%;opacity:.9!important;box-sizing:border-box!important;-webkit-animation:wave-stroke 2s infinite cubic-bezier(.37,0,.8,.77);-moz-animation:wave-stroke 2s infinite cubic-bezier(.37,0,.8,.77);-o-animation:wave-stroke 2s infinite cubic-bezier(.37,0,.8,.77);animation:wave-stroke 2s infinite cubic-bezier(.37,0,.8,.77)}
.yButtonIcon{display:none;box-sizing:border-box!important}
.yButtonText{
    position:absolute!important;
    top:0px!important;
    left:0px!important;
    right:0px!important;
    border-radius:50%!important;
    width:100px!important;
    height:100px!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:25px!important;
    font-weight:600!important;
    text-align:center!important;
    vertical-align:middle!important;
    letter-spacing:1.5px!important;
    font-family:play,sans-serif!important;
    box-sizing:border-box!important;
    text-shadow: 0px 2px 4px black
    }
@keyframes slideinRight{from{right:-500px}to{right:0}}
@-webkit-keyframes slideinRight{from{right:-500px}to{right:0}}
@-moz-keyframes slideinRight{from{right:-500px}to{right:0}}
@-o-keyframes slideinRight{from{right:-500px}to{right:0}}
@keyframes slideinLeft{from{left:-500px}to{left:0}}
@-webkit-keyframes slideinLeft{from{left:-500px}to{left:0}}
@-moz-keyframes slideinLeft{from{left:-500px}to{left:0}}
@-o-keyframes slideinLeft{from{left:-500px}to{left:0}}
@keyframes slideoutRight{from{right:0}to{right:-500px}}
@-webkit-keyframes slideoutRight{from{right:0}to{right:-500px}}
@-moz-keyframes slideoutRight{from{right:0}to{right:-500px}}
@-o-keyframes slideoutRight{from{right:0}to{right:-500px}}
@keyframes slideoutLeft{from{left:0}to{left:-500px}}
@-webkit-keyframes slideoutLeft{from{left:0}to{left:-500px}}
@-moz-keyframes slideoutLeft{from{left:0}to{left:-400px}}
@-o-keyframes slideoutLeft{from{left:0}to{left:-500px}}
@-webkit-keyframes wave-stroke{100%{width:200%;height:200%;border-color:transparent;opacity:0}}
@-moz-keyframes wave-stroke{100%{width:200%;height:200%;border-color:transparent;opacity:0}}
@-o-keyframes wave-stroke{100%{width:200%;height:200%;border-color:transparent;opacity:0}}
@keyframes wave-stroke{100%{width:200%;height:200%;border-color:transparent;opacity:0}}



.reservanto-widget {
    display: inline-block;
    zoom:1;*display: inline;
    height: 35px
}

.reservanto-button {
    -moz-box-shadow: 0 0px 0 0 #078185;
    -webkit-box-shadow: 0 0px 0 0 #078185;
    -ms-box-shadow: 0 0px 0 0 #078185;
    box-shadow: 0 0px 0 0 #078185;
    background-color: transparent !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid transparent;
    border-radius:50%!important;
    display: inline-block;
    color: #fff !important;
    font-size:11px!important;
    padding: 25px 1px !important;
    -webkit-text-shadow: 0px 2px 4px black!important;
    -ms-text-shadow: 0px 2px 4px black!important;
    text-shadow: 0px 2px 4px black!important;
    cursor: pointer;
    text-decoration: none !important;
    transition: background-color .2s;
    z-index:9999; 
    position:absolute!important;
    top:0px!important;
    left:0px!important;
    right:0px!important;
    width:100px!important;
    height:100px!important;
    line-height:25px!important;
    font-weight:600!important;
    text-align:center!important;
    vertical-align:middle!important;
    letter-spacing:1.5px!important;
    font-family:play,sans-serif!important;
    box-sizing:border-box!important;
}

.reservanto-button:hover {
    background-color: #13cbd1
}

.reservanto-button:active {
    display: inline-block;
    top: 1px;
    -moz-box-shadow: 0 0 0 0 transparent !important;
    -webkit-box-shadow: 0 0 0 0 transparent !important;
    -ms-box-shadow: 0 0 0 0 transparent !important;
    box-shadow: 0 0 0 0 transparent !important
}