.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}
.tippy-box[data-theme~=light-border]{background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,8,16,.15);color:#333;box-shadow:0 4px 14px -2px rgba(0,8,16,.08)}.tippy-box[data-theme~=light-border]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light-border]>.tippy-arrow:after,.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{content:"";position:absolute;z-index:-1}.tippy-box[data-theme~=light-border]>.tippy-arrow:after{border-color:transparent;border-style:solid}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after{border-top-color:rgba(0,8,16,.2);border-width:7px 7px 0;top:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg{top:16px}.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after{top:17px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff;bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after{border-bottom-color:rgba(0,8,16,.2);border-width:0 7px 7px;bottom:17px;left:1px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after{bottom:17px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after{border-left-color:rgba(0,8,16,.2);border-width:7px 0 7px 7px;left:17px;top:1px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg{left:11px}.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after{left:12px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff;right:16px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after{border-width:7px 7px 7px 0;right:17px;top:1px;border-right-color:rgba(0,8,16,.2)}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg{right:11px}.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after{right:12px}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow{fill:#fff}.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);background-size:16px 6px;width:16px;height:6px}
.tippy-box[data-theme~=material]{background-color:#505355;font-weight:600}.tippy-box[data-theme~=material][data-placement^=top]>.tippy-arrow:before{border-top-color:#505355}.tippy-box[data-theme~=material][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#505355}.tippy-box[data-theme~=material][data-placement^=left]>.tippy-arrow:before{border-left-color:#505355}.tippy-box[data-theme~=material][data-placement^=right]>.tippy-arrow:before{border-right-color:#505355}.tippy-box[data-theme~=material]>.tippy-backdrop{background-color:#505355}.tippy-box[data-theme~=material]>.tippy-svg-arrow{fill:#505355}
.tippy-box[data-theme~=translucent]{background-color:rgba(0,0,0,.7)}.tippy-box[data-theme~=translucent]>.tippy-arrow{width:14px;height:14px}.tippy-box[data-theme~=translucent][data-placement^=top]>.tippy-arrow:before{border-width:7px 7px 0;border-top-color:rgba(0,0,0,.7)}.tippy-box[data-theme~=translucent][data-placement^=bottom]>.tippy-arrow:before{border-width:0 7px 7px;border-bottom-color:rgba(0,0,0,.7)}.tippy-box[data-theme~=translucent][data-placement^=left]>.tippy-arrow:before{border-width:7px 0 7px 7px;border-left-color:rgba(0,0,0,.7)}.tippy-box[data-theme~=translucent][data-placement^=right]>.tippy-arrow:before{border-width:7px 7px 7px 0;border-right-color:rgba(0,0,0,.7)}.tippy-box[data-theme~=translucent]>.tippy-backdrop{background-color:rgba(0,0,0,.7)}.tippy-box[data-theme~=translucent]>.tippy-svg-arrow{fill:rgba(0,0,0,.7)}
.wp-block{}.tippy-box[data-animation=perspective][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden]{transform:perspective(700px) translateY(8px) rotateX(60deg)}.tippy-box[data-animation=perspective][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden]{transform:perspective(700px) translateY(-8px) rotateX(-60deg)}.tippy-box[data-animation=perspective][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden]{transform:perspective(700px) translateX(8px) rotateY(-60deg)}.tippy-box[data-animation=perspective][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden]{transform:perspective(700px) translateX(-8px) rotateY(60deg)}.tippy-box[data-animation=perspective][data-state=hidden]{opacity:0}
.tippy-box[data-animation=shift-toward-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden]{transform:translateY(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden]{transform:translateY(5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden]{transform:translateX(-5px)}.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden]{transform:translateX(5px)}
.tippy-box[data-animation=shift-toward-extreme][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=top]{transform:translateY(-20px)}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=bottom]{transform:translateY(20px)}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=left]{transform:translateX(-20px)}.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=right]{transform:translateX(20px)}
.tippy-box[data-animation=shift-toward][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top]{transform:translateY(-10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom]{transform:translateY(10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left]{transform:translateX(-10px)}.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right]{transform:translateX(10px)}
.tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}
.tippy-box[data-animation=shift-away-extreme][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=top]{transform:translateY(20px)}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=bottom]{transform:translateY(-20px)}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=left]{transform:translateX(20px)}.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=right]{transform:translateX(-20px)}
.tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translateX(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translateX(-10px)}
.tippy-box[data-animation=scale-subtle][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale-subtle][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale-subtle][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale-subtle][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale-subtle][data-state=hidden]{transform:scale(.8);opacity:0}
.tippy-box[data-animation=scale-extreme][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale-extreme][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale-extreme][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale-extreme][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale-extreme][data-state=hidden]{transform:scale(0);opacity:.25}
.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}
.tippy-box[data-animation=perspective-subtle][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=perspective-subtle][data-placement^=top][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-subtle][data-placement^=top][data-state=hidden]{transform:perspective(700px) translateY(5px) rotateX(30deg)}.tippy-box[data-animation=perspective-subtle][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=perspective-subtle][data-placement^=bottom][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-subtle][data-placement^=bottom][data-state=hidden]{transform:perspective(700px) translateY(-5px) rotateX(-30deg)}.tippy-box[data-animation=perspective-subtle][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=perspective-subtle][data-placement^=left][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-subtle][data-placement^=left][data-state=hidden]{transform:perspective(700px) translateX(5px) rotateY(-30deg)}.tippy-box[data-animation=perspective-subtle][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=perspective-subtle][data-placement^=right][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-subtle][data-placement^=right][data-state=hidden]{transform:perspective(700px) translateX(-5px) rotateY(30deg)}.tippy-box[data-animation=perspective-subtle][data-state=hidden]{opacity:0}
.tippy-box[data-animation=perspective-extreme][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=perspective-extreme][data-placement^=top][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-extreme][data-placement^=top][data-state=hidden]{transform:perspective(700px) translateY(10px) rotateX(90deg)}.tippy-box[data-animation=perspective-extreme][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=perspective-extreme][data-placement^=bottom][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-extreme][data-placement^=bottom][data-state=hidden]{transform:perspective(700px) translateY(-10px) rotateX(-90deg)}.tippy-box[data-animation=perspective-extreme][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=perspective-extreme][data-placement^=left][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-extreme][data-placement^=left][data-state=hidden]{transform:perspective(700px) translateX(10px) rotateY(-90deg)}.tippy-box[data-animation=perspective-extreme][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=perspective-extreme][data-placement^=right][data-state=visible]{transform:perspective(700px)}.tippy-box[data-animation=perspective-extreme][data-placement^=right][data-state=hidden]{transform:perspective(700px) translateX(-10px) rotateY(90deg)}.tippy-box[data-animation=perspective-extreme][data-state=hidden]{opacity:.5}
.wp-block{}.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: white;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(80, 77, 77, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
color: white;
font-size: 13px;
letter-spacing: 0.1em;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent !important;
position: absolute;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
top: 50%;
margin-top: -6px;
}
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
left: 50%;
margin-left: -6px;
}
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-before-label:before {
content: attr(data-content);
}
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-after-label:before {
content: attr(data-content);
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px;
}
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25;
}
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 3px solid white !important;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
z-index: 40;
cursor: all-scroll;
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {
border-right: 6px solid white !important;
left: 50%;
margin-left: -17px;
}
.twentytwenty-right-arrow {
border-left: 6px solid white !important;
right: 50%;
margin-right: -17px;
}
.twentytwenty-up-arrow {
border-bottom: 6px solid white !important;
top: 50%;
margin-top: -17px;
}
.twentytwenty-down-arrow {
border-top: 6px solid white !important;
bottom: 50%;
margin-bottom: -17px;
} .beafwc-outside-label-wrapper {
position: relative;
overflow: hidden;
}
.beafwc-outside-label-wrapper>.twentytwenty-before-label,.beafwc-outside-label-wrapper>.twentytwenty-after-label {
opacity: 1;
}
.beafwc-outside-label-wrapper.twentytwenty-vertical>.twentytwenty-before-label:before{
top:0;
z-index: 25;
width: max-content !important;
background-color: rgba(0, 0, 0, 0.5);
}
.beafwc-outside-label-wrapper.twentytwenty-vertical .twentytwenty-after-label:before{
bottom:0;
z-index: 25;
width: max-content !important;
background-color: rgba(0, 0, 0, 0.5);
}.twentytwenty-vertical .default .twentytwenty-before-label:before,
.twentytwenty-vertical .default .twentytwenty-after-label:before {
padding: 0 !important;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
background: none !important
}
.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
width: 120px !important;
left: 0 !important;
right: 0 !important;
margin: 0 auto !important;
} .twentytwenty-horizontal .design-1 .twentytwenty-before-label::before,
.twentytwenty-horizontal .design-1 .twentytwenty-after-label::before {
top: 60px;
}
.twentytwenty-horizontal .design-1 .twentytwenty-before-label::before {
left: 80px;
}
.twentytwenty-horizontal .design-1 .twentytwenty-after-label::before {
right: 80px;
}
.design-1 .twentytwenty-before-label::before,
.design-1 .twentytwenty-after-label::before {
background: #f1f1f1;
color: #000;
}
.twentytwenty-vertical .design-1 .twentytwenty-handle {
margin-top: 0;
}
.twentytwenty-vertical .design-1 .twentytwenty-handle:after {
margin-right: 0;
}
.twentytwenty-vertical .design-1 .twentytwenty-handle:before {
margin-left: 0
}
.design-1 .twentytwenty-before-label::before,
.design-1 .twentytwenty-after-label::before {
font-size: 16px;
line-height: 1;
padding: 16px 30px;
color: #000;
text-transform: none;
border-radius: 25px;
}
.design-1 .twentytwenty-handle {
height: 0;
width: 0;
border: 0 !important;
}
.design-1 .twentytwenty-left-arrow {
border-right: 0 !important;
left: 0;
margin-left: 0;
}
.design-1 .twentytwenty-right-arrow {
border-left: 0 !important;
right: 0;
margin-right: 0;
}
.design-1 .twentytwenty-horizontal .twentytwenty-handle::before {
margin-bottom: -17px;
}
.design-1 .twentytwenty-handle {
margin-left: 0;
}
.twentytwenty-horizontal .design-1 .twentytwenty-handle::before {
margin-bottom: 0px;
}
.twentytwenty-horizontal .design-1 .twentytwenty-handle::after {
margin-top: 0px;
}
.design-1 .twentytwenty-overlay .twentytwenty-before-label,
.design-1 .twentytwenty-overlay .twentytwenty-after-label {
opacity: 1;
} .twentytwenty-horizontal .design-2 .twentytwenty-before-label::before,
.twentytwenty-horizontal .design-2 .twentytwenty-after-label::before {
top: unset;
bottom: 45px !important;
}
.twentytwenty-horizontal .design-2 .twentytwenty-before-label::before {
left: 0px;
}
.twentytwenty-horizontal .design-2 .twentytwenty-after-label::before {
right: 0px;
}
.twentytwenty-horizontal .design-2 .twentytwenty-before-label {
left: 0px;
padding: 0px;
}
.twentytwenty-horizontal .design-2 .twentytwenty-after-label {
right: 0px;
padding: 0px;
}
.twentytwenty-horizontal .design-2 .twentytwenty-before-label::before {
left: 0px;
}
.twentytwenty-horizontal .design-2 .twentytwenty-handle::before {
bottom: 85%;
}
.twentytwenty-horizontal .design-2 .twentytwenty-handle::after {
top: 85%;
}
.design-2 .twentytwenty-before-label::before {
background: #526F9B;
}
.design-2 .twentytwenty-after-label::before {
background: #205D00;
}
.design-2 .twentytwenty-after-label::before {
border-radius: 50px 0px 0px 50px;
text-transform: uppercase;
}
.design-2 .twentytwenty-before-label::before {
border-radius: 0px 50px 50px 0px;
text-transform: uppercase;
}
.design-2 .twentytwenty-overlay .twentytwenty-before-label,
.design-2 .twentytwenty-overlay .twentytwenty-after-label {
opacity: 1;
}
.design-2 .twentytwenty-handle {
height: 120px !important;
width: 24px !important;
background: #fff;
margin-top: -63px !important;
margin-left: -15px !important;
}
.twentytwenty-vertical .design-2 .twentytwenty-handle:before,
.twentytwenty-vertical .design-2 .twentytwenty-handle:after {
box-shadow: none !important
}
.twentytwenty-vertical .design-2 .twentytwenty-down-arrow {
border-top: 6px solid #737373 !important;
}
.twentytwenty-vertical .design-2 .twentytwenty-up-arrow {
border-bottom: 6px solid #737373 !important;
}
.twentytwenty-vertical .design-2 .twentytwenty-handle {
height: 24px !important;
width: 120px !important;
background: #fff;
margin-top: -12px !important;
margin-left: -60px !important;
}
.twentytwenty-vertical .design-2 .twentytwenty-handle .twentytwenty-down-arrow {
bottom: 55%;
}
.twentytwenty-vertical .design-2 .twentytwenty-handle .twentytwenty-up-arrow {
top: 55%;
}
.design-2 .twentytwenty-left-arrow {
border-right: 6px solid #737373 !important;
left: 55%;
}
.design-2 .twentytwenty-right-arrow {
border-left: 6px solid #737373 !important;
right: 55%;
} .twentytwenty-horizontal .design-3 .twentytwenty-before-label::before,
.twentytwenty-horizontal .design-3 .twentytwenty-after-label::before {
top: unset;
bottom: 45px !important;
}
.twentytwenty-vertical .design-3 .twentytwenty-handle:before {
left: 77%;
}
.twentytwenty-vertical .design-3 .twentytwenty-handle:after {
right: 74%;
}
.twentytwenty-vertical .design-3 .twentytwenty-down-arrow {
border-top: 6px solid #fff;
}
.twentytwenty-vertical .design-3 .twentytwenty-up-arrow {
border-bottom: 6px solid #fff;
}
.twentytwenty-horizontal .design-3 .twentytwenty-after-label::before {
right: 0px !important;
}
.twentytwenty-horizontal .design-3 .twentytwenty-before-label {
left: 0px;
padding: 0px;
}
.twentytwenty-horizontal .design-3 .twentytwenty-after-label {
right: 0px;
padding: 0px;
}
.twentytwenty-horizontal .design-3 .twentytwenty-before-label::before {
left: 0px;
}
.twentytwenty-horizontal .design-3 .twentytwenty-handle::before {
margin-bottom: 45px;
}
.twentytwenty-horizontal .design-3 .twentytwenty-handle::after {
margin-top: 46px;
}
.design-3 .twentytwenty-before-label::before {
background: #F36F02;
}
.design-3 .twentytwenty-after-label::before {
background: #ffffff;
color: #3d3d3d;
}
.design-2 .twentytwenty-before-label::before,
.design-2 .twentytwenty-after-label::before,
.design-4 .twentytwenty-before-label::before,
.design-4 .twentytwenty-after-label::before,
.design-3 .twentytwenty-before-label::before,
.design-3 .twentytwenty-after-label::before {
font-size: 16px;
line-height: 1;
padding: 16px 30px;
}
.design-3 .twentytwenty-after-label::before {
border-radius: 50px 0px 0px 50px;
text-transform: uppercase;
}
.design-3 .twentytwenty-before-label::before {
border-radius: 0px 50px 50px 0px;
text-transform: uppercase;
}
.design-4 .twentytwenty-after-label::before {
border-radius: 50px 0px 0px 50px;
text-transform: uppercase;
}
.design-4 .twentytwenty-before-label::before {
border-radius: 0px 50px 50px 0px;
text-transform: uppercase;
}
.twentytwenty-vertical .design-2 .twentytwenty-before-label::before,
.twentytwenty-vertical .design-4 .twentytwenty-before-label::before,
.twentytwenty-vertical .design-2 .twentytwenty-after-label::before,
.twentytwenty-vertical .design-4 .twentytwenty-after-label::before,
.twentytwenty-vertical .design-3 .twentytwenty-before-label::before,
.twentytwenty-vertical .design-3 .twentytwenty-after-label::before {
border-radius: 50px;
text-transform: uppercase;
}
.design-3 .twentytwenty-overlay .twentytwenty-before-label,
.design-3 .twentytwenty-overlay .twentytwenty-after-label {
opacity: 1;
}
.design-3 .twentytwenty-handle {
height: 85px !important;
width: 85px !important;
margin-top: -44px;
margin-left: -45px;
} .twentytwenty-horizontal .design-4 .twentytwenty-before-label::before,
.twentytwenty-horizontal .design-4 .twentytwenty-after-label::before {
top: 60px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-before-label::before {
left: 0px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-after-label::before {
right: 0px !important;
}
.twentytwenty-horizontal .design-4 .twentytwenty-before-label {
left: 0px;
padding: 0px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-after-label {
right: 0px;
padding: 0px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-before-label::before {
left: 0px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-handle::before {
margin-bottom: 45px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-handle::after {
margin-top: 46px;
}
.design-4 .twentytwenty-before-label::before {
background: #EA7639;
color: #ffffff;
}
.design-4 .twentytwenty-after-label::before {
background: #487D8D;
color: #ffffff;
}
.design-4 .twentytwenty-overlay .twentytwenty-before-label,
.design-4 .twentytwenty-overlay .twentytwenty-after-label {
opacity: 1;
}
.design-4 .twentytwenty-handle {
height: 0;
width: 0;
border: 0 !important;
margin-left: 0;
margin-top: 0
}
.twentytwenty-vertical .design-4 .twentytwenty-handle {
margin-top: 0;
}
.twentytwenty-vertical .design-4 .twentytwenty-up-arrow {
border-bottom: 6px solid #fff;
}
.twentytwenty-vertical .design-4 .twentytwenty-down-arrow {
border-top: 6px solid #fff;
}
.twentytwenty-vertical .design-4 .twentytwenty-handle:before,
.twentytwenty-vertical .design-4 .twentytwenty-handle:after {
margin-left: 0;
margin-right: 0;
}
.design-4 .twentytwenty-horizontal .twentytwenty-handle::before {
margin-bottom: -17px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-handle::before {
margin-bottom: 0px;
}
.twentytwenty-horizontal .design-4 .twentytwenty-handle::after {
margin-top: 0px;
}
.design-5 .twentytwenty-handle {
background-color: #fff;
border: 10px solid #000 !important;
margin-top: -28px;
margin-left: -28px;
border-color: rgba(255, 255, 255, 0.53) !important;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.design-5 .twentytwenty-handle:after,
.design-5 .twentytwenty-handle:before {
display: none !important
}
.design-5 .twentytwenty-left-arrow {
border-right: 6px solid #737373 !important;
}
.design-5 .twentytwenty-right-arrow {
border-left: 6px solid #737373 !important;
}
.twentytwenty-vertical .design-5 .twentytwenty-down-arrow {
border-top: 6px solid #737373 !important;
}
.twentytwenty-vertical .design-5 .twentytwenty-up-arrow {
border-bottom: 6px solid #737373 !important;
}
.design-6 .twentytwenty-handle {
background-color: transparent;
}
.twentytwenty-horizontal .design-6 .twentytwenty-handle {
height: 70px !important;
width: 15px !important;
margin-left: -11px;
margin-top: -37px;
}
.twentytwenty-vertical .design-6 .twentytwenty-handle {
width: 70px !important;
height: 15px !important;
margin-left: -38px;
margin-top: -11px;
}
.design-6 .twentytwenty-down-arrow {
margin-bottom: -30px;
}
.design-6 .twentytwenty-up-arrow {
margin-top: -30px;
}
.twentytwenty-vertical .design-6 .twentytwenty-handle:after {
margin-right: 36px;
}
.twentytwenty-vertical .design-6 .twentytwenty-handle:before {
margin-left: 36px;
}
.design-6 .twentytwenty-left-arrow {
margin-left: -30px;
}
.design-6 .twentytwenty-right-arrow {
margin-right: -30px;
}
.twentytwenty-horizontal .design-6 .twentytwenty-handle::after {
top: 74%;
}
.twentytwenty-horizontal .design-6 .twentytwenty-handle::before {
bottom: 74%;
}
.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
margin-left: -74px
}
.twentytwenty-vertical .default .twentytwenty-before-label:before,
.twentytwenty-vertical .default .twentytwenty-after-label:before {
padding: 0 !important;
margin-left: -45px
}
.design-7.twentytwenty-container {
overflow: inherit;
margin-bottom: 25px;
}
.design-7 .twentytwenty-handle {
z-index: 99999;
bottom: 0;
background: #fff;
height: 10px;
top: inherit;
padding: 0;
border: 0 !important;
width: 38px;
margin: 0;
margin-left: -22px;
border-radius: 30px;
}
.design-7 .twentytwenty-left-arrow,
.design-7 .twentytwenty-right-arrow {
display: none;
padding: 0;
}
.bafg-handle-wrapper {
width: 100%;
background: rgba(0, 0, 0, 0.25);
height: 10px;
margin-right: 0;
z-index: 10;
position: absolute;
bottom: -22px;
border-radius: 30px;
border-radius: 30px;
}
.twentytwenty-horizontal .design-7 .twentytwenty-handle:before,
.twentytwenty-horizontal .design-7 .twentytwenty-handle:after {
height: 0;
} .bafg-blur {
filter: blur(5px)
}
.bafg-grayscale {
filter: grayscale(1)
}
.bafg-sepia {
filter: sepia(1)
}
.bafg-saturate {
filter: saturate(10)
}
.handle-trnasf {
width: 37px;
height: 37px;
border: 3px solid #fff;
margin-top: 0;
margin-left: -21px;
transform: rotate(45deg);
}
.twentytwenty-vertical .design-1 .handle-trnasf {
margin-top: -20px;
}
.twentytwenty-horizontal .design-1 .handle-trnasf {
margin-left: -22px;
}
.twentytwenty-vertical .design-1 .twentytwenty-down-arrow {
transform: rotate(0deg);
}
.twentytwenty-vertical .design-1 .twentytwenty-up-arrow {
top: inherit !important;
margin-top: inherit !important;
margin-left: inherit !important;
}
.twentytwenty-vertical .design-1 .twentytwenty-up-arrow {
top: -18px !important;
left: -5px !important;
transform: rotate(0deg);
}
.twentytwenty-vertical .design-1 .twentytwenty-down-arrow {
top: 5px;
left: 2px;
}
.twentytwenty-vertical .design-1 .twentytwenty-handle::before,
.twentytwenty-vertical .design-1 .twentytwenty-handle::after {
height: 3px;
}
.twentytwenty-wrapper.twentytwenty-horizontal .handle-trnasf::before {
position: absolute;
content: '';
top: 21px;
right: 21px;
border: 6px inset transparent;
border-right: 6px solid #fff;
transform: rotate(-45deg);
}
.twentytwenty-wrapper.twentytwenty-horizontal .handle-trnasf::after {
position: absolute;
content: '';
top: 4px;
right: 4px;
border: 6px inset transparent;
border-left: 6px solid #fff;
transform: rotate(-45deg);
}
.twentytwenty-vertical .design-2 .twentytwenty-handle {
margin-top: -15px !important;
}
.elementor-widget-container .design-3 .twentytwenty-handle {
margin-left: -43px;
}
.elementor-widget-container .twentytwenty-horizontal .design-1 .handle-trnasf {
margin-left: -22px;
}
.elementor-widget-container .twentytwenty-wrapper.twentytwenty-horizontal .handle-trnasf::after {
top: 1px;
right: 1px;
}
.elementor-widget-container .twentytwenty-wrapper.twentytwenty-horizontal .handle-trnasf::before {
top: 23px;
right: 23px;
}
.elementor-widget-container .twentytwenty-right-arrow {
right: 50%;
margin-right: -17px;
}
.bafg-row {
margin-left: -15px;
margin-right: -15px;
display: flex;
flex-wrap: wrap;
}
.bafg-col-3 {
flex: 0 0 auto;
width: 25%;
}
.bafg-col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.bafg-col-6 {
flex: 0 0 auto;
width: 50%;
}
.bafg-col-12 {
width: 100%;
flex: 0 0 auto;
}
.bafg-col-12,
.bafg-col-6,
.bafg-col-3,
.bafg-col-4 {
margin-top: 15px;
margin-bottom: 15px;
padding: 0 15px;
}
.bafg_gallery_filter .bafg-twentytwenty-container,
.bafg-gallery-row .bafg-twentytwenty-container {
width: 100% !important;
}
@media only screen and (max-width: 767px) {
.bafg-col-3 {
flex: 0 0 auto;
width: 100%;
}
.bafg-col-4 {
flex: 0 0 auto;
width: 100%;
}
.bafg-col-6 {
flex: 0 0 auto;
width: 100%;
}
.bafg-col-12 {
flex: 0 0 auto;
width: 100%;
}
} .bafg-container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.bafg-container {
width: 750px;
}
}
@media (min-width: 992px) {
.bafg-container {
width: 970px;
}
}
@media (min-width: 1200px) {
.bafg-container {
width: 1170px;
}
}
.bafg-single-page {
margin: 50px 0;
}
.bafg-slider-title {
margin: 20px 0 15px 0;
font-size: 26px;
padding: 0
}
.bafg-slider-description {
font-size: 15px;
}
.bafg-method-3-wrapper img::selection {
background: unset;
}
.bafg-twentytwenty-container:not([data-video-type]) {
position: relative;
max-width: unset !important;
}
.bafg-twentytwenty-container .popup_button {
position: absolute;
right: 10px;
bottom: 10px;
height: 24px;
background-color: #fff;
z-index: 999;
padding: 5px;
border-radius: 5px;
width: 24px;
}
.bafg-twentytwenty-container .popup_button img {
height: 25px;
width: 25px;
display: block;
margin-top: 5px;
margin-left: 5px;
}
.bafg-twentytwenty-container .popup_button:focus {
outline: 0 !important;
} .bafg_popup_preview {
display: none;
}
.bafg_popup_preview {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
z-index: 999999;
}
.bafg_popup_preview_content {
width: 100%;
overflow: auto;
background: rgba(0, 0, 0, 0.945);
color: #000;
position: relative;
box-sizing: border-box;
border-radius: 0;
height: 100%;
}
#bafg_popup_wrap {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
}
.bafg_popup_preview .close {
position: absolute;
right: 0;
top: 0;
display: block;
padding: 25px;
line-height: 0;
color: #fff;
cursor: pointer;
transition: 0.5s;
z-index: 2;
}
.bafg_popup_preview .close:hover {
color: #ff1212;
}
#bafg_popup_wrap .bafg-twentytwenty-container {
margin: 0 auto;
}
.bafg-twentytwenty-container img {
position: absolute;
left: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.bafg-twentytwenty-container iframe {
position: absolute;
left: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.bafg-twentytwenty-container video {
position: absolute;
left: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.bafg-preloader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
.bafg-preloader-img {
border: 5px solid #f3f3f3;
border-top: 5px solid #3498db;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
div#bafg_popup_wrap .bafg-preloader {
display: none;
}
.bafg-twentytwenty-container img {
margin: 0;
width: 100%;
}
pre {
background-color: #030466;
color: #45ff45;
padding: 20px;
}