#preLoader >div >div.lt50{width:150px; height:55px;top:calc(50% - 25px); background-image:url(/img/?li=img/logo/horaa&t=p);background-repeat: no-repeat;background-size: 150px;background-position: center}
.gooey{top:calc(50% + 25px);left:50%;width: 142px;height: 40px;margin: -20px 0 0 -71px;filter: contrast(20)}
.gooey > .dot{width: 16px;height: 16px;top: 12px;left: 15px;filter: blur(4px);background: #ffb300;border-radius: 50%;transform: translateX(0);animation: dot 2.8s infinite}
.gooey > .dots{transform: translateX(0);margin-top: 12px;margin-left: 31px;animation: dots 2.8s infinite}
.gooey > .dots > span{display: block;float: left;width: 16px;height: 16px;margin-left: 16px;filter: blur(4px);background: #ffb300;border-radius: 50%}
@keyframes dot{50%{transform: translateX(96px)}}
@keyframes dots{50%{transform: translateX(-31px)}}
input[type="radio"] ~ div > a{display: block; font-size: 17.6px; padding-right: 45px; line-height: 40px}

.cat ~ div{height: 0; overflow: hidden; transition: .5s all ease-in-out}
.cat:checked + label{color:#e53935}
.cat:checked + label >.fad.fa-plus-circle:after{content:"\10f056"}
.cat:checked + label >.fa-plus-circle:before{content:"\f056"}
.cat:checked + label >a>i{display:block}
.nv-controll.active{color:#e53935}
 @keyframes timer{0% {opacity:1}50% {opacity:.8}100% {opacity:0; transform: scale(1.3)}}
 .sl{margin: auto 3px; opacity: .3; height: 0}
 .sl::after{content: "";position: absolute;width: 20px; height: 3px; background: rgb(255,255,255)}
 .sl:checked::after{background: #ffb300; height: 5px; margin-top: -1px}
 .sl:checked{opacity: .7}
#nexts>.fa-chevron-right{right:25%}
#prevs>.fa-chevron-left{left:25%}
#searchRsult>div>i.fa-ellipsis-v-alt:hover>div,#form>div>i.fa-ellipsis-v-alt:hover>div{width:200px;height:200px}
.carts>div>.h100p+.gal{height:0}
.carts>div>.h100p.ac+.gal{height:220px}
.carts>div>.h100p.ac>.pr>.fa-chevron-down{transform:scaleY(-1) translate(-50%,50%)}

.divinput{transition:.5s all ease;position:relative;border-radius:10px;border:1px solid #ddd}
.divinput>div{transition:.5s all ease;width:55px;height:100%;top:0;position:absolute}
.divinput>div:nth-of-type(1){left:0;border-right:1px solid #ddd}
.divinput>div:nth-of-type(2){right:0;cursor:pointer}
.divinput.off{border-color:#ebebeb}
.divinput>input{font-size:19.2px;transition:.5s all ease;width:100%;border-radius:10px;line-height:50px;padding:0 10px 0 65px}
.divinput.O>input{border-radius:25px;line-height:50px;padding:0}
.divinput>input.pass{padding:0 65px}
.divinput>input~div>i{position:absolute;font-size:24px;color:#ddd;left:50%;top:50%;transform:translate(-50%,-50%)}
.divinput>input:focus+div{border-right:1px solid #0f9}
.divinput>input:focus+div>i{color:#00ffff90}
.divinput>p{padding:0 25px;font-size:19.2px}
.divinput.O {border-radius:25px}
input::placeholder{opacity:.7}
input[type="submit"]{width:100%;line-height:60px;background:linear-gradient(45deg,#85ffcb,#6cffeb);cursor:pointer;color:#fff;font-size:24px;font-weight:bold}
input[type="submit"]:focus,input[type="submit"]:hover{background:#fff;color:#77ffdc}
input[type="submit"]:focus~div,input[type="submit"]:hover~div{background:linear-gradient(45deg,#85ffcb,#6cffeb)}
input.verification_code{padding:0;text-align:center;font-size:28px}
#removeAlert{backdrop-filter:none;background:#000000ab}
#removeAlert1{background:#00000087}