*{box-sizing: border-box;padding:0px;margin:0px;direction:rtl;}
body{padding:0px;margin:0px;font-family:Yekan !important;background-color: #fff;}
:root{
--topcolor:#3D9AEB;
--darktext:#11589B;
--btnfinder:#032B44;
--btnBRDfinder:#72C8F1;
--btn_amir:rgb(5, 158, 120);
--base:rgb(2, 107, 168);


--head1:rgba(50,130,255,0.2);
--head:rgba(7,60,82,0.6);
--navbar:rgb(2, 107, 168);
--withe:#fff;
--newnav:rgb(242,242,242);
--shadow1:#212788;
--amirMatn:#eee;
--amirMatn2:#333;
--olivergba:rgba(176,203,31,0.2);
--olive:#b0cb1f;
--yellow:rgb(177, 196, 6);
--darkgreen:#096430;
--darkgreen:#096430;
--newgreen1:rgb(106,209,213);
--newgreen:rgb(56,159,163);
--newgreenlight:rgb(112,175,190);
--newblue:rgb(92,154,191);
--newbludark:rgb(152,165,174);
--newolive:rgb(135,159,80);

--green-v2: #2F3E3E;
--green-v3:#50806B;
--green-v4: #6BBF59 ;

--blue-v3: #52A7C1 ;
--blue-v2: #41869b ;

--red-v3:#e01e38;

--navy-v3:#7979AB;

--orange-v3:#F7B425;
}

.trans0_25{transition:0.25s;-webkit-transition:0.25s;-moz-transition:0.25s;-ms-transition:0.25s;-o-transition:0.25s;}
.trans0_5{transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.trans1{transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;}

.line-limitor {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal; /* اطمینان از این‌که متن در خطوط جدید قرار می‌گیرد */
}
.Hinline-block{display: inline-block;}
/*------------------------------------------------HScroll-----------------------------------------------GENERAL----------*/
.HScroll-1{scrollbar-width: thin;scrollbar-color: rgba(200, 200, 200, 0.687) rgba(200, 200, 200, 0.272);}
.HScroll-1::-webkit-scrollbar {height:8px;}
/* Track */.HScroll-1::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(200, 200, 200, 0.272); border-radius: 10px;}
/* Handle */.HScroll-1::-webkit-scrollbar-thumb {background: rgba(14, 14, 14, 0.687) ; border-radius: 10px;}  
/* Handle on hover */.HScroll-1::-webkit-scrollbar-thumb:hover {background: rgb(200, 200, 200,0.8) ; }

/*------------------------------------------------Titr-head-----------------------------------------------GENERAL----------*/
.Titr-head{background:#222;color:var(--green-v3);padding:7px;}
/*------------------------------------------------switch-----------------------------------------------GENERAL----------*/
.switch {position: relative;display: inline-block;width: 60px;height: 34px;}
.switch input[type=checkbox] {opacity: 0;}
.switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition:0.4s;transition:0.4s;}
.switch .slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.switch input[type=checkbox]:checked + .slider {background-color: var(--green-v3);}/*#2196F3;*/
.switch input[type=checkbox]:focus + .slider {box-shadow: 0 0 1px var(--green-v3);}/*#2196F3*/
.switch input[type=checkbox]:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
/* Rounded sliders */
.switch .slider.round {border-radius: 34px;}
.switch .slider.round:before {border-radius: 50%;}


.check-items{text-align: right;color:#555;padding:0px 12% 0px 10%;margin:10px 0px;}
.check-items>b{position: relative;top:10px;}
.check-items label{position: relative;top:10px;float:left;}
/*------------------------------------------------radioBox-----------------------------------------------GENERAL----------*/
/* The radioBox */
.radioBox {display: inline-block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  
/* Hide the browser's default radio button */
.radioBox input[type="radio"] {position: absolute;opacity: 0;cursor: pointer;}
  
/* Create a custom radio button */
.radioBox .checkmark{position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;border-radius: 50%;border:1px solid #aaa;}
  
/* On mouse-over, add a grey background color */
.radioBox:hover input[type="radio"] ~ .checkmark {background-color: #ccc;}
  
/* When the radio button is checked, add a blue background */
.radioBox input[type="radio"]:checked ~ .checkmark {background-color: var(--green-v3);}
  
/* Create the indicator (the dot/circle - hidden when not checked) */
.radioBox .checkmark:after {content: "";position: absolute;transition-duration: 0.3s;transform: scale(0);opacity:0;}

/* Style the indicator (dot/circle) */
.radioBox .checkmark:after{top: 5px;left: 5px;width: 13px;height: 13px;border-radius: 50%;background: white;}


/* Show the indicator (dot/circle) when checked */
.radioBox input[type="radio"]:checked ~ .checkmark:after {opacity:1;transform: scale(1);}

/*------------------------------------------------checkBox-----------------------------------------------GENERAL----------*/
/* The checkBox */
.checkBox {display:block;position: relative;font-size:14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkBox,.checkBox *{cursor: pointer;}
/* Hide the browser's default radio button */
.checkBox input[type="checkbox"] {display:none;}
  
/* Create a custom radio button */
.checkBox .checkmark{display:inline-block;position: relative;margin:0px 5px;top:4px;height: 16px;width: 16px;background-color: transparent;border-radius: 2px;border:1px solid #ccc;}
  
/* On mouse-over, add a grey background color */
.radioBox:hover input[type="checkbox"] ~ .checkmark {background-color: var(--green-v3);}
  
/* When the radio button is checked, add a blue background */
.checkBox input[type="checkbox"]:checked ~ .checkmark {background-color: #fff;}
  
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkBox .checkmark:after {content: "\2714";position: absolute;font-size:14px;transition-duration: 0.3s;display:none;top: 0px;left: 1.5px;background: none;margin-top: -6px;color:var(--green-v3) ;}


/* Show the indicator (dot/circle) when checked */
.checkBox input[type="checkbox"]:checked ~ .checkmark:after {display: block;}








/*------------------------------------------------checkBox2-----------------------------------------------GENERAL----------*/
/* The checkBox */
.checkBox2 {display:inline-block;position: relative;font-size:14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color:#333;}
.checkBox2,.checkBox2 *{cursor: pointer;}
/* Hide the browser's default radio button */
.checkBox2 input[type="checkbox"] {display:none;}
  
/* Create a custom radio button */
.checkBox2 .checkmark{display:inline-block;position: relative;background-color: #fff;padding:3px 15px;font-size: small;border-radius: 50px;border:1px solid var(--green-v3);}
  
  
/* When the radio button is checked, add a blue background */
.checkBox2 input[type="checkbox"]:checked ~ .checkmark {background-color: var(--green-v3);color:#fff;}
  
/* Create the indicator (the dot/circle - hidden when not checked) */


/* Show the indicator (dot/circle) when checked */
.checkBox2 input[type="checkbox"]:checked ~ .checkmark:after {display: block;}

/*--------------------------------------------------line-overflow-----------------------------------------------------------------------*/

.text-elips {
    white-space: nowrap; 
    display:block;
    overflow: hidden;
    text-overflow: ellipsis; 
  }
  
/*--------------------------------------------------mainMenu-----------------------------------------------------------------------*/

.Hmenu-pro{position:sticky;top:0px;padding:20px 10px;right:0px;z-index: 1000;width:100%;}
.Hmenu-pro >div> .Logo{font-family: Vazir-Bold;float:left !important;font-size:20px;color:var(--green-v3)}
.Hmenu-pro >div> .Logo span{margin-right:10px;position:relative;display:inline-block; width:45px;height:30px;background-position: center;background-size: contain;background-repeat: no-repeat;}
.Hmenu-pro li{list-style-type: none;float:right;z-index:1000;}
.Hmenu-pro li.login{list-style-type: none;float:left;z-index:1000;}
.Hmenu-pro >div> li > a{padding:10px 12px;position:relative;}
.Hmenu-pro >div> li:not(:last-child) > a:hover{background:#eee;}
.Hmenu-pro >div> li.active > a::after{content: "";background:var(--green-v3);width:100%;height:1px;display:block;position: absolute;bottom:-15px;left:0px;z-index:100;}
.Hmenu-pro >div> li > a>i.fa-user{border:1px solid #aaa;border-radius:50%;width:35px;height:35px;text-align: center;display: inline-block;padding-top: 8px;padding-left:5px;position: relative;}
.Hmenu-pro.dark{background:transparent;color:#fff;}
.Hmenu-pro.light{background:#fff;color:#0e0e0e;box-shadow:-8px 0px 5px #838383;}

.Hmenu-pro.light li.login i{color:var(--green-v3);}
.Hmenu-pro .signBt{background-color: var(--green-v3);padding:10px 20px;}
.Hmenu-pro .signBt:hover{background-color: #bc182e;}

.Hmenu-pro-stylingONscroll{background:#fff !important;color:#0e0e0e !important;border-bottom:1px solid #aaa;box-shadow: 0px 2px 4px -2px #aaa;}
.Hmenu-pro-stylingONscroll li.login i{color:var(--green-v3);}

.Hmenu-pro-mini-stylingONscroll{background:#fff !important;color:#0e0e0e !important;border-bottom:1px solid #aaa;box-shadow: 0px 2px 4px -2px #aaa;}
.Hmenu-pro-mini-stylingONscroll small.login i{color:var(--green-v3);}


.Hmenu-pro-mini{position:fixed;top:0px;padding:15px 20px;right:0px;z-index: 1000;width:100%;text-align: center;display: none;}
.Hmenu-pro-mini > .Logo span{border-radius:50%;position:relative;margin-top:-12.5px;top:10px;right:20px;display:inline-block; width:40px;height:40px;background-position: center;background-size: contain;background-repeat: no-repeat;}
.Hmenu-pro-mini .btnMenu{font-size:30px;line-height:0px;}
.Hmenu-pro-mini .login{border:1px solid #aaa;border-radius:50%;width:35px;height:35px;text-align: center;display: inline-block;padding-top: 3px;padding-left:5px;position: relative;}
.Hmenu-pro-mini.dark{background:transparent;color:#fff;}
.Hmenu-pro-mini.light{background:#fff;color:#0e0e0e;box-shadow:-5px 0px 5px #ddd;}




.Hmenu-hamber{display: block;position: fixed;top:0px;right:-210px;width:200px;height:100%;z-index: 1000;background-color: #fff;border-left:2px solid #ddd;box-shadow: -5px 0px 5px -2px #888;;}
.Hmenu-hamber li{display: block;list-style-type: none;margin-top: 5px;}
.Hmenu-hamber li>a{display: block;padding:10px;color: var(--green-v3);}
.Hmenu-hamber > .Logo span{margin-left:10px;border-radius:50%;position:relative;margin-top:-12.5px;top:10px;display:inline-block; width:60px;height:60px;background-position: center;background-size: contain;background-repeat: no-repeat;}

.Hmenu-hamber li:not(.Logo)>a:hover{background:#eee;padding-right: 15px;}

.Hmenu-hamber.active{right:0px;}
.Hmenu-hamber.active .cover{left:0px;top:0px;backdrop-filter:blur(3px) !important;display:block;position: fixed;background-color: #0005;width:calc(100% - 200px);height:100%;z-index: 100;}



.Header{position:relative;background-position: center;background-size: cover;background-position:center bottom;padding:12% 2.5% 2% 3%;min-height:780px;}
.Header::before{content: "";background-image: linear-gradient(to bottom, #000c 20%, #0002);top:0px;right:0px;width:100%;height:100%;position: absolute;}
.Header #mainSearch{display:inline-block;position: relative;}
.Header #mainSearch input{width:550px;border:0px;}
.Header #mainSearch button{position: absolute;left:5px;padding:10px 15px;border:0px;top:15px;}

.fastLink{border:1px solid #fff;background:transparent;border-radius: 30px;padding:3px 20px;margin:0px 2px;}
.fastLink:hover{background:#0004;}

.serviceBox{margin-top:-35px;}
.Hcard-service{text-align: center;box-shadow: 0px 0px 7px -1px #bbb;height:200px;}
.Hcard-service span{font-size:35px;}


.aboutUs .images > div{box-shadow:0px 0px 7px #aaa;background-position: center;background-size: cover;display:block;}
.aboutUs .images>div:first-child{width:75%;margin-left:25%;padding-top:100%;}
.aboutUs .images>div:last-child{width:55%;padding-top:40%;position:relative;margin-top:-38%;display:inline-block}
.aboutUs .images>div:last-child>a{position: absolute;top:50%;transform: translateY(-50%);padding:12px;border-radius:50%;left:-20px;outline:7px solid #3670729e}
.aboutUs .images>div:last-child>a:hover{padding:14px;left:-22px;outline:10px solid #3670729e;font-size:17px;}
.aboutUs .data small{display: block;}
.aboutUs .data h1{position: relative;line-height: 55px;;}
.aboutUs .data h1::after,.aboutUs .data h1::before{content:"";display:block;width:40px;height:4px;position: absolute;bottom:-15px;}
.aboutUs .data h1::after{border-radius:10px 0px 0px 10px;right:40px;background:#36707274;}
.aboutUs .data h1::before{border-radius:0px 10px 10px 0px;right:0px;background:var(--green-v3);}
.aboutUs .data p{text-align: justify;line-height: 30px;padding:35px;}

/* .services>div>a{display:block;min-height:250px;color:#fff;padding:35px;}
.services>div>a>span{width:55px;height:55px;margin:auto;text-align: center;padding-top:13px;font-size:30px;border-radius: 50%;}
.services>div>a>h3{font-family:BYekan;}
.services>div>a>p{line-height: 22px;text-align: justify;font-size: small;}
.services>div>a:hover *{cursor: pointer;}
.services>div>a:hover span{outline:7px solid var(--green-v3);}
.services> h1{position: relative;}
.services> h1::after,.services> h1::before{content:"";display:block;position:absolute;width:40px;height:4px;left:50%;transform:translateX(-100%);bottom:25px;}
.services> h1::after{border-radius:0px 10px 10px 0px;margin-left:40px;background:#72bafc;}
.services> h1::before{border-radius:10px 0px 0px 10px;background:#fff;} */

.services .img{width:50px; display: inline-block;}


.managerDescription .img{padding-top: 150%;background-size: cover;background-position: center;}


#qrCode{display:none;font-size:30px;width:55px;height:55px;border-radius: 50%;right:10px;bottom:20px;z-index:500;position: fixed;border:0px;cursor: pointer;box-shadow: 0px 0px 5px -1px var(--green-v2);}
#qrcodeFloat{scale:0;width:200px;height:auto;position:fixed;z-index:500;bottom:-100px;right:-45px;box-shadow:0px 0px 7px -2px #838383;border:1px solid #ddd;;}
#qrcodeFloat.active{scale: 1;bottom:80px;right:55px;}

.arc-box>div{position:relative;background-position: center;background-size: cover;padding-top:70%;overflow: auto;border-radius: 5px;cursor: pointer;}
.arc-box>div:hover{box-shadow: 0px 0px 5px #aaa;}
.arc-box>div::before{content: "";width:100%;height:100%;top:0px;right:0px;position: absolute;background:linear-gradient(to top, #000101aa 2%, #2a364233);}
.arc-box>div>span{position: absolute;right:0px;bottom:0px;display: inline-block;cursor: pointer;margin:10px;background:var(--green-v3);color:#fff;border-radius:4px;padding:4px 16px;}



.miniFilter{}
.miniFilter .checkBox2{display: inline-block;margin-right: 5px;}
.miniFilter .checkBox2.active{float:right;}
.miniFilter > div{width:100%;overflow-x: auto;padding-bottom:5px;}
.miniFilter > div > form{width:2100px;}

.miniFilter2{}
.miniFilter2 .checkBox2{display: inline-block;margin-right: 5px;}
.miniFilter2 .checkBox2.active{float:right;}
.miniFilter2 > div{width:100%;overflow-x: auto;padding-bottom:5px;}
.miniFilter2 > div > form{width:790px;}



.FilterBox{box-shadow: 0px 0px 5px #ccc;overflow:auto;position:sticky;top:0px;}
.ads_card{color:#2a3642;box-shadow: 0px 0px 5px #ddd;overflow: auto;}
.ads_card .img{width:100%;padding-top:70%;background-color:#ddd;display:block;background-position: center;background-repeat: no-repeat;background-size: cover;}
/*.ads_card small{direction:ltr;}*/
.ads_card .link{width:120px;}
.ads_card .name{display: block;text-overflow: ellipsis;overflow: hidden;direction: ltr;}
.ads_card .location {
  max-height: 50px;
  height: 50px; /* این می‌تواند با خطی که برای هر خط تنظیم کرده‌اید مطابقت کند */
  line-height: 25px; /* برای تنظیم ارتفاع هر خط */
  -webkit-line-clamp: 3; /* محدود کردن به دو خط */
  font-weight: 550;
  color: var(--navy-v3);
  text-align: justify;
}
.ads_card .phone > b{direction:ltr !important;text-align:left;display:inline-block;}

.Hslid-Em1990-SlideBox .data .img{width:100%;padding-top:50%;background-position: center;background-repeat: no-repeat;background-size: contain;background-color: #fff;border:1px solid #eee;}


/* .mini-search > div{position: relative;}
.mini-search input{width:350px;border: 1px solid var(--green-v3);border-radius: 3px;color:#333;padding:2px 5px;background:#eee;}
.mini-search button{position: absolute;top:5px;cursor:pointer;left:7px;padding:6px;font-size:15px;background: var(--green-v3);color:#333;border-radius:50px;border:0px;}
.mini-search select{border:0px;background: #eee;font-size:15px;color:#555;text-align: center;border-radius: 5px;;} */

/* .Hcard{overflow:auto;display:block;background:#fff;border-radius:5px;box-shadow: 0px 0px 5px #ccc;cursor: pointer;}
.Hcard .poster{padding-top:100%;display:block;width:100%;border-radius:5px;background-position: center;background-size: contain;background-repeat: no-repeat;border:1px solid #eee;}
.Hcard h3 , .Hcard span{display:block;overflow: hidden;text-overflow: ellipsis;font-size:15px;;}
.Hcard *{cursor: pointer;display: block;}
.Hcard small{font-size:12px;}
.Hcard span{font-size:small;font-weight: bold;} */

.paging{text-align: center;direction:ltr}
.paging .first , .paging .last{background:var(--green-v3);color:#fff;}
.paging a{display:inline-block;color:#333;padding:5px 10px;margin:5px;border-radius:3px;cursor: pointer;}
.paging a.active{background:var(--green-v3);color:#fff;}




.Htitr-3{font-family: BYekan;position: relative;text-align: center;}
.Htitr-3::after,.Htitr-3::before{content:"";display:block;width:40px;height:4px;position: absolute;bottom:-15px;}
.Htitr-3::after{border-radius:0px 10px 10px 0px;left:50%;transform:translateX(0px);background:#36707274;}
.Htitr-3::before{border-radius:10px 0px 0px 10px;left:50%;transform:translateX(-40px);background:var(--green-v3);}


.Htitr-4{font-family: Yekan;position: relative;text-align: right;}
.Htitr-4::after,.Htitr-4::before{content:"";display:block;width:40px;height:4px;position: absolute;bottom:-15px;}
.Htitr-4::after{border-radius:0px 10px 10px 0px;right:0%;background:var(--green-v3);}
.Htitr-4::before{border-radius:10px 0px 0px 10px;right:40px;background:#36707274;}


/* .........ADS Details ......... */
/*---------------------------slider--------------------*/
.slider_fade{border-bottom:0px;}
.slider_fade > div:first-child{position:relative; padding-top:50%;overflow: hidden;height: 0px;}
.slider_fade > div:first-child >.arrow{position:absolute; ;width: 100%;height:30px; top:48%;}
.slider_fade > div:first-child >.arrow >span{position:absolute;display:inline-block;z-index:10;transition:0.25s;transform:translate(0%,-50%);cursor: pointer;color:#fff;text-shadow: 0px 0px 5px #333;font-size:25px;padding:10px 10px;background:rgba(150,150,150,0.1);border-radius:50px;}
.slider_fade > div:first-child >.arrow >span:first-child{right:20px;}
.slider_fade > div:first-child >.arrow >span:last-child{left:20px;}
.slider_fade > div:first-child >.arrow >span:first-child:hover{padding-left:15px;padding-right:5px;}
.slider_fade > div:first-child >.arrow >span:last-child:hover{padding-right:15px;padding-left:5px;}
.slider_fade > div:first-child >.button{width:100%;bottom:30px;height: auto;position: absolute;z-index: 100;display: block;padding: 0;text-align:center;}
.slider_fade > div:first-child >.button >span{transition:0.25s;background-color: rgb(255,255,255);width: 10px;height: 10px;border-radius:40px;box-shadow:0px 0px 5px #555;margin: 0 5px;display: inline-block;}
.slider_fade > div:first-child >.button >span:hover{background-color:var(--green-v3);box-shadow:0px 0px 5px #111}
.slider_fade > div:first-child >.button >span.active{background-color:var(--green-v3);box-shadow:0px 0px 5px #111;width:30px}
.slider_fade > div:first-child >.body{ height: 300}
.slider_fade > div:first-child >.body a{cursor:default;opacity:0;z-index: 0;display: block;background-size:cover;background-position:center center;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0px;}
.slider_fade > div:first-child >.body a:first-child{opacity:1;}


.productDetailSingleImg{display: block;background-size:cover;background-position:center center;background-repeat:no-repeat;padding-top:50%;}

.ads-details #BODY #datas{box-shadow:0px 0px 5px #eee;}
.ads-details #BODY #datas .hshtags a{display: inline-block;font-size: small;}
.ads-details #BODY #datas .description{line-height:33px;text-align: justify;}

.ads-details #Filter-sticky #sticky{top:70px;position: sticky;}
.ads-details #Filter-sticky .qrcode{box-shadow: 0px 0px 5px #ddd;}

.ads-details #Filter-sticky .qrcode img{width:100%;border-radius:10px;}


.Hcard-v5{border:1px solid #eee;position:relative;cursor: pointer;display:block;overflow: auto;}
.Hcard-v5 .poster{padding-top:70%;display:block;}
.Hcard-v5 .titr{max-height:30px;height:30px;line-height:25px;-webkit-line-clamp: 1;font-weight:550;color:var(--navy-v3);text-align: justify;}

.Hborder-v3{border:1px solid #ddd;}

.Hcard-v5 .poster .percentage{
  background: #e01e38;
  border-radius:0px 20px 20px 0px;
  padding:2px 15px;
  position: absolute;
  top:20px;left:10px;
  font-size:small;
  color:#fff;
  font-weight:bold;
}

.Hcard-v5 *{cursor: pointer;}
.Hcard-v5:hover{box-shadow: 0px 0px 5px #ccc;}




.Hcard-v6{box-shadow:0px 0px 5px #aaa;position:relative;cursor: pointer;display:block;overflow: auto;}
.Hcard-v6 .poster{background-size: cover;background-repeat: no-repeat;background-position: center;padding-top:90%;display:block;background-color:#aaa;}
.Hcard-v6 .name{max-height:30px;height:30px;line-height:25px;-webkit-line-clamp: 1;font-weight:550;color:var(--navy-v3);font-size:20px;}
.Hcard-v6 .title{font-weight:550;color:var(--navy-v3);}

.Hcard-v8{}
.Hcard-v8 .poster{background-size: cover;background-repeat: no-repeat;background-position: center;padding-top:100%;display:block;background-color:#eee;}
.Hcard-v8 .titr{max-height:30px;height:30px;line-height:25px;-webkit-line-clamp: 1;font-weight:550;color:var(--navy-v3);font-size:20px;}
.Hcard-v8 > small{line-height:25px;-webkit-line-clamp: 4;max-height:100px;height:100px;display: block;text-align: justify;}

.Hcard-V9 {}
.Hcard-V9 > p{font-family: Vazirmatn-Medium;}
.Hcard-V9 .poster{background-position: center;background-repeat: no-repeat;background-size: contain;position: relative;padding-top: 50%;}

.Hcard-V9-sample2{padding-top:60px;}

.aboutHeader{height:700px;padding:20px;background-size:cover;background-position: center;display: block;}
/* .aboutHeader::before{content:"";position: absolute;height:100%;width:100%;right:0px;top:0px;background: rgba(0, 82, 107, 0.822);} */
.aboutHeader .TitleBox{top:150px;right:20%;width:400px;position: relative;}
.aboutHeader .TitleBox p{text-justify: newspaper;line-height: 30px;text-align: justify;}
.aboutHeader img{position: absolute;bottom:-5px;width:100%;left:0px;}

.aboutUs .des p{line-height: 35px;text-align: justify;}
.aboutUs .img{padding-top: 50%;display: block;position: relative;background-position: center;background-size: cover;margin-top:70px;}
.aboutUs .img:after{content: "";padding:20%;background:var(--blue-v4);position: absolute;left:-5%;top:-40%;border-radius:100px 100px 0px 0px;z-index:-1;}
.aboutUs .img::before{content: "";padding:20%;background:var(--blue-v4);position: absolute;right:-5%;bottom:-40%;border-radius:0px 0px 100px 100px;z-index:-1;}



.HlineLimitToOne{max-height:45px;height:45px;line-height:30px;-webkit-line-clamp: 1;color:var(--navy-v3);}





    #map {
      width: 100%;
      height: 60vh;
    }

    .location-popup {
      font-size: 14px;
      color: #333;
      line-height: 1.6;
      width: 240px;
      font-family: Yekan;
      text-align: right;
    }

    .location-popup .img {
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      height:150px;
      width:100%;
    }

    .location-popup .title {
      font-size: 16px;
      font-weight: bold;
      color: var(--green-v3);
      margin-bottom: 4px;
      text-align: center;
    }

    .location-popup .address {
      color: #555;
    }

    .location-popup .phone, .location-popup .code {
      color: #777;
      font-size: 16px;

      font-weight: bold;
    }

    .location-popup .buttons {
      margin-top: 10px;
    }

    .location-popup a.button {
      display: block;
      text-align: center;
      text-decoration: none;
      padding: 8px 10px;
      border-radius: 6px;
      background-color: var(--blue-v2);
      color: #fff;
      font-size: 12px;
      transition: 0.3s;
      margin-top: 10px;
    }

    .location-popup a.button:hover {
      background-color: var(--blue-v3);
    }


.HsupplierBox{border-radius:10px;display:block;position:relative;text-align: center;}
.HsupplierBox > a:first-child{display: inline-block;padding:10px 5px 100px 5px;border-radius: 10px 10px 0px 0px;width:190px;text-align: center;font-size: 16px;}
.HsupplierBox > a:last-child{width:200px;height:200px;border-radius: 50%;cursor: pointer;background-position: center;background-size: 80%;background-repeat: no-repeat;background-color: #ececec;z-index:1;display: inline-block;position: relative;margin-top:-90px;box-shadow: 0px 5px 7px #888;}

.supplierTitr{display: block;padding:10px 5px;border:1px solid #636363;border-radius: 15px;width:250px;text-align: center;right:50%;transform: translateX(50%);}
.supplierTitr::after{content:"";display: block;position: absolute;top:-2px;right:25px;height:5px;background:#f9fafc;width:50px;}
.supplierTitr::before{content:"";display: block;position: absolute;bottom:-2px;left:25px;height:5px;background:#f9fafc;width:50px;}
/* .supplierTitr{display: block;padding:10px 5px;border:1px solid #636363;border-radius: 15px;width:250px;text-align: center;right:50%;transform: translateX(50%);} */




/*-------------Hscroll-slider1401------------------*/
.Hscroll-slider1401{position:absolute;top:0px;right:0px;width:100%;}
/*
  height : auto | special height for scrolltype = y
*/
.Hscroll-slider1401 .fixbox{width:100%;overflow:auto;margin:auto;height:90px;scroll-behavior: smooth;position: relative;}

.Hscroll-slider1401 .fixbox .scroll{width:100%;overflow:auto;direction:ltr;}

.Hscroll-slider1401 .fixbox .scroll .node:first-child{margin-left:0px;}
.Hscroll-slider1401 .fixbox .scroll .node{width:130px;margin-left:20px;height:90px;padding-top:0%;float:right;margin-top:0px;z-index:10;border-radius:5px;;cursor:pointer;position: relative;background-position:center center;background-repeat: no-repeat;background-size: cover;}
.Hscroll-slider1401 .fixbox .scroll .active{border:2px solid #ea364e;box-shadow: 0px 0px 5px 0px #777;}
.Hscroll-slider1401 .fixbox .scroll .video>span ,.Hscroll-slider1401 .fixbox .scroll .img360>span{
    position: absolute;width:100%;height:100%;top:0px;right:0px;background-color:#0005;background-repeat: no-repeat;background-size:50%;background-position: center;cursor: pointer;
}




    



.Hscroll-slider1401 .btnbox{position:absolute;top:0px;display: block;text-align: center;font-size:25px;width:100%;height:100%;}
.Hscroll-slider1401 .btnbox>*{display:none;text-align:center;padding:10px;cursor:pointer;width:50px;position: absolute;z-index:100;text-shadow: 0px 0px 1px #ECEDEF;} 
.Hscroll-slider1401 .btnbox .active{display:inline-block;}
.Hscroll-slider1401 .btnbox .next{bottom:50%;left:0px;transform: translateY(50%);}
.Hscroll-slider1401 .btnbox .prev{top:50%;right:0px;transform: translateY(-50%);}
#scd{padding-top:70px !important;padding-right:20px;padding-left:20px;}
#SLboxshow{padding-top:70%;}
#slleft{height: 90px;padding-top:0px;}
#SLboxshow>div{display:none;position: absolute;height:100%;width:100%;top:0px;right:0px;}
#SLboxshow>.img{background-position: center;background-repeat: no-repeat;background-size: contain;background-color: #ECEDEF;border-radius:0px;}
#SLboxshow>.video>video{width:100%;height:100%;position: absolute;top:0px;right:0px;background:#ECEDEF;}
#SLboxshow>.img360>div>img{height:100%;margin: auto;display:block;}
#SLboxshow>.img360>div{overflow-X: auto;scroll-behavior: smooth;position: absolute;top:0px;height:100%;right:0px;width:100%;}
#SLboxshow>.img360>span{position: absolute;cursor:pointer;top:50%;border-radius:50%;transform: translateY(-50%);width:40px;font-size:20px;padding-top:10px;text-align: center;height:40px;}
#SLboxshow>.img360>.prev{right:2.5%;}
#SLboxshow>.img360>.next{left:2.5%;}


.line-onBlock{content:"";height:1px;background:#ccc;display:block;position: absolute;top:50%;}
#priceBox{padding-left:20px;}
#priceBox > .title{font-size:25px;font-family: Vazirmatn-SemiBold;}
#priceBox > .des{max-height:100px;height:100px;line-height:33px;-webkit-line-clamp: 3;color:#838383;text-align: justify;}

.normalSlider .Hslid-Em1990 .Buttons.v2{bottom:70px;}

.productCount{border:1px solid #333;border-radius:10px;padding:2px 0px;}
.productCount button{position:relative;width:40px;height:40px;color:var(--gray-v3);border-radius:10px;cursor:pointer;z-index:5;background-color:#fff;border:0px;}
.productCount input{width:60px;text-align: center;border:0px;}

.detailOptions{border-bottom: 1px solid var(--green-v3);}
.detailOptions span{display: inline-block;}
.detailOptions span.active{background: var(--green-v3);color:#fff !important;border-radius: 40px;}
.dataBox > div{display:none;}
.dataBox > div.active{display: block;}
.dataBox > div:nth-child(1) > div{border:1px solid #ddd;}

#Filter-sticky #sticky{position: sticky;top:80px;z-index:10;overflow:auto}
#Filter-sticky #sticky form{}
.hide{display:none}

.constSingleIMG{background-repeat: no-repeat;background-position: center;background-size: contain;padding-top: 70%;width:90%;right:5%;position: relative;display:block;background-color: #eee;}


.catSmallRes , .titleSmallRes{display: none;;}
.titleSmallRes{font-size:25px;font-family: Vazirmatn-SemiBold;}


.aboutTxt1{text-align: justify;line-height: 40px;padding:30px 40px;text-align-last: right !important;}
.aboutTxt2{text-align: justify;line-height: 40px;padding:30px 40px;text-align-last: right !important;}

.vitC .mainTitle{padding-top:80px;padding-left:40px;}
.vitC .des{line-height: 35px;text-align: justify;}
.vitC li{margin-right: 15px;margin-top:10px;font-size: small;font-family: VazirmatnDigit;}
.vitC .stickImg{width:180px;position: relative;}

.vitamin-2{position: relative;}
.vitamin-2::after{content:"";position: relative;position: absolute;top:0px;right:0px;background-image: url('../images/backgrounds/b16.png');width:15%;padding-top:20.4%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.vitamin-2::before{content:"";position: relative;position: absolute;bottom:0px;left:0px;background-image: url('../images/backgrounds/b15.png');width:15%;padding-top:18%;background-repeat: no-repeat;background-size: cover;background-position: center;}

.about{padding:60px 20%;text-align: justify;line-height: 60px;color:#313131;}
.about .img{width:100px;height:60px;display: inline-block;background-repeat: no-repeat;background-position: center;background-size: contain;position: relative;top:20px;}
.about::after{content:"";position: relative;position: absolute;bottom:0px;right:0px;background-image: url('../images/backgrounds/b18.png');width:10%;padding-top:15%;background-repeat: no-repeat;background-size: contain;background-position: center bottom;}
.about::before{content:"";position: relative;position: absolute;bottom:0px;left:0px;background-image: url('../images/backgrounds/b17.png');width:10%;padding-top:15%;background-repeat: no-repeat;background-size: contain;background-position: center bottom;}

.stickImg2{width:7%;position: absolute;right:8%;top:80px;;}
.stickImg3{width:150px;position: relative;margin-left: 30%;}

#floatStick{position: absolute;left:10px;top:10px;}
#floatStick > img{width:80px;height:80px;}

#floatStick2{position: absolute;right:10px;top:15%;z-index: 100;}
#floatStick2 > img{width:40px;height:40px;}

#floatStick3{position: absolute;left:30%;top:80%;z-index: 100;}
#floatStick3 > img{width:40px;height:40px;}

.randomFlowElement{will-change: transform;pointer-events: none;transition: 0.5s;}

/**********************Hfooter********************/
.Hfooter > div >a {padding:5px 15px;display: inline-block;color:#232323;font-family: Vazir-Medium;}
.Hfooter .links >a {font-size: 20px;padding:5px}

/********************end-Hfooter******************/


.Goup{z-index:1000;cursor:pointer;position: fixed;bottom:-50px;left:20px;background:var(--green-v3);color:#fff;font-size: 25px;font-weight: bold;width:50px;height:50px;border-radius:50%;text-align: center;padding-top:12px;box-shadow:0px 0px 5px 0px #53acaf6e;}
.GoupShow{bottom:30px;}




/* xss 320*/
@media only screen and (max-width : 320px) {

  .Header{min-height: 450px;}
  .Header .dataBox{padding-top:50px;}
  .Header .dataBox > a:first-child{font-size: 10px;}
  .Header .dataBox > h1{font-size: 16px;padding-top:3px  !important;}
  .Header #mainSearch input{font-size: 10px;padding:5px 10px 5px 90px !important;width:240px;}
  .Header #mainSearch button{padding:3px 15px; font-size: 10px;left:3px}
  .Header .fastLinkBox{font-size: 8px;padding:3px 10px;}
  .Header .fastLinkBox > span{padding-left:5px;}

  .serviceBox .Hcard-service > span{font-size: 20px;}
  .serviceBox .Hcard-service > h2{font-size: 12px;}

  .aboutUs>div:first-child>b{font-size:10px;}
  .aboutUs>div:first-child>h1{font-size:16px;line-height: 25px;}
  .aboutUs>div:first-child>p{font-size:small;padding:5px;}
  .aboutUs>div:first-child>a{font-size:10px;}

  .managerDescription{padding-top:10px !important;}
  .managerDescription>div:first-child>b{font-size:small;}
  .managerDescription>div:first-child>h2{font-size:16px;}
  .managerDescription>div:first-child>p{font-size:12px !important;line-height: 25px !important;}

.aboutHeader{height:400px;padding:10px;}
.aboutHeader .TitleBox{top:80px;right:3%;width:90%;}
.aboutHeader .TitleBox h1{font-size:16px;}
.aboutHeader .TitleBox p{line-height: 20px;font-size:12px;}

.aboutTxt1{font-size: 14px;}

.HsupplierBox > a:first-child{padding:5% 5% 50% 5%;border-radius: 10px 10px 0px 0px;width:100%;text-align: center;font-size: 14px;}
.HsupplierBox > a:last-child{width:100%;padding-top:100%;border-radius: 50%;margin-top:-40%;height:auto;}

}
/* xs */
@media only screen and (min-width : 321px) and (max-width : 481px) {
  .Header{min-height: 450px;}
  .Header .dataBox{padding-top:50px;}
  .Header .dataBox > a:first-child{font-size: 10px;}
  .Header .dataBox > h1{font-size: 16px;padding-top:3px  !important;}
  .Header #mainSearch input{font-size: 10px;padding:5px 10px 5px 90px !important;width:300px;}
  .Header #mainSearch button{padding:3px 15px; font-size: 10px;left:3px}
  .Header .fastLinkBox{font-size: 10px;}
  .Header .fastLinkBox > span{padding-left:10px;}

  .serviceBox .Hcard-service > span{font-size: 30px;}
  .serviceBox .Hcard-service > h2{font-size: 14px;}

  .aboutUs>div:first-child>b{font-size:small;}
  .aboutUs>div:first-child>h1{font-size:18px;line-height: 30px;}
  .aboutUs>div:first-child>p{font-size:14px;padding:10px;}
  .aboutUs>div:first-child>a{font-size:10px;}

  .managerDescription{padding-top:10px !important;}
  .managerDescription>div:first-child>b{font-size:small;}
  .managerDescription>div:first-child>h2{font-size:16px;}
  .managerDescription>div:first-child>p{font-size:12px !important;line-height: 25px !important;}



.HsupplierBox > a:first-child{padding:5% 5% 50% 5%;border-radius: 10px 10px 0px 0px;width:100%;text-align: center;font-size: 14px;}
.HsupplierBox > a:last-child{width:100%;padding-top:100%;border-radius: 50%;margin-top:-40%;height:auto;}


.aboutHeader{height:400px;padding:10px;}
.aboutHeader .TitleBox{top:80px;right:3%;width:90%;}
.aboutHeader .TitleBox h1{font-size:16px;}
.aboutHeader .TitleBox p{line-height: 20px;font-size:12px;}

.aboutTxt1{font-size: 14px;}

#addToBasket{font-size: small;padding:8px 15px !important;}
.productCount{border:1px solid #333;border-radius:10px;padding:2px 0px;}
.productCount button{position:relative;width:25px;height:25px;color:var(--gray-v3);border-radius:10px;cursor:pointer;z-index:5;background-color:#fff;border:0px;}
.productCount input{width:60px;text-align: center;border:0px;}

.Hfooter > div >a {padding:5px 10px;font-size: 10px;}
.Hfooter .links >a {font-size: 20px;padding:5px 10px;}
}
/* sm */
@media only screen and (min-width : 481px) and (max-width : 623px) {
  .Header{min-height: 500px;}
  .Header .dataBox{padding-top:50px;}
  .Header .dataBox > a:first-child{font-size: small;}
  .Header .dataBox > h1{font-size: 18px;padding-top:5px  !important;}
  .Header #mainSearch input{font-size: small;padding:10px 10px 10px 100px !important;width:400px;}
  .Header #mainSearch button{padding:5px 15px; font-size: small;}
  .Header .fastLinkBox{font-size: small;}
  .Header .fastLinkBox > span{padding-left:10px;}


  .serviceBox .Hcard-service > h2{font-size: 16px;}


.HsupplierBox > a:first-child{padding:10px 5px 100px 5px;border-radius: 10px 10px 0px 0px;width:180px;text-align: center;font-size: 16px;}
.HsupplierBox > a:last-child{width:180px;height:180px;border-radius: 50%;margin-top:-90px;}

.aboutHeader{height:450px;padding:10px;}
.aboutHeader .TitleBox{top:80px;right:3%;width:350px;}
.aboutHeader .TitleBox h1{font-size:18px;}
.aboutHeader .TitleBox p{line-height: 25px;font-size:14px;}



.Hfooter > div >a {padding:5px 10px;font-size: 12px;}
.Hfooter .links >a {font-size: 20px;padding:5px}
}
/* xsm */
@media only screen and (min-width : 624px) and (max-width : 767px) {
  .Header{min-height: 500px;}
  .Header .dataBox{padding-top:50px;}
  .Header .dataBox > a:first-child{font-size: small;}
  .Header .dataBox > h1{font-size: 18px;padding-top:5px  !important;}
  .Header #mainSearch input{font-size: small;padding:10px 10px 10px 100px !important;width:400px;}
  .Header #mainSearch button{padding:5px 15px; font-size: small;}
  .Header .fastLinkBox{font-size: small;}
  .Header .fastLinkBox > span{padding-left:10px;}

.HsupplierBox > a:first-child{padding:10px 5px 100px 5px;border-radius: 10px 10px 0px 0px;width:180px;text-align: center;font-size: 16px;}
.HsupplierBox > a:last-child{width:180px;height:180px;border-radius: 50%;margin-top:-90px;}

  .aboutHeader{height:500px;padding:20px;}
.aboutHeader .TitleBox{top:100px;right:10%;width:400px;}
.aboutHeader .TitleBox h1{font-size:20px;}
.aboutHeader .TitleBox p{line-height: 25px;font-size:14px;}

}
/* md */
@media only screen and (min-width : 768px) and (max-width : 879px) {
  .Header{min-height: 600px;}
  .Header .dataBox{padding-top:60px;}


  .aboutHeader{height:500px;padding:20px;}
.aboutHeader .TitleBox{top:100px;right:10%;width:400px;}
.aboutHeader .TitleBox h1{font-size:20px;}
.aboutHeader .TitleBox p{line-height: 25px;font-size:14px;}

}


/* md to dpwn for menu*/
@media only screen and (max-width : 879px) {
  .Hmenu-pro{display:none;}
  .Hmenu-pro-mini{display: block;}

  .catSmallRes , .titleSmallRes{display: block;;}
  #priceBox > a:first-child , #priceBox > .title{display: none;;}
  #priceBox > .price{text-align: center !important;font-size: 30px !important;;}
  #scd{padding-top:10px !important;padding-right:0px;padding-left:0px;}

  .aboutTxt1{text-align: justify;line-height: 35px;padding:20px 10px;}

  .stickImg2{width:120px;position: absolute;right:5%;top:-45px;;}
  .about{padding:60px 8%;text-align: justify;line-height: 60px;color:#313131;}
.about::after{content:"";position: relative;position: absolute;bottom:0px;right:0px;background-image: url('../images/backgrounds/b18.png');width:20%;padding-top:30%;background-repeat: no-repeat;background-size: contain;background-position: center bottom;}
.about::before{content:"";position: relative;position: absolute;bottom:0px;left:0px;background-image: url('../images/backgrounds/b17.png');width:20%;padding-top:30%;background-repeat: no-repeat;background-size: contain;background-position: center bottom;}

}
/* xmd */
@media only screen and (min-width : 880px) and (max-width : 991px) {
  .Header{min-height: 700px;}
  .Header .dataBox{padding-top:60px;}

  .serviceBox .Hcard-service{padding: 10px !important;}
  .serviceBox .Hcard-service > h2{font-size: 18px;}

  .Hmenu-pro{display:none;}
  .Hmenu-pro-mini{display: block;}

  .aboutTxt1{text-align: justify;line-height: 40px;padding:20px 20px;}
  #floatStick{top:50px;}
}
/* lg */
@media only screen and (min-width : 992px) and (max-width : 1200px) {

}
/* xlg */
@media only screen and (min-width : 1201px) {

  
}

/*----------- md TO down --------------*/
@media only screen and (max-width : 879px){
  .serviceBox .Hcard-service{padding: 10px !important;height:auto;}
  .serviceBox .Hcard-service > small{display: none;}

  #qrCode{display:block;}

}
/*----------- xsm TO down --------------*/
@media only screen and (max-width : 767px) {


  .aboutUsBox{padding-top: 30px !important;;}
  .aboutUs .images>div:first-child{margin-right: 7.5%;width:85%;}

  .vitamin-2::after{width:25%;padding-top:36%;}
.vitamin-2::before{width:25%;padding-top:36%;}

.salamsalamati{display: none;}
.stickImg3{width:150px;position: relative;margin-left: 5%;}
#floatStick{position: absolute;left:10px;top:50px;}
}
/*----------- sm TO down --------------*/
@media only screen and (max-width : 623px) {

  .aboutUs>div:first-child{padding-bottom: 20px !important;;}
  .articels .Htitle-V2>p{font-size: 12px !important;}

  .Hcard-V9-sample2{padding-top:0px;}

  .detailOptions span{font-size: 12px;;}

  #map {height: 80vh;}

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


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

}

@media only screen and (min-width : 481px) and (max-width : 991px) {

}