@charset "utf-8"; 

html{ scroll-behavior:smooth}
*, *:before, *:after{ -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  -o-box-sizing:border-box;  box-sizing:border-box}

body{direction:rtl; font-family:'system-ui','Cairo','JF Flat','Droid' !important;  line-height:1.5;  color:#818181;  font-size:18px;  aspect-ratio:auto;  color:#000}
.gallery_product img{width:100%; min-height:300px}
.thumbnail img{ width:100%;  height:100%;  margin-bottom:10px}
.carousel-inner>.item>img{ max-height:400px;  height:350px;  min-width:100%}
.contact{ padding-right:10px}

.navbar-brand{padding-bottom:45px; margin-top:-2px}
@media (max-width:768px){.container >.navbar-header,.container-fluid >.navbar-header,.container >.navbar-collapse,.container-fluid >.navbar-collapse{ padding-bottom:10px !important; margin-top:0px !important}
}
@media (max-width:768px){.navbar-inverse .navbar-toggle{margin-top:15px; border:1px solid #FFF}
}
.navbar-inverse{ border-radius:0;  -webkit-border-radius:0;  -moz-border-radius:0;  -ms-border-radius:0;  -o-border-radius:0}
.top-bar{ font-weight:700;  margin:5px}
.top-bar a{ text-decoration:none;  color:#000}
.wt-topbar-right{ float:left}
.site-header ul, .site-header ol{ margin-bottom:0}
.pull-right{ float:left!important}
.social-bx, .login-bx{ margin:0 0 0 15px;  float:right}
.list-inline, .list-unstyled{ padding-right:0;  list-style:none}
.social-bx li{ padding-left:2px;  padding-right:2px}
.social-bx li, .login-bx li{ font-size:12px;  margin:0;  position:relative}
.list-inline>li{ display:inline-block;  padding-left:5px;  padding-right:5px}
ul li, ol li{ padding:0}
.site-header ul, .site-header ol{ margin-bottom:0}
.e-p-bx li{ display:inline;  font-size:12px;  padding-right:10px}
.e-p-bx li a{ color:#FFF}
.social-bx li a, .login-bx li a{ color:#fff}
.top-bar .fa{ width:22px;  height:22px;  display:inline-table;  background:none;  padding:0}

.wt-separator.style-square{ width:10px;  height:10px;  background-color:transparent;  border-width:3px;  border-style:solid;  border-color:#2d3239}
.wt-separator{ display:inline-block;  height:3px;  width:50px;  position:relative}
.wt-separator-outer{ overflow:hidden; margin-bottom:20px}
.wt-separator.style-square .separator-left, .wt-separator.style-square .separator-right{ height:3px}
.wt-separator .separator-left{ left:-80px}
.wt-separator .separator-right{ left:14px}
.wt-separator .separator-left, .wt-separator .separator-right{ position:absolute;  top:50%;  width:70px;  height:2px;  margin-top:-1px}

.bg-primary{ background-color:#337ab7}
.bold{ margin-bottom:5px;  background:#fff;  font-size:16px;  font-weight:bold;  border-radius:1px;  -webkit-border-radius:1px;  -moz-border-radius:1px;  -ms-border-radius:1px;  -o-border-radius:1px}
.title-background{background-color:#FFF}
.mainTitleBorderEffect{margin: auto 10px;  padding:5px;  cursor:pointer; font-size:18px;  -webkit-tap-highlight-color:transparent;  display:flex;  align-items:center;  justify-content:center;  transition:1s}

.mainTitleBorderEffect::before, .btn::after{ position:absolute;  background:#eee;  z-index:-1;  transition:1s;  content:''}

.mainTitleBorderEffect::before{ height:50px;  width:250px}

.mainTitleBorderEffect::after{ width:230px;  height:30px}

.mainTitleBorderEffect:hover::before{ width:0px;  background:#fff}

.mainTitleBorderEffect:hover::after{ height:0px;  background:#fff}

.mainTitleBorderEffect:hover{ background:#fff;  border:1px solid #33342}

.disc{ background:#9b0000db;  cursor:pointer;  padding:5px;  min-height:36px;  color:#fff;  border-radius:1px !important}
.titleBorder{background:#06F; border-top:2px solid #f00; border-right:2px solid #f00; margin:0 auto; line-height:.8; text-align:right; font-size:13px}
.textBorder{background:#06F; border-left:6px solid #f00; border-right:6px solid #f00}
.counter{font-size:30px}
.counter label{font-size:20px}