@charset "utf-8";
@font-face {
  font-family: "DroidKufi-Bold";
  src: url(../fonts/DroidKufi-Bold.ttf?v=0.004) format("truetype");
  font-style:normal
}

body{
    direction: rtl;
    text-align: right;
    font-family: "DroidKufi-Bold";
    font-size:14px;
}


.modl_item{
  box-shadow:0px 0px 5px #000;
  padding:0px;
  color:#222;
  margin: 10px;
  border-radius:5px;
  overflow: hidden;
  
}
.modl_item:hover{
  transition: all ease 0.3s;
  box-shadow:0px 0px 10px #000;
  color:#333;
  text-decoration: none;
}
.img_modl{
  width: 100%;
  height:280px;
  overflow:hidden;
}
@media(max-width: 768px){
.img_modl{
  height:auto;
}
}
.img_modl>img{
  min-width: 100%;
  min-height: 100%;
}
.modl_item_open{
  width: 100%;
}
.img_modl_open{
  width: 100%;
}

.title-modl{
  font-size:15px;
  padding-top:10px;
  padding-bottom:10px;
  text-align: center;
}
.color-circul{
  width:100%;
  height:80px;
  border-radius:50%;
  overflow: hidden;
}
.color-circul>img{
  width:100%;
  height:100%;
}
.color input[type="radio"]:checked+label{
  border:2px solid blue;
  box-shadow:0px 0px 10px blue ;
}
.color{
  padding:0px;
  border:2px solid #fff;
}




.qol input[type="radio"]:checked+label{
  border:2px solid blue;
  box-shadow:0px 0px 10px blue;
  scroll-behavior: all;
}


.qol{
  padding:0px;
  border:2px solid #fff;
}
.qol-circul{
  box-shadow:4px 4px 10px #000;
  height: 180px;
  overflow: hidden;
  width:100%;
  border-radius:5px;
}
.qol-img:hover{
  transition: all ease 0.4s;
  cursor: pointer;
  transform: scale(1.1);
}

.qol-circul>img{
  min-height:100%;
}
@media(max-width:768px){
  .qol-circul{
    height: 70px;
    overflow: hidden;
    width:100%;
  }
  .qol-circul>img{
    min-height:100%;
  }
}
/*****************************************************/
.orders{
  box-shadow: 0px 0px 10px #000;
  padding:0px;
  border:2px solid #fff;
}
.order-title{
  margin:10px;
}


/*****************************************************/
.navbar-light .navbar-nav .nav-link{
  background-color: rgba(250,250,250,0.8);
  margin:3px;
  border-radius:5px;
  color:#000;
  padding-right:10px;
  padding-left:10px;
}
.navbar-light .navbar-nav .nav-link:hover{
  background-color: #FB73AE;
  color:#fff;
  transition: all ease 0.2s;
  box-shadow:1px 4px 10px #000;
}


@media(min-width:768px){
  .bg-top {
    background-color: rgba(250,250,250,0.2);
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
  }
}
.top_height_100{
  height:100px;
}

@media(max-width:768px){
  .bg-top {
    background-color: #fff;
    position: relative;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  .top_height_100{
    height:0px;
  }

}



.contact{
  
}


.footer{
  background-color: rgba(200,200,200,0.3);
  color: #222;
}
.social:hover{
  box-shadow:0px 0px 10px #222;
  border-radius:50%;
}