#comparison{width:100%;overflow:hidden;position:relative; }
figure{position:absolute;background-size:cover;font-size:0;margin:0, border:}
#divisor{background-size:cover;position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%}
#divisor::before,#divisor::after{content:'';position:absolute;right:-2px;width:4px;height:calc(50% - 23px);background:silver;z-index:3}
#divisor::before{top:0}
#divisor::after{bottom:0}
#handle{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:1;border-radius:100%;background-color:#6C7A89}
#handle::before,#handle::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#handle::before{border-right:6px solid #fff;left:50%;margin-left:-16px}
#handle::after{border-left:6px solid #fff;right:50%;margin-right:-16px}
input[type=range]{-webkit-appearance:none;-moz-appearance:none;position:absolute;top:50%;left:-25px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:transparent;width:calc(100% + 50px);z-index:2;margin:0;padding:0;height:50px;text-indent:0.01px;text-overflow:'';}
input[type=range]:focus,input[type=range]:active{border:none;outline:none}
input[type=range]::-moz-focus-outer{border:0;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:50px;width:50px;border-radius:50%;background:transparent;border:4px solid #fff;box-shadow:0 0 8px 1px rgba(0,0,0,0.3)}
input[type=range]::-moz-range-track{-moz-appearance:none;height:15px;width:100%;background-color:transparent;position:relative;outline:none;text-indent:0.01px;text-overflow:'';}
input[type=range]::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{box-shadow:none;border:none;height:0;width:0;border-radius:0;background:transparent;cursor:pointer;text-indent:0.01px;text-overflow:'';}
input[type=range]::-ms-thumb{box-shadow:none;border:none;height:0;width:0;border-radius:0;background:transparent;cursor:pointer}
input[type=range][orient=vertical]{
  writing-mode: bt-lr;
  appearance: slider-vertical;
}
input[type=range][orient=vertical]{-webkit-appearance:none;-moz-appearance:none;position:absolute;top:50%;left:47%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:transparent;height:calc(100% );z-index:2;margin:0;padding:0;width:50px;text-indent:0.01px;text-overflow:'';}
input[type=range][orient=vertical]::-moz-range-track{-moz-appearance:none;width:15px;height:100%;background-color:transparent;position:relative;outline:none;text-indent:0.01px;text-overflow:'';}

#divisor2{background-size:cover;position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%}
#divisor2::before,#divisor2::after{content:'';position:absolute;right:-2px;width:4px;height:calc(50% - 23px);background:silver;z-index:3}
#divisor2::before{top:0}
#divisor2::after{bottom:0}
#handle2{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:1;border-radius:100%;background-color:#6C7A89}
#handle2::before,#handle2::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#handle2::before{border-right:6px solid #fff;left:50%;margin-left:-16px}
#handle2::after{border-left:6px solid #fff;right:50%;margin-right:-16px}

    
    #divisor3{background-size:cover;position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%}
#divisor3::before,#divisor3::after{content:'';position:absolute;right:-2px;width:4px;height:calc(50% - 23px);background:silver;z-index:3}
#divisor3::before{top:0}
#divisor3::after{bottom:0}
#handle3{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:1;border-radius:100%;background-color:#6C7A89}
#handle3::before,#handle3::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#handle3::before{border-right:6px solid #fff;left:50%;margin-left:-16px}
#handle3::after{border-left:6px solid #fff;right:50%;margin-right:-16px}

      #divisor4{background-size:cover;position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%}
#divisor4::before,#divisor4::after{content:'';position:absolute;right:-2px;width:4px;height:calc(50% - 23px);background:silver;z-index:3}
#divisor4::before{top:0}
#divisor4::after{bottom:0}
#handle4{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:1;border-radius:100%;background-color:#6C7A89}
#handle4::before,#handle4::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#handle4::before{border-right:6px solid #fff;left:50%;margin-left:-16px}
#handle4::after{border-left:6px solid #fff;right:50%;margin-right:-16px}
        

        #divisor5{background-size:cover;position:absolute;width:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);bottom:0;height:100%}
#divisor5::before,#divisor5::after{content:'';position:absolute;right:-2px;width:4px;height:calc(50% - 23px);background:silver;z-index:3}
#divisor5::before{top:0}
#divisor5::after{bottom:0}
#handle5{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:1;border-radius:100%;background-color:#6C7A89}
#handle5::before,#handle5::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#handle5::before{border-right:6px solid #fff;left:50%;margin-left:-16px}
#handle5::after{border-left:6px solid #fff;right:50%;margin-right:-16px}

     #divisor6{background-size:cover;position:absolute;height:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);top:0;width:100%}
#divisor6::before,#divisor6::after{content:'';position:absolute;bottom:-2px;height:4px;width:calc(50% + 23px);background:silver;z-index:3}
#divisor6::before{left:0}
#divisor6::after{right:0}
#handle6{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:9;border-radius:100%;background-color:#6C7A89}
#handle6::before,#handle6::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
#handle6::before{border-bottom:6px solid #fff;top:50%;margin-top:-16px;}
#handle6::after{border-top:6px solid #fff;bottom:50%;margin-bottom:-16px}
  #slider6{
  left:44% !important;
  z-index: 99999; /*Para slider verticales de diferente tamaño ajustar la distancia, debe haber algo mas optimo pero no se ;-;*/
  }
  #slider7{
    z-index: 99999;
  }

     #divisor7{background-size:cover;position:absolute;height:50%;box-shadow:0 5px 10px -2px rgba(0,0,0,0.3);top:0;width:100%}
#divisor7::before,#divisor7::after{content:'';position:absolute;bottom:-2px;height:4px;width:calc(50% + 23px);background:silver;z-index:3}
#divisor7::before{left:0}
#divisor7::after{right:0}
#handle7{position:absolute;height:50px;width:50px;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:9;border-radius:100%;background-color:#6C7A89}
#handle7::before,#handle7::after{content:'';width:0;height:0;border:6px inset transparent;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
#handle7::before{border-bottom:6px solid #fff;top:50%;margin-top:-16px;}
#handle7::after{border-top:6px solid #fff;bottom:50%;margin-bottom:-16px}