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

}

@font-face {
     font-family: 'Kalameh-Bold';
    src: url('../fonts/Kalameh-Bold.eot');
    src: url('../fonts/Kalameh-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Kalameh-Bold.woff2') format('woff2'),
        url('../fonts/Kalameh-Bold.woff') format('woff'),
        url('../fonts/Kalameh-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



@font-face {
      font-family: 'Modam-Regular';
    src: url('../fonts/Modam-Regular.woff2') format('woff2'),
        url('../fonts/Modam-Regular.woff') format('woff'),
        url('../fonts/Modam-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "woodmart-font";
    src: url("../fonts/f890eea2e91e1270ce7109e36a42260a.eot");
    src: url("../fonts/f890eea2e91e1270ce7109e36a42260a.eot?#iefix")format("embedded-opentype"),
    url("../fonts/f890eea2e91e1270ce7109e36a42260a.woff2")format("woff2"),
    url("../fonts/f890eea2e91e1270ce7109e36a42260a.woff")format("woff"),
    url("../fonts/f890eea2e91e1270ce7109e36a42260a.ttf")format("truetype"),
    url("../fonts/f890eea2e91e1270ce7109e36a42260a.svg#woodmart-font")format("svg");
}

body{
      font-family: 'Modam-Regular';
}
body::-webkit-scrollbar {
    width:0.6em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
      background: #000;
  border-radius:5px;
  outline: 1px solid rgba(0, 166, 147, 0.00);
}
.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"}
.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:18px!important;margin:5px;padding:4px 7px;background:#fff!important;display:inline-block;cursor:pointer;border-radius:6px;width:35px;height:32px;line-height:32px!important;z-index:99!important;}.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{background:#869791;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}.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}


.category-lists-slider{
    min-height:315px !important;
}

.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: 6px;
    z-index: 99;
    right: 48%;
    /* background: rgba(0, 0, 0, 0.51); */
    padding: 7px 7px 1px;
    border-radius: 5px;
}
.bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 2000;
}
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: 0.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:rgba(0,0,0,0.3);
    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: #000;
}
.bx-next:before,
.bx-prev:before {
    position: relative;
    margin: 0 auto;
    font-family: Linearicons-Free;
    font-size: 21px;
    color: #000;
    text-align: center;

}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 40%;
    margin-top: 0;
    outline: 0;
    width: 63px;
    height: 63px;
    z-index: 99;
    background-size: 100% 100%;
    padding-top: 30px;
        width: 63px;
    height: 63px;
    border-radius:50%;
    background-color:rgba(255, 255, 255, 0.32);
    text-align:center;
    display:block;
    border-radius: 50%;
border: 0.5px solid rgba(0, 0, 0, 0.30);
padding-top:15px;
}
.bx-prev{
        left: 54px;
    top: 12px;
}
.bx-prev:before {
        content: "\e875";
    color:#fff;
}
.bx-next{
        right:54px;
     top: 12px;
}
.bx-next:before {
    content: "\e876";

    color:#fff;
}

.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(/App_Themes/images/special/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(/App_Themes/images/special/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, 0.75);
    width: 100%;
}
.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: 0.85em;
    padding: 10px;
}

.right-nd{
    float:right;
}
.head-ce{
    max-width:88%;
    margin:0 auto;
}
/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:#fff;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width:110px;
	height: 110px;
	position: absolute;
	left:0px;
	top:0px;
	overflow: hidden;
	border: none;
	color: transparent;
	outline: none;
	z-index: 100;
    font-size:41px;
    background:none;
    color:#000;
    text-align:center;
}
.overlay .overlay-close:hover{
    background-color:rgba(0, 0, 0, 0.65);
    color:#fff;
}
#trigger-overlay{
    border:none;
    background:none;
    font-size:20px;
    color: #19110b;
}
/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.overlay ul li a {
	font-size: 54px;
	font-weight: 300;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}



.ulSearch li a dl  {
    font-size: 25px;
}


    .overlay ul li a:hover,
    .overlay ul li a:focus {
        color: #e3fcb1;
    }

.overlay-slidedown {
	visibility: hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
	transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}

