@import "../fonts/Cairo/font.css";
body{font-family:"Cairo";direction: rtl;
background: url(../images/bg.jpg) right no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
box-shadow: inset 0 0 100px rgba(0,0,0,0.5);
position: relative;
}
.black{
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.add-to-cart {cursor: pointer;}
.ltr{direction: ltr !important}
.img-logo{position:relative;top:-10px;margin-right:10px;float:left;}
.navbar-default{    background-color: #772821bf;}
.navbar-default a.navbar-brand,.navbar-default a.navbar-brand:hover,.navbar-default a.navbar-brand:focus{color:#fff;}
.form-horizontal label{color:#ffff;}
.img-item{vertical-align:middle;}
.thumbnail-pro .img-pro img{max-height:100%;}

.thumbnail-pro.thumbnail .caption{padding: 9px 0px 0px 0px !important;text-align: center}
.thumbnail-pro .img-pro {overflow:hidden;}
.list-group-item .thumbnail-pro .img-pro{float:right;width:30%}
.list-group-item .thumbnail-pro .img-pro img{max-height:auto;height:auto;max-width:100%;}
.list-group-item .thumbnail-pro .img-pro {min-height:150px;overflow:inherit}
.list-group-item .thumbnail-pro{float:left;width:100%;}
.list-group-item .thumbnail-pro .caption{float:right;width:70%}
.add-to-cart.list-group-item .caption .col-md-6{width:100% !important}
.add-to-cart .caption{height:120px;}
.list-group-item.item{width:calc(100% - 30px) !important;margin-left:15px;}
#products .item{cursor:pointer}
#main-home div.thumbnail {}
#main-home div.thumbnail .img-ex{vertical-align:middle;text-align:center;}
#main-home div.thumbnail .img-ex img{margin:auto}
@media (max-width:768px){
#main-home div.thumbnail .caption{height:61px;overflow:hidden;display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 400px;}
.well.well-sm{display:none;}
}
.old_price{color:red;text-decoration: line-through;margin-right:10px}

.qty-pro{height:35px;}
.minus-qty{width:100%;height:38px;background:url(../images/arrow_right_default.png) no-repeat center center;background-size:32px;border:0px}
.plus-qty{width:100%;height:38px;background:url(../images/arrow_left_default.png) no-repeat center center;background-size:32px;border:0px}
.evnt-add-to-cart{height:60px;width:60px;background-size:60px;border:0px}
.remove_from_cart{width:25px;height:25px;background:url(../images/remove_default.png) no-repeat center center;background-size:25px;border:0px;position: absolute;top:0px;left: 15px;}

.savecart{height:60px;width:60px;background:url(../images/send_default.png) no-repeat center center;background-size:60px;border:0px}

@media(max-width:920px){
#products .item:not(.list-group-item) .thumbnail-pro .caption{min-height:147px !important;}
#products .item:not(.list-group-item) .thumbnail-pro img{margin:auto}
}
@media(max-width:768px){
#products .item:not(.list-group-item) .thumbnail-pro .img-pro{min-height:auto !important;}
#products .item:not(.list-group-item) .thumbnail-pro img{height:auto;}
}
.customer-nav-info .welcome a label,.customer-nav-info .welcome a span{color:#fff}
.customer-nav-info .logout a {color:#fff !important;font-weight:bold;font-size:20px;}
.customer-nav-info .logout a:hover{text-decoration:underline;}
.cart-ex-ico{position:relative;}
.cart-ex-ico a i{font-size:20px;color:#fff;}
.cart-ex-ico .notification{background:#f00;color:#fff;font-size:10px;border-radius:45px;padding:1px;height:20px;min-width:20px;text-align:center;right:0px;top:5px;position:absolute}
.btn.btn-default.dropdown-toggle{height:35px}


.group-padding{padding-left:2px;padding-right:2px;}
.details-btn-cont a{background: #3d72a6;color:#fff;text-align: center;display: block;padding: 5px 0px;}
@media(max-width:768px){
    .item.group-padding h4{font-size: 12px;margin-bottom: 0px;}
    .item.group-padding .caption{height: auto !important;padding-right: 1px ;padding-left:1px;}
    .details-btn-cont a{padding: 2px 0px;font-size: 12px;}
    .thumbnail-pro h3{font-size:14px;min-height: 30px;}
}
.rotate-180,.change-unit,.plus-qty,.minus-qty{-webkit-transform: rotate(180deg);
  transform: rotate(180deg);}
.fixed-cart{position: absolute;left: 78px;top:0px}
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:82%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgb(199 199 199 / 50%);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#000;
border:1px solid #000;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
.starRating:not(old) {
    display: inline-block;
    height: 18px;
    width:100px;
    overflow: hidden;
}

.starRating:not(old) > input{
  margin-right :-26%;
  opacity      : 0;
}

.starRating:not(old) > label {
    float: right;
    background: url(../images/1.png);
    background-size: contain;
    margin-right: 2px;
}

.starRating:not(old) > label:before{
  content         : '';
  display         : block;
  width           : 18px;
  height          : 18px;
  background      : url(../images/2.png);
  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
  opacity : 1;
}
.fa-whatsapp{
	background-color:#1b926c !important ;
	color:white;border: 0px;
	position: relative;
	width: 100%;
	padding: 10px;
	margin: 2px;
	font-family:"Cairo";
}