@font-face {
font-family: 'IranSans';
src: url('https://shahrneshan.ir/i/fonts/Shabnam-Medium.eot') ;
 }





@font-face {
font-family: 'IranSans';
src: url('https://shahrneshan.ir/i/fonts/Shabnam-Medium.woff') ;
 }

@font-face {
font-family: 'IranSans';
src: url('https://shahrneshan.ir/i/fonts/Shabnam-Medium.woff2') ;
 }

@font-face {
font-family: 'IranSans';
src: url('https://shahrneshan.ir/i/fonts/Shabnam-Medium.ttf');
 }

/*
@font-face {
font-family: 'IranSans-Bd';
src: url( 'https://shahrneshan.ir/assets/client/fonts/IranSans-B.eot' );
src: url( 'https://shahrneshan.ir/assets/client/fonts/IranSans-B.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'https://shahrneshan.ir/assets/client/fonts/IranSans-B.woff2' ) format( 'woff2' ),
url( 'https://shahrneshan.ir/assets/client/fonts/IranSans-B.woff' ) format( 'woff' ),
url( 'https://shahrneshan.ir/assets/client/fonts/IranSans-B.ttf' ) format( 'truetype' );

font-weight: bold;
font-style: normal;
}


@font-face {
font-family: 'Yekan';
src: url( 'https://shahrneshan.ir/assets/client/fonts/Yekan.eot' );
src: url( 'https://shahrneshan.ir/assets/client/fonts/Yekan.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Yekan.woff2' ) format( 'woff2' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Yekan.woff' ) format( 'woff' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Yekan.ttf' ) format( 'truetype' );

font-weight: normal;
font-style: normal;
}



@font-face {
font-family: 'VazirLight';
src: url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Light-FD.eot' );
src: url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Light-FD.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Light-FD.woff2' ) format( 'woff2' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Light-FD.woff' ) format( 'woff' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Light-FD.ttf' ) format( 'truetype' );

font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'VazirMed';
src: url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Medium-FD.eot' );
src: url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Medium-FD.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Medium-FD.woff2' ) format( 'woff2' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Medium-FD.woff' ) format( 'woff' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Medium-FD.ttf' ) format( 'truetype' );

font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'VazirReg';
src: url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Regular-FD.eot' );
src: url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Regular-FD.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Regular-FD.woff2' ) format( 'woff2' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Regular-FD.woff' ) format( 'woff' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Regular-FD.ttf' ) format( 'truetype' );

font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'VazirBlack';
src: url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Black-FD.eot' );
src: url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Black-FD.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Black-FD.woff2' ) format( 'woff2' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Black-FD.woff' ) format( 'woff' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Black-FD.ttf' ) format( 'truetype' );

font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'VazirBold';
src: url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Bold-FD.eot' );
src: url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Bold-FD.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'https://shahrneshan.ir/assets/client/fonts/VVazir-Bold-FD.woff2' ) format( 'woff2' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Bold-FD.woff' ) format( 'woff' ),
url( 'https://shahrneshan.ir/assets/client/fonts/Vazir-Bold-FD.ttf' ) format( 'truetype' );

font-weight: normal;
font-style: normal;
}

*/



html,body {
font-family:"IranSans",arial;
font-size:14px;
direction:rtl;
text-align:right;
}
body{
margin:0px;
padding:0px;
}

a:hover{
text-decoration:none;

}



#MainPageLoader{

position:fixed;
width:100%;
height:100%;
z-index:15000;
background:rgba(0,0,0,0.1);

}
.SpinerLoader {
width: 100px;
height: 100px;
display: grid;
border:8px solid #0000;
border-radius: 50%;
border-color:#fcc66c #0000;
animation: s6 1s infinite linear;
position:fixed;
top:calc(50% - 50px);
left:calc(50% - 50px);
z-index:15001;
}
.SpinerLoader::before,
.SpinerLoader::after {    
content:"";
grid-area: 1/1;
margin:4px;
border:inherit;
border-radius: 50%;
}
.SpinerLoader::before {
border-color:#722E85 #0000;
animation:inherit; 
animation-duration: .5s;
animation-direction: reverse;
}
.SpinerLoader::after {
margin:16px;
}

@keyframes s6 { 
100%{transform: rotate(1turn)}
}


