:root{
         --color-second:#453c3f;
         --color-active:#fa6805;
         --color-active-second:#fa9c3a;
         --color-active-hover:#ce5503;
         --color-white: white;
         --theme-second:#dedede;
         --theme-price-table:#e8e8e8;
         --theme-second-text:#6e6e6e;
         --theme-third-text:#41383b;
         --theme-body:#595959;
         --mobile-hh:60px;
    }
    @media(min-width: 1300px){
        .container{
            max-width:1240px;
        }
    }
    .modal-link{
        cursor: pointer;
        color:var(--color-active);
    }
    .modal-link:hover{
        color:var(--color-active-hover);
    }
    .geoselector-btn{
        padding: .3rem;
        
        background: var(--color-second);
        text-decoration: none;
        color: white;
        margin-right: .1rem;
        margin-left: .1rem;
        position: relative;
    }
     .price_groups{
         border-left:1px solid lightgrey;
         border-right:1px solid lightgrey;
         border-bottom:1px solid lightgrey;
         border-top-right-radius: 10px;
         margin-left: -15px;
         margin-right: -15px;
         border-top-left-radius: 10px;
         margin-top: 10px;
         padding-bottom: 15px;
     }
     .price_group{
         padding-left: 15px;
         padding-right: 15px;
     }
     .radio_prices{
        width: 50%;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom: 1px solid lightgrey;
        border-top: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        border-right: 1px solid lightgrey;
        background: #e2e2e2;
        font-weight: bold;
        text-align: center;
        padding: 10px;
        cursor: pointer;
        display: block;
        position: relative;
        
    }
    .radio_prices.selected{
        background-color: #fff;
        border-bottom: 1px solid transparent;
    }
    .radio_prices:hover{
        color: var(--color-active);
    }
    .geoselector-btn:before{
        content:'';
        width: calc(100% - 0.6rem);
        left: .3rem;
        bottom: 3px;
        height: 1px;
        border-bottom: 1px dotted white;
        position: absolute;
    }
    .gridMap_anketa{
        display: grid;
        grid-template-columns:30% 70%;
    }
    .gridMap_img{
        
    }
    .gridMap_main-title{
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        color: var(--color-active);
    }
    .gridMap_main-title:hover{
        color: var(--color-active-hover);
    }
    .gridMap_main{
        display: grid;
        grid-template-columns:1fr;
        padding-left: 1rem;
    }
    .gripMap_main_row{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-top: .25rem;
        padding-bottom: .1rem;
    }
    .gripMap_main_row.gridView form{
        width: 100%;
        max-width: 200px;
        min-width: 120px;
    }
    .gripMap_caption{
        width: auto;
        max-width: 80%;
    }
    .gripMap_value{
        width: auto;
        max-width: 20%;
        font-weight: bold;
    }
    .h1-catalog{
        font-size: 25px;
    }
    .anketa_image{
        min-height: 220px;
    }
    .invalid-feedback{
        min-height: 1rem;
        width: 100%;
    }
    .invalid-feedback.notshown{
        opacity: 0;
    }
    .invalid-feedback.shown{
        opacity: 1;
    }
    #mapLK,#map{
        min-height: 300px;
        height: 100%;
    }
    @media(min-width:767px){
        #map.bigmap{
            min-height: 600px;
        }
    }
    button.accordion-button:active,button.accordion-button:focus{
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .ticket-comment-new .ticket-comment-header{
        background: inherit;
    }
    .accordion-body{
        background: beige;
    }
    .page-item-style{
        border: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .page-item.page-item-style .page-link,
    .page-item.page-item-style:first-child .page-link,
    .page-item.page-item-style:last-child .page-link,
    .page-item.page-item-style.disabled .page-link{
        padding-top: 0;
        padding-bottom: 0;
        border:1px solid transparent;
        font-weight: bold;
        border-radius:0;
        line-height:1.1;
        margin: .2rem;
        
    }
    .page-item.page-item-style.page-item-style-next .page-link{
        border-bottom:1px solid var(--theme-second-text);
        color: var(--theme-second-text);
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .fotorama__wrap {
        z-index: 20;
    }
    .mobile{
        display: none;
    }
    .accordion.faq .accordion-body p{
        position: relative;
        padding-bottom: .5rem;
    }
    .advertise-title{
        font-family: 'Oswald';
        font-weight: 100;
    }
    .advertise-header{
        font-family: 'Oswald';
    }
    .advertise-content-block{
        clear: both;
    }
    .ms2_product.card  a[data-title]{
        position: relative;
        display: inline-block;
        /* margin-top: 50px; */
        /* font-size: 1.5em; */
      }
    .ms2_product.card a[data-title]:hover::before {
        content: attr(data-title);
        position: absolute;
        top: -50px;
        left: 0;
        padding: 12px;
        z-index: 100;
        color: black;
        background-color: var(--theme-second);
        width: max-content;
        z-index: 1;
        min-width: 100px;
    }
    .ms2_product.card a[data-title]:hover::after{
        position: absolute;
        top: -19px;
        left: 8px;
        content:'';
        background-color: var(--theme-second);
        width: 16px;
        height: 16px;
        z-index: 0;
        transform:rotateZ(-45deg);
    }
    a:nth-child(4)[data-title]:hover::before,a:nth-child(5)[data-title]:hover::before{
        right: 0;
        left: unset;
    }
    a:nth-child(4)[data-title]:hover::after,a:nth-child(5)[data-title]:hover::after{
        right: 8px;
        left: unset;
    }
    .advertise-image{
        max-width: 100%;
        width: 150px;
        float: left;
        margin-bottom: .5rem;
        margin-right: .75rem;
    }
    .anketa-vip-city span,
    .anketa-vip-metro span{
        display: inline-block;
        float: left;
    }
    .fa-metro,.fa-city{
        width: 1rem;
        height: 1rem;
        background-image: url(/assets/images/icons/city.png);
        display: inline-block;
        background-position: center;
        margin-right: .2rem;
        margin-left: .2rem;
        float: left;
    }
    .list-group-item .fa-metro,.list-group-item .fa-city{
        width: 1.6rem;
        height: 1.6rem;
    }
    .fa-metro{
        background-image: url(/assets/images/icons/metro.png);
    }
    .accordion.faq .accordion-body p:after{
        content:'';
        position: absolute;
        width: 100%;
        bottom: 2px;
        left: 0%;
        border-bottom: 1px dashed var(--theme-second);
    }
    .text-main{
        color: var(--color-active);
    }
    .footer-info{
        width: 75%;
        padding: 1rem;
        margin: 0;
    }
    .footer{
        min-height: 60px;
        border-top:1px solid var(--theme-second);
        margin-top: 2rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .footer-nav{
        flex-grow:1;
    }
    .footer-nav,.footer-nav .nav-link,.advirtise-item .nav-link{
        width: auto;
        font-size: 1.2rem;
    }
    .footer-nav .nav-link{
        font-family: 'Oswald';
        text-transform: uppercase;
        font-size: 1.4rem;
    }
    .filter input.filterBool{
        display: none;
    }
    label.filterBool{
        position: relative;
        padding-left: 40px;
        cursor: pointer;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    label.filterBool:before{
        position: absolute;
        content:'';
        left: 8px;
        height: 24px;
        width: 24px;
        top: 8px;
        border:1px solid var(--color-second);
    }
    .filter input.filterBool:checked~label.filterBool:after{
        content:'\2713';
        font-size: 25px;
        top: 0%;
        left: 10px;
        color:var(--color-active);
        transform:translateY(-0%);
        position: absolute;
        
    }
    .advirtise-item .nav-link,.footer-nav .nav-link{
        transition:.3s;
        position: relative;
        color: var(--color-active);
    }
    .h6-advirtise{
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
    }
     .footer-nav .nav-link:before{
         left: .25rem;
         bottom: .4rem;
         content:'';
         width: calc(100% - .5rem);
         position: absolute;
         height: 1px;
         background: var(--color-active);
     }
     .footer-nav .nav-link:hover:before{
        background: transparent;
     }
     .advirtise-item{
         padding: .75rem;
         padding-bottom: .3rem;
         /* border: 1px solid #eee; */
     }
     .advirtise-date{
         bottom: 0;
         right: 0;
         width: auto;
         font-style: italic;
         font-size: 12px;
         color: var(--color-second-text);
     }
     .advirtise-item .nav-link{
         display: inline-block;
         padding-left: 0;
         padding-right: 0;
     }
     .advirtise-item .nav-link:before{
         width: 100%;
         left: 0;
     }
     .advirtise-content{
         padding-left: 1.4rem;
         font-size: 14px;
     }
     .advirtise-item .nav-link:hover,.footer-nav .nav-link:hover{
        color: var(--color-active-hover);
    }
    .advirtise-item .nav-link:hover:before,.footer-nav .nav-link:hover:before{
        background: var(--color-active-hover);
    }
    .advirtise-item .nav-link h3{
        margin: 0;
    }
    .select2-container-multi .select2-choices .select2-search-choice{
        line-height: inherit;
    }
    .leftPart{
        width: 240px;
        max-width: 240px;
    }
    .leftPart-container{
        /*padding-left: 1rem;*/
        /*padding-right: 1rem;*/
    }
    .leftPart-menu{
        width: 100%;
        max-width: 100%;
    }
    .rightPart{
        width: 220px;
        min-width: 220px;
        position: sticky;
        padding-left: 10px;
        top: 0;
    }
    .rightPart-container{
        padding-left: 1rem;
        padding-right: 1rem;        
    }
    .mainPart{
        width: calc(100% - 500px);
        min-width: calc(100% - 500px);
    }
    .mainMenu{
        padding-left: 0;
        list-style-type:none;
        border-radius:5px;
    }
    .mainMenu-item{
        width: 100%;
    }
    .showTotal{
     font-weight: 100;
     display: none;
     font-size: 12px;
     font-style: italic;
    }
    .mainMenu-item.first>a{
        border-radius:5px 5px 0px 0px;
    }
    .mainMenu-item.last>a,.mainMenu-item.mobile-last>a{
        border-radius:0px 0px 5px 5px;
    }
    .mainMenu-item.mobile{
        display: none;
    }
    .mainMenu-item>a{
        padding: 0.5rem;
        padding-left: 1.4rem;
        text-decoration: none;
        line-height: 33px;
        display: block;
        text-transform: uppercase;
        font-weight: normal;
        font-family: 'Oswald';
        background: var(--color-second);
        color:var(--color-white);
        font-size: 16px;
        text-align: left;
        border-bottom:1px solid var(--color-second);
    }
    .mainMenu-item .profile,
    .mainMenu-item .exit,
    .mainMenu-item .login,
    .mainMenu-item .massachest,
    .mainMenu-item .escort,
    .mainMenu-item .girls,
    .mainMenu-item .salon,
    .mainMenu-item .advitesment,
    .mainMenu-item .hot{
        padding-left: 45px;
        position: relative;
    }
    .mainMenu-item .profile:before,
    .mainMenu-item .exit:before,
    .mainMenu-item .login:before,
    .mainMenu-item .massachest:before,
    .mainMenu-item .escort:before,
    .mainMenu-item .girls:before,
    .mainMenu-item .salon:before,
    .mainMenu-item .advitesment:before,
    .mainMenu-item .hot:before{
        content:'';
        position: absolute;
        width: 20px;
        height: 20px;
        top: 50%;
        left: 12px;
        transform:translateY(-50%);
        background-position: center;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .mainMenu-item .massachest:before{
        background-image: url(/assets/images/icons/massachest.png);
    }
    .mainMenu-item .escort:before{
        background-image: url(/assets/images/icons/excort.png);
    }
    .mainMenu-item .girls:before{
        background-image: url(/assets/images/icons/girls.png);
    }
    .mainMenu-item .salon:before{
        background-image: url(/assets/images/icons/salon.png);
    }
    .mainMenu-item .advitesment:before{
        background-image: url(/assets/images/icons/advitesment.png);
    }
    .mainMenu-item .hot:before{
        background-image: url(/assets/images/icons/hot.png);
    }
    .mainMenu-item .profile:before,
    .mainMenu-item .exit:before,
    .mainMenu-item .login:before{
        font-size: 20px;
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }
    .mainMenu-item .profile:before{
        content:"\e9de";
    }
    .mainMenu-item .exit:before{
        content:'\ea2e';
    }
    .mainMenu-item .login:before{
        content:"\e9ae";
    }
    .mainMenu-item.last>a{
        border-bottom:1px solid transparent;
    }
    .btn-default{
        background: var(--theme-second);
        border:1px solid var(--theme-second);
        text-transform: uppercase;
        font-size: 12px;
        padding-left: 20px;
        padding-right: 20px;
        font-weight: 600;
        line-height: 40px;
        padding-top: 0;
        padding-bottom: 0;
        height: 40px;
    }
    .mainMenu-item>a:hover,.mainMenu-item.active>a{
        background: var(--color-active);
    }
    
    .pagination_on_page{
        display: flex;
        font-size: 16px;
        font-weight: 600;
        min-width: fit-content;
        color:var(--theme-second-text);
    }
    .page_view{
        display: flex;
        flex-wrap:wrap;
        align-items:center;
        font-size: 16px;
        font-weight: 600;
        min-width: fit-content;
        color:var(--theme-second-text);
    }
    .change_view {
        height: 35px;
        width: 40px;
        position: relative;
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .change_view:after{
        height: 16px;
        display: flex;
        flex-wrap:wrap;
        align-items:center;
        width: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform:translate(-50%,-50%);
        content:'';
        background-repeat: no-repeat;
        -webkit-background-size: 16px 32px;
        background-size: 16px 32px;
        background-position: top center;
    }
    .imgview:after {
        background-image: url(/assets/images/icons/img_view.png);
    }
    .gridview:after {
        background-image: url(/assets/images/icons/grid_view.png);
    }
    .listview:after {
        background-image: url(/assets/images/icons/list_view.png);
    }
    .change_view:hover,.change_view.active{
    }
    .change_view:hover:after,.change_view.active:after{
        background-position: bottom center;
    }
    .data{
        display: flex;
        
    }
    .data span{
        padding-right: .3rem;
        display: flex;
        align-items: center;
    }
    .data input{
        border:0;
        width: 70px;
    }
    .on_page{
        text-decoration: none;
        color:var(--theme-second-text);
        height: 35px;
        width: 40px;
        position: relative;
        font-size: 16px;
        line-height: 35px;
        text-align: center;
    }
    .on_page:hover,.on_page.active{
        color:var(--color-active);
        
    }
    .ms2_total_count{
        position: absolute;
        left: 0;
        top: 0;
        font-size: 12px;
        font-weight: normal;
        transform:translateY(-50%) translateX(-50%);
        z-index: 2;
        display: flex;
        align-items: center;
        height: 20px;
        width: 20px;
        justify-content: center;
        background: white;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        box-shadow: -1px 1px 2px 1px #b1b1b1;
        border:1px solid var(--color-active);
    }
   .auth_block .btn-favor:hover .ms2_total_count{
       background: var(--color-active);
       border:1px solid white;
   }
   .msFavoriterToggle:not(._active_) .factive {
        display: none;
    }
    .msFavoriterToggle._active_ .factive {
        display: inline-block;
    }
    .msFavoriterToggle._active_ .fnoactive {
        display: none;
    }
    .auth_block .btn-favor{
        margin: .2rem;
        margin-right: .45rem;
        height: 38px;
    }
    .auth_block{
        display: flex;
        flex-wrap: wrap;
    }
    .auth_block,.logo{
        width: auto;
    }
    .rangecont{
        padding-left: .75rem;
        padding-right: .75rem;
        width: 100%;
    }
    .openoptions{cursor:pointer;opacity:.9;transition:.2s;position:relative;padding-right:1rem;}
    .openoptions:after{right:1px;position:absolute;content: '';transition:.3s;  border-bottom: 3px solid black;border-left: 3px solid black; height: 0.8rem; float: right; transform: rotate(45deg); width: 0.8rem;margin-top: 0.4rem;margin-right:0.3rem;}
    .openoptions.open:after{transform: rotate(-45deg);}
    .filter_title{padding:5px;font-weight: normal;font-size: 18px;font-family: 'Oswald';margin-bottom: 0;margin-top: .6rem;}
    .form-slider .filter_title{font-weight: bold;margin-left: -.7rem;margin-right: -.7rem;margin-bottom: 0;margin-top: 0;}
    .form-slider{box-shadow:inset 0px 0px 2px 0px lightgrey;margin-top: .7rem;}
    .openoptions:hover{opacity:1;background: #e9e9e9}
    .rangeslider{background:lightgrey;margin-top:10px;margin-bottom:10px;}
    .rangeslider>.bar{position: absolute;left:0;top:0;background:blue;width:20px;height:20px;}
    .b{font-weight:bold;}
    .delimenter:after{content:',';}
    .delimenter:last-child:after{content:'';}
    .comparison-table td {padding-bottom:2px;}
    /* .filter{width:250px;} */
    .scrollingBox{max-height:120px;overflow:auto;}
    /*.filtercont{width: calc(100% - 250px);}*/
    .optionList{padding:5px;cursor: pointer;font-weight:normal;font-size: 14px;}
    .optionList:after{transition:.1s;width:0%;margin:auto;background:#888;content:'';height:1px;display:block;}
    .optionList:hover:after{width:90%;}
    .innershadow{box-shadow: inset 0px 0px 1px 1px lightgrey;}
    .inneroptions{box-shadow:inset 0px 0px 1px 1px lightgrey;margin-left:4px;margin-right: 2px;display:none;}
    .pagination{
         justify-content: center;
    }
    
   
.spinner { margin: auto;margin-top:calc(50% - 20px);width: 40px; height: 40px; position: relative;text-align: center; -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear;}
.dot1, .dot2,.dot3 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #333; border-radius: 100%;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out;}
    .dot2 {top: auto;bottom: 0;-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
    .dot3 {top: 20%;left: 0;-webkit-animation-delay: -1.5s;animation-delay: -1.5s;}
    @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
    @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
    @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) }  50% { -webkit-transform: scale(1.0) }}
    @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% {     transform: scale(1.0);-webkit-transform: scale(1.0);  }}
    .preloader{transition:.4s;height:100%;width:calc(100%);left:0;background:white;z-index:-3;opacity:0;top:0;text-align: center;}
    .screenpreload{
        position: sticky;
        top:50%;
        height: 100vh;
    }
    .preloader.show{z-index:3;opacity:.7;}
    .scrollable{max-height:600px;}
	.scrollable::-webkit-scrollbar  ,.scrollable::-webkit-scrollbar:horizontal              {width: 11px;height: 11px;background: #dd380245;border-radius:3px;}
    .scrollable::-webkit-scrollbar-track ,.scrollable::-webkit-scrollbar-track:horizontal        {width: 11px;;height: 11px;}
    .scrollable::-webkit-scrollbar-track-piece,.scrollable::-webkit-scrollbar-track-piece:horizontal  {width: 11px;;height: 11px;}
    .scrollable::-webkit-scrollbar-thumb,.scrollable::-webkit-scrollbar-thumb:horizontal        {    display: block;background: #dd3802;border-radius:3px;}
    .filtercont{
        position: relative;
        padding-bottom: 1.5rem;
    }
    .listView .price_table{
        width: 100%;
        max-width: 100%;
        min-width:100%;
        background: var(--theme-price-table);
        border-radius:5px;
    }
    .listView .price_table td{
        padding: .5rem;
        font-size: 12px;
        font-weight: bold;
        color:var(--theme-third-text);
        border-bottom:1px solid var(--theme-second);
    }
    .listView .price_table>tbody>tr:last-child>td{
        border-bottom:1px solid transparent;
    }
    .listView .price_table>tbody>tr>td:first-child{
        padding-left: 1rem;    
        color:var(--theme-second-text);
    }
    .listView .price_table th{
        height: 50px;
        border-bottom:1px solid var(--theme-second);
        padding:.6rem .9rem .4rem .9rem;
        font-size: 14px;
        color: var(--theme-second-text,#6e6e6e);
    }
    .listView .anketa-link{
        color:var(--color-active);
        text-decoration: none;
        
    }
    .listView .anketa-link:hover{
        color:var(--color-active);
        text-decoration: none;    
    }
    .anketa-title .anketa-link{
        position: relative;
        font-weight: 500;
        padding-bottom: 1px;
        text-transform: capitalize;
    }
    .anketa-title .anketa-link:before{
        bottom: 1px;
        left: 0;
        content:'';
        width: 100%;
        transition:.3s;
        height: 1px;
        background: var(--color-active-second);
        position: absolute;
    }
    .select-option:hover{
        background: var(--color-active);
    }
    .anketa-title .anketa-link:hover:before{
        width: 0%;
    }
    .filter input[type="number"]{
        -moz-appearance: textfield;
    }
    .filter input[type="number"]::-webkit-outer-spin-button,
    .filter input[type="number"]::-webkit-inner-spin-button {
        /* display: none; <- Crashes Chrome on hover */
        -webkit-appearance: none;
        margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
    }
    .data input{
        padding-bottom: 5px;
        padding-top: 5px;
        height: 35px;
        background: #f3f3f3;
        outline: 0;
    }
    .listView .anketa-title{
        font-size: 18px;
    }
    .content-title:first-child{
        font-size: 25px;
        color:var(--color-active);
        font-weight: bold;
        text-transform: capitalize;
    }
    .content-title:last-child{
        font-size: 32px;
        font-weight: bold;
    }
    .btn-favor{
        width: auto;
        border:1px solid var(--color-active);
        color: var(--color-active);
        display: flex;
        align-items: center;
    }
    .btn-favor._active_:hover{
        border:1px solid var(--color-active);
        color: var(--color-active);
        background:white;
    }
    .btn-favor:hover,.btn-favor._active_{
        color:white;
        background: var(--color-active);
    }
    .tickets-row{
        font-size: 12px;
    }
    #usersSearch,#usersArchive,#usersActive{
        font-size: 14px;
    }
    .ticket-constraint-text{
        width: calc(100% - 200px);
    }
    .ticket-constraint-btn{
        width: calc(200px);
    }
    .btn-delete{
        width: 100%;
    }
    .btn-delay{
        width: 100%;
    }
    .btn-complaint{
        width: auto;
        border:1px solid var(--bs-danger);
        color:var(--bs-danger);
    }
    .profile-card{
         font-size: 14px;   
    }
    .constraint-error{
        display: block;
        min-height: 17px;
    }
    .adFilesCont{
        max-width: 25%;
        float: left;
        clear: both;
        
    }
    .ajax-actions-tabs .nav-link{
        font-size: 16px;
    }
    .btn-complaint:hover{
        color:white;
        background:var(--bs-danger);
    }
    .anketa_info-additional  .content-title:last-child,.anketa_info-additional  .content-title:first-child{
        font-size: inherit;
        font-weight: inherit;
        color:var(--theme-body);
    }
    .listView .anketa-checked{
        margin-left: .8rem;
        color:var(--color-white);
        text-transform: uppercase;
        padding: .4rem 1rem;
        background: var(--color-active-second);
        border-radius: 5px;
        font-size: 10px;
    }
    .tel_get{
        font-size: 12px;
        text-transform: uppercase;
        position: relative;
    }
    @keyframes wait{
        0%{letter-spacing: 0px;}
        50%{letter-spacing: 1px;}
        100%{letter-spacing: 0px;}
    }
    .tel_get.wait:before{
        left: 0;
        top: 0;
        padding-top: inherit;
        padding-bottom: inherit;
        position: absolute;
        width: 100%;
        height: 100%;
        transform-origin:center;
        z-index: 2;
        border-radius:inherit;
        background: inherit;
        content:"Подождите...";
        letter-spacing: 0;
        animation: 1.5s wait infinite;
    }
    .anketa-vip-telephone .tel_get.wait:before{
        content:'';
    }
    .listView .tel_get{
        width: 100%;
        display: block;
        text-align: center;
        color:white;
        background: var(--color-second);
        border-radius:5px;
        padding-bottom: .7rem;
        padding-top: .7rem;
        cursor: pointer;
        text-decoration: none;
    }
    .listView .tel_get:hover{
        color:white;
    }
    .listView .anketa_info{
        width: calc(100% - 180px);
        padding-left: 1rem;
    }
    .listView .anketa_image{
        width: 180px;
        padding-left: 0;
        padding-right: 0;
    }
    .listView .anketa_image img{
        border-radius:5px;
    }
   .listView .anketa_info-additional { margin-top: 0; }
   .listView .anketa_info-additional small{
       font-size: 12px;
       font-style: italic;
       margin-top: 12px;
   }
   .anketa_info-additional table,.anketa_info-additional .anketa_info-metro{
       font-weight: normal;
       clear: both;
   }
   .anketa_info-additional .anketa_info-metro{
       font-size: 16px;
       padding-left: 0;
   }
    .listView.anketa{
        padding-top: 1rem;
        border-top:1px solid var(--theme-price-table);
    }
    .imgView .price_table{
        display: none;
    }
    .imgView .price_table td{
        
    }
    .imgView .price_table>tbody>tr:last-child>td{
        border-bottom:1px solid transparent;
    }
    .imgView .price_table>tbody>tr>td:first-child{
        padding-left: 1rem;    
        color:var(--theme-second-text);
    }
    .imgView .price_table th{
        border-bottom:1px solid var(--theme-second);
        padding:.6rem .9rem .4rem .9rem;
        font-size: 1.2rem;
    }
    .imgView .anketa-link{
        color:var(--color-active);
        text-decoration: underline;
    }
    .imgView .anketa_info-additional{
        display: none;
    }
    .imgView .anketa_info-main{
        display: none;
    }
    .imgView .anketa-link:hover{
        color:var(--color-active);
        text-decoration: none;    
    }
    .imgView .anketa-title{
        display: none;
    }
    .imgView .anketa-checked{
        margin-left: 0rem;
        color:var(--color-white);
        text-transform: uppercase;
        position: absolute;
        bottom: 0;
        left: 5%;
        width: 90%;
        text-align: center;
        padding: .4rem 1rem;
        background: var(--color-active-second);
        border-radius: 5px;
        font-size: 10px;
    }
    .imgView .tel_get{
        display: none;
    }
    .imgView .anketa_info{
        position: absolute;
        width: 100%;
        height: auto;
        bottom: 0;
        left: 0;
    }
    .imgView .anketa_image{
        width: 180px;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .imgView .anketa_image img{
        border-radius:5px;    
        
    }
    .imgView.anketa{
        width: 190px;
        max-width: 25%;
        padding: .5rem;
        position: relative;
        padding-top: 1.2rem;
        /* border-top:1px solid var(--theme-price-table); */
    }
    .imgView.anketa form{
        position: relative;
    }
    .gridView .price_table{
        width: 100%;
        max-width: 100%;
        min-width:100%;
        background: var(--theme-price-table);
        border-radius:5px;
    }
    .gridView .price_table td{
        padding: .5rem;
        font-size: .8rem;
        font-weight: bold;
        color:var(--theme-third-text);
        border-bottom:1px solid var(--theme-second);
    }
    .gridView .price_table>tbody>tr:last-child>td{
        border-bottom:1px solid transparent;
    }
    .gridView .price_table>tbody>tr>td:first-child{
        padding-left: 1rem;    
        color:var(--theme-second-text);
    }
    .gridView .price_table th{
        border-bottom:1px solid var(--theme-second);
        padding:.6rem .9rem .4rem .9rem;
        font-size: 1.2rem;
    }
    .anketa-link{
        transition:.3s;
    }
    .gridView .anketa-link{
        color:var(--color-active);
        text-decoration: none;
    }
    .gridView .anketa-link:hover{
        color:var(--color-active);
        text-decoration: none;    
    }
    .gridView .anketa-title{
        font-size: 18px;
    }
    .anketa_info_left{
        width: calc(100% - 230px);
        
    }
    .anketa_info_main{
        width: 50%;
        max-width:230px;
        padding-left: 0;
        padding-right: 0;
    }
    .gridView .anketa_info{
        padding-left: 0;
        padding-right: 0;
    }
    .gridView .anketa_info_left{
        width: 100%;
    }
    .gridView .anketa_info_main{
       display: flex;
        width: 100%;
        flex-wrap: wrap;
        /* justify-content: center; */
        min-height: 99px;
        align-items: self-end;
        align-self: flex-end;
        padding-left: 5px;
        padding-right: 5px;
    }
    .gridView .anketa_info-metro{
        padding-left: 0;
        padding-right: 0;
        min-height: 30px;
    }
   .listView .table_anketa_main tr td{
        display: block;
        float: left;
        font-size: 14px;
        font-weight: normal;
    }
   .listView .anketa-time{
       font-size: 14px;
       height: 14px;
       margin-top: 16px;
       margin-bottom: 16px;
   }
   .listView .table_anketa_main tr td:first-child{
        max-width: 50%;
        display: block;
        float: left;
    }
    .listView .table_anketa_main tr td{
        width: 50%;
        display: block;
        text-align: center;
    }
    .gridView .anketa-checked{
        display: none;
    }
    .gridView .tel_get{
        width: 100%;
        display: block;
        text-align: center;
        color:white;
        background: var(--color-second);
        border-radius:5px;
        padding-bottom: .5rem;
        padding-top: .5rem;
        cursor: pointer;
        font-size: 14px;
        text-decoration: none;
    }
    .gridView .tel_get:hover{
        color:white;
    }
    .gridView .anketa_info{
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .gridView .anketa_image{
        /* width: 180px; */
        padding-left: 0;
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 15px;
    }
    .gridView .anketa_image img{
        border-radius:5px;
    }
    .gridView.anketa{
        width: 190px;
        max-width: 25%;
        align-self:stretch;
        padding-top: 1rem;
        /* border-top:1px solid var(--theme-price-table); */
    }
    /* .gridView .anketa_info-additional table, */
    .gridView .anketa_info-additional small{
        display: none;
    }
    .anketa-checked-grid{
        display: none;
    }
    .gridView .anketa_image{
        position: relative;
    }
    .gridView .anketa_info_left, .gridView .anketa_info_left .anketa-title {
        width: 100%;
        text-align: left;
    }
    
    .gridView .anketa_info-additional table/* ,.gridView .anketa_info-additional table tr,.gridView .anketa_info-additional table td */{
        /* display: inline;     */
        text-align: left;
        min-height: 80px;
        padding: 0!important;
    }
    .gridView .anketa_info-additional table tbody{
        display: block;
        margin: auto;
        text-align: left;
    }
    .gridView .list-view,.listView .not-list-view{
        display: none;
    }
    .gridView .not-list-view,.listView .list-view{
        display: initial;
    }
    .gridView .anketa_info_main .price_table{
        display: none;
    }
    
    .listView .tel_get{
        max-height: 40px;
    }
    .listView .tel_get.content-tel{
        max-height: unset;
    }
    .gridView .tel_get{
        font-size: 14px;
        max-height: 36px;
    }
    .listView .tel_get:not(.content-tel).ready{
        font-size: 16px;
        padding-bottom: 8px;
        padding-top: 8px;
    }
    .selectOptionModal {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .selectOptionModal .modal-link{
        text-decoration: underline;
        font-weight: 400;
    }
    .selectOptionModal .modal-link:hover{
        text-decoration: none;
    }
    .filter_title{
        font-weight: 600;
    }
    .gridView .anketa-time,.imgView .anketa-time{
        display: none;
    }
  /*   .gridView .anketa_info-additional table tr td:last-child:after{
      content:", ";
  }
  .gridView .anketa_info-additional table tr:last-child td:last-child:after{
      content:"";
  } */
    .price_tableGrid{
        display: none;
    }
    .price-cont{
        display: none;
    }
    .gridView .price_tableGrid{
        display: block;
        min-height: 63px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .gridView .price-cont{
        display: inline-block;
        width: 100%;
        font-size: 16px;
        font-weight: bold;
        color: var(--color-active);
        letter-spacing: 1px;
        text-align: left;
    }
    .gridView .price-cont:first-child{
        font-weight: bold;
        color:var(--color-active);
        font-size: 16px;
    }
    .gridView .price-cont>div{
        display: inline;
    }
    .gridView .anketa-checked-grid{
            margin-left: 0rem;
            color: var(--color-white);
            text-transform: uppercase;
            position: absolute;
            display: block;
            bottom: 0;
            left: 0;
            width: 100%;
            text-align: center;
            padding: .4rem 1rem;
            background: var(--color-active-second);
            border-radius: 5px;
            font-size: 10px;
    }
    .gridView.anketa{
        padding:1.2rem;
    }
    .border-top-light{
        border-top:1px solid var(--theme-price-table);
    }
    .tableOptions{
        border:0 solid transparent!important;
        font-weight: normal;
        font-size: 14px;
        
    }
    
    .bordered-none{
        border-color:transparent;
    }
    .optionsListDoubled{
        list-style-type: none;
        padding-left: 0;
        
    }
    .optionsListDoubled .active{
        color:black;
        position: relative;
        font-weight: bold;
        padding-left: 2rem;
    }
    .optionsListDoubled .notactive{
        color:grey;
        position: relative;
        font-weight: normal;
        padding-left: 2rem;
    }
    .optionsListDoubled .active:before,.optionsListDoubled .active:after{
        content:'';
        position: absolute;
        left: 4px;
        top: 50%;
        transform:translateY(-50%);
        height: 0.8rem;
        width: 0.8rem;
        border:1px solid black;
    }
    .optionsListDoubled .active:after{
        color:green;
        content:'\2713';
        border:0;
        line-height: .75;
    }
    .page-link{
        color:var(--color-active);
    }
    .color-active{
        color: var(--color-active);
        
    }
    .color-second{
         color: var(--theme-second-text);
    }
    a.color-active{
        text-decoration: none;
    }
    .ui-slider .ui-slider-range{
        background: var(--color-active);
        height: 4px;
    }
    a.color-active:hover{
        color: var(--color-active-hover);
        text-decoration: underline;
    }
    .page-link:hover {
        z-index: 2;
        color: var(--color-second);
        background-color: #e9ecef;
        border-color: #dee2e6;
    }
    .page-item-style.active .page-link,.page-item.active .page-link,.page-item .page-link:hover{
        background-color: var(--color-active);
        border-color: var(--color-active);
        color: white;
    }
    .page-item-style.page-item-style-next .page-link,
    .page-item-style.page-item-style-next .page-link:hover{
        background-color: transparent;
        border-color: transparent;
        color:black;
        
    }
    .optionsListDoubled .notactive:before,.optionsListDoubled .notactive:after{
        content:'';
        position: absolute;
        left: 4px;
        top: 50%;
        transform:translateY(-50%);
        height: 0.8rem;
        width: 0.8rem;
        border:1px solid grey;
    }
    .optionsListDoubled .notactive:after{
        color:red;
        content:'\2717';
        border:0;
        line-height: .75;
    }
    .bubble-dialog{
        padding: 1rem;
        background: var(--theme-second);
        margin-top: 1rem;
        position: relative;
        border-radius:1rem;
        word-break: break-all;
    }
    .bubble-dialog:before{
        position: absolute;
        content:'';
        background: var(--theme-second);
        top: 0;
        left: .5rem;
        width: 1rem;
        height: 1rem;
        transform:rotate(45deg) translateY(-50%);
    }
     .showonmap{
        outline: 0!important;
        position: relative;
        -webkit-box-shadow: none!important;
        -moz-box-shadow: none!important;
        box-shadow: none!important;
        color:#212529;
        transition:.3s;
        font-size: 1.2rem;
        
    }
    .showonmap:before{
        content:"";
        transition:.3s;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border:1px solid #212529;
    }
    .showonmap:hover:before{
        border-color: #212529;
    }
    .comments-anketa .ticket-comment{
        background: #f5f5f5;
        padding: .4rem;
    }
    .comments-anketa textarea{
        height: 3.6rem;
    }
    .comments-anketa{
      padding-top: 1rem;
      padding-bottom: 1rem;
      background: var(--theme-second)
    }
    .comments-anketa textarea,.comments-anketa input{
        border-radius:0;
        background: white;
    }
    .comments-anketa .form-actions{
        text-align: right;
    }
    .comments-anketa .btn-primary.submit{
        background: transparent;
        border:1px solid var(--color-active);
        border-radius:0px;
        color: var(--color-active);
    }
    .comments-anketa .btn-primary.submit:hover{
        background: var(--color-active-hover);
        border:1px solid var(--color-active-hover);
        border-radius:0px;
        color: var(--theme-second);
    }
    .showonmap.showonmap-easy{
        margin: 0;
        border:0;
    }
    .showonmap.showonmap-easy:hover{
        color: var(--color-active-hover);
    }
    .showonmap.showonmap-easy:before{
        height: 1px;
        border:0;
        border-bottom:1px solid var(--color-active);
    }
    .showonmap.showonmap-easy:hover:before{
        width: 0%;
    }
    .showFilterPage{
        width: auto;
    }
    .btn-outline-secondary,.showFilterPage{
        margin-top: .5rem;
        min-width: 110px;
        text-align: center;
        font-weight: 600;
        height: 40px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background-color: #dedede;
        font-size: 12px;
        text-transform: uppercase;
        line-height: 28px;
        border: none;
        color: #41383b;
        transition: all ease-in-out .3s;
    }
    .markItUpContainer textarea{
        padding: .3rem;
    }
    #ticketForm #ticket-sections{
        max-width: none;
    }
    .btn-anketa_up{
        outline:0;
        color: var(--bs-success);
        border: 1px solid var(--bs-success);
    }
    .btn-change_anketa{
        outline:0;
        color: var(--bs-secondary);
        border: 1px solid var(--bs-secondary);
    }
    .anketa-archive{
        outline:0;
        color: var(--bs-danger);
        border: 1px solid var(--bs-danger);
    }
    .btn-anketa-vip-close{
        outline:0;
        color: var(--bs-danger);
        border: 1px solid var(--bs-danger);
        position: relative;
    }
    .ajax-actions .btn{
        line-height: 1;
        padding: 12px;
    }
    .btn-anketa-vip-close:hover{
        color: white;
        background: var(--bs-danger);
    }
    .btn-anketa-vip{
        outline:0;
        color:var(--color-active);
        border: 1px solid var(--color-active);
    }
    .btn-anketa-vip:hover{
        color: white;
        background: var(--color-active);
    }
    .btn-anketa_up:hover{
        color: white;
        background: var(--bs-success);
    }
    .btn-change_anketa:hover{
        color: white;
        background: var(--bs-secondary);
    }
    .anketa-archive:hover{
        color: white;
        background: var(--bs-danger);
    }
    #map{
        width: 100%;
        height: 100%;
    }
    .ticket-files-tehno{
        list-style-type: none;
    }
    .ticket-files-tehno>li img{
        max-height:200px;
        max-width:200px;
    }
    .ticket-files-tehno>li{
        display: inline-block;
        padding-top: .4rem;
        padding-bottom: .4rem;
        margin-left: .4rem;
        margin-right: .4rem;
    }
    .ticket-files-tehno{
        padding-left: 0;
    }
     .teh-ticket{
         background: white;
         padding: 1rem;
         font-size: 1.4rem;
         border-radius:1rem;
     }
     .teh-comments{
         padding: 1rem;
         background:beige;
     }
     .teh-comments #comments-wrapper ol{
         padding-left: .3rem;
     }
    .teh-comments .ticket-comment-header{
        margin-bottom: .2rem;
        padding-bottom: .2rem;
        border-bottom:1px solid var(--theme-second);
    }
    .teh-comments .ticket-comment-header .ticket-comment-createdon{
        float: right;
    }
    .teh-comments .comment-reply{
        margin-bottom: -1rem;
    }
    .teh-comments .edit{
        text-decoration: none;
        display: inline-block;
        padding: .3rem .8rem;
        
        margin-right: -1rem;
        border-radius:4px;
        border-bottom-right-radius:1rem;
        border:1px solid var(--color-active);
        color:var(--color-active);    
    }
    .teh-comments .edit:hover{
        text-decoration: none;
        color:var(--color-active-hover);    
    }
    .tehno-ticeket-header{
        position: relative;
    }
    .tickets-row.card.hasnew{
        background: #d0e3ff;
        border:1px solid #97baed;
    }
    .new_comments,.new_comments .ticket-new-comments{
        
        padding-left: .2rem;
        padding-right: .2rem;
        display: inline-block;
        color: white!important;
        background: var(--bs-primary);
        border-radius:10px;
    }
    .new_comments{
        padding: .1rem;
        padding-left: .4rem;
        padding-right: .4rem;
    }
    .tickets-row.card.nonew{
        background: #f2f1f1;
        border:1px solid var(--bs-secondary);
    }
    a.link-main{
        text-decoration: none;
        color:var(--color-active);
    }
    a.link-main:hover{
        text-decoration: none;
        color:var(--color-active-hover);
    }
    .btn-active{
        color: white;
        background: var(--color-active);
    }
    .btn-active:hover{
        color: white;
        background: var(--color-active-hover);
    }
    .lazy-preloader-active{
        border-left-color:var(--color-active-hover);
        border-bottom:0;
        border-top:0;
        border-right-color:var(--color-active-hover);
    }
    .tehno-new-buble{
        position: absolute;
        cursor: default;
        width: 2rem;
        height: 2rem;
        right: -1rem;
        top: -1rem;
        font-size: 1.2rem;
        font-weight: bold;
        text-align: center;
        background: white;
        border-radius:100%;
        border:1px solid var(--bs-secondary);
    }
    
    .services-cont{
        padding-top: .5rem;
        margin: 0;
        padding-bottom: .5rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        border-radius: .1rem;
        background: var(--theme-price-table);
    }
     .services-cont .service-block{
         padding: .4rem;
         border:1px solid var(--theme-second);
         height: 100%;
         margin-bottom: .4em;
     }
     .AdsForm-file-insert,.ticket-file-insert{
         display: none;
     }
     .ui-state-default{
         position: relative;
         cursor: pointer;
         border-radius:100%;
     }
     .ui-state-default.ui-state-focus,.ui-state-default.ui-state-active{
         background: var(--color-active-hover);
         outline: 0;
         border:0;
     }
     .ui-state-default:before{
         content:'';
         width: 65%;
         height: 65%;
         position: absolute;
         left: 50%;
         top: 50%;
         transform:translateY(-50%) translateX(-50%);
         background:white;
         border-radius:100%;
     }
     .ui-state-default{
         border: 3px solid var(--color-active)!important;
     }
     .ui-state-default.ui-state-focus:before,.ui-state-default.ui-state-active:before{
         background: white;
     }
     .ui-slider-horizontal{
         height: 5px;
         margin-top: 18px;
         margin-bottom: 16px;
     }
     .ui-slider-horizontal .ui-slider-handle{
         top:-.45em;
     }
    .anketa-vip-item{
        line-height: 1.1;
        margin-bottom: 0;
        position: relative;
    }
    .anketa-vipcard-bg{
        background: #ffffffbb;
        max-width: calc(25% - 10px);
        box-shadow:0px 0px 1px 1px #dddada;
        transition:.1s;
        min-height: 403px;
        margin-right:10px;
    }
    .anketa-vip-item img{
        min-height: 180px;
    }
    .anketa-vipcard-bg:hover{
        background: #ffffff;
        box-shadow:0px 0px 1px 1px var(--color-active);
    }
    .vip-status{
        position: absolute;
        top: 0rem;
        right: 0.75rem;
        border-bottom-left-radius:10px;
        padding-right: .25rem;
        line-height: 1;
        padding-left: .25rem;
        box-shadow:-2px 2px 2px 1px var(--color-active-hover);/*#b7500b*/
        padding-top: .25rem;
        font-size: 1.5rem;
        padding-bottom: .25rem;
        background: var(--color-active);
        color: white;
        /* border: 1px solid white; */
    }
    
    .anketa-vip-metro{
        min-height: 2.8rem; 
        padding-top: .3rem;
        padding-bottom: .3rem;
    }
    .anketa-vip-city{
        min-height: 1.8rem; 
        padding-top: .3rem;
        padding-bottom: .3rem;
    }
    .anketa-vip-breast{
        padding-top: .3rem;
        padding-bottom: .3rem;
    }
    .anketa-vip-price{
       padding-top: .3rem;
       padding-bottom: .3rem;
    }
    .anketa-vip-title{
        text-align: center;
        /* min-height: 2.8rem; */
        padding-bottom: .2rem;
        padding-top: .3rem;
        padding-bottom: .3rem;
        line-height: 0.8;
        font-size: 18px;
        font-weight: bold;
        text-decoration: none;
        margin-bottom: 0;
        
    }
    .anketa-vip-title a{
        text-decoration: none;
        color: var(--color-active);
    }
    .anketa-vip-title a:hover{
        text-decoration: none;
        color: var(--color-active-hover);
    }
    .anketa-vip-telephone>.tel_get.ready{
        font-size: 14px;
    }
    .anketa-vip-price{
        min-height: 1rem;
        line-height: 1.1;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 0;
    }
    .anketa-vip-metro,.anketa-vip-city{
        line-height: 1.1;
        text-align: left;
        font-size: 14px;
        margin-bottom: 0;
    }
    .filterBlock{
        width: 100%;
    }
    .anketa-vip-breast{
        min-height: 1rem;
        line-height: 1.1;
        text-align: center;
        font-size: 1rem;
        margin-bottom: 0;
    }
    .anketa-vip-telephone{
        line-height: 1.1;
        text-align: center;
        padding-bottom: .45rem;
        padding-top: .3rem;
        margin-bottom: 0;
    }
    .btn-onmap{
        height: 50px;
        background: var(--theme-price-table);
        border:1px solid var(--theme-second);
        text-align: left;
        font-size: 14px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .btn-onmap:hover{
        color:var(--color-active);
    }
    
    .telephone-search:after{
        content:"\e986";
        font-family: 'icomoon' !important;
        position: absolute;
        right: 8px;
        top: 50%;
        transform:translateY(-50%);
        font-size: 22px;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }
    #telephone{
     background: var(--theme-second);
     font-size: 16px;
    }
    #telephone+label{
        font-size: 14px;
    }
    .form-floating>.form-control#telephone{
        height: calc(3rem + 2px);
    }
    .anketa-vip-telephone a{
        color:var(--color-active);
    }
    .swiper-button-next:after,
    .swiper-button-prev:after{
        color: var(--color-active);
    }
    .swiper-button-next{
        right: -20px;
    }
    .swiper-pagination{
        
    }
    .swiper-pagination-bullet{
        border-radius:0;
        height: 1rem;
        width: .75rem;
        border:3px solid black;
    }
    .swiper-pagination-bullet-active{
        background: black;
        border:3px solid var(--color-active);
    }
    .swiper-button-prev{
        left: -20px;
    }
    .anketa-vip-telephone a:hover{
        color:var(--color-active-hover);
    }
    .vip-anketas{
        box-shadow:inset 0px 0px 8px 0px  #e6aa81;
        background:  #f4d0b7;
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .msGallery-cards-content{
        width: 80%;
        border-radius:20px;
        margin: auto;
    }
    .filter div.select>input.select{
        position: relative;
    }
       
    .filter div.select>input.select{
        
    }
    .filter div.select{
        position: relative;
    }
    .filter div.select>.selectCont{
        position: absolute;
        z-index: 99;
        display: none;
        top: 100%;
        background: white;
        overflow: auto;
        height: auto;
        max-height:8.5rem;
        width:100%;
        box-shadow:0px 0px 4px 1px #919191;
    }
     .filter div.select>input.select:active~.selectCont,.filter div.select>input.select:focus~.selectCont,.filter div.select>.selectCont:hover{
        display: block;
    }
    .form-control:focus,.form-select:focus{
        box-shadow:none;
    }
    .filter .selectCont>ul{
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .filter .selectCont>ul>li{
        padding-left: 1rem;
        padding-right: 1rem;
        border-bottom:1px solid #eee;
        padding-top: .25rem;
        padding-bottom: .2rem;
        cursor: pointer;
    }
    .filter_form.disabled{
        user-select:none;
        pointer-events:none;
        opacity: .7;
    }
    .filter .selectCont>ul>li:not(.disabled).selected,  .filter .selectCont>ul>li:not(.disabled):hover{
        background: var(--active-color);
        color:var(--text-active-color); 
    }
    .filter .selectCont>ul>li:hover{
        background: var(--color-active);
    }
    .msGrid{
        display: grid ;
        grid-template-columns: 50% 50%;
        grid-template-areas: 
       "msGrid_Gallery msGrid_Prices"
       "msGrid_Gallery msGrid_Description"
       "msGrid_Description-text msGrid_Description"
       "msGrid_Geo msGrid_Geo"
       "msGrid_Services msGrid_Services";
        grid-template-rows: auto auto auto;
        grid-auto-flow: column;

    }
    
    .ajax-actions-tabs .nav-link.active{
        color: var(--color-active);
        background: var(--theme-second);
        border: var(--theme-second);
    }
    .msGrid_Gallery{
        grid-area:msGrid_Gallery;
        padding-left: .1rem;
        padding-right: .15rem;
    }
    .msGrid_Prices{
        padding-left: .4rem;
        padding-right: .35rem;
        grid-area:msGrid_Prices;
    }
    .msGrid_Description-text{
        padding-left: .4rem;
        padding-right: .35rem;
        grid-area:msGrid_Description-text;
    }
    .msGrid_Description{
        padding-left: .4rem;
        padding-right: .35rem;
        grid-area:msGrid_Description;
    }
    .msGrid_Geo{
        padding-left: .4rem;
        padding-right: .35rem;
        grid-area:msGrid_Geo;
    }
    .msGrid_Services{
        padding-left: .4rem;
        padding-right: .35rem;
        grid-area:msGrid_Services;
    }
    @media(max-width:1200px){
        .mainPart{
            width: calc(100% - 220px);
            min-width: calc(100% - 220px);
        }
        .rightPart{
            display: none;
        }
        .leftPart{
            width: 220px;
        }
        .imgView.anketa{
            max-width: 25%;
        }
    }
    @media(max-width:991px){
        .adFilesCont{
            max-width: 35%;
        }
        .mainPart{
            width: 100%;
            max-width: 100%;
        }
        .leftPart{
            position: fixed;
            top: 0;
            left: 0%;
            padding-top: var(--mobile-hh);
            transition:0.3s;
            max-width: 0px;
            z-index: 1100;
            width: 100%;
            max-height: calc(100vh);
            height: 100vh;
            padding-left: 10px;
            padding-right: 10px;
            overflow: auto;
            padding: 0;
        }
        .leftPart::-webkit-scrollbar {
          width: 0;
        }
        .leftPart.show{
            transition-delay:0s;
            max-width: 600px;
            padding: 0 20px;
            padding-bottom:calc(var(--mobile-hh) + 20px);
        }
        body{
            padding-top: calc(var(--mobile-hh) + 30px);
        }
        header{
            position: fixed;
            top: 0;
            left: 0;
            z-index: 999;
            width: 100%;
            max-width: 100vw;
            background: white;
            padding-bottom: 5px;
            border-bottom: 1px solid #eee;
        }
        .auth_block .btn-login{
            height: 38px;
        }
        .leftPart-menu,.filterBlock{
            position: absolute;
            top: calc(var(--mobile-hh) + 3px);
            z-index: 2;
            transition:.1s;
            left: calc(-100% - 220px);
            background: white;
            width: 300px;
            max-width: calc(100% - 35px);
        }
        .leftPart-menu.open,.filterBlock.open{
            left: 0%;
            
        }
        .filterBlock{
            padding-left: 0px;
            padding-right: 0px;
        }
        .filterBlock.open{
            padding-left: 20px;
            padding-right: 40px;
        }
        
        .mainMenu-item.last>a{
            border-radius:0;
        }
        .filterBlock .filter{
            max-width: 300px;
            margin-left: 20px;
            padding-bottom: 50px;
        }
        
        .logo {
            width: calc(120px + 420 * ((100vw - 320px) / 992));
            padding: 0;
        }
        .logo.authLogo{
            width: calc(100px + 420 * ((100vw - 320px) / 992));
            padding: 0;
        }
        .logo:not(.footerlogo) img{
            border-radius:2px;
            max-width: 40px;
            max-height: 38px;
        }
        .desktop{
            display: none;
        }
        .mobile{
            display: block;
        }
        .mainMenu-item.mobile{
            display: block;
        }
        .listView .anketa_image,.listView .anketa_info,.anketa_info_left,.anketa_info_main{
            width: 100%;
        }
        .listView .anketa_image{
            width: 40%;
        }
        .listView .anketa_info,.anketa_info_left,.anketa_info_main{
            width: 60%;
        }
        .listView .anketa_info_left{
            order:2;
            text-align: center;
            display: none;
        }
        .listView .anketa_info_main{
            order:1;
            margin: auto;
        }
        .pagination_on_page, .page_view{
            font-size: 16px;
        }
        .listView .anketa_info-metro .content-title{
            font-size: 20px!important;
        }
        .anketa-vipcard-bg{
            border-radius:5px;
            max-width: unset;
            background:white;
        }
        
        .mobile{
            display: block;
        }
        .gridView.anketa {
            width: 33%;
            max-width: 33%;
        }
        .imgView.anketa {
            width: 33%;
            max-width: 33%;
        }
        .listView .anketa-title.mobile{
            display: block;
            width: 100%;
            text-align: center;
            padding-top: 0px;
        }
        .listView .anketa-checked.mobile{
            display: block;
            width: 100%;
            text-align: center;
            margin-left: 0;
        }
        .gridView .anketa-title.mobile{
            margin: 0;
            min-height: 20px;
            font-size: 18px;
            display: none;
        }
        .anketa-title.mobile{
            font-size: 22px;
        }
        .ajax-actions-tabs .nav-link{
            width: 100%;
            display: block;
        }
        
        .ajax-actions-tabs .nav-link.active{
            border-color:#dee2e6 #dee2e6;
        }
        .gridView .anketa_info-metro{
            min-height: 30px;
        }
        .footer .logo{
            width: 30%;
            margin: auto;
        }
    }
    @media(max-width:757px){
        .msListOrders.table{
            font-size: 13px;
        }
        .anketa-vipcard-bg{
            min-height: 380px;
            max-width: 50%;
            margin-right:10px;
        }
        .h2-balance{
            font-size: 14px;
            text-transform: uppercase;
            font-weight: bold;
            color: rgb(33, 37, 41);
            text-align: center;
        }
         .page-item.page-item-style .page-link,
        .page-item.page-item-style:first-child .page-link,
        .page-item.page-item-style:last-child .page-link,
        .page-item.page-item-style.disabled .page-link{
            padding-top: 0;
            padding-bottom: 0;
            border:1px solid transparent;
            font-weight: bold;
            border-radius:0;
            line-height:1.1;
            margin: .1rem;
            padding-left: 4px;
            padding-right: 4px;
            
        }
        .adFilesCont{
            max-width: 100%;
        }
        .listView.anketa{
            padding-bottom: .4rem;
        }
        .msGrid{
            display: grid ;
            grid-template-columns: 50% 50%;
            grid-template-areas: 
           "msGrid_Gallery msGrid_Gallery"
           "msGrid_Prices msGrid_Prices"
           "msGrid_Description msGrid_Description"
           "msGrid_Description-text msGrid_Description-text"
           "msGrid_Geo msGrid_Geo"
           "msGrid_Services msGrid_Services";
            grid-template-rows: auto auto auto;
            grid-auto-flow: column;
    
        }
        .d-desktop{
            display: none;
        }
        .profile-card{
            /* order:2; */
        }
        #pdopage .pagination{
            margin-top: 1rem;
        }
        .anketa-vip-telephone>.tel_get.ready{
            font-size: 16px;
        }
        .anketa_info_main{
            max-width: 300px;
        }
        .footer .logo.footerlogo{
            width: 100%;
            margin-bottom: 10px;
        }
        .footer-info{
            font-size: 14px;
            padding-left: 0;
        }
        .hideH1 h1{
            display: none;
        }
        .footer-nav .nav-link{
            font-size: 16px;
        }
        .gridView.anketa {
            width: 50%;
            max-width: 50%;
        }
        .imgView.anketa {
            width: 50%;
            max-width: 50%;
        }
        .pagination_on_page,.page_view{
            width: 50%;
            max-width: 50%;
            justify-content: flex-end;
        }
        .pagination_on_page{
            justify-content: start;
        }
        .mainPart,.rightPart{
            width: 100%;
            max-width: 100%;
        }
        .footer-nav .nav-link{
            width: 100%;
        }
        .footer-info{
            width: 100%;
        }
        .footer-nav .nav-link:before{
            display: none;
        }
        .imgView.anketa{
            width: 33%;
            padding: .2rem;
        }
        .imgView.anketa>.row{
            margin: 0;
        }
        .gridView .anketa_image{
            margin-bottom: 5px;
        }
        .gridView .price_tableGrid{
            min-height: 30px;
        }
    }
    @media(max-width:400px){
         .anketa_image{
            min-height: 150px;
        }
        .gridView .price-cont{
            font-size: 16px;
        }
        .imgView.anketa{
            width: 50%;
        }
        .listView .anketa_image{
            width: 100%;
        }
        .listView .anketa_info,.anketa_info_left,.anketa_info_main{
            width: 100%;
        }
        .listView .anketa-title.mobile{
            padding-top: 20px;
        }
        .footer .fs-4{
            font-size: 16px!important;
        }
    }
       .btn-login{
        width: auto;
        margin: .2rem;
        border:1px solid #eee;
        background: var(--theme-second);
        font-weight: 600;
        color: #41383b;
        font-size: 14px;
    }
    .btn:active,.btn:focus{
        box-shadow:none;
    }
    .btn-login:hover{
        background: #e3e3e3;
    }
    @media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.search_content{
    width: calc(100% - 55px);
    padding-left: 12px;
    padding-right: 2px;
}
.search_img{
    width: 55px;
    height: auto;
    padding: 0;
}
.msOptionsMetro:empty~.fa-metro{
    display: none;
}

/* MOBILE_ADAPTIVE_A11Y_V1 — 2026-09-10 */
@media (max-width: 767.98px) {
    .mse2_pagination .page-link,
    .pagination_on_page a,
    .page_view a {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.625rem 0.75rem;
        line-height: 1.2;
    }

    .anketa-title .anketa-link,
    .pagination_on_page a.active {
        color: #983b00;
    }
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
}
/* /MOBILE_ADAPTIVE_A11Y_V1 */




/* ==========================================================================
   RESPONSIVE_CARD_SYSTEM_V1 — 2026-09-11
   Canonical geometry for listView / imgView / gridView.

   Principles:
   - never upscale 300x400 source previews;
   - never distort intrinsic aspect ratio;
   - desktop keeps existing layout geometry;
   - tablet uses readable 3-column card grids;
   - very small phones use 2-column grids;
   - listView becomes stacked only on <=400px.
   ========================================================================== */

/*
 * Shared image policy.
 *
 * The generated previews already have intrinsic dimensions (normally 300x400).
 * max-width may shrink them to their card, but width:auto prevents enlargement.
 */
.anketa .anketa_image > a {
    display: block;
    max-width: 100%;
}

.anketa .anketa_image img.mw-100 {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

/* Keep compact image-card modes centred. */
.imgView .anketa_image img.mw-100,
.gridView .anketa_image img.mw-100 {
    margin-left: auto;
    margin-right: auto;
}

/*
 * Desktop.
 * Preserve the established 180px listView image column.
 */
@media (min-width: 992px) {
    .listView .anketa_image {
        width: 180px;
        max-width: 180px;
    }

    .listView .anketa_info {
        width: calc(100% - 180px);
    }

    .listView .anketa_image img.mw-100 {
        margin-left: 0;
        margin-right: auto;
    }
}

/*
 * Tablet and normal mobile.
 * One coherent rule replaces the accumulated conflicting percentages.
 */
@media (min-width: 401px) and (max-width: 991.98px) {
    .listView .anketa_image {
        width: 40%;
        max-width: 40%;
    }

    .listView .anketa_info,
    .listView .anketa_info_left,
    .listView .anketa_info_main {
        width: 60%;
        max-width: 60%;
    }

    /*
     * Three cards per row for image/grid modes.
     * Both modes now use identical breakpoint geometry.
     */
    .imgView.anketa,
    .gridView.anketa {
        width: 33.333333%;
        max-width: 33.333333%;
    }

    .listView .anketa_image img.mw-100 {
        margin-left: auto;
        margin-right: auto;
    }
}

/*
 * Small phones.
 * listView stacks naturally; compact modes remain two cards per row.
 */
@media (max-width: 400px) {
    .listView .anketa_image,
    .listView .anketa_info,
    .listView .anketa_info_left,
    .listView .anketa_info_main {
        width: 100%;
        max-width: 100%;
    }

    .listView .anketa_image img.mw-100 {
        margin-left: auto;
        margin-right: auto;
    }

    .imgView.anketa,
    .gridView.anketa {
        width: 50%;
        max-width: 50%;
    }
}

/* /RESPONSIVE_CARD_SYSTEM_V1 */



/* DOSUGMAP_FILTER_RANGE_VALUE_V3 */
#mainFilter .mse2_number_inputs .filter-range-value {
    box-sizing: border-box;
    min-width: 0;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 13px;
    line-height: 1.2;
}

#mainFilter .mse2_number_inputs label {
    min-width: 0;
}

@media (max-width: 767.98px) {
    #mainFilter .mse2_number_inputs .filter-range-value {
        padding-left: 3px;
        padding-right: 3px;
        font-size: 12px;
    }
}
/* /DOSUGMAP_FILTER_RANGE_VALUE_V3 */




/* DOSUGMAP_CARD_PARAMS_UI_V4
   Scope: LIST VIEW ONLY.

   Important:
   - restore Рост/Вес rows to real table rows
   - preserve complete card flex geometry
   - do not modify price/right column
   - do not affect gridView/imgView
*/

.listView .anketa_info_left .table_anketa_main {
    width: auto !important;
    max-width: 100% !important;
    table-layout: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*
 * Рост and Вес carry class=list-view in the source.
 * Generic view-switching CSS must not turn those TRs
 * into inline/block elements while parent card is listView.
 */
.listView .table_anketa_main tr.list-view {
    display: table-row !important;
}

/*
 * One stable left axis for labels.
 * Width belongs only to table cells, not to the card container.
 */
.listView .table_anketa_main td.dm-card-param-label {
    display: table-cell !important;

    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;

    box-sizing: border-box !important;

    padding-left: 0 !important;
    padding-right: 12px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    text-align: left !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

/*
 * Second stable axis for values.
 * No fixed total table/card width: right pricing column stays untouched.
 */
.listView .table_anketa_main td.dm-card-param-value {
    display: table-cell !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    box-sizing: border-box !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    text-align: left !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.listView .table_anketa_main td.dm-card-param-label,
.listView .table_anketa_main td.dm-card-param-value {
    line-height: 1.45 !important;
}

/*
 * Explicitly prevent row/cell layout leakage from generic list-view rules.
 */
.listView .table_anketa_main tbody {
    display: table-row-group !important;
}

.listView .table_anketa_main tr {
    float: none !important;
    clear: both !important;
}

.listView .table_anketa_main td {
    float: none !important;
}

/* /DOSUGMAP_CARD_PARAMS_UI_V4 */


/* DOSUGMAP_CARD_PARAMS_UI_V5
   Visual polish only.
   transform is intentional: it moves the parameter table visually
   without changing flex/grid geometry or pushing the pricing column.
*/

/* Slight visual offset to the right */
.listView .anketa_info_left .table_anketa_main {
    transform: translateX(16px) !important;
    transform-origin: left center !important;
}

/* Softer editorial labels */
.listView .table_anketa_main td.dm-card-param-label {
    color: #555 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* Cleaner values */
.listView .table_anketa_main td.dm-card-param-value {
    color: #3f3f3f !important;
    font-weight: 500 !important;

    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

/* Slightly more breathing room, still compact */
.listView .table_anketa_main td.dm-card-param-label,
.listView .table_anketa_main td.dm-card-param-value {
    line-height: 1.48 !important;
}

/*
 * Safety contract:
 * no width/margin/flex changes are introduced here.
 * Right price column geometry remains untouched.
 */

/* /DOSUGMAP_CARD_PARAMS_UI_V5 */


/* DOSUGMAP_CARD_PARAMS_UI_V6_VALUE_SHIFT
   Move ONLY the right parameter-value column.
   transform does not participate in table/flex width calculation.
*/
.listView .table_anketa_main td.dm-card-param-value {
    transform: translateX(36px) !important;
}

/* Keep label axis exactly where V5/V4 placed it. */
.listView .table_anketa_main td.dm-card-param-label {
    transform: none !important;
}

/* /DOSUGMAP_CARD_PARAMS_UI_V6_VALUE_SHIFT */
