body,ul,li,h1,h2,h3,h4,h5,h6,p {
    padding:0;
    margin:0;
}
@font-face {
	font-family: 'Linearicons-Free';
	src:url('../font/Linearicons-Free.eot?w118d');
	src:url('../font/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'),
		url('../font/Linearicons-Free.woff2?w118d') format('woff2'),
		url('../font/Linearicons-Free.woff?w118d') format('woff'),
		url('../font/Linearicons-Free.ttf?w118d') format('truetype'),
		url('../font/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
font-family:'FontAwesome';
src:url('../font/fontawesome-webfont.eot?v=4.1.0');
src:url('../font/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('../font/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal

}
@font-face {
  font-family: 'Dana';
  src: url(../font/Dana-Regular.eot);
  src: url(../font/Dana-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/Dana-Regular.woff) format('woff'),
       url(../font/Dana-Regular.woff2) format('woff2'),
       url(../font/Dana-Regular.otf) format('otf'),
       url(../font/Dana-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'DanaFaNum-Regular';
  src: url(../font/DanaFaNum-Regular.eot);
  src: url(../font/DanaFaNum-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/DanaFaNum-Regular.otf) format('otf'),
       url(../font/DanaFaNum-Regular.ttf) format('truetype'),
       url(../font/DanaFaNum-Regular.woff) format('woff'),
       url(../font/DanaFaNum-Regular.woff2) format('woff2');
}

@font-face {
    font-family: "woodmart-font";
    src: url("../font/f890eea2e91e1270ce7109e36a42260a.eot");
    src: url("../font/f890eea2e91e1270ce7109e36a42260a.eot?#iefix")format("embedded-opentype"),
    url("../font/f890eea2e91e1270ce7109e36a42260a.woff2")format("woff2"),
    url("../font/f890eea2e91e1270ce7109e36a42260a.woff")format("woff"),
    url("../font/f890eea2e91e1270ce7109e36a42260a.ttf")format("truetype"),
    url("../font/f890eea2e91e1270ce7109e36a42260a.svg#woodmart-font")format("svg");
}

body{
 font-family: 'Dana';
  background-color:#f9f9f9;
  color:#000;
}

.lnr{font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lnr-home:before{content:"\e800"}.lnr-apartment:before{content:"\e801"}.lnr-pencil:before{content:"\e802"}.lnr-magic-wand:before{content:"\e803"}.lnr-drop:before{content:"\e804"}.lnr-lighter:before{content:"\e805"}.lnr-poop:before{content:"\e806"}.lnr-sun:before{content:"\e807"}.lnr-moon:before{content:"\e808"}.lnr-cloud:before{content:"\e809"}.lnr-cloud-upload:before{content:"\e80a"}.lnr-cloud-download:before{content:"\e80b"}.lnr-cloud-sync:before{content:"\e80c"}.lnr-cloud-check:before{content:"\e80d"}.lnr-database:before{content:"\e80e"}.lnr-lock:before{content:"\e80f"}.lnr-cog:before{content:"\e810"}.lnr-trash:before{content:"\e811"}.lnr-dice:before{content:"\e812"}.lnr-heart:before{content:"\e813"}.lnr-star:before{content:"\e814"}.lnr-star-half:before{content:"\e815"}.lnr-star-empty:before{content:"\e816"}.lnr-flag:before{content:"\e817"}.lnr-envelope:before{content:"\e818"}.lnr-paperclip:before{content:"\e819"}.lnr-inbox:before{content:"\e81a"}.lnr-eye:before{content:"\e81b"}.lnr-printer:before{content:"\e81c"}.lnr-file-empty:before{content:"\e81d"}.lnr-file-add:before{content:"\e81e"}.lnr-enter:before{content:"\e81f"}.lnr-exit:before{content:"\e820"}.lnr-graduation-hat:before{content:"\e821"}.lnr-license:before{content:"\e822"}.lnr-music-note:before{content:"\e823"}.lnr-film-play:before{content:"\e824"}.lnr-camera-video:before{content:"\e825"}.lnr-camera:before{content:"\e826"}.lnr-picture:before{content:"\e827"}.lnr-book:before{content:"\e828"}.lnr-bookmark:before{content:"\e829"}.lnr-user:before{content:"\e82a"}.lnr-users:before{content:"\e82b"}.lnr-shirt:before{content:"\e82c"}.lnr-store:before{content:"\e82d"}.lnr-cart:before{content:"\e82e"}.lnr-tag:before{content:"\e82f"}.lnr-phone-handset:before{content:"\e830"}.lnr-phone:before{content:"\e831"}.lnr-pushpin:before{content:"\e832"}.lnr-map-marker:before{content:"\e833"}.lnr-map:before{content:"\e834"}.lnr-location:before{content:"\e835"}.lnr-calendar-full:before{content:"\e836"}.lnr-keyboard:before{content:"\e837"}.lnr-spell-check:before{content:"\e838"}.lnr-screen:before{content:"\e839"}.lnr-smartphone:before{content:"\e83a"}.lnr-tablet:before{content:"\e83b"}.lnr-laptop:before{content:"\e83c"}.lnr-laptop-phone:before{content:"\e83d"}.lnr-power-switch:before{content:"\e83e"}.lnr-bubble:before{content:"\e83f"}.lnr-heart-pulse:before{content:"\e840"}.lnr-construction:before{content:"\e841"}.lnr-pie-chart:before{content:"\e842"}.lnr-chart-bars:before{content:"\e843"}.lnr-gift:before{content:"\e844"}.lnr-diamond:before{content:"\e845"}.lnr-linearicons:before{content:"\e846"}.lnr-dinner:before{content:"\e847"}.lnr-coffee-cup:before{content:"\e848"}.lnr-leaf:before{content:"\e849"}.lnr-paw:before{content:"\e84a"}.lnr-rocket:before{content:"\e84b"}.lnr-briefcase:before{content:"\e84c"}.lnr-bus:before{content:"\e84d"}.lnr-car:before{content:"\e84e"}.lnr-train:before{content:"\e84f"}.lnr-bicycle:before{content:"\e850"}.lnr-wheelchair:before{content:"\e851"}.lnr-select:before{content:"\e852"}.lnr-earth:before{content:"\e853"}.lnr-smile:before{content:"\e854"}.lnr-sad:before{content:"\e855"}.lnr-neutral:before{content:"\e856"}.lnr-mustache:before{content:"\e857"}.lnr-alarm:before{content:"\e858"}.lnr-bullhorn:before{content:"\e859"}.lnr-volume-high:before{content:"\e85a"}.lnr-volume-medium:before{content:"\e85b"}.lnr-volume-low:before{content:"\e85c"}.lnr-volume:before{content:"\e85d"}.lnr-mic:before{content:"\e85e"}.lnr-hourglass:before{content:"\e85f"}.lnr-undo:before{content:"\e860"}.lnr-redo:before{content:"\e861"}.lnr-sync:before{content:"\e862"}.lnr-history:before{content:"\e863"}.lnr-clock:before{content:"\e864"}.lnr-download:before{content:"\e865"}.lnr-upload:before{content:"\e866"}.lnr-enter-down:before{content:"\e867"}.lnr-exit-up:before{content:"\e868"}.lnr-bug:before{content:"\e869"}.lnr-code:before{content:"\e86a"}.lnr-link:before{content:"\e86b"}.lnr-unlink:before{content:"\e86c"}.lnr-thumbs-up:before{content:"\e86d"}.lnr-thumbs-down:before{content:"\e86e"}.lnr-magnifier:before{content:"\e86f"}.lnr-cross:before{content:"\e870"}.lnr-menu:before{content:"\e871"}.lnr-list:before{content:"\e872"}.lnr-chevron-up:before{content:"\e873"}.lnr-chevron-down:before{content:"\e874"}.lnr-chevron-left:before{content:"\e875"}.lnr-chevron-right:before{content:"\e876"}.lnr-arrow-up:before{content:"\e877"}.lnr-arrow-down:before{content:"\e878"}.lnr-arrow-left:before{content:"\e879"}.lnr-arrow-right:before{content:"\e87a"}.lnr-move:before{content:"\e87b"}.lnr-warning:before{content:"\e87c"}.lnr-question-circle:before{content:"\e87d"}.lnr-menu-circle:before{content:"\e87e"}.lnr-checkmark-circle:before{content:"\e87f"}.lnr-cross-circle:before{content:"\e880"}.lnr-plus-circle:before{content:"\e881"}.lnr-circle-minus:before{content:"\e882"}.lnr-arrow-up-circle:before{content:"\e883"}.lnr-arrow-down-circle:before{content:"\e884"}.lnr-arrow-left-circle:before{content:"\e885"}.lnr-arrow-right-circle:before{content:"\e886"}.lnr-chevron-up-circle:before{content:"\e887"}.lnr-chevron-down-circle:before{content:"\e888"}.lnr-chevron-left-circle:before{content:"\e889"}.lnr-chevron-right-circle:before{content:"\e88a"}.lnr-crop:before{content:"\e88b"}.lnr-frame-expand:before{content:"\e88c"}.lnr-frame-contract:before{content:"\e88d"}.lnr-layers:before{content:"\e88e"}.lnr-funnel:before{content:"\e88f"}.lnr-text-format:before{content:"\e890"}.lnr-text-format-remove:before{content:"\e891"}.lnr-text-size:before{content:"\e892"}.lnr-bold:before{content:"\e893"}.lnr-italic:before{content:"\e894"}.lnr-underline:before{content:"\e895"}.lnr-strikethrough:before{content:"\e896"}.lnr-highlight:before{content:"\e897"}.lnr-text-align-left:before{content:"\e898"}.lnr-text-align-center:before{content:"\e899"}.lnr-text-align-right:before{content:"\e89a"}.lnr-text-align-justify:before{content:"\e89b"}.lnr-line-spacing:before{content:"\e89c"}.lnr-indent-increase:before{content:"\e89d"}.lnr-indent-decrease:before{content:"\e89e"}.lnr-pilcrow:before{content:"\e89f"}.lnr-direction-ltr:before{content:"\e8a0"}.lnr-direction-rtl:before{content:"\e8a1"}.lnr-page-break:before{content:"\e8a2"}.lnr-sort-alpha-asc:before{content:"\e8a3"}.lnr-sort-amount-asc:before{content:"\e8a4"}.lnr-hand:before{content:"\e8a5"}.lnr-pointer-up:before{content:"\e8a6"}.lnr-pointer-right:before{content:"\e8a7"}.lnr-pointer-down:before{content:"\e8a8"}.lnr-pointer-left:before{content:"\e8a9"}
#toggle-search{
  width:100%;
  height:100%;
  display:none;
  text-align:center;  
}
.logo-load{
    display:block;
    width:100px!important;
    margin:0 auto;
}
.ce-bx-load{
    text-align:center;
    margin-top:20px;
}
.circle {
    width: 10px;
    height: 10px;
    border-radius: 14px;
    border: 5px solid #496c7c;
    margin: 10px;
    animation: rotate 2s infinite linear;
    animation-fill-mode: both;
    display: inline-block;
}

.circle:nth-of-type(2) {
    animation: rotate2 2s infinite linear;
  animation-fill-mode: both; 
}

.circle:nth-of-type(3) {
    animation: rotate3 2s infinite linear;
  animation-fill-mode: both; 
}

@keyframes rotate {
  0% { 
    transform: scale(0);
    opacity: 0;
  }
  25% { 
    transform: scale(1);
    opacity: 1;
  }
  75% { 
    transform: scale(1);
    opacity: 1;
  }
  85% { 
    transform: scale(1);
    opacity: 1;
  }
  100% { 
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes rotate2 {
  0% { 
    transform: scale(0);
    opacity: 0;
  }
  25% { 
    transform: scale(0);
    opacity: 0;
  }
  50% { 
    transform: scale(1);
    opacity: 1;
  }
  75% { 
    transform: scale(1);
    opacity: 1;
  }
  85% { 
    transform: scale(1);
    opacity: 1;
  } 
  100% { 
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes rotate3 {
  0% { 
    transform: scale(0);
    opacity: 0;
  }
  50% { 
    transform: scale(0);
    opacity: 0;
  }
  75% { 
    transform: scale(1);
    opacity: 1;
  }
  85% { 
    transform: scale(1);
    opacity: 1;
  }
  100% { 
    transform: scale(1);
    opacity: 0;
  }
}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background-color:#fff;

}
.hv-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}
.box-intro {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.cn-nd-dv360 {
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    height: 100%;
}
.pg-zeus {
    display: table-cell;
    vertical-align: middle;
}
.normal-box{ 
  position:fixed;
  background-color:#fff;
  height:100%;
  z-index:999999999;
  width:100%;  
  top:0;
}
.blak-box{
  position: absolute; 
  width: 100%; 
  height: 100%; 
  background-color: black; 
  left: 0; top: 0; 
  opacity: 0.2;
  
}
.x-btn{
    position: absolute;
    width: 40px;
    height: 40px;
    right: 3px;
    top: 6px;
    font-size: 20px;
    font-weight: 600;
    color: #232222;
    background-color: rgba(238, 238, 238, 0.00);
    border: none;
    margin-top: 1%;
    margin-right: 1%;
}
 .p99{
     font-size:13px;
     padding-top:8px;
 }
#toggle-search input[type="text"]{
    margin-bottom: 20px;
    width: 95%;
    border: none;
    padding: 14px 35px;
    font-size: 16px;
    text-align: right;
    color: #000;
    border-radius: 0;
    background: transparent;
    outline: none;
        border-bottom: 1px solid #eee;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #656565;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #656565
}
:-ms-input-placeholder { /* IE 10+ */
  color: #656565
}
:-moz-placeholder { /* Firefox 18- */
  color: #656565
}
.logo-se{
        margin-top: 60px;
}
.ara-btn{
    width: 91%;
    height: 45px;
    border: none;
    font-size: 20px;
    color: #fff;
    background-color: #cf1710;
    border: 1px solid #fff;
    margin: 0;
    border-radius: 11px;
}
.ara-btn:hover{
  color:skyblue;
  background-color:#3fa18a 
}
button[name="search-btn"]{
    background: none;
    border: none;
    color: #000;
    font-size: 22px;
    
}
button[name="search-btn"] img{
    float:right;
    margin-left:10px;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {background-color: #5ab963;}
    to {background-color: #e91e63;}
}

header {
    position: relative;

}
.head-ce {
  
    position:relative;
    margin:0 auto;
    padding: 5px 0px 5px 0px;
}
.logo-nd {
    width: 133px;
    position: relative;
    float: right;
}

.list-tp li {
    float: left;
}
.list-mb{
    margin-top:22px;
}
.fix-tp{
    box-shadow: 0 15px 20px -20px rgba(0,0,0,.1);
    background-color:#fff;
}
.search-bx {
background-color: #fff;
    border-radius: 35px;
    border: 1px solid #17826d;
    padding-right: 5px;
    width: 100%;
    margin: 18px 0 14px 0;
    height: 48px;
    max-width: 100%;
    float: right;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    padding: 3px;
}

.btn-se {
      width: 38px;
    padding: 6px 5px;
    height: 38px;
    background: none;
    position: relative;
    float: left;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    border: none;
}


.btn-se:hover:before{
    color: black;
}
.btn-se:before {
content: "\e86f";
    position: absolute;
    font-family: 'Linearicons-Free';
    color: #078141;
    position: absolute;
    top: 6px;
    left: 10px;
    font-weight: bold;
    font-size: 19px;
}

.list-ft li:hover a{
       color: #ffa02a;
}
.tx-se {
    border: none;
    background: none;
    width: 83%;
    height: 39px;
    float: right;
    direction: rtl;
    line-height: 40px;
    padding-right: 10px;
    direction: rtl;
    font-size: 14px;
}
.product-grid-cl .add-bx{
    border:none!important;
    box-shadow:0 0 0;
}
.list-tp {
    text-align: right;
    z-index: 999;
    position:relative;
    padding-top: 4px;
}
.list-tp:before{
    position: absolute;
    z-index: -1;
    width: 223px;
    height: 48px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    content: "";
    left: -10px;
    background: #17826d;
    top: -2px;
}

.list-tp > .lg-dv{
    float:left;
}
.p-phone{
float: left;
    text-align: right;
    color: #000;
    font-size: 12px;
    position: absolute;
    top: 1px;
    border: 1px solid #17826d;
    border-left: none;
    padding: 8px 9px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
}
.p-phone img{
width: 24px;
    float: left;
    margin-right: 3px;
    position: relative;
    top: 3px;
}

.p-phone p{
    font-family: 'DanaFaNum-Regular';
    padding-top: 3px;
    display: inline-block;
    font-weight: bold;
    color: #000;
    font-size: 13px;
    padding-left: 10px;
    letter-spacing: 1px;
    color: #000;
}
.p-phone p span{
 font-weight: bold;
    font-size: 18px;
    letter-spacing: 1px;
    display: inline-block;
    color: #17826d;
    position: relative;
    top: 2px;
}
.home-ic{
      font-size: 25px;
    position: relative;
    top: 2px;
}

.main-menu nav>ul>li:first-child>a:before {
    top: 16px;
}
.btn-sb {
    padding-right: 10px;
    margin-left: 4px;
    position: relative;
    display: block;
    background: #fff;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    padding: 7px 0;
    text-align: center;
}
.btn-login .btn-sb{
    float:right;
    margin-left:0;
}
.btn-login .btn-sb img{
    width:20px!important;
}

.btn-login{

    display: block;
    padding: 0px 4px;

    position: relative;


}
.p-lg{
    color: #fff;
    float: right;
    padding: 10px 10px 5px 11px;
}
.btn-sb img{
    width: 24px!important;
}

.pn-1{
    padding-left:0;
    padding-right:10px;
}
.pn-2{
    padding-right:0;
    padding-left:10px;
}
.pn-1 img,.pn-2 img{
    border-radius:8px;
}
.img-responsive{
    width:100%;
}
.pn-rg{
    padding-right:5px;
}
.list-tp li:hover a{
    color:#fff;
}
.list-tp li a span {
    padding-top: 0px;
    display:inline-block;
}
.list-tp li img {
width:20px;
    display: block;
    margin:0 auto;

}
#shoppingCard {
background-color: #ffffff;
    border-radius: 50%;
    color: #121212;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: bold;
    width: 18px;
    height: 17px;
    padding-top: 3px;
    position: absolute;
    top: -5px;
    right: -7px;
        box-shadow: 0 0 4px rgba(0,0,0,.17);
}

.menu-bx {
    padding: 3px 0 0 0;
}
.clear{
    clear:both;
    display: block;
}
.bx-wrapper .bx-caption,.bx-wrapper .bx-loading,.bx-wrapper .bx-prev{position:absolute;left:0}.bx-wrapper{position:relative;margin:0 auto;padding:0}.bx-wrapper img{width:100%;display:block}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:10px;width:100%;z-index:99;right:0}.bx-wrapper .bx-loading{min-height:50px;background:url() center center no-repeat #fff;height:100%;width:100%;top:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#fff}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block}.bx-wrapper .bx-pager.bx-default-pager a{background:#fff;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#4dbeff}.bx-wrapper .bx-next{right:0;position:absolute}
    .bx-wrapper .bx-prev:before {
        left: 0;
        background: url(../images/left-t.png) 0 15px no-repeat;
        content: "";
        position: absolute;
        top: 50%;
        width: 31px;
        height: 63px;
        border-bottom-right-radius: 45px;
        border-top-right-radius: 45px
    }
    .bx-wrapper .bx-next:before {
        right: 0;
        background: url(../images/right-t.png) 0px 15px no-repeat;
        content: "";
        position: absolute;
        top: 50%;
        width: 31px;
        height: 63px;
        border-bottom-left-radius: 45px;
        border-top-left-radius: 45px
    }.bx-wrapper .bx-next:hover:before,.bx-wrapper .bx-prev:hover:before{-webkit-box-shadow:0 1px 9px 1px #bec6d4;box-shadow:0 1px 9px 1px #bec6d4}.bx-wrapper .bx-controls-direction a{position:absolute;top:0;margin-top:0;outline:0;width:52px;height:100%;text-indent:-9999px;z-index:99}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{bottom:0;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color:transparent;position:relative
}
.owl-carousel
{display:none;width:100%}
.owl-carousel .owl-stage
{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after
{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer
{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel 
.owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled,.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#000!important;font-size:27px!important;margin:5px;margin-top: 15px;padding:4px 7px;/*background:#fff!important;*/display:inline-block;cursor:pointer;border-radius:6px;width:35px;height:49px;line-height:23px!important;/*z-index:99!important;-webkit-box-shadow:0 1px 4px -1px #b7b7b7;box-shadow:0 1px 4px -1px #b7b7b7*/}.disabled{-webkit-box-shadow:0 1px 4px -1px rgba(202,202,202,0)!important;box-shadow:0 1px 4px -1px rgba(202,202,202,0)!important}.owl-theme .owl-nav [class*=owl-]:hover{color:#fff;text-decoration:none}.owl-theme .owl-nav .disabled span{opacity:.4;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.owl-nav button{position:absolute;top:40%;transform:translateY(-50%);/*background:rgba(255,255,255,.38)!important*/}.owl-nav button.owl-prev{right:-2px;border-bottom-right-radius:0!important;border-top-right-radius:0!important}.owl-nav button.owl-next{left:-2px;border-bottom-left-radius:0!important;border-top-left-radius:0!important}.group-bx .owl-theme .owl-nav [class*=owl-]{height:43px;background:#f5f5f5!important;-webkit-box-shadow:0 3px 8px -1px rgba(147,146,146,0);box-shadow:0 3px 8px -1px rgba(147,146,146,0);font-size:21px!important;color:#000!important}.owl-nav button.owl-prev span:before{/*content:"\e876";*/font-family:Linearicons-Free}.owl-nav button.owl-next span:before{/*content:"\e875";*/font-family:Linearicons-Free}.p-pc{padding-right:0}.group-bx .owl-nav button.owl-next{left:5px}.group-bx .owl-nav button.owl-prev{right:-24px}
.container-nd{
    max-width:97%;
    margin:0 auto;
}

body::-webkit-scrollbar {
    width:0.7em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color:#b3b3b3;
  outline: 1px solid rgba(245, 245, 245, 0.00);
  border-radius:10px;
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{
    bottom:0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 7px;
    height: 7px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #3bb44b;
}
.grup-btm{
    padding:30px 0 0 0;
}
.grup-btm .col-md-12{
    padding:0 4px;
}
.owl2{
    padding-top:5px;
}
.dv-ce {
    margin: 0 auto;
    position: relative;
    border-radius: 8px;
    padding: 20px 0;
}
.img-gp {
    width: 100px!important;
    margin: 0 auto;
    display: block;
}
.ti-gp {
    text-align: center;
    padding: 14px 0;
    color: #ff4900;
    font-size: 16px;
    font-weight: bold;
}

.group-bx{
    padding:15px 0 40px 0;
    position:relative;
      
}
.group-bx .item{
    margin:10px 10px;
}

.product-col-bx{
     background-color:#fff;
    position: relative;
    margin: 5px;
    overflow: hidden;
    border-radius: 7px;
}

.banner-nd{
    padding:0 8px;
}

.img-ce{
        max-width: 100%;
    width: 150px;
    margin: 0 auto;
    display: block;
}
.t-off{
        padding: 16px 0;
    text-align: center;
}
.cn-bx .col-md-9{
    padding:0 0px 0 5px;
}
.cn-bx{
    position:relative;
}
.col-right-bx{
    position:absolute;
    width:25%;
    height:100%;
    right:0;
    padding:0 10px 0 19px;
}
.img-banner{
    width:100%;
    height:97%;
    background-size:cover;
    background-position:center top;
    position:relative;
}
.pn-mg{
    position:relative;
}
.item .categoryblock:first-child{
    border-bottom:none;
}
.col-product{
background-color: #fff;
padding:20px 0;
    margin:7px 9px 15px 9px;
    overflow: hidden;
    position: relative;
        box-shadow:1px 2px 3px 2px #ededed;
        border-radius:8px;
}
.banner-btm .col-md-6{
    padding:0 8px;
}
.product-col-bx .col-md-6:nth-child(3){
    padding-left:0;
}
.price-nd span {
    font-weight: bold;
    font-size: 11px;
    line-height: 10px;
    text-transform: capitalize;
    color:#17826d;
    float: right;
    padding-right: 6px;
    padding-top: 7px;
}
.price-nd p {
      font-weight: 400;
    font-size: 16px;
    line-height: 180%;
       color: #17826d;
       font-weight:bold;
    text-align: left;
    float: right;
}
.pri-first {
     color: #000;
    text-decoration: line-through;
    text-align: left;
    padding: 0 18px;
    line-height:15px;
    /* font-weight: bold; */
    padding-top: 9px;
}
.panel-off .price-nd{
    padding-top:0;
    font-weight:bold;
    direction:rtl;
}
.panel-off .price-nd p{
    font-weight:bold;
        float:left;
        font-size:22px;
}
.panel-off .price-nd span{
padding-top: 17px;
    font-weight: bold;
    float: left;
       
}
.panel-off .ti-pr {
font-size: 16px;
    font-weight: bold;
    padding: 0 13px 0 0;
    text-align: justify;
    line-height: 31px;
    direction: rtl;
}
.panel-off .pri-first{
padding:15px 10px 5px 10px;
}
.owl-dots{
    display:none;
}
.group-bx .owl-nav{
    display:none;
}
.grup-btm .owl-nav{
position: absolute;
    width:80px;
    left: 0px;
    top: -31px;
}
.grup-btm .owl-theme .owl-nav [class*="owl-"] {
    font-size: 27px!important;
    margin: 5px;
    padding: 4px 7px;
    width: 35px;
    height: 33px;
    background:none!important;
    -webkit-box-shadow: 0px 1px 4px -1px #fff;
    box-shadow: 0px 1px 4px -1px #fff;
}


.row-nd{
    padding:25px 0 35px 0;
}
.rw-new-product{
    padding-bottom:15px;
}
.ti-nd {
    text-align: right;
    margin: 0px auto 1px auto;
    padding: 17px 0px 5px 7px;
    font-size: 22px;
    font-weight: bold;
    color: #0a0a0a;
    position: relative;
    z-index: 9999;
    float: right;
}
.ti-nd  img{
    float:right;
    width:35px;
    margin-left:8px;
}
.ti-nd:before{
    position:absolute;
    content:"";
    left:0;
    bottom:-12px;
    border:1px solid #17826d;
    width:100%;
}
.title-nd{
   padding:0 0px 10px 0px;
   border-bottom:1px solid #ccc;
   margin:0 10px 20px 10px;
}
.gp-bx{
     display:block;
     overflow:hidden;
     box-shadow: 0px 1px 3px 2px #e9e9e9;
     padding:25px 0;
     border-radius:5px;
     background-color:#fff
}
    .gp-bx h3 {
        color: #000;
        font-weight: bold;
        font-size: 16px;
        padding-bottom: 10px;
        text-align: center;
        position: relative;
        padding: 26px 0 0px 0;
        line-height: 26px;
        padding: 8px 13px 0 13px;
        min-height: 60px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

.gp-bx img{
    max-width:100px;
    margin:0 auto;
}
.mobile-menu-top img{
    width:88px!important;
}
.offcanvas-menu li a i{
    float:right;
    margin-left:10px;
}
.ti-pr {
    font-size: 14px;
    color: #000;
    min-height: 30px;
    text-align: right;
    font-weight: bold;
    line-height: 26px;
    padding: 8px 13px 0 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    direction: rtl;
    min-height: 65px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.price-nd{
 padding:2px 10px 0 2px;
}
.p-off{
    text-align:center;
    padding-left:40px;
    font-size:13px;
    text-decoration:line-through;
    padding-bottom:5px;
}
.off-bx{
        position: absolute;
    top: -5px;
    left: 64px;
    background: #ff7306;
    width: 35px;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    padding-top: 2px;
}
.time-nd{
    text-align:center;
    font-size:13px;
    padding-top:10px;
}
.time-nd .lnr{
    font-size:14px;
    margin-right:3px;
    position:relative;
    top:1px;
    font-weight:bold;
}
.r-off .ti-pr {
    font-size: 13px;
    color: #111;
    margin-top: 22px;
    min-height:35px;
    text-align: center;
    font-weight: 500;
    line-height: 25px;
}
.price-box{
    position:relative;
}
.image img{
    max-width:170px;
    margin:0 auto;
}
.owl3 img{
    max-width:100px;
    margin:0 auto;
}

.right-nd{
    float:right;

}
.bx-rg{
    background:#fff;
           -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
     padding-bottom:15px;
    padding-left:0px;
    height:100%;
    position:relative;
    border-radius:5px;
}

.bx-rg:after{
      content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 10px 0 10px;
    border-top: 5px solid transparent;
    border-bottom: 15px solid #fff;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: -29px;
    margin: auto;
    transform: rotate(
-90deg
);
}
.pn-rg{
    padding-right:0;
    padding-left:21px;
}
.nav-tabs li{
    float:none;

}
.nav-tabs li span{
    float:right;
    font-size:20px;
    margin-left:15px;
}
.nav-tabs{
    padding:0 30px;
    border-bottom:none;
}
.nav-tabs li a{
    padding:17px 0;
    text-align:right;
    background:no-repeat;
    color:#000;
    border-bottom:1px solid #f5f5f5!important;
}
.nav-tabs li:last-child a{
    border:none!important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background:none;
    border:none;
    color:#000;
    font-weight:bold;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #fff;
    border:1px solid #fff;
     border-bottom:1px solid #f5f5f5!important;
    color:#fd6702
}
.ti-tb h3{
    margin-bottom:5px;
    border-bottom:none;
}

.tab-pane{
    padding:50px 0;
}
.nav-tabs li a img{
float: right;
    width: 25px!important;
    margin-left: 10px;
}
.tab-content{
       -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    padding:0;
    background-color: #fff;
    border-radius: 5px;
}
.bx-rg h3{
    margin-bottom:12px;
    padding:17px 15px;
}

.ti-nw {
    font-size: 13px;
    padding: 16px 0 8px 0;
    text-align: justify;
    direction: rtl;
    font-weight: bold;
    color: #000;
}
.p-nw{
        font-size:13px;
        line-height:29px;
    text-align:justify;
    direction:rtl;
    color:#000;
}
.linked a{
    float:left;
    margin-top:5px;
    color:#fd6702;
}

.img-fill img {
  width:170px!important;
  margin:10px auto 0 auto;
  position: relative;
  display: block;
}

.ti-tp{
    padding:20px 15px;
    position:relative;

}
.ti-mn{
    border-bottom:none;
}
.ti-mn:after{
    display:none;
}
.img-fill .p-off{
    padding-left:0;

}
.ti-tp h3{
font-size: 16px;
    text-align: right;
    background-color: #f5f5f5;
    z-index: 9999;
    position: relative;
    width: 160px;
    float: right;
}
.ti-tp hr{
       position: absolute;
    top: 9px;
    width: 94%;
    border-bottom: 1px solid #cecece;
    left: 1%;
}
footer {
    padding: 0px 0 0px 0;
    background-size:cover;
    background-position:center;
    position: relative;
    background: #363636;
}

.logo-ft{
float: right;
    width: 70px;
    margin-top: 15px;
}
.ti-bx {
     text-align: right;
    padding-bottom: 16px;
    font-size: 19px;
    color: #fff;
    padding-top: 24px;
    position: relative;
}
.listed-tp li a{
font-size: 20px;
    padding: 5px;
    color: #fff;
    border-radius: 50%;
    width: 43px;
    height: 38px;
    display:block;
}
.listed-tp li:hover a img{
    -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.listed-tp li:hover a img{
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.em{
    margin:0px auto 20px auto;
    display:block;
}
.img-enm {
    width: 80px;
}
.box-tx {
background-size: 100% 100%;
    max-width: 100%;
    border-radius: 3px;
    padding:16px 0px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #c7c2c229;

}
.sp-off{
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: #ffa02a;
    padding: 5px 0;
    text-align:center;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    width: 35px;
    line-height: 28px;
    height: 35px;
    z-index: 999;
}
.icon-box {
 margin-left: 12px;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 16px;
    position: relative;
    font-size: 30px;
    color: #fff;
    position: relative;
    top: -4px;
}
.bc-wh {
       direction: rtl;
    color: #fff;
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
  
}

.text-box {
    width: 80%;
    display: inline-block;
    font-size: 14px;
}
.text-box h5 {
    font-size:17px;
    padding-bottom: 10px;
    position: relative;
    top: 12px;
    color: #fff;
}
.text-box p {
    position: relative;
    padding:10px 0 15px 0;
    direction: ltr;
    text-align: right;
    color: #fff;
    letter-spacing: 1px;
}
.em-bx input {
    padding: 14px 16px;
    width: 288px;
    border: none;
    display: inline-block !important;
    height: 53px;
    float: right;
    text-align: right;
    background: #FFFFFF;
    border: 1px solid #CBCBCB;
    border-radius: 8px;
}
.em-bx button {
background-color: #fff;
    color: #000;
    float: right;
    border: none;
    padding: 8px 0;
    width: 82px;
    height: 53px;
    border-radius: 8px;
    margin-right: 6px;
}

.tx-contact-us {
    padding:25px 0;
}
.rw-contact {
    float: left;
    padding: 0 12px;
    border-right: 1px solid #4B4B4D;
}
.rw-contact img {
    width: 23px;
    float: left;
    margin-right: 8px;
}
.ft-ce {
    margin: 0 auto;
    max-width:85%;
    padding-top:20px;
}
.menu-toggle {
    display: none;
}
.menu-toggle-co {
    display: none;
}
.menu-button-container {
    display: none!important;
}
.list-ft li a {
   text-align: justify;
    direction: rtl;
    padding: 7px 0;
    color: #fff;
    display: block;
}
.list-ft li a:before{
   font-family: 'Linearicons-Free';
    content: "\e875";
    font-size: 8px;
    margin-left: 5px;
}
ul{
    list-style:none;
}

.p-ft{
font-size: 14px;
      color: #fff;
    direction: rtl;
    padding-bottom:10px;
    line-height: 28px;
}
.power_by {
    text-align: center;
    color: #fff;
    padding: 17px 0;
    font-size: 12px;
    direction: rtl;
    max-width:1270px;
    position:relative;
    margin:40px auto 0 auto;

}
.p-copy img{
    width: 46px;
    margin: 0 10px;
    position: relative;
    top: -2px;
}
.mg-lg{
    display: inline-block;
    width: 63px;
    position: absolute;
    right: -73px;
    top: -12px;
}
.p-copy {
    display: inline-block;
    direction: rtl;
    position:relative;
}
.link-f {
    display: inline-block;
    margin-right: 5px;
     color: #fff;
}
.power_by a {
      color: #fff;
    font-size: 13px;
}

.link-ft{
    display: block;
    /* margin: 0 auto; */
    width: 204px;
    float: right;

}

.list-tp .lnr-cart{
font-size: 26px;
    margin-top: 6px;
    display: block;
    transform: rotateY(
180deg
);
    margin-right: 10px
}



.co {
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 999999;
}


.co .menu-toggle-co {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #17826d;
  box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 5;
  bottom: 0;
  right: 0;
  display: table;
  text-align: center;
}




.co .menu-toggle-co:after{
 width: 62px;
    height: 62px;
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: -1px;
    pointer-events: none;
    border: 4px solid #17826d;
    border-radius: 50%;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-name: intervalHamburgerBorder;
    animation-name: intervalHamburgerBorder;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes intervalHamburgerBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@keyframes intervalHamburgerBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

.co .menu-toggle-co .fa {
  color: #fff;
  font-size: 2em;
  display: table-cell;
  vertical-align: middle;
  transition: 0.4s;
}
.co .menu-toggle-co.open .fa {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.btn-app {
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  position: absolute;
  color: #fff;
  text-align: center;
}
.btn-app .fa {
  line-height: 2.5em;
}

.open .btn-app {
  box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.2);
}

.menu-round {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
}
.menu-round .btn-app {
  bottom: 0.25em;
  right: 0.25em;
  transition: 0.4s;
}
.menu-round.open .btn-app:nth-of-type(1) {
  right: 0.5em;
  bottom: 4.25em;
  transition-delay: 0.2s;
}
.menu-round.open .btn-app:nth-of-type(2) {
  right: 3.5em;
  bottom: 3.5em;
  transition-delay: 0.1s;
}
.menu-round.open .btn-app:nth-of-type(3) {
  right: 4.25em;
  bottom: 0.5em;
}

.menu-line {
  position: absolute;
  z-index: 2;
}
.menu-line .btn-app {
  bottom:9px;
  right: 1.3em;
  transition: 0.3s;
  transition-delay: 0.5s;
}
.menu-line.open .btn-app:nth-of-type(1) {
  bottom: 5.35em;
}
.menu-line.open .btn-app:nth-of-type(1) {
  bottom: 5.35em;
}
.menu-line.open .btn-app:nth-of-type(2) {
  bottom: 8.85em;
}
.menu-line.open .btn-app:nth-of-type(3) {
  bottom: 12.35em;
}
.menu-line.open .btn-app:nth-of-type(4) {
  bottom: 14.35em;
}
.menu-line.open .btn-app:nth-of-type(5) {
  bottom: 17.35em;
}
.menu-line.open .btn-app:nth-of-type(6) {
  bottom: 20.35em;
}
.menu-line.open .btn-app:nth-of-type(7) {
  bottom: 23.35em;
}
.bx-conatct{
    position: absolute;
    background-color: #fff;
    height: 46px;
    width: 184px;
    position: absolute;
    right: 82px;
    bottom: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.6);
    border-radius: 5px;
    text-align: center;
    padding: 16px 0;
}

.bx-conatct:after{
    border-right: 8px solid transparent;
border-top: 8px solid transparent;
border-left: 8px solid #FFF;
border-bottom: 8px solid transparent;
bottom: 16px;
right: -15px;
position:absolute;
content:"";
}
.close-nd {
color: #39ab76;
    float: left;
    font-size: 23px;

    position: absolute;
    right: 9px;
    top: -4px;
}
.modal {
    display: block;

}
.btn-app a{
    display:block;
}
/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */

}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
    box-shadow: 0 0 5px rgba(0,0,0,.6);
  background: #fff;
  color: #000;
  z-index: 1000; /* absurdity 2 */
}

[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #fff;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}










a:hover{
    text-decoration:none;
}
.table-bx-br .owl-nav {
    display:none;
}
.ti-ft {
    text-align: right;
    padding-bottom: 10px;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
    padding-top: 40px;
}
.p99 {
    text-align: justify;
    direction: rtl;
    color: #fff;
    font-size: 13px;
    line-height: 29px;
}
.mg-tp{
margin-top: 67px;
    margin-bottom: 13px;
    max-width: 83%;
}

.link-th a{
    color:#000;
    font-size:22px;
}
.link-th a:hover{
    color:#fd6702;
}
 .d-lg-none{
      display:none;
  }

  nav ul{
      direction:rtl;
  }

  .menu-ce{
      max-width:97%;
      margin:0 auto;
      position: relative;

  }
  .bn-tp{
      background-image: url('../images/bn-tp.jpg');
          background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    width:100%;
    height:30px;
  }
  #search-acan{
      display:none;
  }

img {
    max-width: 100%;
    height: auto;
}
img {
    -ms-interpolation-mode: bicubic;
}
.select-tp{
        width: 24%;
        float: left;
        height: 45px;
        border-right: 1px solid #e5e5e5;
        direction: rtl;
        font-size: 14px;
        font-weight:bold;
        border-top:none;
        border-bottom:none;
        position: relative;
        top: -3px;
}
.select-tp option{
    height:30px;
    padding:10px 15px;
    font-size:14px;
}


.search-bx details {
position: relative;
    background: none;
}

.search-bx details[open] {
	z-index: 99;
}

.search-bx summary {
	padding: 11px 15px;
	cursor: pointer;
	height: 41px;
	list-style: none;
	background: -moz-linear-gradient(-45deg,  rgba(247,247,247,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	/* background: -webkit-linear-gradient(-45deg,  rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); */ /* Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(278deg,  rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.search-bx summary::-webkit-details-marker {
	display: none;
}

.search-bx details[open] summary:before {
	content: '';
	display: block;
	width: 100vw;
	height: 100vh;
	background: transparent;
	position: fixed;
	top: 0;
	left: 0;
}

.search-bx summary:after {
	content: '';
	display: inline-block;
	float: left;
	width: 1rem;
	height: 1rem;
	border-bottom: 2px solid currentColor;
	border-left: 2px solid currentColor;
	border-bottom-left-radius: 2px;
	transform: rotate(-45deg) translate(50%, 0%);
	transform-origin: center center;
	transition: transform ease-in-out 100ms;
	position: relative;
	font-weight: bold;
	top: 7px;
}


.search-bx summary:focus {
	outline: none;
}

.search-bx details[open] summary:after {
	transform: rotate(135deg) translate(50%, 0%);
}

.search-bx ul {
	width: 100%;
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    background-color:#fbfbfb;
	position: absolute;
	top: calc(100% + .7rem);
	left: 0;
	margin: 0;
	box-sizing: border-box;
	border-radius: 5px;
	max-height: 200px;
	overflow-y: auto;
}

.search-bx li {
    margin: 0;
    border-bottom: 1px solid #dee1e7;
    cursor:pointer;
}

.search-bx li:first-child {
	padding-top: 0;
}

.search-bx li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.search-bx li  label{
    padding: 9px 10px;
    width: 100%;
    display: block;
    cursor:pointer;
    font-size:12px;
    font-weight:bold;
}

.search-bx summary.radios {
	counter-reset: radios;
}

.search-bx summary.radios:before {
	content: var(--selection);
}

.search-bx input[type=radio] {
	counter-increment: radios;
	appearance: none;
	display: none;
}

.search-bx input[type=radio]:checked {
	display: inline;
}

.search-bx input[type=radio]:after {
	content: attr(title);
	display: inline;
	font-size: 13px;
}
select:focus{
    outline:none;
}

input:focus{
    outline:none;
}
.banner-nd .owl-nav{
    display:none!important;
}

.slid-nd{
    position:relative;
}
.main-menu nav>ul>li>a {
    display: block;
    line-height: 24px;
    padding: 11px 20px 16px 26px;
    position: relative;
    font-size: 15px;
    line-height: 30px;
    color: #000000;
    position: relative;
}
.main-menu nav>ul>li>a:before{
    position: absolute;
    width: 1px;
    height: 22px;
    border-right: 1px solid #e7e6e6;
    content: "";
    top: 15px;
    right: 1px;
}
.liked-mn img{
    display:block;
    margin:20px auto;
    max-width:120px;
}
.liked-mn h3{
    color:#000;
    text-align:center;
    font-size:16px;
    padding-top:20px;
}
.liked-mn p{
    font-size:11px;
    color:#000;
    padding-top:5px;
    text-align:center;
}
.mega-menu-item-title{
    color:#000!important;
}

.main-menu nav>ul>li:hover a:before{
    display:none;
}
.main-menu ul li{
    margin:0 0!important;
}

.main-menu nav>ul>.has-dropdown {
    margin-right:0;
}
.main-menu nav>ul>li:hover>a{
color: #ffa02a;
}

.pn-lf{
    padding-right:0;
}
.rw-bc{
    background-color:#f1404b
}
.rw-bc .bc-bx{
    background:none;
}


.slide-image {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: scale3d(1.3, 1.3, 1);
  backface-visibility: hidden;
  will-change: transform;
  transition: transform 1400ms ease;
}

.slide-content {
  padding: 0 2.2rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.slide-content h4 {
  font-size: 25px;
  font-weight: 400;
  margin: 0 0 1rem;
  padding-top: 2.8rem;
  flex-grow: 0;
}
.slide-content p {
  display: flex;
  line-height: 1.8;
  margin-top: 0;
  font-size: 14px;
  flex-grow: 1;
}
.slide-content footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 2.8rem;
  font-size: 14px;
  color: #c2c0e0;
}
.slide-content a {
  color: tomato;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 3px solid currentColor;
  padding-bottom: 3px;
}

.rw-bc .owl2 .col-product{
    background-color:#fff;
    padding:35px 0;
    border-radius:8px;
}
.rw-bc .ti-nd {
    text-align: right;
    margin: 0 auto 40px auto;
    border-bottom: 1px solid #e1dddd;
    padding: 17px 0;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    z-index: 9999;
}
.col-new{
    background: white;
    padding:20px 20px;
    overflow: hidden;
    border-radius:8px;

}
.col-new img{
    border-radius:8px;
}
.col-new p{
    padding:0px 15px 20px 15px;
    font-size:13px;
    text-align:justify;
    line-height:28px;
}
.col-new h3{
    padding: 10px 12px;
    font-size: 17px;
    text-align: justify;
    direction: rtl;
    line-height: 27px;
    color: #000;
    font-weight: bold;
}
.rw-nw{
    padding-bottom:50px;
}
.tp-bx{
 background-color: #078141;
 padding:7px 0;
}

.off-sp{
    background-color: #fb3449;
    width: 43px;
    padding: 5px 0 2px 0;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 16%;
    top: -5px;
    border-radius: 13px;

}
.p-off-span{
        padding-bottom: 8px;
    position: relative;
    text-align: center;
    text-decoration: line-through;
}
.mn-ic{
    width: 18px;
    position: relative;
    top: -3px;
}
.offcanvas-menu .mn-ic{
    float:right;
    margin-left:10px;
}
.bn-mg{
    padding:10px 0;
}
.bn-mg img{
    display:block;
    margin:0 auto;
}


.img-br{
        border-radius:8px;
}

.main-menu nav>ul>li>a i{
        font-size: 18px;
    margin-left: 5px;
    margin-top: 8px;
    position: relative;
    top: 3px;
}

.add-shop-nd{
    width: 32px;
    height: 32px;
    display: block;
    border:1px solid #1d81bc;
    position: absolute;
    bottom: 17px;
    left: 18px;
    padding: 6px;
    border-radius: 50%;
    color:#1d81bc;
    text-align: center;
    font-size:20px;
}


.add-shop-nd img{
    display:none!important;

}
.sp-nw{
    position: absolute;
    background-color: #0055db;
    width: 41px;
    height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 11px;
    border-bottom-right-radius: 0;
    left: 10px;
    top: 10px;
    font-size: 11px;
    z-index: 99;
    padding-top: 1px;
}

.panel-off .col-product{
    padding:2px;
    position:relative;overflow:hidden;
}
.p-off-content{
    padding:20px 0;
}
.p-txt{
padding: 25px 15px 0 10px;
    text-align: justify;
    direction: rtl;
    line-height: 29px;
}
.img-banner{
    margin-top:5px;
     border-radius: 7px;
}
.rw-brand{
    background-color:#f5f5f5;
    margin:10px 0 10px 0;
}
.main-menu ul li:last-child .mega-menu{
    max-width:650px;
    min-width:650px!important;
    right:0;
    left:auto;
}
.main-menu ul li:last-child{
    position:relative;
}
 .social{
    padding: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    text-align:center;
    z-index: 999999;
}
     .social li {
            display: inline-block;
            opacity: 0;
            transform: translateY(-15px);
            transition: all 0.5s;
        }

       .social li:nth-child(1) {
                transition: all 0.5s ease .1s;
            }

     .social li:nth-child(2) {
                transition: all 0.5s ease .2s;
            }

.social li:nth-child(3) {
                transition: all 0.5s ease .3s;
            }

    .col-product:hover .social li {
        opacity: 1;
        transform: translateY(0%);
    }

   .social li a {
        color: #ffffff;
      background: #17826d;
        font-size: 18px;
        line-height: 40px;
        height: 34px;
        width: 34px;
        border-radius: 4px;
        display: block;
        position: relative;
        z-index: 1;
        transition: 0.3s ease;
    }

   .social li a:hover {
            color: #fff;
            background: #ffa02a;
        }

         .social li a:hover:before,
         .social li a:hover:after {
            display: block;
        }
.add-shop-nd:hover{
    background: #fff!important;
-webkit-box-shadow: 0px 0px 9px 1px #d0daeb;
      box-shadow: 0px 0px 9px 1px #d0daeb;
}

.col-product:hover{
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0px 1px 3px 2px #f5f3f3;
}

.product-grid{
    position:relative;
    z-index:99;
    background-color:#fff;
        padding:0px 0 15px 0;
         border-radius:6px;
}

.panel-off{
    padding: 40px 0;
    /*background: #34950b;
    background-size: 100% 100%;*/
       background-color: #cce7d4;
    position:relative;
    margin-top:20px;
}


.product-image{
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    max-width:90%;
    margin:0 auto;
}
.img-last {
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    left: 0;
}
.col-product:hover .img-last {
    opacity: 1;
}
.owl3 img {
    max-width: 100px;
    margin: 0 auto;
}
.brand-mt {
    box-shadow: 0px 1px 3px 2px #e9e9e9;
    margin: 8px 15px;
    border-radius: 8px;
    padding: 5px;
    background-color: #fff;
}
.banner-nd img,.banner-btm img{
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius:8px;
}
.product-grid-cl:hover{
       -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
            box-shadow: 0px 1px 3px 2px #e9e9e9;
}
.product-grid-cl:hover img{
    -moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.product-grid-cl img{
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
 .add-bx:hover {
        box-shadow: 1px 1px 10px rgb(7 24 54 / 38%);
}
.banner-nd .item:hover img{
        box-shadow: 0px 2px 6px rgb(0 0 0 / 45%);

}
.link-more-x{
    float: left;
    padding-top: 21px;
    color: #000;
    padding-left: 2px;
    font-weight: bold;
    font-size: 12px;
}

.link-more-x:hover{
        color: #ffa02a;
}

.product-grid-cl{
    background-color:#fff;
    margin:10px;
    border: 1px solid #d5dfe4;
    position:relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius:6px;

}
.product-grid-cl:hover{
    -webkit-box-shadow: 0px 0px 7px 2px #becce4!important;
    box-shadow: 0px 0px 7px 2px #becce4!important;
}
.img-grid{
     float: right;
    width: 32%;
    overflow: hidden;
    border-left: 1px solid #f3f3f3;
}
.product-content-grid{
      float:right;
    width:68%;
    padding-right:10px;
}
.product-content-grid .ti-pr {
    margin-top: 26px;
    min-height: 43px;
    padding: 0 0px;
    font-weight: bold;
    color: #000;
    font-size: 15px;

}
.product-content-grid .price-nd{
    direction: ltr;
    text-align: right;
}
.product-content-grid .price-nd span {
    float:none;
    display: inline-block;
     padding-right:5px;
}
.product-content-grid .price-nd p {
    float:none;
    display: inline-block;
   
}

.add-bx{
position: absolute;
    bottom: 8px;
    left: 11px;
    width: 30px;
    border-radius: 50%;
       border: 1px solid #4dbeff;
    height: 30px;
    text-align: center;
    padding-top: 3px;
    font-size: 21px;
    color: #4dbeff;
    -webkit-box-shadow:1px 1px 2px 2px #e0e0eb;
box-shadow: 1px 1px 2px 2px #e0e0eb;
}
.product-content-grid img{
    border-radius:16px;
}
.img-grid img{
    max-width:96%!important;
    margin:2px auto;
   
}
.brand-mt{
        box-shadow: 0px 1px 3px 2px #e9e9e9;
        margin:8px 15px;
        border-radius:8px;
        padding:5px;
         background-color:#fff;
}
.brand-mt img:hover{
-moz-transform: scale(1.06);
-webkit-transform: scale(1.06);
-o-transform: scale(1.06);
-ms-transform: scale(1.06);
transform: scale(1.06);
}
.brand-mt img{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 
}
.img-bx {
    margin-bottom: 21px;
}
.img-bx img {
    border-radius: 10px;
}

.menu-bx{
    position: relative;
}
.mb-info{
    display:none;
}
.sd-bg-off {
    text-align: left;
    width: 100%;
    margin: 12px auto 0 auto;
    direction: ltr;
    padding: 2px 2px;
    width: 100%;
    color: #0055db;
}
    .sd-bg-off p {
        display: inline-block;
        width: 42px;
        text-align: center;
        font-style: normal;
        font-weight: 200;
        font-size: 18px;
        line-height: 140%;
        text-transform: capitalize;
        color: #222e34;
        margin: 0 0px;
        font-weight: bold;
        position: relative;
    }
/*.sd-bg p:before{
    position: absolute;
    top: 0;
    content: ":";
    right: -4px;
}*/
.sd-bg-off p:nth-child(4):before {
            display: none;
        }
        .sd-bg-off p span:nth-child(2) {
            display: block;
            font-weight: normal;
            font-size: 13px;
            color: #000;
        }
progress {
    display: block;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
       height: 0.3rem;
    border-radius:25px;
    margin-top: 3px;
    margin-left: 5px;
      width:95%;
      max-width:100%;

}
progress::-webkit-progress-bar {
  border-radius:25px;
  background-color: #ccc;
}
progress::-moz-progress-bar {
  border-radius:25px;
  background-color: #ccc;
}
progress::-webkit-progress-value {
 border-radius:25px;
  background-color:#17826d;
}
progress::-moz-progress-value {
border-radius:25px;
    background-color:#f57634;
}
.p-nw-ft {
    text-align: justify;
    direction: rtl;
    line-height: 36px;
    font-size: 13px;
    padding-top:10px;
    padding-left: 50px;
    color:#fff;
}
/*.line-nd {
    background-color: rgba(0, 0, 0, 0.77);
    height: 70px;
    border-radius: 8px;
    margin: 30px auto 0 auto;
}*/
.p-tx-li {
    direction: rtl;
    color: #fff;
    padding: 23px 0;
}
.p-tx p {
    font-size: 15px;
    color: #fff;
    direction: rtl;
    padding-bottom: 8px;
    line-height: 29px;
    padding-top: 3px;
    text-align:center;
}
.listed-share{
position: absolute;
    left: 23px;
    top: 9px;
}

.mega-menu{
    padding-bottom:20px;
}
.sub-menu li{
    border-bottom:1px solid #ebe9e9!important;
    padding:0 15px;
}
.sub-menu li:last-child{
    border-bottom:none!important;
}
.mega-menu-sub>li>a:hover, .sub-menu>li>a:hover {
    color: #ffa02a;
 
}
.mega-menu-sub>li>a::after, .sub-menu>li>a::after {
    background: #ffa02a;

}
.rw-gp .add-shop-nd:hover {
    background: #fff!important;
    -webkit-box-shadow: 0px 0px 9px 1px #d0daeb;
    box-shadow: 0px 0px 9px 1px #d0daeb;
    color:#4dbeff!important;
}
.rw-gp .add-shop-nd:hover i{
    color:#4dbeff!important;
}
.nw-img span{
position: absolute;
    width: 55px;
    height: 55px;
    background-color: rgba(255, 255, 255, 0.75);
    left: 10px;
    bottom: 10px;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    padding: 7px 15px;
    line-height: 19px;
    border-radius:5px;
}
.fg-mg{
    margin: 4px auto;
    display: block;
    max-width:100%;
}
.img-off{
        margin: 0 auto;
    position: relative;
    top: 67px;
    max-width: 209px;
}
.nw-img{
    position:relative;
}
.line-bx{
    direction: rtl;
}
.line-bx .container-nd{
        position: relative;
    top: -35px;
    background: #fff;
    z-index: 999;
    padding: 20px 0;
    border-radius:5px;
}

.col-bx{
    width:19.5%;
    display:inline-block;
    text-align:center;
}

.icon{
   display: inline-block;
    position: relative;
}
.info-icon{
    display:inline-block;
    color:#000;
    padding-right:15px;
    text-align:right!important;

}
.info-icon h5{
     font-weight: bold;
    font-size: 15px;
    position:relative;
    top:-17px;
}
    .cd-top {
        display: inline-block;
        height: 40px;
        width: 40px;
        left:0;
        position: fixed;
        bottom: 5px;
        right: 5px;
        overflow: hidden;
        font-size: 36px;
        padding-top: 2px;
        text-align: center;
        font-weight: bold;
        z-index: 999999;
        color: #0055dbb8;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

        .cd-top span {
    display: block;
    background-color: #f5f5f5;
    height: 32px;
    width: 37px;
    margin: 0 auto;
    position: relative;
    float: right;
    font-size: 16px;
    border-radius: 50%;
    font-weight: bold;
    color: #000;
    padding-top: 5px;
        }

        .cd-top.cd-is-visible {
            visibility: visible;
            opacity: 1;
        }
        .fix-btn{
    position:fixed;
    z-index:99999999 !important;
    width:100%;
    bottom:-1px;
    left:0;
    height:56px;
    padding:5px 5px;
    box-shadow: 0 0 9px rgba(0,0,0,.12);
    background-color:#fff;
    display:none;
}
.icon-fx{
    font-size:20px;
}
.shop-ic:before {
    content: "\f146";
    font-family: "woodmart-font";

}
.user-ic:before {
  content: "\f124";
    font-family: "woodmart-font";
}
.sb-ic:before {
    content: "\f105";
    font-family: "woodmart-font";
}
.em-ic:before {
    content: "\f109";
    font-family: "woodmart-font";
}


.fix-btn a{
        text-align:center;
    color:#000;
    display:block;
}
.fix-btn a h3{
    text-align:center;
    color:#000;
    font-size:11px;
    line-height:8px;
}
 .fix-btn .col-md-3{
     padding:0 0;
 }
 .icon-fa {
    height: 35px;
    font-size: 20px;
    display: block;
    line-height: 30px;
    color: #000;
    font-weight: bold;
}
 .header-section{
     float: right;
    width: 70%;
 }
 .panel-off .title-nd{
     display:none;
 }
@media only screen and (max-width:1320px) {
    .em-bx button {
        width: 71px;
    }
    .main-menu ul li:last-child .mega-menu {
    max-width: 100%;
    min-width: 450px!important;
    right: -50px;
    left: auto;
}
    .panel-off .ti-pr {
        font-size: 15px;
        line-height: 27px;
    }

    .product-content {
        padding: 15px 5px;
    }

    .p-txt {
        display: none;
    }

    .ti-pr {
        font-size: 14px;
    }
    .p-phone{
        display:none;
    }
    .em-bx input {
        width: 73%;
    }

    .group-bx .item {
        margin: 10px 1px;
    }

    .gp-bx h3 {
        font-size: 13px;
    }

    .container-nd, .ft-ce , .menu-ce{
        max-width: 97%;
    }
    .head-ce {
        max-width:100%;
    }
    .p-nw-ft {
        line-height: 27px;
        font-size: 13px;
        padding-top: 14px;
        padding-left: 3px;
    }
    .col-product{
        padding-bottom:0;
    }
    .fg-mg {
width: 91%;
    margin: 19px auto;
}

    .ti-ft {
        padding-top: 20px;
    }

    .p-tx p {
        font-size: 14px;
    }

    .sd-bg-off p {
        width: 34px;
        font-size: 15px;
    }
    .product-col-bx .col-md-6:nth-child(3) {
    padding-right:5px;
}
}
    @media only screen and (max-width:990px) {
        .list-tp li .btn-login span {
            display: none;
        }
         .panel-off .title-nd{
     display:block;
     margin-bottom:10px;
 }
        .lg-dv:nth-child(2){
            display:none;
        }
        .p-99{
                position: absolute;
    right: 47px;
    color: #000;
        }
         .fix-btn{display:block;}
        .img-off {
    top: 0;
    margin:10px auto auto auto;
    max-width: 220px;
}
            .sl-bx{
        display:none;
    }
    .d-lg-none{
        display:block;

    }
    .list-tp:before {
    width: 65px;
    height: 41px;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 22px;
    left: -20px;
    top: -2px;
}
    .categorylist{
        display:block;
        text-align:center;
        float:none;
    }
    .cd-dropdown-trigger{
        display:none;
    }
    .co {
    bottom: 5em;
}
    .bx-conatct{
        display:none;
    }
     .co .menu-toggle {
        width: 48px;
       height: 48px;
   }
        .co .menu-toggle-co:after {
            width: 51px;
            height: 51px;
            top: -2px;
            left: -2px;
        }
        .container-nd, .ft-ce, .head-ce, .menu-ce {
            max-width: 100%;
            padding: 0 5px;
        }

        .img-banner {
            display: none;
        }
        .icon svg{
            width:25px!important;
            height:25px!important;
        }
        .menu-line .btn-app {
      right: 0.6em;
}
        .info-icon h5 {
    font-size: 11px;
    top: -10px;
}
     .info-icon {
        padding-right:5px;
}

        .menu-bx {
            box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
        }

        .group-bx {
            padding: 15px 0 15px 0;
        }

        .ti-pr {
            font-size: 14px;
            margin-top: 14px;
            line-height: 27px;
            padding: 0 12px;
        }

        .text-box {
            width: 100%;
        }

        .p-txt {
            display: none;
        }

        .bc-wh .col-md-4 {
            padding: 0 8px;
        }

        .t-off {
            display: none;
        }

        .box-tx {
            margin:0px auto 0px auto;
            padding: 0;
            top:0px;
            position:relative;
        }

        .img-ce {
            display: none;
        }
        
.rw-nw {
    padding-bottom: 20px;
}
        .mb-info {
            display: block;
            position: relative;
            top: 10px;
            font-size: 26px;
            color: #000;
            left: 3px;
            text-align: center;
            width: 25px;
            height: 24px;
        }

        .menu-bx {
            position: absolute;
            top: 11px;
            width: 100%;
            background: none;
        }

        .list-tp li {
            float: left;
        }

        .btn-login .isax {
            font-size: 32px;
            top: 4px;
        }
            #search-acan i{
         position: absolute;
         left: 10px;
          top: 10px;
          font-size: 19px;
        }
        #search-acan {
            border-radius: 8px;
            width: 99%;
            font-size: 13px;
            margin:5px auto 0px auto;
            display: block;
            padding: 12px 15px;
            height: 44px;
            text-align: right;
            border-radius: 7px;
            color: #555;
            direction: rtl;
            position:relative;
            border: none;
            background-color: #f0f0f1;
        }
    
        .list-mb {
            height: 46px;
        }
        .list-tp li:nth-child(2){
            display:none;
        }
        footer{
           padding:10px 0 50px 0;
        }
        .power_by {
    margin: 20px auto 0 auto;
}
        .list-tp {
            top:6px;
            left:0px;
            position:relative;
            padding-top:0;
        }

        .head-ce {
            padding: 5px 0 5px 0;
        }

        header {
            height: 109px;
        }

        .search-bx {
            display: none;
        }

        .list-mb {
            margin-top: 0;
        }

        .lg-mb {
            position: absolute;
            width: 100%;
            left: 0;
        }

   .lg-mb img {
      position: relative;
    margin: 0px auto;
    display: block;
    float: none;
    width: 84px;
}

        .p-phone {
            display: none;
        }

  

        nav.navbar.bootsnav.navbar-mobile ul.nav {
            display: none;
        }

        nav.navbar.bootsnav .navbar-collapse.collapse.in {
            display: none !important;
        }

        .pn-rg {
            padding-left: 0px;
            margin-bottom: 30px;
        }

        .nav-tabs li {
            float: none;
            display: inline-block;
            width: 19%;
            border: none;
            text-align: center;
        }

            .nav-tabs li a {
                border: none !important;
            }

            .nav-tabs li:hover a {
                border: none !important;
            }

        .nav-tabs {
            direction: rtl;
        }

        .bx-rg:after {
            bottom: -150px;
            left: 48%;
            transform: rotate( -181deg );
        }

        .dv-ce {
            padding: 0 15px 15px 15px;
        }

        .fix-dv {
            display: block;
        }

        .mg-tp {
            max-width: 100%;
            margin-top: 58px;
        }

        .bn-tp {
            height: 19px;
        }

        .ti-nd {
            font-size: 14px;
        }

        .nav-tabs li p {
            font-size: 12px;
        }

       /* .btn-login p {
            display: none;
        }*/

        .d-lg-none {
            display: block;
        }

        .search-bx {
            margin: 0 0;
            width: 100%;
            max-width: 100%;
        }

        .icon-box {
            display: none;
        }

        .banner-nd {
            padding: 15px 0 0px 0;
        }

        .col-new h3 {
            font-size: 13px;
        }

        .owl-theme .owl-nav [class*="owl-"] {
            width: 35px;
            height: 41px;
            -webkit-box-shadow: 0px 1px 4px -1px #fff;
            box-shadow: 0px 1px 4px -1px #fff;
        }

        .mobile-menu-top {
            color: #ffa02a;
        }

        .offcanvas-menu .active > .offcanvas-menu-expand::after, .sub-menu > .active .offcanvas-menu-expand::after {
            color: #ffa02a;
        }

        .grup-btm {
            padding: 10px 0 0 0;
        }

        .product-content-grid .ti-pr {
            min-height: 35px;
            font-size: 13px;
            padding: 0 5px;
            line-height: 23px;
        }
        .sd-bg-off p {
            width: 23%;
        }
    }

    @media only screen and (max-width:770px) {
        .mb-dx {
            display: none;
        }
        .col-bx {
    width: 24%;

}
           .col-bx:nth-child(3){
               display:none;
           }
        .info-icon h5 {
    font-size:10px;
    top: -3px;
  
}
        .info-icon {
    padding-right: 0px;
}
        .icon{
            display:block;
            margin:0 auto;
        }
        .box-tx {
            margin: 10px auto 10px auto;
            padding: 0 10px;
        }

        .mobile-menu {
          top: 1px;
    right: 1px;
    position: relative;
        }
        .line-bx .container-nd{
            padding:10px 0 5px 0;
            top:0;
        }
        .btn-sb{
            width: 28px;
            height: 28px;
            padding: 3px 0;
        }
.list-tp {
 top: 8px;
    left: 0;
}

.list-tp:before {
    width: 130px;
    height: 32px;
    left: -20px;
    top: -2px;
}
        .mg-lg {
            display: none;
        }
        .btn-login {
    padding: 0;
    top: 0;
    margin-right: 5px;
}
        .banner-nd img {
            border-radius: 7px;
        }

        .product-content-grid .ti-pr {
            padding: 0 15px;
            line-height: 23px;
            font-size: 11px;
            margin-top:0;
        }

        .price-nd span {
            font-size: 10px;
            padding-right: 2px;
        }

        .grup-btm .owl-theme .owl-nav [class*="owl-"] {
            font-size: 19px !important;
            width: 15px;
        }

        .grup-btm .owl-nav {
            left: 0px;
            top: -23px;
        }

        .col-new h3 {
        padding: 13px 2px 20px 2px;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
        }

        .bn-mg {
            display: none;
        }

        .mg-tp {
            width: 150px;
            margin: 8px auto;
        }

        .bt-ft {
            margin-top: 6px;
        }

        .banner-nd .col-md-4:nth-child(3) {
            display: none;
        }

        .off-bx {
            left: 45px;
        }

        .p-ft {
            padding: 5px 15px;
        }

        .pn-tp {
            margin-top: 10px;
            display: none;
        }

        .banner-nd {
            padding: 10px 5px 0 5px;
        }

        .row-nd {
            padding: 0px 0 10px 0;
        }

        .banner-nd .col-md-4 {
            padding: 0 5px;
        }

        .Modern-Slider .item .img-fill {
            padding-bottom: 0;
        }

        .row-nd .col-md-9, .row-nd .col-md-3, .row-nd .col-md-12 {
            padding: 0 10px;
        }


        .list-mb {
            float: left;
        }

        .bx-wrapper .bx-controls-direction a {
            top: 27%;
            background-size: 39px;
            width: 18px;
            height: 40px;
        }

        .bx-wrapper .bx-next {
            background: no-repeat -21px 1px;
        }

        .rw-brand .owl-nav, .ti-ft, .p99, .nav-tabs li a p {
            display: none;
        }

        .nav-tabs li span {
            float: none;
            font-size: 30px;
            margin-left: 0;
            margin: 0 auto;
            text-align: center;
            display: block;
        }

        .nav-tabs li a {
            padding: 5px 0;
        }

        .bx-rg:after {
            bottom: -137px;
        }

        .owl3 img {
            max-width: 78px;
        }

        .cat-right {
            padding: 0 0 !important;
        }

        .ti-bx {
            text-align: right;
            font-size: 14px;
            color: #fff;
            padding: 13px 10px !important;
        }

        .top-nav {
            display: block;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            padding: 0px 0px;
            position: relative;
            overflow: hidden;
            margin-bottom: 5px;
        }

        .tx-contact-us {
            padding: 5px 0;
        }

        .em-bx {
            display: none;
        }

        .img-enm {
            width: 40px;
            margin: 0 auto 15px auto;
            display: block;
        }

        .ti-off {
            font-size: 16px;
            padding: 10px 0 10px 0;
        }

        .menu-toggle ~ .menu-mg li {
            height: 0;
            margin: 0;
            padding: 0 13px;
            border: 0;
            transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
        }

        .mb-link {
            display: inline-block !important;
        }

        .menu-toggle:checked ~ .menu-mg li {
            height: 2.5em;
            padding: 0;
            padding: 0px 13px;
        }

        .menu-mg > li {
            display: block;
            justify-content: center;
            margin: 0;
            padding: 0.5em 0;
            width: 100%;
        }

        .menu-button-container {
            height: 100%;
            width: 100%;
            cursor: pointer;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 5px;
            height: 30px;
            display: block;
        }

        .menu-toggle {
            display: none;
        }

        .menu-button,
        .menu-button::before,
        .menu-button::after {
            display: block;
            /* background-color: #2c2b2b; */
            position: absolute;
            /* height: 2px; */
            /* width: 14px; */
            transition: -webkit-transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
            transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
            transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
            border-radius: 2px;
            left: 6px;
            font-family: 'Linearicons-Free';
            font-size: 12px;
            color: #fff;
        }



            .menu-button::after {
                content: "\e874";
                margin-top: 8px;
                height: 14px;
                width: 2px;
                top: -18px;
                left: 6px;
            }

        .menu-toggle:checked + .menu-button-container .menu-button::before {
            -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
        }

        .menu-toggle:checked + .menu-button-container .menu-button {
            background: rgba(255, 255, 255, 0);
        }

            .menu-toggle:checked + .menu-button-container .menu-button::after {
                content: "\e873";
            }

        #nav {
            width: 100%;
            margin: 0 auto;
            max-width: 100%;
            left: 0;
            position: fixed;
            z-index: 999999999999999999;
            background: #fff;
        }

        .menu-button-container {
            display: flex !important;
        }

        .ft-ce .col-md-3 {
            padding: 0 0;
        }


        .ti-bx:after {
            display: none;
        }

        .list-ft li a {
            padding: 6px 0;
            text-align: right;
        }

        .power_by {
            line-height: 23px;
            margin-top: 10px;
        }

        .fix-dv .link-th li {
            width: 30%;
        }

        .nav-tabs {
            padding: 0 0px;
        }

        .mobile-menu {
            padding: 3px 5px;
        }

        .lg-mb img {
               width: 82px;
    margin: 0 auto;
    top: -5px;



        }

        .pn-lf {
            display: none;
        }
        .p-99 {
    right: 38px;
}
        .mobile-header-section {
            top: -4px;
        }

        .ti-pr {
            margin-top: 13px;
            line-height: 24px;
            padding: 0 8px;
            font-size: 11px;
           /* min-height: 30px;
            margin-bottom: 5px;
            overflow: hidden;*/
        }

        .product-grid {
            padding: 0px 0 0px 0;
        }

        .banner-nd img {
            margin: 4px 0px;
        }

        .p-off-span {
            padding-top: 20px;
        }

        .off-sp {
            display: none;
        }

        .p-off-span {
            padding-bottom: 0px;
            padding-top: 0;
        }

        .pn-mb {
            padding: 0 5px;
        }

        .owl3 img {
            width: 58px !important;
        }

        .group-bx {
            padding: 10px 0 10px 0;
        }

        .head-ce {
         margin-bottom: 3px;
         border-bottom: 1px solid rgba(129, 129, 129, 0.2);
        }

        .list-tp li img,.btn-login .btn-sb img {

            width: 17px !important;
        }

        header {
            height: 113px;
        }

        .col-product {
            padding: 2px;
        }

        .add-bx {
            padding-top: 3px;
            font-size: 18px;
        }

        #search-acan {
             margin: 6px auto 0px auto;
    background: none;
    border: 1px solid #ccc;
    width: 95%;
        }

   
        .btn-sb {
            padding-top: 4px !important;
        }

        .ft-ce .col-md-8, .ft-ce .col-md-4 {
            padding: 0 0;
        }

        .sd-bg-off {
            padding: 0 0;
        }

        .mb-none {
            display: none;
        }

        .ft-ce {
            max-width: 100%;
        }

            .ft-ce .col-md-5, .ft-ce .col-md-5 .col-md-6 {
                padding: 0 0;
            }

        .p-tx {
            padding: 15px 15px;
        }

        .add-shop-nd {
            display: none;
        }

        .product-col-bx {
            margin: 0 0;
            padding:30px 0 15px 0;
        }

            .product-col-bx .col-md-6:nth-child(3) {
                padding: 0 5px;
            }

        .panel-off .ti-pr {
            padding: 0;
            font-size:12px;
            line-height:24px;
            font-weight:normal;
        }

        .product-content {
         padding:0 0;
        }
        .panel-off .pri-first {
    padding: 4px 8px 2px 8px;
}
        .panel-off .price-nd p {
            font-size: 15px;
        }

        .panel-off .price-nd span {
            padding-top: 9px;
        }

        .sd-bg-off p {
            font-size: 13px;
        }
            .sd-bg-off p span {
                font-size: 11px;
                margin-left: 0;
            }
        progress {
            width: 100%;
            margin-left:0;
        }

        .owl-nav button.owl-next {
            left: 5px;
        }

        .owl-nav button.owl-prev {
            right: 5px;
        }

        .product-grid-cl {
            margin: 10px 8px;
        }
        .text-box h5 {
    font-size: 16px;

}
        .em {
    margin: 0px auto 20px auto;
    max-width: 158px;
}
            .col-new p{
        display:none;
    }
    .rw-nw{
        padding-bottom:20px;
    }
    .img-grid {
    width: 100%;
}
    .product-content-grid {
    width: 100%;
    padding:0 0 5px 0;
}
  .rw-nw  .owl-theme .owl-nav [class*=owl-]{
        background:none!important;
    }
    .rw-nw    .owl-theme .owl-nav [class*="owl-"] {
 
            font-size: 24px !important;
        }
    .banner-nd .container-nd{
        padding:0 0;
    }
    .gp-bx h3{
        padding-top:10px;
    }
    .gp-bx {
    padding: 12px 0;
}
    .banner-btm .col-md-6 {
    padding: 0 0 10px 0;
}
    .col-new {
    padding: 5px;
 
}
    .col-new h3 {
    padding: 13px 2px 5px 2px;
    font-size: 13px;
    line-height: 23px;
}
    .nw-img span{
        display:none;
    }
    .pn-mb .ti-bx{
        display:none;
    }
    .power_by {
    margin: 0px auto 0 auto;
    font-size: 9px;
}
    .power_by a {

    font-size: 10px;
}
    .title-nd {
    margin: 0px 10px 0px 10px;
}
    .panel-off {
    padding: 0px 0 20px 0;
    margin-top: 0;
}
    .ti-nd img {
    width: 26px;
}
    .cd-top{
        bottom:57px;
        display:none;
    }
    .sp-off {
    padding: 5px 0;
    font-size: 11px;
    width: 28px;
    line-height: 21px;
    height: 28px;
}
    .p-copy img {
    width: 40px;
    margin: 0 5px;
}
    }

    @media only screen and (max-width:550px) {

        .owl-nav button {
            position: absolute;
            top: 32%;
        }
   

        nav.navbar.bootsnav .navbar-toggle {
            font-size: 25px;
        }

        .list-mb {
            padding-right: 0;
        }

      /*  .btn-login {
            width: 27px;
            padding: 0 0;
        }*/


        .list-tp li {
            padding-right: 0;
            padding-left: 0;
        }

        .ti-tp {
            padding: 20px 8px 13px 8px;
        }

            .ti-tp h3 {
                font-size: 14px;
            }

        .group-bx .owl-nav {
            left: -13px;
            top: -27px;
        }

        .group-bx .container-nd .col-md-12 {
            padding: 0 0;
        }

        .image img {
            max-width: 90px;
        }

        .owl-theme .owl-nav [class*="owl-"] {
            -webkit-box-shadow: 0px 1px 4px -1px rgba(183, 183, 183, 0.00);
            box-shadow: 0px 1px 4px -1px rgba(183, 183, 183, 0.00);
        }

        .owl-theme .owl-nav [class*="owl-"] {
            color: #000 !important;
            font-size: 20px !important;
            width: 24px;
            height: 49px;
            -webkit-box-shadow: 0px 1px 4px -1px rgba(183, 183, 183, 0.00);
            box-shadow: 0px 1px 4px -1px rgba(183, 183, 183, 0.00);
        }

        .ti-pr {
            margin-top: 13px;
            line-height: 20px;
        }

        .price-nd {
            text-align: center;
            font-size: 13px;
            padding: 0 5px;
        }
        .group-bx .owl-theme .owl-nav [class*="owl-"] {
            font-size: 15px !important;
        }

        .group-bx .owl-nav button.owl-prev {
            right: -7px;
        }

        .bx-rg:after {
            left: 43%;
        }
  


    .btn-app a {
        display: block;
    }

}


/*select category search*/

/*the container must be positioned relative:*/
.custom-select {
    position: relative;
    font-family: Arial;
    text-align: right;
}

.custom-select select {
    display: none; /*hide original SELECT element:*/
}

.select-selected {
    background-color: #fff;
}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    left: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #000 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: black transparent #fff transparent;
    /*top: 7px;*/
}

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
    color: #000;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    font-family: "dana";
    border-right: solid 1px #e5e5e5;
}

/*style items (options):*/
.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    text-align: right;
    font-family: "dana";
    font-size: 12px;
    z-index: 99999;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.price-nd-off {
    height: 33px;
    padding: 2px 10px 0 2px;
}
.price-nd-off p, .price-nd-off span {
    text-decoration: line-through;
}
.price-nd-off p {
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    color: #555;
    font-weight: bold;
    text-align: left;
    float: right;
}
.price-nd-off p, .price-nd-off span {
    text-decoration: line-through;
}
.price-nd-off span {
    font-weight: bold;
    font-size: 11px;
    line-height: 10px;
    text-transform: capitalize;
    color: #555;
    float: right;
    padding-right: 6px;
    padding-top: 7px;
}

@media only screen and (max-width:550px) {
    .iconsvg img {
        width: 25px !important;
        height: 25px !important;
        margin: 0 auto;
    }

    .p-lg {
        color: #fff;
        float: right;
        padding:5px;
        font-size:9px;
    }
}





/*style-nw*/
header {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 99999;
    padding: 20px 0;
}

.head-ce {
    position: relative;
    margin: 0 auto;
    max-width: 95%;
    padding: 8px 0;
    background: linear-gradient(to right, rgba(223,225,220,0) 0%,rgba(223,225,220,0.8) 15%,rgba(223,225,220,1) 19%,rgba(223,225,220,1) 20%,rgba(235,235,235,1) 50%,rgba(223,225,220,1) 80%,rgba(223,225,220,1) 81%,rgba(223,225,220,0.8) 85%,rgba(223,225,220,0) 100%);
    -webkit-box-shadow: 0px 0px 10px 4px #00000066;
    box-shadow: 0px 0px 10px 4px #00000066;
}

.list-tp:before {
    display: none;
}

.btn-sb {
    background: none;
    width: auto;
    margin-right: 7px;
}

    .btn-sb img {
        width: 30px !important;
        position: relative;
        top: 3px;
    }

.btn-login .btn-sb img {
    width: 22px !important;
    top: 0;
}

.p-lg {
    color: #000;
    padding: 10px 6px 5px 11px;
    font-weight: bold;
}

.search-bx {
    border-radius: 13px;
    border: none;
    padding-right: 5px;
    width: 100%;
    margin: 0px 0 14px 9px;
    height: 42px;
    max-width: 46%;
    float: left;
}

.logo-nd {
    width: 116px;
    float: none;
    display: block;
    margin: 0 auto;
}

.menu-bx {
    padding: 19px 0;
}

.main-menu nav > ul > li > a:before {
    border-right: 1px solid #000000;
}

footer {
    background: none;
}

.logo-ft-nw {
    margin: 0 auto;
    display: block;
    width: 150px;
}

.tp-ft {
   
    position: relative;
    width: 100%;
    height: 202px;
    content: "";
    background-size: cover;
    background-position: center;
}

.p-nw-ft {
    color: #000;
    font-size: 15px;
    padding-left: 15px;
}

.ft-ce {
    padding-top: 0;
}

.ti-bx {
    color: #000;
    font-weight: bold;
}

.list-ft li a {
    color: #000;
    font-size: 16px;
}

.em {
    width: 85px;
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
}

.ft-ce {
    position: relative;
}

.br-ce {
    border-right: 2px solid #751102;
    border-left: 2px solid #751102;
    padding: 5px 0 0 0;
}

.rw-ft img {
    float: right;
    width: 25px;
}

.rw-ft p {
    float: right;
    width: 85%;
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
    direction: rtl;
    padding-right: 10px;
}

.rw-ft {
    border-bottom: 1px solid #751102;
    padding: 6px 15px;
}

.p-ce-tn {
    padding: 15px 0 10px 0;
    text-align: center;
    color: #000;
    direction: rtl;
}

.listed-tp {
    padding-bottom: 15px;
}

.p-tn {
    font-size: 18px;
    padding-top: 5px;
}

footer {
    position: relative;
}

    footer:before {
        background-image: url('../images/ft.png');
        background-size: cover !important;
        height: 80%;
        top: 20%;
        content: "";
        width: 100%;
        z-index: -1;
        position: absolute;
    }

.pn-cp, .power_by a {
    color: #000;
}

.cd-dropdown-trigger {
    padding-right: 0;
}

.ti-bx {
    padding-top: 12px;
}

.cd-dropdown-trigger:focus {
    background: none;
}

@media only screen and (min-width: 1024px) {
    .cd-dropdown {
        position: absolute;
        top: calc(100% - -38px);
    }
}

@media only screen and (max-width:1370px) {
    .header-section {
        float: right;
        width: 60%;
    }

    .main-menu nav > ul > li > a {
        padding: 11px 11px 16px 7px;
    }

    .head-ce .col-md-5 {
        padding-left: 0;
    }
}

@media only screen and (max-width:1100px) {
    .head-ce {
        max-width: 98%;
    }

    .cd-dropdown-trigger {
        padding-right: 0;
        padding-left: 5px;
    }

    .menu-ce {
        max-width: 100%;
    }

    .main-menu nav > ul > li > a {
        padding: 11px 7px 16px 2px;
    }
}

@media only screen and (max-width:990px) {
    header {
        padding: 7px 0;
        position: relative;
    }

    .head-ce {
        width: 100%;
        background: #fff;
        -webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.00);
        box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.00);
        padding: 4px 0 0 0;
    }

    .menu-bx {
        padding: 0 0;
    }

    .mobile-header-section {
        top: -10px;
    }

    .btn-login .btn-sb img {
        width: 22px !important;
        top: -6px;
    }

    .list-mb {
        padding-left: 10px;
    }

    header {
        height: 136px;
    }

    #search-acan {
        margin: 31px auto 0px auto;
    }

    .menu-bx {
        top: 26px;
    }

    .list-tp {
        top: 14px;
        margin-left: 5px;
    }
}
span.enamad.mg-enmd {
    position: absolute;
    top: 0;
}
@media only screen and (max-width:760px) {
    .tp-ft {
        width: 100%;
        height: 79px;
    }

    .list-tp {
        top: 6px;
        margin-left: 7px;
    }

    .ti-bx {
        border-bottom: 1px solid #751102;
        font-size: 19px;
    }

    .br-ce {
        border: none;
    }

    footer:before {
        opacity: 0.6;
        background-size: contain;
    }

    .rw-ft {
        padding: 8px 5px;
    }

        .rw-ft img {
            width: 17px;
        }

    .p-tn {
        padding-top: 1px;
    }

    .menu-button, .menu-button::before, .menu-button::after {
        color: #000;
    }

    .em {
        width: 50px;
    }

    .ft-ce {
        padding-bottom: 30px;
    }

    .lg-mb img {
        width: 51px;
    }

    header {
        padding: 7px 0;
        height: 113px;
        position: relative;
    }

    #search-acan {
        margin: 5px auto 0px auto;
    }

    .menu-bx {
        top: 11px;
    }

    span.enamad.mg-enmd {
        position: inherit;
    }
    span.enamad.mg-enmd img {
        display: block;
        margin: 0 auto;
    }

}


section#sld {
    padding-top: 159px;
}


.owl-theme .owl-nav .disabled span {
    opacity: 1;
    cursor: default;
    font-weight: bold;
}
.owl-nav button.owl-next span:before {
    
    font-weight: bold;
}
.owl-nav button.owl-prev span:before {
    font-weight: bold;
}

.owl-next {
    position: absolute;
    left: -60px;
    bottom: 150px;
    background-image: url(../images/left-t-new.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
    transition: background 0.50s ease;
    width: 32px;
    height: 36px;
}
.owl-prev {
    position: absolute;
    left: -60px;
    bottom: 150px;
    background-image: url(../images/right-t-new.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
    transition: background 0.50s ease;
    width: 32px;
    height: 36px;
}

.owl-nav button.owl-prev {
    right: -20px;
}

@media only screen and (max-width:760px) {
    .owl-nav button.owl-prev {
        right: 0px;
    }
}