.SpinerLoader {
width: 50px;
height: 50px;
display: grid;
border:4px solid #0000;
border-radius: 50%;
border-color:#FCC66C #0000;
animation: s6 1s infinite linear;
position:fixed;
top:calc(50% - 12.5px);
left:calc(50% - 12.5px);
}
.SpinerLoader::before,
.SpinerLoader::after {    
content:"";
grid-area: 1/1;
margin:2px;
border:inherit;
border-radius: 50%;
}
.SpinerLoader::before {
border-color:#722E85 #0000;
animation:inherit; 
animation-duration: .5s;
animation-direction: reverse;
}
.SpinerLoader::after {
margin:8px;
}

@keyframes s6 { 
100%{transform: rotate(1turn)}
}







a:hover{
text-decoration: none !important;
}


.hideme{
  display:none;
}
.modal-header{
border-bottom:none;
padding:7px 6px 7px 6px !important;
}

.bootbox-close-button{

font-size:2rem !important;
}
.bootbox-close-button:hover{
color:var(--dark_purple_3);
}


.modal-header h5{
font-size:1rem !important;
color:var(--gray_9);
}


.BlurAdd{

filter: blur(5px);
-webkit-filter: blur(5px);
}


.help-block{
font-size:0.8rem;
margin-top:12px;
margin-bottom:12px;
color:var(--gray_10);
}

.ltr_form{
direction:ltr;
text-align:left;
}

.ltr_form::-webKit-input-placeholder { /* WebKit browsers */
direction:rtl;
text-align:right;
}
.ltr_form:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
direction:rtl;
text-align:right;
}
.ltr_form::-moz-placeholder { /* Mozilla Firefox 19+ but I'm not sure about working */
direction:rtl;
text-align:right;
}
.ltr_form:-ms-input-placeholder { /* Internet Explorer 10+ */
direction:rtl;
text-align:right;
}



textarea{
resize:none;
}

.input_mobile {

font-size:1.6rem;
font-weight: bold;
color:var(--gray_9);
text-align:center;
letter-spacing: 8px;
}
.input_code_verify{
font-size:1.8rem;
font-weight: bold;
color:var(--gray_9);
text-align:center;
letter-spacing: 15px;

}


.input_code_verify::placeholder {
text-align: center; 
}



/* or, for legacy browsers */

.input_code_verify::-webkit-input-placeholder {
text-align: center;
}

.input_code_verify:-moz-placeholder { /* Firefox 18- */
text-align: center;  
}

.input_code_verify::-moz-placeholder {  /* Firefox 19+ */
text-align: center;  
}

.input_code_verify:-ms-input-placeholder {  
text-align: center; 
}





.input_mobile::placeholder {
text-align: center; 
}

/* or, for legacy browsers */

.input_mobile::-webkit-input-placeholder {
text-align: center;
}

.input_mobile:-moz-placeholder { /* Firefox 18- */
text-align: center;  
}

.input_mobile::-moz-placeholder {  /* Firefox 19+ */
text-align: center;  
}

.input_mobile:-ms-input-placeholder {  
text-align: center; 
}




@media screen and (max-width:500px){
	
.input_mobile {
		font-size:1.4rem !important;
	}
.LoginRegButtonSpan {
		display:none;
	}
}





.form-control:focus,
.form-control:active{
outline:none !important;
box-shadow: none;
border-color:#b0b4b8;
}





.nabvar-logo{
position:relative;
width:22.8%;
margin-left:10px !important;
}



.nabvar-logo img{
height:auto;
width:80%;
display:inline-block;
vertical-align:middle;

}


.nav-out .nabvar-logo img{

width:50%;

}


#main-nav{
display:block;
width:100%;
padding:0px;
margin:0px !important;
box-sizing:border-box;

}
#main-nav.nav-fixed{
position:fixed;
top:30px;
left:50%;
transform:translateX(-50%);
z-index:4000;
width:63%;
}


#main-nav.nav-fixed ul{

margin-right:0px !important;
    padding-bottom:10px !important;

}

#main-nav.nav-fixed .navbar-columns-li {
box-sizing:border-box !important;
width:auto;


}


#main-nav > ul{
padding:0px;
margin:0px;
display:block;
list-style-type:none;
margin-right:0px;
}