.overlay-slidedown.open {
	visibility: visible;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
    z-index:9999;
}
.se-bx-li{
        width: 100%;
    height: 112px;
    border:none;
    font-size: 48px;
    text-align: center;
    background-color: #fff0;
    direction:rtl;
}
.tx---P{
    text-align: center;
    padding:10px 0;
        color: #646464;
        direction:rtl;
}

.p---9{
    text-align:center;
    font-size:13px;
}

header{
    padding:16px 0;
}
.list-tp {
    z-index: 999;
    margin-top:8px;
}
.btn-sb-bx svg path, #searchbox svg path, #search svg path {
    fill: #403c39 !important;
}
.list-tp li{
    margin-right:24px;
}
.logo-nd{
    display:block;
    margin:5px auto 0 auto;
}
.btn-login{
background-color: #28463c;
    border-radius: 6px;
    width: 145px;
    height: 47px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    display: block;
    position: relative;
    display: flex
;
    float: right;
    text-align: center;
    direction: rtl;
    justify-content: center;
    align-items: center !important;
}
.btn-login:hover{
    background-color:#000;
    color:#fff;
}
.clear{
    clear:both;
}
.item-nd .icon{
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 22px;
    position: absolute;
    top: 50%;
}
.img-pr-bx {
    position: relative;
    overflow: hidden;
    
}
.item-nd .icon li{
    display: inline-block;
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.35s ease 0s;
}
.item-nd:hover .icon li{
    opacity: 1;
    transform: translateY(0px);
}
.item-nd:hover .icon li:first-child{ transition-delay: 0.1s; }
.item-nd:hover .icon li:nth-child(2){ transition-delay: 0.2s; }
 .icon li a{
    display: flex;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    font-size: 20px;
    color: #000;
    align-items:center;
    justify-content:center;
    line-height: 35px;
    margin:0 2px;
    transition: all 0.35s ease 0s;
}
.item-nd .icon a:hover{ background: #fff; }
.item-nd:hover .box-content {
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    opacity: 1;
}
.box-content {
    padding: 30px 10px 30px 0;
    background: rgba(0, 0, 0, 0.42);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
     text-align:center;
    right: 0;
    opacity: 0;
    transition: all 0.35s ease 0s;
    z-index: 99999;
}
.category-list-dv{
    padding-top:64px;
}
.menu-bx{
 border-top: 1px solid #00000029;
}
.menu-ce{
    max-width:90%;
    margin:0 auto;
}
.group-banner{
    padding:73px 0 64px 0;
}
.dv-container{
    max-width:88%;
    margin:0 auto;
}
.ti-en p{
    padding: 0 16px;
    text-align: center;
    color: #28463c;
    font-size: 16px;
    text-align: center;
    background-color: #fff;
}
.link-see-more{
    color:#28463c;
    font-size:14px;
    display:flex;
    align-items:center;
    direction:rtl;
    column-gap:4px;
    justify-content:flex-end;
    font-weight:bold;
    padding-top:20px;
}
.ti-en{
    display:table;
    margin:0 auto;
    position:relative;
    padding:0 64px 8px 64px;
}
.ti-en:before{
    position: absolute;
    width: 100%;
    top: 13px;
    background-color: #000;
    content: "";
    left: 0;
    height: 1px;
    z-index: -1;
}
.titr-ce{
    text-align:center;
    font-size:29px;
    color:#000;
    font-weight:bold;
    padding-bottom:36px;
}
.img-bx{
    border: 1px solid #e9e6e6;
    margin: 0 auto;
    display: block;
    position: relative;
    display: flex;
    padding: 30px 0;
    overflow:hidden;
}
.category-list-dv .col-md-2:hover h3{
    color:#28463c
}
.img-bx:hover:before{
    border:1px solid #28463c;
}
.img-bx img{
    width:124px;
    display:block;
    margin:0 auto;
}
.img-bx:before{
    position: absolute;
    width: 98%;
    height: 98%;
    border: 1px solid #efecec;
    content: "";
    top: 1%;
    left: 1%;
}
.ti-ce-gp {
    font-size: 18px;
    text-align: center;
    padding: 16px 0;
    font-weight: bold;
    color: #333;
}
.product-bx{
    padding:100px 0 0 0;
}
.ti-rg{
text-align: right;
    direction: rtl;
    font-size: 27px;
    font-weight: bold;
    color: #000;
    display: flex;
    align-items: center;
}
.sp-dv{
background-color: #28463c;
    width: 55px;
    height: 55px;
    border-radius: 9px;
    float: right;
    margin-left:16px;
    position:relative;
}
.ti-rg span{
    color:#28463c;
    padding:0 8px;
}
.sp-dv img{
    width: 50px;
    position: absolute;
    left: 0px;
    top: -2px;
}
.product-bx .nav-tabs {
  border-bottom:none!important;
}
.product-bx .nav-tabs li{
    padding: 1px;
    margin-right:16px;
    border-radius: 4px;
}
.row-tp .nav-tabs li:hover a{
    background:none!important;
    border:1px solid #fff;
    color:#28463c;
}
.product-bx .nav-tabs li a{
 font-size: 18px;
 padding: 16px 0;
 text-align: center;
 width: 160px;
 height: 54px;
 display: flex;
 align-items: center;
 justify-content: flex-start;
 color: #000;
 margin: 0;
 position:relative;
}
.product-bx .nav-tabs li:first-child a:before{
    position: absolute;
    height: 32px;
    background-color: #ccc;
    content: "";
    top: 10px;
    right: -6px;
    width: 1px;
}
.product-bx .nav-tabs>li.active>a,.product-bx .nav-tabs>li.active>a:focus,.product-bx .nav-tabs>li.active>a:hover {
    border: none;
    background:none!important;
}

.item-nd {
    width: 240px;
}
.swiper-slide {
    width: auto !important;
}
.title-dv{
    padding-bottom:24px;
}
.img-br{
    border-radius:8px;
}
.ti-nd-pr{
    text-align:center;
    padding:16px 0 16px 0;
    font-size:18px;
    color:#000;
}
.price-nd{
    text-align:center;
    color:#28463c;
    font-weight:bold;
    font-size:14px;
}
.link-more{
    background-color:#28463c;
    display:block;
    margin:0 auto;
    width:100px;
    display:flex;
    text-align:center;
    height:40px;
    align-items:center;
    color:#fff;
    margin-top:16px;
    justify-content:center;
    border-radius:8px;
}
.ti-ce{
    text-align:center;
   font-size: 27px;
    font-weight: bold;
    color: #000;
    display: block;
    align-items: center;
    padding-bottom:16px;
}
.product-bx .nav-ce{
    text-align:center;
    direction:rtl;
}
.product-bx .nav-ce li{
    display:inline-block;
    float:none;
    margin:0 4px;
}
.product-bx .nav-ce li a{
    background-color:#f5f5f5!important;
    justify-content:center;
    width:auto;
    padding:0 16px;
    font-size:16px;
}
.product-bx .nav-ce li:first-child a:before{
    display:none;
}
.product-bx .nav-ce>li.active>a, .nav-ce>li.active>a:focus,.nav-ce>li.active>a:hover {
    border: none;
       background-color:#eeeded!important;
}
.product-tab{
    padding:16px 0;
}
.blog-nd{
    padding:0px 0 64px 0;
}
.svg-box {
    position: relative;
    margin: 0 auto;
    width: 63px;
}
.p-ce {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 14px 0 8px 0;
    text-align: center;
}
.p-99 {
    color: #757575;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 200px;
    margin: 0 auto;
    direction: rtl;
}
.d-lg-none{
    display:none;
}
.row-nd{
    padding:88px 0;
    position:relative;
}
.bg-rg{
      position: absolute;
    left: 0;
    width: 140px;
    top: -41px;
}
.col-blog {
    border-radius: 8px;
    overflow: hidden;
    position:relative;
}
.tx-img {
    border-radius: 15px;
    z-index:99;
    position: absolute;
        box-shadow: 0 1px 24px rgba(0, 0, 0, .37);
    width: 92%;
    position: absolute;
    left: 4%;
    bottom: 15px;
    padding: 20px 18px;
}
.tx-img:before{
            /*background: linear-gradient(var(--glass-effect-gradient-angle-null), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0) 100%) padding-box, linear-gradient(var(--glass-effect-gradient-angle-null), rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.60) 100%) border-box;
    backdrop-filter: blur(10px);*/
        background-color:#fff;
            position:absolute;
            width:100%;
            height:100%;
            content:"";
            top:0;
            left:0;
            z-index:-1;
            border-radius:8px;
}
.tx-img h3 {
    color: #000;
    text-align: justify;
    font-weight:bold;
    direction: rtl;
    font-size: 16px;
    line-height: normal;
    padding-bottom: 8px;
}
.tx-img p {
    color: #757575;
    text-align: justify;
    direction: rtl;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.sp-cl-ti {
    color: #841A1E;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    direction: rtl;
    font-weight: 300;
    line-height: normal;
    display: block;
} .col-blog{
    width: 430px !important;
}
  .nav-tabs>li>a:hover {
    border-color: #eee #eee #28463c;
}
.product-tab .nav-tabs>li.active>a, .product-tab .nav-tabs>li.active>a:focus, .product-tab .nav-tabs>li.active>a:hover{
      background:#ededed!important
  }
.col-blog img ,.img-bx 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;
}
.col-blog:hover img,.img-bx:hover img{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.image-box-img:before{
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.12);
    top:0;
    left:0;
    z-index:8;
    content:"";
}
.ce-tn{
    text-align:center;
    font-size:38px;
    font-weight:bold;
    color:#000;
}
.insta-nd{
    padding:40px 0;
}
.link-inst{
    color:#28463c;
    padding:20px 0;
    font-size:18px;
}
.news-bx{
    height:300px;
    background-image: url('/App_Themes/images/special/AdobeExpressPhotos_07bth.jpg');
    background-size:100% 100%;
}
footer{
  padding-top: 61px;
    position: relative;
background-image: url('/App_Themes/images/special/vt_carafity_home1_footer-bg.png');
background-size:cover;
}
.ft-ce {
    max-width:85%;
    margin: 0 auto;
}

ul{
    list-style:none;
}
.no-pn{
    padding:0 0;
}
.sv-blog{
    display:flex;
    align-items:center;
}
.sv-blog img{
   width: 35px;
   display:block;
   margin:0 auto;
   position:relative;
}
.ce-tn svg{
    position: relative;
    display:block;
    margin:0 auto 8px auto;
}
.logo-ft {
   float:right;
}
.p-ft-tx{
    padding:24px 0;
    text-align:justify;
    direction:rtl;
    font-size:14px;
    color:#000;
    line-height:28px;
    padding-left:60px;
}
.list-sh li {
    padding: 0 0px 0px 16px
}
.ti-list {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    text-align: right;
    padding-bottom: 10px;
}
.list-sh li a {
    font-size: 12px;
    padding: 10px 0;
    background-color:#000;
    width:36px;
    height:36px;
    display:flex;
    border-radius:50%;
    align-items:center;
    justify-content:center;
}
.p-ads-ft {
    direction: rtl;
    padding: 14px 0 17px 0;
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.list-ft li a {
    color: #000;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    display: block;
    padding: 10px 0;
}
.new-st{
    padding:40px 0;
}
.ti-st-ce{
    text-align:center;
    font-weight:bold;
    font-size:26px;
    padding-bottom:16px;
    color:#000;
}
.p-st-ce{
    font-size:14px;
    text-align:center;
    color:#333;

}
.em-bx{
    height: 68px;
    background: #fff;
    border-radius: 50px;
    border: none;
    padding: 10px 30px;
    position:relative;
    max-width:90%;
    width:700px;
    margin:32px auto;
    direction:rtl;
}
.em-bx input{
    background: none;
    border: none;
    direction: rtl;
    height: 47px;
    width: 100%;
}
input:focus{
    outline:none;

}
.btn-st{
    width: auto;
    height: auto;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding: 10px 34px;
    border-radius: 50px;
    transition: 0.2s all ease-in-out;
}
.btn-st:hover{
    background-color:#28463c;
    color:#fff;
}
.power_by{
    max-width:85%;
    margin:0 auto;
    padding:40px 0;
    border-top:1px solid #dfdcd5;
    text-align:center;
    direction:rtl;
}
    .power_by a{
        color:#333;
    }
    .group-banner img {
        border-radius: 8px;
    }
.insta-gp{
    padding-bottom:68px;
}
.img-responsive{
    width:100%;
}
.image-box-img{
    position:relative;
    overflow:hidden;
    border-radius:8px;
    max-height:420px;
        -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.image-box-wrapper:hover .image-box-content{
    bottom:65px;
}
.image-box-content{
     position: absolute;
    bottom: 0px;
    z-index: 9;
    color: #fff;
    padding: 0 80px;
    direction: rtl;
    width: 100%;
        -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.image-box-title{
    font-size:25px;
    font-weight:bold;
    padding-bottom:8px;
    padding-right:8px
}
.image-box-description{
    font-size:15px;
    padding-right:8px;
}
.shop-now{
        font-size: 13px;
    display:flex;
    align-items:center;
    justify-content:center;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50px 50px 50px 50px;
    padding:14px 33px 14px 33px;
    border:1px solid #fff;
    width:156px;
    float:right;
    margin-top:8px;
    column-gap:8px;
    opacity:0;
            -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
a:hover{
    text-decoration:none;
}
.shop-now:hover{
    background-color:#fff;
    color:#000;
}
.shop-now:hover svg path{
    fill:#000;
}
.image-box-wrapper:hover .shop-now{
    opacity:1;
}
  .fix-btn{
      display:none;
  }
.row-bx-pg{
    padding:40px 0;
}
@media only screen and (max-width:1270px){
    .dv-container,.ft-ce,.head-ce {
    max-width: 100%;
    padding: 0 24px;
}
.ti-ce-gp {
    font-size: 14px;
}
.category-list-dv .col-lg-2{
    padding:0 8px
}
.category-list-dv{
    padding-left:8px;
    padding-right:8px;
}
.title-dv .col-md-6{
    padding:0 0;
}
}
@media only screen and (max-width:990px){
     
    .mb-nn {
        display: none;
    }
    .d-lg-none{
        display:block;
    }
    .logo-bx{
        position:absolute;
        width:100%;
        left:0;
    }
    .logo-nd{
        display: block;
        margin: 0 auto;
        position: relative;
        width: 113px;
    }
    .dv-tp{
        position:fixed;
        width:100%;
        background-color:#fff;
        z-index:9999;
        top:0;
        left:0;
            -webkit-box-shadow: 1px 1px 9px 2px rgb(0 0 0 / 5%);
    box-shadow: 1px 1px 9px 2px rgb(0 0 0 / 5%);

    }
    .head-ce{
        padding:0 24px;
        max-width:100%;
    }
    .list-mb{
        padding:0 0;
    }
    .menu-bx{
            position: absolute;
    top: 20px;
    right: 24px;
    border:none;
    }
    .btn-sb-bx{
    position: relative;
    top: -3px;

    }
    .slid-nd{
        padding-top:68px;
    }
    .category-list-dv {
    padding-top:32px;
}
    .ti-ce-gp{
        padding-bottom:24px;
        font-size:15px;
    }
    .item-nd {
    width: 236px;
}
    .breadcrumb-nd {
    flex: 0 0 auto;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    direction: rtl;
}
    .row-nd {
    padding:48px 0;
}
    .col-blog {
    width: 380px !important;
   
}
    .tx-img h3{
     display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-bottom:0;
    overflow: hidden;
    }
    .insta-nd {
   padding-top:0px;
}
    .p-ft-tx{
        padding-left:0;
    }
    .list-sh{
        padding-bottom:24px;
    }
        .li-sc {
        direction: rtl;
        overflow: scroll;
        scrollbar-width: none;
    }
        .fix-btn{
    display:block;
    position:fixed;
    width:100%;
    left:0;
    z-index:9999;
    bottom:0;
    height:80px;
    background-color:#fff;
    font-size:10px;
    padding:16px 4px;
    text-align:center;
}
.col-fx  svg{
    width:20px!important;
    height:20px!important;
}
.col-fx  svg path{
    fill:#000!important;
}
.fix-btn a{
    color:#000;
}
.col-fx{
    float:right;
    width:25%;
    text-align:center;
}
}
@media only screen and (max-width:760px){
     
    .logo-nd {
        width: 95px;
    }
    .p-ce {
    font-size: 13px;
    padding-top:0;
}
    .bg-rg {

    z-index: -1;
    opacity: 0.1;
}
    .svg-box svg{
        width:48px;
        height:48px;
    }
        .slid-nd {
        padding-top: 60px;
    }
    .list-tp {
    margin-top: 0;
}
    .btn-sb-bx {
        top: 2px;
    }
      .btn-sb-bx svg{
       width:20px;
       height:20px;
    } 
          .menu-bx {
        top: 15px;
        right: 16px;
    }
     .dv-container, .ft-ce, .head-ce {
        max-width: 100%;
        padding: 0 16px;
    }
     .titr-ce {
    font-size: 17px;
    padding-bottom: 16px;
}
     .ti-en{
         display:none;
     }
     .category-list-dv{
         padding-right:0;
         padding-left:0;
     }
     .category-list-dv .col-lg-2 {
        padding: 0 4px;
    }
     .img-bx img {
    width: 60px;
}
     .img-bx {
    padding: 10px 0;
}
     .ti-ce-gp {
        font-size: 13px;
        line-height: 22px;
        padding: 6px 0 0px 0;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        direction: rtl;
        margin-bottom: 16px;
    }
     .product-bx {
    padding: 32px 0 0 0;
}
     .sp-dv {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    margin-left: 8px;
}
     .ti-rg {
 justify-content:center;
    font-size: 19px;
}
   .row-tp .nav-tabs li a {
    font-size: 14px;
    padding: 16px 0;
    width: auto;
    justify-content: center;
}
   .row-tp .breadcrumb-nd {
        width: 100%;
        text-align: center;
    }
  .row-tp .nav-tabs>li {
   float:none;
   display:inline-block;
}
 .row-tp .nav-tabs li:first-child a:before {
    height: 24px;
    top: 15px;
    left: -10px;
    right:auto;
    width: 1px;
}
 .title-dv {
    padding-bottom: 0;
}
 .product-bx .dv-container,.blog-nd .dv-container{
    padding-left:0;
    padding-right:16px;
 }
 .product-bx .dv-container .col-md-12{
     padding:0 0;
 }
 .ti-nd-pr {
    font-size: 15px;
}
 .price-nd {
    font-size: 13px;
}
 .item-nd {
        width: 180px;
    }
 .title-dv{
     padding-left:16px;
     overflow:hidden;
 }
 .group-banner {
    padding: 40px 0 0px 0;
}
 .group-banner .col-xs-12{
     padding:0 0 16px 0;
 }
 .ti-ce {
    font-size: 18px;
}
.product-bx .nav-ce li a {
    padding: 0 8px;
    font-size: 12px;
    height: 40px;
    margin-bottom: 16px;
}
.product-bx .nav-ce li {
    margin: 0 0;
}
 .pn-lf{
     padding-left:0!important;
 }
     .lin-nd {
        overflow-x: scroll;
        direction: rtl;
        position: relative;
        margin-bottom: 15px;
          -ms-overflow-style: none;   
  scrollbar-width: none;  
  -webkit-overflow-scrolling: touch; 
    }
     .item-text {
        width: 148px;
        background-color: #fff;
        padding: 15px 0;
        border-radius: 8px;
    }
    .lin-nd .col-md-3 {
        float: none;
        width: 290px;
    }
    .lin-nd .dv-container {
        display: inline-flex
;
        flex-wrap: nowrap;
        column-gap: 10px;
    }
   .blog-nd .ti-rg {
        justify-content: start;
        font-size: 19px;
    }
       .row-nd {
        padding: 32px 0 24px 0;
    }
       .p-99 {

    font-size: 13px;

}
       .blog-nd .col-md-12{
           padding:0 0;
       }
       .sv-blog img {
           width:17px;
    left: auto;
}
        .sv-blog{
          justify-content:center;
        }
        .link-see-more {
    padding-top: 5px;
    padding-bottom: 16px;
}
            .col-blog {
        width: 282px !important;
    }
.tx-img h3 {
    font-size: 13px;
}
.tx-img {
    bottom: 15px;
    padding: 8px 18px;
}
.blog-nd {
    padding: 0px 0 40px 0;
}
.insta-gp .col-xs-12{
    padding:0 0;
    margin-bottom:8px;
}
.insta-gp img{
    object-fit:cover;
    height:190px;

}
.insta-nd {
    padding:0px 0 16px 0;
}
.image-box-content {
    bottom: 0px;
    padding: 0 19px;
}
.shop-now {
    font-size: 13px;
    justify-content: center;
    padding: 9px 0 7px 0px;
    width: 126px;
    opacity: 1;
    margin-bottom: 16px;
}
.image-box-title {
    font-size: 17px;
}
.ce-tn {
    font-size: 31px;
}
.insta-gp {
    padding-bottom: 40px;
}
footer{
    padding:24px 0 74px 0;
}
.ti-list{
    font-size:17px;
    padding:20px 0 8px 0;
}
.new-st {
    padding: 16px 0;
}
.ti-st-ce {
    font-size: 19px;
}
.em-bx {
    height: 64px;
    padding: 7px 30px;
    max-width: 98%;
    margin: 14px auto;
}
    .power_by {
        padding: 16px 0;
    }
    .row-nd{
        overflow:hidden;
    }
}






















.burger {
    position: absolute;
    text-align: center;
    border-radius: 2px;
    text-align: center;
    right: 13px;
    direction: rtl;
    font-size: 12px;
    top: -11px;
}
.dv-pn {
    position: relative;
    height: 0;
    top: 45px;
}
.main {
    padding-top: 39px;
    padding-bottom: 39px;
}
.ti-bx-li {
    padding-bottom: 10px;
}
.col-nd-rg {
    float: right;
    width: 100%;

}
.icon-pn svg:first-child{
    position: relative;
    top: -1px;
}
.list-tag {
    float: right;
}
.icon-pn {
   margin-right:130px;
    float: right;
}


.icon-pn .icon {
    font-size: 18px;
    margin-left: 10px;
    opacity: 0.3;
}
.icon-pn .active{
    opacity:1;
}
#menu {
    padding:48px 40px;
    display: block;
}
.grid .product {
  width: 25%;
  padding:15px;
}
.list .product {
  width: 33%;
  padding:15px;
}

.burger-close {
  display: none;
}

.burger.active .burger-open {
  display: none;
}
.burger.active .burger-close {
  display: block;
}
.menu {
  position: fixed;
  z-index: 99999;
  opacity: 0;
  overflow-y:scroll;
  top: 0rem;
  right: -393px;

width: 393px;
  height: 100%;
  color: #252a32;
  background: #ffffff;
  transition: all 0.5s cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
.menu-item {
  width: 100%;
  padding: 1rem 2rem;
  border: none;
  outline: none;
  transition: all 0.5s ease;
}
.menu-item a {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: inherit;
  color: #252a32;
  text-transform: uppercase;
}
.menu-item:hover {
  padding: 1rem 3rem;
  background: #148cb8;
}
.menu-item:hover a {
  color: #ffffff;
}
.menu.active {
  right: 0;
  opacity: 1;
}
.burger{
    position: absolute;
    text-align: center;
    border-radius: 2px;
    text-align: center;
    right: 15px;
    direction: rtl;
    font-size: 12px;
    top: -11px;
}
.ti-filter{
padding: 9px 0px 9px 16px;
    float: right;
    font-weight: bold;
}
.burger.active{
position: absolute;
    z-index: 9999999;
    top: 0;
    right: auto;
    right: 248px;
    top: -160px;
    transition: all 0.5s cubic-bezier(0.6, 0.05, 0.28, 0.91);

}
.burger-open span{
    position: relative;
    top: -5px;
    display: inline-block;
    right: 5px;
}
label input[type=checkbox] + span{
  font-weight:bold;
}
.ti-filter-side{
    font-size:12px;
    text-align:right;
    padding-bottom:40px;
}
.ti-gp-filter{
    text-align:right;
    font-size:15px;
     padding:48px 0 16px 0;
     font-weight:bold;
}
.bx-filter-gp ul li{
    margin:0;
}
.bx-filter-gp ul li a{
    color:#000;
    font-size:12px;display:block;
    text-align:right;
    padding-bottom: 0.875rem;
     padding-top: 0.875rem;
}
.bx-filter-gp{
    width:60%;
    float:right;
}
.sp-cl-bx {
    width: 12px;
    height: 12px;
    float: right;
}
.ti-gp-filter {
    text-align: right;
    font-size: 15px;
    padding: 48px 0 16px 0;
    font-weight: bold;
}

.overlay-nd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); 
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 1000; 
}
.overlay-nd.active {
    opacity: 1;
    visibility: visible;
}
.btn-filter {
    width: 140px;
    height: 30px;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 7px 0;
    color: #000;
    font-size: 12px;
    border: 1px solid #000;
}
.filter-price {
  border: 0;
  padding: 0;
  margin: 0; 
}

.price-title {
  position: relative;
  color: #fff;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
  background: #d58e32;
  padding:10px;
}
.wrapper-price{

    margin-top:16px;
    padding: 24px 0;
}
.price-container {

}

.price-field {
  position: relative;
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  padding-top: 15px;
  direction:rtl;
  padding-left: 0px;
}

.price-field input[type=range] {
    position: absolute;
}

/* Reset style for input range */

.price-field input[type=range] {
  width: 100%;
    height: 7px;
    outline: 0;
    box-sizing: border-box;
    border-radius: 5px;
    pointer-events: none;
    -webkit-appearance: none;
}

.price-field input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.price-field input[type=range]:active,
.price-field input[type=range]:focus {
  outline: 0;
}

.price-field input[type=range]::-ms-track {
  width: 188px;
  height: 2px; 
  border: 0;
  outline: 0;
  box-sizing: border-box;
  border-radius: 5px;
  pointer-events: none;
  background: transparent;
  border-color: transparent;
  color: red;
  border-radius: 5px;
}

/* Style toddler input range */

.price-field input[type=range]::-webkit-slider-thumb { 
  /* WebKit/Blink */
    position: relative;
    -webkit-appearance: none;
    margin: 0;
    border: 0;
    outline: 0;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    margin-top: -5px;
    background-color: #000;
    cursor: pointer;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;
}

.price-field input[type=range]::-moz-range-thumb { 
  /* Firefox */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-top: -5px;
  background-color: #fff;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

.price-field input[type=range]::-ms-thumb  { 
  /* IE */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-top: -5px;
  background-color: #242424;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

/* Style track input range */

.price-field input[type=range]::-webkit-slider-runnable-track { 
  /* WebKit/Blink */
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #555;
  border-radius: 5px;
}

.price-field input[type=range]::-moz-range-track { 
  /* Firefox */
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #242424;
  border-radius: 5px;
}

.price-field input[type=range]::-ms-track { 
  /* IE */
  width: 188px;
  height: 2px;
  cursor: pointer;
  background: #242424;
  border-radius: 5px;
}

/* Style for input value block */

.price-wrap {

}

.price-wrap-1, 
.price-wrap-2 {
    display: flex;
    margin-left: 0px;
    width: 100%;
    direction: rtl;
    margin-bottom: 24px;
}

.price-title {
  margin-right: 5px;
}

.price-wrap_line {
    margin: 6px 0px 5px 5px;
}

.price-wrap #one, 
.price-wrap #two {

    text-align: right;
    margin: 0;
    padding: 0;
    margin-right: 9px;
    background: 0;
    border: 0;
    outline: 0;
    color: #242424;
    font-size: 19px;
    line-height: 1.2em;
    font-weight: 400;
    border-bottom: 1px solid #edebeb;
}

.price-wrap label {
    text-align: right;
    margin-top: 6px;
    padding-left: 5px;
}

/* Style for active state input */
    
.price-field input[type=range]:hover::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.5px #242424;
  transition-duration: 0.3s;
}

.price-field input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.5px #242424;
  transition-duration: 0.3s;
}












































.intro-header {
    display: none !important;
}

.menu-bx {
    background: #28463c;
}

.main-menu nav > ul > li > a {
    color: #fff;
}

.main-menu nav > ul > li:hover > a {
    color: #f9e2c9;
}



@media only screen and (max-width:760px) {
    #loginButton {
        top: 0;
    }

    .pro-dt-pnl {
        margin: 0 0px 0 8px;
    }

    .px-fix .priceAmmount {
        font-size: 14px;
    }

    .priceUnit {
        font-size: 12px;
    }

    .category-lists-slider {
        min-height: 100px !important;
    }

    .menu-bx {
        background: none;
    }
}