#comparison-slider {
		    position: relative;
		    overflow: hidden;
		    width: 100%;
		    margin: auto;
		}
		#comparison-slider .txt{
			position: absolute;
			top: 0;
			z-index: 3;
		}
		#comparison-slider .txt-before{
			left: 3%;
			width: 100%;
		}	
		#comparison-slider .vd-before{
			position: relative;
		}
		#comparison-slider .vd-after{
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 10;
		}
		#comparison-slider .vdbox,#comparison-slider .vdbox2{
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 1;
			overflow: hidden;
		}
		#comparison-slider img {
		    width: 100%;
		    display:block;
		}

		#comparison-slider .resize {
		    position: absolute;
		    top:0;
		    left: 0;
		    height: 100%;
		    width: 50%;
		    overflow: hidden;
		    z-index: 10;
		}
		#comparison-slider .handle {
		  position:absolute; 
		  left:50%;
		  top:0;
		  bottom:0;
		  width:4px;
		  margin-left:-2px;
		  background: #c00;
		  cursor: ew-resize;
		  z-index: 10;
		}

		#comparison-slider .handle:after {
		    position: absolute;
		    top: calc(50% - 30px);
		    width: 60px;
		    height: 60px;
		    /*margin: -30px 0 0 -15px;*/
		    left: -30px;
		    content:'\21d4';
		    color:white;
		    font-weight:bold;
		    font-size:20px;
		    text-align:center;
		    line-height:60px;
		 
		    background: #f00; /* @orange */
		    border:1px solid #c00; /* darken(@orange, 5%) */
		    border-radius: 50%;
		    transition:all 0.3s ease;
		    box-shadow:
		      0 2px 6px rgba(0,0,0,.3), 
		      inset 0 2px 0 rgba(255,255,255,.5),
		      inset 0 60px 50px -30px #f00; /* lighten(@orange, 20%)*/ 
		}

		#comparison-slider .handle.draggable:after {
		    width: 60px;
		    height: 60px;
		    font-size:30px;
		    left: -30px;
		}
		#comparison-slider .video-wrapper:after{
			content: "";
			width: 100%;
			height: 100%;
			position: absolute;
			top:0;
			left: 0;
			display: block;
			z-index: 1000;
		}
		#comparison-slider .video-wrapper{
		    position: relative;
		    padding-bottom: 56.25%;  //16:9
		    overflow: hidden;
		    z-index: 1;
		}
		#comparison-slider .video-wrapper iframe{
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}