*{box-sizing: border-box;padding:0px;margin:0px;}
body{padding:0px;margin:0px;font-family:Yekan;background-color: #f8f8f8;}
: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);


}

.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;}


/*------------------------------------------------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:#95CF2F;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: #95CF2F;}/*#2196F3;*/
.switch input[type=checkbox]:focus + .slider {box-shadow: 0 0 1px #95CF2F;}/*#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: #95CF2F;}
  
/* 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: #ffad01;}
  
/* 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:#ffad01 ;}


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

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

.text-elips {
    white-space: nowrap; 
    display:block;
    overflow: hidden;
    text-overflow: ellipsis; 
  }
  
/*--------------------------------------------------mainMenu-----------------------------------------------------------------------*/
/* .mainMenu{background:transparent;z-index:2000;position:fixed;top: 0;}
.mainMenu ul{padding:10px 10px;}
.mainMenu li{list-style-type: none;display:inline-block;}
.mainMenu li:not(:last-child) a{display:inline-block;padding:7px 10px;color:#eee;border-bottom: 1px solid #aaa;;}
.mainMenu li:not(:last-child) a:hover{border-color: #fff;}
.mainMenu li.logo{float: left;padding-top:5px;;}
.mainMenu li.logo a{display: block;width:50px;height:50px;border-radius: 50%;background-position: center;background-size: cover;}
.menu_stylingONscroll{background: #fff;box-shadow: 0px 1px 5px #aaa;}
.menu_stylingONscroll li:not(:last-child) a{display:inline-block;color:#666;padding:3px 7px;border-bottom: 1px solid #ccc;}
.menu_stylingONscroll li:not(:last-child) a:hover{border-color: #000;}
.menu_stylingONscroll li.logo a{background-color:#fa5961;width:40px;height:40px;}
 */

 .mainMenu{background:#fff;z-index:2000;position:fixed;top: 0;box-shadow: 0px 5px 7px -2px #eee;}
 .mainMenu ul{padding:10px 10px;}
 .mainMenu li{list-style-type: none;display:inline-block;}
 .mainMenu li:not(:first-child) a{display:inline-block;padding:7px 10px;color:#333;border: 1px solid #fff;}
 .mainMenu li:not(:first-child) a:hover{border-bottom: #ffad01 1px solid;color:#ffad01;}
 .mainMenu li:nth-child(6) a:hover{border-bottom: #fff 1px solid;color:#fff;}
 .mainMenu li.logo{/*float: right;*/margin-left:20px;}
 .mainMenu li.logo a{display: block;width:150px;height:45px;border-radius: 50%;background-position: center;background-size: cover;}

 .mainMenu li:nth-child(6){width:120px !important;float: left;padding:0px 5px;}
 .mainMenu li:nth-child(6) a{width:100%;text-align: center;padding: 5px 0px;;}

 .mainMenu li a.active{border-bottom: #ffad01 1px solid;color:#ffad01;}

 .mainMenu #fs{display:inline-block;float:left;width:300px;}
 .mainMenu #fs input{padding-right:20px;width:100%;border:0px;border-radius: 50px;background:#f4f4f4;color:#444;}
 .mainMenu #fs button{cursor:pointer;border-radius: 50%;width:38px;height:38px;position: absolute;top:12px;left:10px;border:0px;}

.Htitle-V1{position: relative;}
.Htitle-V1::before{content: "";height:2px;width:150px;background:#ccc;position: absolute;top:0px;right:0px;}
.Htitle-V1::after{content: "";height:2px;width:70px;background:#ffad01;position: absolute;top:0px;right:23px;}
.Htitle-V1 h3{color:#333;font-family: Yekan;color:#444}
.Htitle-V1 p{color:#666;}



/*---------------------------slider--------------------*/
.slider_fade{border-bottom:0px;}
.slider_fade > div:first-child{position:relative; padding-top:45%;overflow: hidden;height: 0px;}
.slider_fade > div:first-child >.arrow{position:absolute; ;width: 100%;height: 130px; 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.7);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{height: auto;position: relative;z-index: 100;display: block;padding: 0;text-align:center;}
.slider_fade > div:first-child >.button >span{transform:translateY(-70px);background-color: rgb(255,255,255);width: 12px;height: 12px;border-radius:50%;box-shadow:0px 0px 5px #555;margin: 0 5px;display: inline-block;}
.slider_fade > div:first-child >.button >span:hover{background-color: rgb(254,217,6);box-shadow:0px 0px 5px #111}
.slider_fade > div:first-child >.button >span.active{background-color: rgb(254,217,6);box-shadow:0px 0px 5px #111}
.slider_fade > div:first-child >.body{ }
.slider_fade > div:first-child >.body a{cursor:pointer;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;}
/* .slider_fade > div:first-child >.gallery{color:#fff;font-size:30px;cursor:pointer;text-shadow: 0px 0px 2px #000;position: absolute;bottom: 5px;left:5px;z-index:100;display:inline-block;} */


.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:#ffad01;color:#fff;}
.paging a{display:inline-block;color:#333;padding:5px 10px;margin:5px;border-radius:3px;cursor: pointer;}
.paging a.active{background:#ffad01;color:#fff;}

.mini-search > div{position: relative;}
.mini-search input{width:350px;border: 1px solid #ffad01;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: #ffad01;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;;}

#HGallery .close::after{color:#fff !important;}
#HGallery .Hcards-content{position:relative;}
#HGallery .G-imgshow{padding-top:40%;background-repeat: no-repeat;background-size: contain;background-color: #111;background-position: center;}
#HGallery .G-buttons{position: absolute;color:#fff;text-shadow:0px 0px 2px #000;font-size:30px;top:50%;transform: translateY(-50%);width: 100%;right:0px;}
#HGallery .G-buttons span{cursor: pointer;}

#HGallery .Hcards-footer{display:block;width:95%;margin:auto;}

#HGallery .G-miniimages{overflow:auto;}
#HGallery .G-miniimages .scrollBox{
  height:100px;
  width:90%;
  table-layout: fixed !important;
}

#HGallery .G-miniimages .scrollBox td{
  position:relative;
  
  width:100px !important;
  min-width:100px !important;
  max-width:100px !important;
  height:100px;
  /* float:right; */
  border: 2px solid #fff;
  border-radius: 5px;
  box-shadow:0px 0px 2px #000;
  opacity: 1 !important;
  overflow:hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000;
  cursor: pointer;
  
}

#HGallery .G-miniimages .scrollBox td:hover{
  border-color: red;
}

#HGallery .G-miniimages .scrollBox td.activate{
  border-color: red;
}


.Hcard-mini{box-shadow:0px 0px 7px -2px #aaa;overflow: auto;}
.Hcard-mini>span{display:inline-block;background-position: center;background-size: contain;background-repeat: no-repeat;width:100px;height:100px;}

.Hcard-mini>b,.Hcard-mini>small{display:inline-block;padding-right:15px;}
.Hcard-mini>b{padding-top: 15px;}

.Hcard-med{height:280px;overflow: auto;}
.Hcard-med>div:first-child{height:100%;background-position: center;background-size: cover;}
.Hcard-med>div:first-child:after{position:absolute;content: "";top:0px;left:0px;width:100%;height:100%;background-image: linear-gradient(to bottom,transparent 65%,#ffaf01ba );}
.Hcard-med>div:last-child>a{display: inline-block;padding:5px 40px;background:#fff;color:#222;margin-top:15px;border-radius:50px;}
.Hcard-med>div:last-child>p{text-align: justify;line-height: 28px;;}
.Hcard-med>div:last-child{padding:40px;background-position: center;background-size: cover;}


/*------------------------------------------------Filter---------------------------------------------------------*/
#Filter-sticky #sticky{position: sticky;top:80px;z-index:10;overflow:auto}

#Filter-sticky #sticky form{}

.hide{display:none}

.user-rent{box-shadow:0px 0px 5px #ccc;border-radius:6px;}
.user-rent>span{width:50px;height:50px;border-radius: 50px;display:inline-block;margin-left: 7px;background-position: center;background-size: cover;}
.user-rent > b{display: inline-block;margin-bottom:20px;}
.user-rent > b>small{display:block;}
.user-rent > small:nth-child(3),.user-rent > small:nth-child(4){display:inline-block;width:49%;border:1px solid #ccc;padding:7px;border-radius:5px;}
.user-rent > small:nth-child(3)>small,.user-rent > small:nth-child(4)>small{display:block;}

.product-det{overflow: auto;box-shadow:0px 0px 5px #ccc;}




.pcard a{
  overflow: auto;
  display:block;border-radius:5px;background:white;box-shadow: 0px 0px 5px #f3f3f3;
  text-align: right;margin-top: 10px;
}

.pcard a span{margin-left:10px;width:105px;height:75px;position: relative;float: right;display: inline-block;background-position:center;background-size: contain;background-repeat: no-repeat;background-color:#eee;}

.pcard a small,.pcard a h2{text-align:right;direction:rtl;display: block;overflow: hidden;text-overflow: ellipsis;}

.pcard a *{cursor: pointer;}
.pcard a:hover{box-shadow: 0px 0px 5px #ddd !important;}




.Hfooter-v5{color:#444}
.Hfooter-v5 .namad{width:100%;padding-top:120%;display: block;background-size: contain;background-color: #f5f5f5;box-shadow: 0px 0px 5px #eee;border-radius: 5px;background-repeat: no-repeat;background-position: center;}
.Hfooter-v5 .socialMedia{ padding:5px 1px;border-radius:10px;color:#fff;font-size: 25px;font-weight: bold;text-shadow: 0px 0px 1px #111;
}
.Hfooter-v5 .socialMedia.insta{
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);}
.Hfooter-v5 .socialMedia.tel{background: linear-gradient(#36AEE0,#1C96D1);}


.Hfooter-v5 .socialMedia *{cursor: pointer;}
/* .slider_fade .mdt{color:#fff;text-shadow:0px 0px 1px #000;overflow: auto;position:absolute;top:50%;transform: translateY(-60%);padding:10px;padding-right: 20%;}
.slider_fade .mdt .addr{color:#eee;font-size: 14px;;}
.slider_fade .mdt .titr{color:#fff;font-size: 30px;font-family: BTraffic;margin:7px 0px;}
.slider_fade .mdt .title{color:#eee;}
.slider_fade .mdt .link{margin-top:10px;cursor:pointer;display:inline-block;width:auto;padding:0px 50px;line-height:40px;color:#fff;background:#fa5961;border-radius:5px;border:1px solid #fa5961;}
.slider_fade .mdt .link:hover{background:transparent;color:#fa5961;}
.slider_fade .body>a::before{content: "";top:0px;right:0px;background:rgba(0,0,0,0.5);position:absolute;width:100%;height:100%;} */
.Goup{z-index:1000;cursor:pointer;position: fixed;bottom:-50px;left:20px;background:#ffad01;color:#fff;font-size: 25px;font-weight: bold;width:50px;height:50px;border-radius:50%;text-align: center;padding-top:12px;box-shadow:10px 14px 15px -14px #fa5961;}
.GoupShow{bottom:30px;}




/* xss 320*/
@media only screen and (max-width : 320px) {
}
/* xs */
@media only screen and (min-width : 321px) and (max-width : 481px) {

}
/* sm */
@media only screen and (min-width : 481px) and (max-wisdth : 623px) {

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

}
/* md */
@media only screen and (min-width : 768px) and (max-width : 879px) {


}


/* md to dpwn for menu*/
@media only screen and (max-width : 879px) {

}
/* xmd */
@media only screen and (min-width : 880px) and (max-width : 991px) {

}
/* 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){

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

}
/*----------- sm TO down --------------*/
@media only screen and (max-width : 623px) {
}
@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) {

}