#main-nav  ul li{
padding:0px;
margin:0px;
display:inline-block;
vertical-align:middle;


}

#main-nav ul  li  a{
color:#b3b3b3;
font-weight:normal;
text-shadow:0px 0px 2px #000;
font-size:1rem;
display:inline-block;
padding:15px 0px 15px 0px;

}
#main-nav .navbar-columns-li{
/*width:calc(76% - 10px) !important;*/
width:auto;
text-align:left !important;

}

#main-nav .navbar-columns-li ul  li  {
box-sizing:border-box;
margin:0px !important;
padding:0px !important;
}

#main-nav .navbar-columns-li ul  li a  {
padding-right:5px;
padding-left:5px;
box-sizing:border-box;
}

#main-nav .navbar-columns-li ul  li:last-child a  {
margin-left:0px !important;
padding-left:0px !important;

}


#main-nav.nav-out{
width: 90% !important;
position: relative;
right: 5%;

}



#main-nav.nav-out ul  li  a{
color:rgba(128,128,128,1);

text-shadow:0px 0px 1px #fff;

}



#main-nav .navbar-columns-li > ul  li::after  {
content:"|";
display:inline-block;
vertical-align:middle;
color:#b3b3b3;
}

#main-nav.nav-out .navbar-columns-li > ul  li::after  {
margin-right:10px;
margin-left:10px;
}

#main-nav .navbar-columns-li ul  li:last-child::after ,
#main-nav .navbar-columns-li ul  li:has(a[href*="page/4"])::after,
#main-nav .navbar-columns-li ul  li:has(.btn)::after
{
content:"" !important;

}


#main-nav .navbar-columns-li > ul{
display:inline-block !important;
border-bottom:solid 1px #b3b3b3;
}


#main-nav .navbar-social-icons{

position:absolute;
top:50%;
transform:translateY(-50%);
right:-25px;
list-style-type:none;
padding:0px;
margin:0px;
 height:80px;
display:flex !important;

  flex-direction: column !important;
  justify-content:center !important;
   flex-flow: column nowrap !important;
  align-items: stretch !important;
 
}

#main-nav .navbar-social-icons li{
text-align:center;
  flex:1;
margin:0px;
padding:0px;
}
#main-nav .navbar-social-icons a{

display:inline-block;
margin:0px !important;
padding:0px !important;
color:rgba(204,204,204,1) !important;
font-size:1rem !important;

}

#main-nav .navbar-social-icons a:hover{
color:rgba(108,127,128,1) !important;

}

.home-segment{
display:block;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index:100;
background-image:url('https://shahrneshan.ir/i/shahrneshan-background.jpg');
background-position:center center;
background-repeat:no-repeat;
background-size:cover;

}
.home-segment::after{
display:block;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index:101;
background-color:rgba(0,0,0,0.6);
content:" ";
}


.home-segment .home-segment-center{
width:75%;
position:fixed;
z-index:102;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:#fff;
}

.home-segment .home-text{
text-align:center;
color:#fff;
font-size:2rem;

}

.home-segment .home-text > span{

color:rgba(242,218,1,1);
}

.home-segment .home-segment-center p{
color:#fff;
font-size:.9rem;
text-align:center;
margin-top:15px;
margin-bottom:20px;
}
@media screen and (max-width:960px){
.home-segment .home-text > span{
display:block;
}

}
.btn-white{
background-color:#fff !important;
color:rgba(108,127,128,1) !important;
text-shadow:none !important;
padding:6px 12px 6px 12px ;
opacity:1 !important;

border:solid 1px rgba(108,127,128,1) !important;
}

.btn-warning{
background-color:rgba(219,181,0,1) !important;
color:rgba(255,255,255,1) !important;
text-shadow:none !important;
padding:6px 12px 6px 12px !important;
opacity:1 !important;
border:none !important;
}

.btn-warning.btn-lg{
width:100% !important;
}

.btn-sm.btn-info{
padding: 5px 12px 5px 12px !important;
}



.btn i{
display:inline-block;
vertical-align:middle;

}


#main-nav .navbar-columns-li {
text-align:right;

}






#main-nav .navbar-columns-li ul {
margin:0px;
padding:0px;

}
#main-nav .navbar-columns-li ul.navbar-searches  {
margin-right:0px;
box-sizing:border-box;
margin-top:10px;

}



