*{
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}

body{
    background:#f8f8f8;
    font-family:Poppins,sans-serif;
    padding:25px 15px;
    color:#2f343f;
}

input::-ms-reveal,
input::-ms-clear{
        display: none;
}
.logo{
    margin-bottom:0;
    font-weight:800;
    font-size:25px;
    display:inline
}
.logo a{
    text-decoration:none;
    color:#2f343f
}
.logo a span{
    color:#da0909
}
.io{
    float:right;
    margin:-65px 3px 0px 0px;
    padding:8px 15px 0px
}
.iod{
    float:left;
	margin:-40px 3px 0px 45px;
}
.h55{
    font-size:12px;
    color:#465E6A;
    margin:0
}
form{
    margin:50px auto 10px;
    text-align:center;
    position:relative;
    width:200px
}
form input,form textarea,form select,.input{
    display:block;
    margin:auto auto 20px;
    width:200px;
    height:40px;
    padding:3px 40px 3px 3px;
    color:#2f343f;
    border:solid #2f343f;
    border-radius:6px;
    outline:none;
	text-align: right;
    direction: rtl
}
form textarea{
    resize:none;
    height:100px
}
form select,.select{
    background:#fff;
}
form button,.button{
    width:200px;
    height:40px;
    color:#fff;
    background:#2f343f;
    border:none;
    outline:none;
    border-radius:6px
}
.set{
    position:absolute;
    top:57px;
    right:15px;
    font-size:25px;
}
.wait,.error,.success{
    width:200px;
    margin:auto auto 20px;
    background-color:#00ccff;
    color:#fff;
    height:auto;
    padding:5px;
    border-radius:6px
}
.error{
    background:red;
}
.success{
    background:#33cc33;
}
.cpanel-menu{
    position:relative;
    margin:20px 0px 120px
}
.cpanel-menu span{
    background:#2f343f;
    width:50%;
    position:absolute;
    top:0;
    padding:3px;
    color:#fff;
    text-align:center;
    height:80px
}
.cpanel-menu span:first-of-type{
    padding-top:13px
}
.cpanel-menu span:nth-of-type(2){
    left:50%;
}
.files{
    height:100px;
    display:block;
    width:100%;
    margin-bottom:20px;
    padding-top:11px;
    text-align:center;
    border:solid #2f343f
}
.files i{
    font-size:30px
}
.protects{
    border:1px solid #ebebeb;
    padding:15px;
    background:#fff;
    margin:2rem 10px 2rem 0;
    white-space:nowrap;
    position:relative;
    text-overflow:ellipsis;
    overflow:hidden;
	text-align: right
}
#shadow{
    max-height:600px;
    min-height:100px;
    line-height:50px;
    background:#fff;
    left:15px;
    border-radius:6px;
    margin-top:-17px;
    position:absolute;
    z-index:100;
    box-shadow:1px 1px 8px 3px rgba(0,0,0,.15);
    padding:20px;
    overflow:auto;
}
footer{
    width:100%;
    margin-left:-25px;
    position:absolute;
    overflow:hidden
}
.footer{
    background:#f1f1f1;
    padding:15px
}
.footer p{
    font-size:12px;
	margin-left:50px;
}
.para{
    font-size:14px;
    color:#000;
    font-weight:bold;
	margin-left:5px;
	margin-top:-50px;
    display:block
}
.footer div{
    margin-top:65px;
    position:relative
}
.tel p{
    margin-left:50px;
	margin-top:5px;
}
    .tel img{
        margin: -70px -50px 80px 30px;
    }

