@import url("https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic");
.RentsystBodyOverflowHidden {
overflow: hidden
}
.RentsystButton {
position: fixed !important;
width: 100px !important;
height: 100px !important;
box-sizing: border-box !important
}
.RentsystButton.bottom {
bottom: 30px !important
}
.RentsystButton.top {
top: 30px !important
}
.RentsystButton.right {
right: 30px !important
}
.RentsystButton.left {
left: 30px !important
}
.RentsystButtonBackground {
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 100px !important;
height: 100px !important;
border-radius: 100% !important;
background-color: #1c84c6;
opacity: .8 !important;
box-sizing: border-box !important
}
.RentsystButtonWave {
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;
color: #1c84c6;
border: 2px solid !important;
width: 105%;
height: 105%;
opacity: .9 !important;
box-sizing: border-box !important;
-webkit-animation: 2s cubic-bezier(.37, 0, .8, .77) infinite wave-stroke;
-moz-animation: 2s cubic-bezier(.37, 0, .8, .77) infinite wave-stroke;
-o-animation: 2s cubic-bezier(.37, 0, .8, .77) infinite wave-stroke;
animation: 2s cubic-bezier(.37, 0, .8, .77) infinite wave-stroke
}
.RentsystButtonIcon {
display: none;
box-sizing: border-box !important
}
.RentsystButtonText {
position: absolute !important;
top: 25px !important;
left: 5px !important;
right: 5px !important;
border-radius: 50% !important;
width: 90px !important;
height: 50px !important;
color: #fff !important;
font-size: 15px !important;
line-height: 25px !important;
font-weight: 400 !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
}
.RentsystWidgetBlock {
position: fixed !important;
top: 0 !important;
width: 407px;
height: 100% !important;
background-color: #fff !important;
background-position: center 10% !important;
background-repeat: no-repeat !important;
box-sizing: border-box !important
}
.RentsystWidgetIFrame {
width: 100% !important;
height: 100% !important;
box-sizing: border-box !important
}
.RentsystWidgetCover {
width: 100% !important;
height: 100% !important;
background: #333 !important;
opacity: .5 !important;
display: none;
position: fixed !important;
top: 0 !important;
left: 0 !important;
box-sizing: border-box !important
}
.RentsystCloseIcon {
position: fixed !important;
top: 13px !important;
width: 35px !important;
height: 35px !important;
border-radius: 50% !important;
background: url(//rhlauto.com/wp-content/plugins/rentsyst/site/img/icon-close.png) center center/12px 12px no-repeat #fff !important;
display: none;
box-sizing: border-box !important
}
.RentsystCloseIcon.left {
left: 430px !important
}
.RentsystCloseIcon.right {
right: 430px !important
}
.RentsystWidgetShow {
animation-duration: .4s !important
}
.RentsystWidgetShow.right {
right: 0 !important;
animation-name: slideinRight !important
}
.RentsystWidgetShow.left {
left: 0 !important;
animation-name: slideinLeft !important
}
.RentsystWidgetShow {
display: inline-block;
padding: 7px 15px;
}
.RentsystWidgetHide {
animation-duration: .4s !important
}
.RentsystWidgetHide.right {
right: -500px !important;
animation-name: slideoutRight !important
}
.RentsystWidgetHide.left {
left: -500px !important;
animation-name: slideoutLeft !important
}
.RentsystWidgetHide {
display: none;
}
.rentsyst-color-badge {
width: 22px;
height: 22px;
display: inline-block;
margin: -4px 3px;
border-radius: 50%;
border: 1px solid #10101069;
}
#rentsyst_page .pagination .next, #rentsyst_page .pagination .prev {
display: inline-block;
}
@media only screen and (max-width: 500px) {
.RentsystWidgetBlock {
width: auto!important;
max-width: 100%;
}
.RentsystCloseIcon.right, .RentsystCloseIcon.left {
right: 15px!important;
left: auto!important;
background: url(//rhlauto.com/wp-content/plugins/rentsyst/site/img/icon-close.png) center center/12px 12px no-repeat #dfdfe3 !important;
}
}
.rentsyst-payment-wrapper .rentsyst-title {
margin-top: 2px;
}
.rentsyst-payment-wrapper .rentsyst-list {
font-size: 14px;
padding: 0px;
}
.rentsyst-payment-wrapper .rentsyst-list li {
list-style-type: none;
position: relative;
}
.rentsyst-payment-wrapper em {
font-style: italic;
}
.rentsyst-payment-wrapper strong {
font-weight: bold;
}
.rentsyst-payment-wrapper .rentsyst-list li:before {
content: '';
display: block;
position: absolute;
width: 3px;
height: 6px;
border: solid #000;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
top: 7px;
left: -17px;
}
.rentsyst-payment-wrapper .rentsyst-paid-status h2{
margin-top: 0px;
}
body .daterangepicker {
z-index: 100500;
}
@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
}
}
.rentsyst-gallery-preview-wrapper {
display: none;
position: absolute;
top: 2px;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
.rentsyst-gallery-image-item {
position: relative;
display: flex;
align-items: flex-end;
flex: 1;
height: 100%;
}
a:hover .rentsyst-gallery-preview-wrapper {
display: flex;
transition: background-color 300ms linear;
}
.rentsyst-gallery-preview-wrapper.cover-mode {
background-color: #000000;
transition: background-color 300ms linear;
}
.rentsyst-gallery-image-item:hover::after {
opacity: 1;
background: #888;
}
.rentsyst-gallery-image-item:after {
content: '';
position: absolute;
bottom: -12px;
left: 1px;
right: 1px;
height: 4px;
border-radius: 2px;
opacity: 0.5;
background: #888;
}
.rentsyst-image-group-wrapper {
position: relative;
}