#main-nav .navbar-columns-li ul.navbar-searches li:nth-child(1) ,#main-nav .navbar-columns-li ul.navbar-searches li:nth-child(2) {

box-sizing:border-box;
width:40%;
}
#main-nav .navbar-columns-li ul.navbar-searches li:nth-child(3) {

box-sizing:border-box;
width:17%;
}



@media screen and  (min-width:1101px) {

#main-nav .navbar-columns-li {
margin-right:0px

}

}
@media screen and  (min-width:961px) and (max-width:1100px){

#main-nav .navbar-columns-li {
margin-right:30px

}

}


@media screen and (min-width:961px){
#main-nav > ul.mobile-view{
display:none;
}
}

@media screen and (max-width:960px){
#main-nav > ul.desktop-view{
display:none;
}
#main-nav >ul.mobile-view::after{
content:" ";
clear:both;
display:block;
}

#main-nav >ul.mobile-view{
box-sizing:border-box;
margin:3px 1px 1px 1px;
}

#main-nav >ul.mobile-view > li{

height:65px;
box-sizing:border-box;

}

#main-nav >ul.mobile-view > li > div{
height:65px;
box-sizing:border-box;
border-bottom:solid 2px rgba(255,255,255,0.4);

}
#main-nav >ul.mobile-view > li > div > a.btn{
display:inline-block;
vertical-align:middle;
text-align: justify;
text-align:center;
transform:translateY(50%);
}
#main-nav >ul.mobile-view > li > div > a.btn > i{
font-size:1.8em;
}
#main-nav >ul.mobile-view > li.mobile-nav-right-li{

float:right;
width:40%;
box-sizing:border-box;
text-align:center;

}
#main-nav >ul.mobile-view > li.mobile-nav-right-li img{
max-height:65px;

}


#main-nav >ul.mobile-view > li.mobile-nav-left-li{
padding-right:30px;
float:left;
width:60%;
box-sizing:border-box;

}


}




ul.category_tree_main{
    
    list-style-type: none;
    margin:0px;
    padding:0px;
    color:#333;
    
}
.category_tree_main li{
    margin:0px;
    padding:0px;
}

.category_tree_main ul{
    
    list-style-type: none;
       margin:0px;
         padding:6px 10px 3px 0px ;
}


.category_tree_main li a.category_tree_link_title{
   display:inline-block;
   box-sizing: border-box;
   width:100%;
      height:25px;
   border:solid 1px #c5c5c5;
   padding:0px 5px 4px 0px;
   color:#222;
   background-color:rgba(219,181,0,1);
   border-radius:5px;
   margin:0px;
   vertical-align:middle;
        text-shadow:1px 1px 1px #fff;
}
.category_tree_main li.has-child > a.category_tree_link_title{
width:calc(100% - 30px);
}
.category_tree_main li.has-child > ul{
display:none;

}
.category_tree_main li a.category_tree_link_collapse{
   display:inline-block;
   box-sizing: border-box;
   width: 25px;
   height:25px;
   border:solid 1px #c5c5c5;
 text-align:center;
   color:#222;
   background-color:rgba(219,181,0,1);
   border-radius:5px;
  padding-top:0px;
  line-height:1.8rem;
  font-size:1.4rem;
  font-weight:bold;
     margin:0px;
        vertical-align:middle;
        text-shadow:1px 1px 1px #fff;
       position:relative;
}

.category_tree_main li a.category_tree_link_collapse:before{
display:inline-block;
content:"+";



}

.category_tree_main li.opened > a.category_tree_link_collapse:before{

content:"-";



}

.category_tree_main > li{

margin-bottom:10px;
}



.heading-med{
  font-size:1.3rem;
  color:rgba(108,127,128,1);
  margin:0px;
  line-height:2.5rem;
  font-weight:bold;
}

.text-yellow{
color:rgba(242,218,1,1);

}