.footer div p{
    position:absolute;
    top:-25px;
    left:50px
}
.newbtn{
    border-radius:20px;
    width:150px;
    padding:15px 30px;
    height:60px;
    font-weight:bold
}
.number{
    position:relative;
  /*  left:205px; */
    width:50px;
    height:40px;
    overflow:hijdden;
   /* top:-60px*/
}
.number input{
    width:50px;
    height:40px;
    border:.8px solid #ccc;
    outline:none;
    text-align:center;
    padding:10px;
    overflow:hidden;
    text-overflow:ellipsis
}
.number i{
    position: absolute;
    font-size:9px;
    top:15px
}
.number i:first-of-type{
    right:6px
}
.number i:last-of-type{
    left:6px
}
.proto{
    background:#fff;
    display:inline-flex;
    border-bottom:1.2px solid #ccc;
    height:66px;
    position:relative;
    justify-content:space-around;
    width:100%;
    padding:5px
}
.proto:last-of-type{
    border-bottom:2px solid #000
}
.images1{
    max-width:25%;
    max-height:62.5px;
}
.box{
    background:#000;
    color:#fff;
    padding:15px;
    margin-top:20px;
    display:inline-flex;
    justify-content:space-between;
    width:100%
}
.box b{
    font-size:calc(50% + 20%);
    display:inline-block;
    margin-left:5%;
    width:20%;
}
.box b:last-of-type{
    position:relative;
    left:-22px
}
.newtitle{
    display:inline-block;
    font-weight:bold;
    margin-left:0px;
    width:100%;
    overflow: hidden
}
@media only screen{
    
    .main{
        justify-content:center;
		display: block;
    }
    .newbtn{
        width:100%;
        border-radius:30px;
        padding:0;
        height:45px;
    }
    .protects{
        width:100%;
        min-height:300px
    }
    .protect-header{
        min-height:180px
    }
    #shadow{
        width:80%
    }

}
@media (min-width:767px) {
    
    .main{
        justify-content:center;
		display:inline-flex;
		flex-wrap:wrap;
		justify-content:flex-start;
    }
    .protects{
        width:45%;
        min-height:335px;
    }
    #shadow{
        width:280px
    }
    
}
@media (min-width:992px) {
    
    .set{
        top:52px
    }
    .protects{
        width:250px
    }
    .protect-header{
        min-height:150px;
    }
    body{
        padding:15px 80px
    }
    #shadow{
        right:160px;
        width:280px
    }
    footer{
       margin-left:-90px;
    }
    .footer{
        display:inline-flex;
        justify-content:center;
        flex-wrap:nowrap;
        width:100%
    }
    .footer div{
        width:350px;
    }
    .tel p{
        margin:20px 0 0 50px;
        word-wrap:normal
    }
    .box b:last-of-type{
        left:-36px
    }
	.main{
    padding:15px;
    position:relative;
    display:inline-flex;
    flex-wrap:wrap;
    justify-content:flex-start;
	}
	.newtitle{
	    white-space: nowrap;
		text-align:center;
		margin-left:20px;
	    width: 350px;
	    overflow: visible
	}
}

