.twentytwenty-after-label {
	opacity: 0;
}
.twentytwenty-before-label {
	opacity: 0;
}
.active.twentytwenty-container .twentytwenty-overlay .twentytwenty-after-label {
	opacity: 0;
}
.active.twentytwenty-container .twentytwenty-overlay .twentytwenty-before-label {
	opacity: 0;
}
.active.twentytwenty-container .twentytwenty-overlay:hover .twentytwenty-after-label {
	opacity: 0;
}
.active.twentytwenty-container .twentytwenty-overlay:hover .twentytwenty-before-label {
	opacity: 0;
}
.twentytwenty-horizontal .twentytwenty-handle::after {
	background: rgb(193, 193, 192); display: block; position: absolute; z-index: 30; content: " ";
}
.twentytwenty-horizontal .twentytwenty-handle::before {
	background: rgb(193, 193, 192); display: block; position: absolute; z-index: 30; content: " ";
}
.twentytwenty-vertical .twentytwenty-handle::after {
	background: rgb(193, 193, 192); display: block; position: absolute; z-index: 30; content: " ";
}
.twentytwenty-vertical .twentytwenty-handle::before {
	background: rgb(193, 193, 192); display: block; position: absolute; z-index: 30; content: " ";
}
.twentytwenty-horizontal .twentytwenty-handle::after {
	left: 50%; width: 1px; height: 9999px; margin-left: 0px;
}
.twentytwenty-horizontal .twentytwenty-handle::before {
	left: 50%; width: 1px; height: 9999px; margin-left: 0px;
}
.twentytwenty-vertical .twentytwenty-handle::after {
	top: 50%; width: 9999px; height: 3px; margin-top: -1.5px;
}
.twentytwenty-vertical .twentytwenty-handle::before {
	top: 50%; width: 9999px; height: 3px; margin-top: -1.5px;
}
.twentytwenty-after-label {
	top: 0px; width: 100%; height: 100%; position: absolute; transition-duration: 0.5s; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; height: 100vh;
}
.twentytwenty-before-label {
	top: 0px; width: 100%; height: 100%; position: absolute; transition-duration: 0.5s; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; height: 100vh;
}
.twentytwenty-overlay {
	top: 0px; width: 100%; height: 100%; position: absolute; transition-duration: 0.5s; -webkit-transition-duration: .5s; -moz-transition-duration: .5s;
}
.twentytwenty-after-label {
	transition-property: opacity; -webkit-transition-property: opacity; -moz-transition-property: opacity;
}
.twentytwenty-before-label {
	transition-property: opacity; -webkit-transition-property: opacity; -moz-transition-property: opacity;
}
.twentytwenty-after-label::before {
	background: rgba(255, 255, 255, 0.2); padding: 0px 20px; border-radius: 2px; color: rgb(255, 255, 255); line-height: 38px; letter-spacing: 0.1em; font-size: 13px; position: absolute; -webkit-border-radius: 2px; -moz-border-radius: 2px;
}
.twentytwenty-before-label::before {
	background: rgba(255, 255, 255, 0.2); padding: 0px 20px; border-radius: 2px; color: rgb(255, 255, 255); line-height: 38px; letter-spacing: 0.1em; font-size: 13px; position: absolute; -webkit-border-radius: 2px; -moz-border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-after-label::before {
	top: 50%; margin-top: -19px;
}
.twentytwenty-horizontal .twentytwenty-before-label::before {
	top: 50%; margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-after-label::before {
	left: 50%; width: 90px; text-align: center; margin-left: -45px;
}
.twentytwenty-vertical .twentytwenty-before-label::before {
	left: 50%; width: 90px; text-align: center; margin-left: -45px;
}
.twentytwenty-down-arrow {
	border: 6px inset transparent; border-image: none; width: 0px; height: 0px; position: absolute;
}
.twentytwenty-left-arrow {
	border: 6px inset transparent; border-image: none; width: 0px; height: 0px; position: absolute;
}
.twentytwenty-right-arrow {
	border: 6px inset transparent; border-image: none; width: 0px; height: 0px; position: absolute;
}
.twentytwenty-up-arrow {
	border: 6px inset transparent; border-image: none; width: 0px; height: 0px; position: absolute;
}
.twentytwenty-left-arrow {
	top: 50%; margin-top: -6px;
}
.twentytwenty-right-arrow {
	top: 50%; margin-top: -6px;
}
.twentytwenty-down-arrow {
	left: 50%; margin-left: -6px;
}
.twentytwenty-up-arrow {
	left: 50%; margin-left: -6px;
}
.twentytwenty-container {
	overflow: hidden; position: relative; z-index: 0; box-sizing: content-box; -moz-user-select: none; -webkit-user-select: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
}
.twentytwenty-container img {
	top: 0px; width: 100%; display: block; position: absolute; height: 100vh !important;
}
.active.twentytwenty-container .twentytwenty-overlay {
	background: rgba(0, 0, 0, 0);
}
.active.twentytwenty-container .twentytwenty-overlay:hover {
	background: rgba(0, 0, 0, 0);
}
.twentytwenty-container * {
	box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
}
.twentytwenty-before-label::before {
	content: "Before";
}
.twentytwenty-after-label::before {
	content: "After";
}
.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 {
	z-index: 25;
	height: 100vh;
}
.twentytwenty-before {
	z-index: 20;
}
.twentytwenty-after {
	z-index: 10;
}
.twentytwenty-handle {
	left: 50%; top: 0px; width: 38px; height: 100%; margin-top: -22px; margin-left: -20px; position: absolute; z-index: 40; cursor: pointer;
}
.twentytwenty-left-arrow {
	left: 50%; margin-left: -17px; border-right-color: rgb(255, 255, 255); border-right-width: 6px; border-right-style: solid;
}
.twentytwenty-right-arrow {
	right: 50%; margin-right: -17px; border-left-color: rgb(255, 255, 255); border-left-width: 6px; border-left-style: solid;
}
.twentytwenty-up-arrow {
	top: 50%; margin-top: -17px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 6px; border-bottom-style: solid;
}
.twentytwenty-down-arrow {
	bottom: 50%; margin-bottom: -17px; border-top-color: rgb(255, 255, 255); border-top-width: 6px; border-top-style: solid;
}
.movers {
	background: rgb(0, 55, 100); border-radius: 50%; border: 0px solid rgb(255, 255, 255); border-image: none; left: -2px; top: 50%; width: 45px; height: 45px; position: absolute; z-index: 9999;
}
.movers:hover::after{
	content: '';
	background-image: url(../img/turn-on-lights.png) !important; 
	left: 27px; 
	top: 50px; 
	width: 300px; 
	height: 100px; 
	position: absolute; 
	z-index: 99999999; 
	content: ""
}
.movers-add {
	transition:60ms;
}
.movers:hover {
	background: rgb(245, 134, 52);
}


.twentytwenty-container{
	height: 100vh !important;
}