.single_shop{
  box-sizing:border-box;
  padding:0px;
  border-radius:8px;
  border:solid 1px rgba(204,204,204,1);
  padding-bottom:15px;
  color:rgba(108,127,128,1);
position:relative;
}
.single_shop_address > p ,.single_shop_phones > p  ,.single_shop_plus > p {
display:inline-block;
}
.single_shop_address > span ,.single_shop_phones > span , .single_shop_plus > span {
width:20px;
height:20px;
text-align:center;
line-height:1.5rem;
font-size:0.9rem;
display:inline-block;
border-radius:4px;
background:rgba(128,128,128,1);
color:#fff;

}
.single_shop_title{
 
  position:relative;
  height:35px;
  margin-bottom:15px;
}
.single_shop_title::after{
display:block;
height:1px;
width:calc(100% - 14px);
content:" ";
border-top:solid 1px rgba(204,204,204,1);
position:absolute;
top:50%;
transform:translateY(-50%);
right:12;
z-index:1;
}

.single_shop_title > h2{
background:#fff;
position:absolute;
top:50%;
transform:translateY(-50%);
right:12px;
z-index:5;
font-size:1rem;
line-height:1.5rem;
padding-left:10px;
color:rgba(55,55,55,1);
}

.single_shop_socials{
  list-style-type:none;
  margin:8px;
  padding:0px;

}

.single_shop_socials li a{

color:rgba(55,55,55,1)}

.single_shop_socials li > b{
display:inline-block;
vertical-align:middle;
font-size:2rem;
width:45px;
height:45px;
text-align:center;
color:rgba(55,55,55,1);
}

.single_shop_socials li > b .img-social{
display:inline-block;
width:30px;
height:30px;
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
margin:5px;
}

.single_shop_socials li > b > .img-social-instagram{
background-image:url('https://shahrneshan.ir/assets/imgs/social_instagram.png');

}
.single_shop_socials li > b > .img-social-telegram{
background-image:url('https://shahrneshan.ir/assets/imgs/social_telegram.png');

}
.single_shop_socials li > b > .img-social-whatsapp{
background-image:url('https://shahrneshan.ir/assets/imgs/social_whatsapp.png');

}
.single_shop_socials li > b > .img-social-eta{
background-image:url('https://shahrneshan.ir/assets/imgs/social_eta.png');

}


.single_shop_audio_box{

position:absolute;
bottom:7px;
left:7px;
z-index:100;
width:150px;
height:150px;
box-sizing:border-box;
text-align:center;
border:solid 1px rgba(108,127,128,1);
border-radius:4px;
}


.single_shop_audio_title{
padding:6px;
text-align:center;
font-size:1.2rem;
color:rgba(55,55,55,1);
border-bottom:solid 1px rgba(204,204,204,1);
height:35px;
box-sizing:border-box;
}
.single_shop_audio_foot{
padding:5px;
text-align:center;
font-size:1rem;
color:rgba(55,55,55,1);
border-top:solid 1px rgba(204,204,204,1);
height:35px;
box-sizing:border-box;
text-align:left;
padding-top:0px;
}
.single_shop_audio_foot:after{
  content:" ";
  display:block;
  height:0px;
  clear:both;
}
.single_shop_audio_foot > span{
font-size:0.9rem;
float:left;
margin-left:15px;
}
.single_shop_audio_foot > span > b{
  line-height:10px;
display:block;
font-weight:normal;
}
.single_shop_audio_foot > span > .fa-heart{
  color:rgba(219,181,0,1);
}

.single_shop_audio_play {
  height:80px;
box-sizing:border-box;
}


.single_shop_audio_play > a{
display:inline-block;
font-size:3rem;
border-radius:100%;
border:solid 1px rgba(219,181,0,1);
color:rgba(219,181,0,1);
width:60px;
height:60px;
margin-top:10px;
text-align:center;
padding-top:3px;
padding-left:6px;
}


.shop_adds{
  margin-bottom:15px;
  border-radius:9px;

}


.shop_adds img{

  border-radius:9px;
  
}



#shops_results .col-md-9{
padding-right:7px !important;
}




.img-thumbnail {
    padding: 1.5rem !important;
}



.container-fluid .mt-4 {
margin-top: 0.5rem!important;
}