.protects img{
    max-width:100%;
    max-height:250px;
    margin:auto;
    display:block;
    padding:30px;
}
.b {
    color:red;
    text-decoration:line-through;
    font-size:12px;
}
.b1,.old{
    color:#da0909;
    font-size:20px;
}
.numOf{
    float:right;
    text-align:center
}
.delete{
    color:red;
}
.hide{
    color:green;
    display:inline-block;
    margin:auto auto auto 10px
}
.show{
    display:inline-block;
    margin:auto auto auto 10px
}
.o{
    float:right;
}
.numCo{
    float:left;
    margin:-50px 55px 0px 50px
}
.iol{
    font-size:30px;
    float:left;
    margin:-65px 20px 0px 0px;
}
.categories{
    width:100%;
    overflow:auto;
    margin:30px auto;
    text-align:center
}
.categories a{
    text-decoration:none;
    color:#465E6A;
    font-weight:bold;
    margin-right:15px;
    font-size:15px
}
.categories a:hover, a:active, a:focus {
	color:#da0909
}
.add-cart{
    position:absolute;
    bottom:0;
	
    color:#000;
    padding:15px;
}
.add-cart i{
    font-size:15px
}
.protect-cart{
    position:relative;
}
.protect-cart img{
    width:90px;
    height:70px
}
.title{
    position:absolute;
    top:-10px;
    left:80px;
    width:120px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-left:10px
}
.priceCon{
    position:absolute;
    top:10px;
    left:96px
}
.priceCon span{
    text-decoration:line-through;
    color:red;
    margin-right:5px
}
.colp{
    margin-top:-20px
}
.delet{
	position: absolute;
    top: 0;
    right: 0;
    font-size: 25px;
}
.hover{
    width:100%;
    height:250px;
    background:#fff;
    position:absolute;
    top:0;
    opacity:.8;
    left:-100%;
    transition:all .2s ease;
}
.seen{
    font-size:20px;
    border-radius:50%;
    display:block;
    padding:10px 5px 5px;
    width:40px;
    height:40px;
    text-align:center;
    border:solid #000;
    color:#000;
    transform:rotate(-90deg);
    position:absolute;
    right:-100%;
    margin-right:20px;
    top:60px;
    transition:all .2s ease
}
.hr{
    border:.2px solid #ccc
}
.rowText{
    position:absolute;
    top:100%;
    left:30px;
    transition:all .2s ease;
}
.rowText p{
   margin-bottom:2px;
   font-size:12px
}
.rowText b{
    font-size:13px
}
.protect-header{
    max-height:250px;
    position:relative;
    overflow:hidden
}
.footer{
    background:#f1f1f1;
    padding:15px
}
.footer p{
    font-size:12px
}
.para{
    font-size:14px;
    color:#000;
    font-weight:bold
}
.footer div{
    margin-top:65px;
    position:relative
}
.footer div p{
    position:absolute;
    top:-25px;
    left:40px
}
.wh{
    padding:15px;
    font-size:14px
}
.wh img{
    width:250px;
    float:right
}
.wh p{
    text-align:center
}
.wh p a{
    color:#2f343f
}
.ima{
    display: flex;
    overflow: auto;
}
.images{
    height: 250px;
    margin: auto
}
.content{
    padding:25px;
    background:#fff;
    box-shadow:1px 1px 0 .2px rgba(0,0,0,.15);
    margin:55px auto 10px;
    overflow:hidden;
    word-wrap:break-word;
    position: relative;
	text-align: right
}
.content h2{
    margin:10px 0 0;
    color:#2f343f
}
.desc{
    color:#000;
    margin-top:10px;
    line-height:30px;
}
.bnew{
    text-decoration:line-through;
    font-size:12px;
	color:red;
}
.b1new,.oldnew{
    font-size:20px;
}
.share{
    font-size:30px
}
.pricing{
    display:inline;
    text-align:center;
}
#innering{
    font-weight:bold;
    color:#da0909;
    font-size:18px;
    margin:10px 0
}
.denew{
    font-size:25px;
}
.bi-cart-check{
    font-size:60px;
}
.end{
    text-align:center;
    color:green;
    margin-bottom:10px
}
.req{
    max-width:200px;
    color:#000;
    background:#fff;
    margin:auto auto 20px;
    border-radius:6px;
    border:.5px solid #ccc;
    padding:10px
}
.req a{
    color:cornflowerblue;
    text-decoration:none
}
.req-profile{
    background:#fff;
    width:100%;
    margin-top:20px;
    padding:15px
}
.req-profile h3{
    margin:0 0 10px
}
.newprot{
    position:relative;
    width:80%;
    padding:15px;
    border:.5px solid #ccc;
    border-radius:6px;
    color:#000;
    margin-bottom:10px
}
.newprot img{
    max-width:80px;
    max-height:70px
}
.prot-newtitle{
    position:absolute;
    top:20px;
    left:95px;
    width:90px;
    /*overflow:hidden;*/
    /*text-overflow:ellipsis*/
    
}
.older{
    color:#da0909;
    text-decoration:line-through
}
.newprot a{
    text-decoration:none;
    color:cornflowerblue;
    font-size:13px;
    position:absolute;
    bottom:10px
}
#div{
    width:100%;
    background:#fff;
    border:1px solid #ddd;
    border-radius:6px;
    padding:15px;
	display: block;
	direction: rtl;
}
#div span{
    width:80px;
    margin-bottom:10px;
    height: 90px;
    display: inline-flex;
    border:1px solid #ddd;
    border-radius:4px;
    padding:5px;
}
#div i, #divin i{
    display:block;
    font-size:30px;
    cursor: pointer;
	margin-top: 20px;
}
.selected{
    background:#2f343f;
    color:#fff
}
.new-cart{
    position: absolute;
    top:0;
}
.imas{
    width:165px;
    height:230px;
    border:solid #ddd;
    background:#fff;
    padding:5px;
    text-align:center
}
.imas img{
    max-width:150px;
    max-height:150px
}
#divin{
    width: 100%;
    background: #fff;
    margin-top: 5px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 30px
}
#divin form{
    margin: auto;
    width: 100%;
    margin-bottom: 10px
}
.tel:first-of-type p{
    margin-left: 70px
}
.deleteSearch{
	color:
	cornflowerblue;
	cursor: pointer
	}
	@media (max-width: 760px) {
		#div span{
			width: 50%;
			height: 60px
		}
}