        .super-container * {
            -webkit-touch-callout: none;
            /* iOS Safari */
            -webkit-user-select: none;
            /* Chrome/Safari/Opera */
            -khtml-user-select: none;
            /* Konqueror */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer/Edge */
            user-select: none;
            /* Non-prefixed version, currently
            not supported by any browser */
        }
        
        .super-container {
            background: #000;
            position: relative;
            width: 100%;
            height: 100%;
            /*max-width: 2008px;*/
            margin: 0 auto;
            padding: 0;
        }
        
        .aspect-container {
            position: relative;
            display: block;
            height: 100%;
            margin: 0 auto;
        }
        
        .aspect-critical-content {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
        
        .slider-wrapper:hover {
            cursor: none;
        }
        
        .comparison-slider {
            position: absolute;
            width: 4px;
            left: 0%;
            top: -10px;
            bottom: -15px;
            background: #fff;
            transition: all 1.5s ease;
        }
        
        .before-wrapper {
            display: block;
            overflow: hidden;
            width: 100%;
            height: 100%;
            position: relative;
            background-position: center;
        }
        
        .after-wrapper {
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            transition: all 1.5s ease;
        }
        
        .after-image {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
            background-position: center;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            background-color: #000 !important;
            transition: all 1.5s ease;
        }
        
        .handle {
            position: absolute;
            left: 100%;
            top: 0;
            bottom: 0;
            width: 3px;
            margin-left: -1px;
            cursor: ew-resize;
            opacity: 1;
        }
        
        .handle:hover {
            opacity: .6;
        }
        
        .handle::after {
            	position: absolute;
            	top: 50%;
            	width: 180px;
            	height: 45px;
           	margin: -30px 0 0 -78px;
            	content: '\2329 \232A';
            	font-weight: lighter;
            	font-size: 4.5rem;
            	text-align: center;
            	line-height: 0;
			letter-spacing: 0.3em;
            	border-radius: 60%;
            	transition: all 0.3s ease;
        }
        
        .avant,
        .apres {
            	position: absolute;
            	left: 50%;
            	top: 50%;
           	margin-top: -16px;
            	margin-left: -100px;
            	z-index: 1000;
            	font-family: "Open Sans", sans-serif;
            	font-weight: bold;
            	font-size: 14px;
            	padding: 6px;
            	border-radius: 5px;
        }
        
        .apres {
            margin-left: 42px;
        }
        /* Handle white-blue */
        
        #white-blue.handle {
            background: #fff;
        }
        
        #white-blue.handle::after {
            background: rgba(255, 255, 255, .3);
            color: #fff;
            border: 3px solid #fff;
            text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 6px rgba(0, 0, 0, .4);
        }
        
        #white-blue .avant,
        #white-blue .apres {
            background: #fff;
            color: #0f72b5;
        }
        /* dark-theme */
        
        #dark-theme.handle {
            background: rgba(0, 0, 0, 0.4);
        }
        
        #dark-theme.handle::after {
            background: rgba(0, 0, 0, 0.4);
            color: rgba(0, 0, 0, 0.8);
            border: 3px solid #000;
            text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 6px rgba(0, 0, 0, .3);
        }
        
        #dark-theme .avant,
        #dark-theme .apres {
            background: rgba(0, 0, 0, 0.2);
            color: rgba(0, 0, 0, 1);
        }
        /* light-theme */
        
        #light-theme.handle {
            background: rgba(255, 255, 255, 1);
        }
        
        #light-theme.handle::after {
            background: rgba(255, 255, 255, 0);
            color: rgba(255, 255, 255, 1);
            text-shadow: 0 0 2px rgba(0, 0, 0, 0);
            box-shadow: 0 0 6px rgba(0, 0, 0, 0);
        }
        
        #light-theme.handle:hover::after {
            color: rgba(255, 255, 255, 1);
        }
        
        #light-theme .avant,
        #light-theme .apres {
            background: rgba(255, 255, 255, 0.2);
            color: rgba(255, 255, 255, 1);
        }