.menu_pop_back{
    
    
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.8);
    z-index:999998;
    width:100%;
    height:100%;
    
    
    
    
    
    
}

 .main_menu_pop{
  width:350px;
  box-sizing:border-box;
  position:absolute;
  z-index:999999;
  left:50%;

  top:20px;
  transform:translateX(-50%);
   
}
@media screen and (max-width:379px){

 .main_menu_pop{
  width:90%;
  
  }


}
 .main_menu_pop .main_menu_pop_top {
  width:100%;
  background:rgba(219,181,0,1);
  color:#fff;
  margin-bottom:12px;
     border-radius:4px;   
  padding:10px 10px 10px 10px;
}


 .main_menu_pop .main_menu_pop_top::after{
display:block;
height:0px;
content:"";
clear:both;
}






 .main_menu_pop .main_menu_pop_ul li > a > b{
float:left;
}




 .main_menu_pop .main_menu_pop_ul{

list-style-type:none;
padding:0px;
padding-top:12px;
padding-bottom:22px;
margin:0px;
background:#fff;
   border-radius:4px;
}


 .main_menu_pop .main_menu_pop_ul li{
    
 display:block;
 margin:0px 12px 0px 12px;
 border-bottom:solid 1px #f1f1f1;
       
}
 .main_menu_pop .main_menu_pop_ul li:last-child{
    

 border-bottom:none;
   
}

 .main_menu_pop .main_menu_pop_ul li.zard{
    
 display:block;
 margin:0px;
 padding-right: 10px;
 border:solid 1px rgba(219,181,0,1);
 background:rgba(219,181,0,1);   
}
.menu_pop_back .main_menu_pop .main_menu_pop_ul li.zard > a{
    
color:#fff;

}
 .main_menu_pop .main_menu_pop_ul li > a{
    
color:#666;
display:block; 
  border-radius:5px;   
  padding:10px 10px 10px 10px;
}

.main_menu_pop .main_menu_pop_ul li > a::after{
display:block;
height:0px;
content:"";
clear:both;
}


 .main_menu_pop .main_menu_pop_ul li > a > span{
float:right;
}




 .main_menu_pop .main_menu_pop_ul li > a > b{
float:left;
}

 .main_menu_pop .main_menu_pop_ul li.zard a > b{
 margin-left:14px;
 
 }

#site-footer{

box-sizing:border-box;
padding:6px;
background:rgba(0,0,0,0.7);
color:rgba(255,255,255,0.9);
position:fixed;
bottom:10px;
left:10px;
width:calc(100% - 20px);
z-index:500!important;

}

#home-footer{

box-sizing:border-box;
padding:6px;
opacity:0.8;
color:rgba(255,255,255,0.9);
height:60px;
position:fixed;
bottom:10px;
left:10px;
width:calc(100% - 20px);
z-index:9999999;
}

.paging{
box-sizing:border-box;
margin:20px 10px 20px 10px;
text-align:center;

}

.paging a.numbers{
width:25px;
height:25px;
display:inline-block;
border-radius:100%;
background-color:rgba(219,181,0,1) ;
color:#fff;
text-align:center;
font-size:0.8rem;
line-height:2rem;




}
.paging a.numbers.numbes-selected{
background-color:#222;

}



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

.heading-med{
font-size:1.2rem;
}


}

.mobile-view > li > div > a{
padding:0px !important;
}
.mobile-view > li > div {
padding:0px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}

@media screen and (max-width:960px){
#main-nav >ul.mobile-view > li > div > a.btn {

   padding:6px !important;
    transform: translateY(0);
}
}


@media screen and (max-width:960px){
#main-nav.nav-fixed{
top:15px;
width:75%;
}
}






.loading_spiner{
position:fixed;
top:0;
left:0;
z-index:999998;
background-color:rgba(0,0,0,0.8);
width:100%;
height:100%;

}



.loading_spiner .loading_spiner_dot{
position:absolute;
top:50%;
left:50%;
z-index:999999;
transform:translate(-50%,-50%);




 width: 56px;
   height: 13.4px;
   background: radial-gradient(circle closest-side,#dbb500 90%,#0000) 0%   50%,
        radial-gradient(circle closest-side,#dbb500 90%,#0000) 50%  50%,
        radial-gradient(circle closest-side,#dbb500 90%,#0000) 100% 50%;
   background-size: calc(100%/3) 100%;
   background-repeat: no-repeat;
   animation: dots-zcf63l 1s infinite linear;






}


@keyframes dots-zcf63l {
   33% {
      background-size: calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%;
   }

   50% {
      background-size: calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%;
   }

   66% {
      background-size: calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%;
   }
}




.mobile-nav-left-li a.btn{
box-sizing:border-box;
width:50%;


}


.mobile-nav-left-li a.btn:first-child{
margin-left:5px;


}








#main-nav .navbar-columns-li {
    margin-right: 0px ;
}




.svg-inline--fa.fa-bars{
font-size:1rem !important;
}


.svg-inline--fa.fa-xmark{
font-size:1rem !important;
}



.qr_modal_container{

position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);


box-sizing:border-box;
z-index:6000;




}
.qr_modal_back{

position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.9);
z-index:5900;




}

