.colocation-constructor .colocation-port{background-image:url(/front/img/main/coll_network.png);background-repeat:no-repeat;background-size:cover;flex:initial;height:237px;margin-bottom:-8px;position:relative;width:183px}.colocation-constructor .colocation-port>span{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:22px;justify-content:center;left:38px;line-height:.97;max-height:37px;max-width:100px;position:absolute;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.7);top:20px;width:100px}.colocation-constructor .colocation-power{background-image:url(/front/img/main/coll_power.png);background-repeat:no-repeat;background-size:cover;flex:initial;height:269px;margin-bottom:-8px;margin-left:-48px;position:relative;width:263px}.colocation-constructor .colocation-power>span{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:22px;height:37px;justify-content:center;left:180px;line-height:.97;max-height:37px;max-width:57px;position:absolute;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.7);top:82px;width:57px}.colocation-constructor .colocation-rack{background-image:url(/front/img/main/coll_unit_disable.png);background-repeat:no-repeat;background-size:cover;height:14px;margin-bottom:2px;position:relative;width:244px}.colocation-constructor .colocation-rack.active{background-image:url(/front/img/main/coll_unit.png);z-index:4}.colocation-constructor .colocation-rack.half:after{background-color:hsla(0,0%,100%,.5);border-radius:2px;content:" ";height:14px;left:0;position:absolute;top:0;width:100%;z-index:4}.colocation-constructor .colocation-rack .colocation-rack-label{color:rgba(205,212,255,.502);font-size:11px;left:21px;line-height:1.49;position:absolute;text-align:center;text-transform:uppercase;top:0;width:35px;z-index:5}.colocation-constructor .colocation-rack-fan{padding:5px 5px 0}.colocation-constructor .colocation-rack-fan hr{background-color:#0d0d0d;display:block;height:1px;margin-top:1px;width:100%}.colocation-constructor .colocation-rack-logo{align-items:center;border-radius:2px;box-shadow:0 1px 0 0 hsla(0,0%,100%,.3),inset 0 0 16px 0 rgba(0,0,0,.7),inset 0 2px 0 0 rgba(0,0,0,.7);display:flex;height:45px;justify-content:center;max-width:calc(100% - 20px);position:absolute;top:15px;width:100%}.colocation-constructor .colocation-rack-logo:after{background-image:url(/front/img/main/inner_grill.png);background-position:0 14px;border-radius:30px;content:" ";height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:3}.colocation-constructor .colocation-rack-logo .logo-circle{align-items:center;background-color:#262626;border:1px solid #5a5a5a;border-radius:50%;box-shadow:1px 0 0 0 rgba(38,38,38,.004),inset 0 -1px 0 0 rgba(0,204,255,.92);display:flex;height:56px;justify-content:center;position:relative;width:56px;z-index:108}.colocation-constructor .colocation-rack-logo .logo-circle:after{border:1px solid rgba(30,56,255,.7);border-radius:50%;box-shadow:0 0 11px 0 #1e38ff;content:" ";height:56px;left:-2px;position:absolute;top:-2px;width:56px}.colocation-constructor .colocation-plug-sets{background-color:#4d4d4d;border-radius:3px;box-shadow:2.121px 2.121px 0 0 rgba(0,0,0,.35),inset -1.414px -1.414px 0 0 rgba(38,38,38,.004),inset 1.414px 1.414px 0 0 hsla(0,0%,50%,.004);left:-20px;min-height:51px;padding-bottom:4px;position:absolute;top:50%;transform:translateY(-50%);width:24px;z-index:4}.colocation-constructor .colocation-plug-sets:after{border-bottom-left-radius:3px;border-bottom-right-radius:3px;bottom:-8px}.colocation-constructor .colocation-plug-sets:after,.colocation-constructor .colocation-plug-sets:before{border-left:3px solid grey;border-right:3px solid grey;content:" ";height:8px;left:4px;position:absolute;width:16px;z-index:3}.colocation-constructor .colocation-plug-sets:before{border-top-left-radius:3px;border-top-right-radius:3px;top:-8px}.colocation-constructor .colocation-plug-sets .colocation-plug-set-socket{background-image:url(/front/img/main/coll_socket.png);background-position:50%;background-repeat:no-repeat;height:19px;margin-top:4px;width:100%}.colocation-constructor .colocation-plug-sets .colocation-power-button{background-image:url(/front/img/main/coll_power_button.png);background-position:50%;background-repeat:no-repeat;height:11px;margin-top:4px;width:100%}.colocation-constructor .colocation-rack-space{background-color:#404040;border:2px solid #595959;border-radius:5px;box-shadow:7.071px -7.071px 0 0 rgba(0,0,0,.1),-7.071px -7.071px 0 0 rgba(0,0,0,.08),inset 0 -3px 0 0 hsla(0,0%,62%,.004);padding:70px 10px 6px;position:relative;z-index:5}.colocation-constructor .colocation-rack-shadow{background-color:#000;border-radius:50%;bottom:-12px;content:"";height:24px;left:-20px;opacity:.349;position:absolute;width:calc(100% + 40px)}.colocation-constructor .colocation-rack-shadow:after{background-color:#000;border-radius:50%;bottom:-22px;content:"";height:66px;left:-40px;opacity:.102;position:absolute;width:calc(100% + 80px)}.colocation-constructor .colocation-racks{display:flex;flex-direction:column-reverse;min-width:244px;position:relative}.colocation-constructor .colocation-racks:after{right:0}.colocation-constructor .colocation-racks:after,.colocation-constructor .colocation-racks:before{background-color:#404040;content:" ";height:calc(100% - 1px);position:absolute;top:0;width:5px;z-index:3}.colocation-constructor .colocation-racks:before{left:0}.colocation-constructor .colocation-racks-range-label{bottom:16px;font-size:12px;height:2px;left:-6px;position:absolute;right:-6px;z-index:4}.colocation-constructor .colocation-racks-range-label span{background-color:inherit;height:26px;position:absolute;transform:translateY(calc(-50% + 1px))}.colocation-constructor .colocation-racks-range-label span:first-child{border-bottom-left-radius:2px;border-top-left-radius:2px;box-shadow:2.121px 2.121px 0 0 rgba(0,0,0,.35),inset -1.414px -1.414px 0 0 rgba(38,38,38,.004),inset 1.414px 1.414px 0 0 hsla(0,0%,50%,.004);left:-25px;width:14px}.colocation-constructor .colocation-racks-range-label span:first-child:after{border-bottom:13px solid transparent;border-left:15px solid #2c2c5b;border-top:13px solid transparent;content:" ";height:0;position:absolute;right:-14px;width:0}.colocation-constructor .colocation-racks-range-label span:last-child{align-items:center;background-color:inherit;border-bottom-right-radius:3px;border-top-right-radius:3px;box-shadow:1.121px 2.121px 0 0 rgba(0,0,0,.2),inset -.714px -1.414px 0 0 rgba(38,38,38,.004),inset .714px 1.414px 0 0 hsla(0,0%,50%,.004);color:#fff;display:flex;font-size:16px;justify-content:center;right:-46px;width:36px}.colocation-constructor .colocation-racks-range-label span:last-child:before{border-bottom:13px solid transparent;border-right:15px solid #2c2c5b;border-top:13px solid transparent;content:" ";height:0;left:-14px;position:absolute;width:0}.colocation-constructor .colocation-racks-wrapper{border:3px solid #000;position:relative}.colocation-constructor .colocation-racks-range{direction:rtl;height:100%;top:0;width:100%;writing-mode:vertical-lr}.colocation-constructor .colocation-racks-range::-moz-range-thumb{-moz-appearance:none;background-color:transparent;border:none;height:16px;pointer-events:auto;transform:translate(14px,-50%);width:328px}.colocation-constructor .colocation-racks-range::-webkit-slider-thumb{-webkit-appearance:none;background-color:transparent;height:16px;pointer-events:auto;transform:translate(14px,-50%);width:328px}.colocation-constructor .colocation-switch{align-items:center;background-image:url(/front/img/main/coll_switch.png);display:flex;flex-wrap:wrap;height:244px;justify-content:space-between;padding:63px 3px 20px;position:absolute;right:-27px;top:50%;transform:translateY(-50%);width:30px;z-index:4}.colocation-constructor .colocation-switch .colocation-switch-port{background-color:#676767;background-image:url(/front/img/main/coll_switch_rj45_bottom.png);background-repeat:no-repeat;background-size:cover;height:9px;width:9px}.colocation-constructor .colocation-switch .colocation-switch-port:nth-child(2n){transform:rotate(90deg)}.colocation-constructor .colocation-switch .colocation-switch-port:nth-child(odd){transform:rotate(-90deg)}.range-slider input[type=range]{top:-7px}.range-slider input:disabled::-webkit-slider-thumb{background-color:#a49fb9}.range-slider input::-moz-range-thumb{background-color:#a49fb9}