.qr_modal_container .qr_modal_de{
padding:0px;
background-color:rgba(242,218,1,1);
box-sizing:border-box;
width:300px;
height:400px;
position:relative;
}



.qr_modal_container .qr_modal_de .qr_modal_de_in {
padding:0px;
background-color:#fff;
box-sizing:border-box;

width:294px;
height:394px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.qr_modal_container .qr_modal_de .qr_modal_de_in .qr_modal_before_h {

height:15px;
background:#fff;
}
.qr_modal_container .qr_modal_de .qr_modal_de_in h2 {
padding:0px;
margin:0px;
margin-bottom:25px;
line-height:45px;
font-size:1.2rem;
font-weight:bold;
text-align:center;
margin-top:12px;
height:45px;
background-color:rgba(242,218,1,1);
}


.qr_modal_container .qr_modal_de .qr_modal_de_in .qr_modal_img_box {
text-align:center;
position:relative;
padding:0px;
margin:0px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
height:190px;

}

.qr_modal_container .qr_modal_de .qr_modal_de_in .qr_modal_img_box img {
width:150px;
height:150px;
display:inline-block;

}

.qr_modal_container .qr_modal_de .qr_modal_de_in .qr_modal_img_box b {
position:absolute;
border-color:rgba(242,218,1,1);
width:20px;
height:20px;
display:inline-block;
}

.qr_modal_container .qr_modal_de .qr_modal_de_in .qr_modal_img_box .qmib_tr {
top:0px;
left:calc(50% + 75px);

border-top:solid 1px rgba(242,218,1,1) ;
border-right:solid 1px rgba(242,218,1,1);

}


.qr_modal_container .qr_modal_de .qr_modal_de_in .qr_modal_img_box .qmib_tl {
top:0px;
left:calc(50% - 75px);
transform:translateX(-100%);
border-top:solid 1px rgba(242,218,1,1) ;
border-left:solid 1px rgba(242,218,1,1);

}



.qr_modal_container .qr_modal_de .qr_modal_de_in .qr_modal_img_box .qmib_br {
bottom:0px;
left:calc(50% + 75px);

border-bottom:solid 1px rgba(242,218,1,1) ;
border-right:solid 1px rgba(242,218,1,1);

}


.qr_modal_container .qr_modal_de .qr_modal_de_in .qr_modal_img_box .qmib_bl {
bottom:0px;
left:calc(50% - 75px);
transform:translateX(-100%);
border-bottom:solid 1px rgba(242,218,1,1) ;
border-left:solid 1px rgba(242,218,1,1);

}



.qr_modal_container .qr_modal_de .qr_modal_de_in .qr_modal_footer{

position:absolute;
width:90%;
left:50%;
bottom:25px;
transform:translateX(-50%);
text-align:center;

}
.qr_modal_container .qr_modal_de .qr_modal_de_in .qr_modal_footer::after{
display:block;
content:"";
border-top:solid 2px rgba(242,218,1,1);
height:2px;
width:100%;
}

.qr_modal_container .qr_modal_de .qr_modal_de_in .qr_modal_footer img{

width:60px;
height:auto;
margin-bottom:-4px;
display:inline-block;
padding:4px;
background-color:#fff;

}

.qr_modal_container .qr_modal_btns{
padding:0px;
marging:0px;

box-sizing:border-box;
text-align:center;
}

.qr_modal_container .qr_modal_btns .btn{
width:49%;
margin:0px;
margin-top:3px;
margin-bottom:3px;
box-sizing:border-box !important;
}


#main-nav.nav-out .desktop-view .navbar-columns-li{



}