body { background-color:#fafafa!important; font-family: "Inter"!important;
    font-optical-sizing: auto; }


:root {
  --theme-color: #74A5E0;
  --theme-color-hover: #;
  --white-color: #fff;
  --black-color: #555;
  --white-text: #fff;
  --black-text: #252525;
  --gray-text: #676a79;
  --gray-light-text: #bbbbcf;

  --btn-dark-bg: #262626;
  --btn-dark-bg-hover: rgb(48.85, 48.85, 48.85);
}

/* Preloader -------------------------------------------------------*/

.loader-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    font-size: 0;
    color: #00c9d0;
    display: inline-block;
    margin: -25px 0 0 -25px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.loader div {
    background-image: url(../../ts-img/tsc.gif);
    background-repeat: no-repeat!important;
    width: 40px;
    height: 40px;
}


::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

::-webkit-scrollbar
{
  width: 10px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
  background-color: var(--theme-color); 
  background-image: -webkit-linear-gradient(45deg,
                                            rgba(255, 255, 255, .2) 25%,
                        transparent 25%,
                        transparent 50%,
                        rgba(255, 255, 255, .2) 50%,
                        rgba(255, 255, 255, .2) 75%,
                        transparent 75%,
                        transparent)
}



.title-block { display:block; text-align: center; font-size: 1.25rem; font-weight: 400; color: #212529; border-radius: 0px; cursor: pointer;
background: #fff; padding: 0.75rem 1.25rem; line-height: 1.2; text-align: left; }

.modal-header { background: var(--theme-color); color: #fff; }

.desc-text { font-size: 14px!important; }

.ui-menu .ui-menu-item { font-size: 14px; }

#comment_txt { height: auto!important; padding-right: 36px; word-wrap: break-word; }
#open_smile { position:absolute; bottom:2px; right:2px; }
#my_email { width: 100%; }

    .smiles-btn { background: transparent; outline: none; box-shadow: none; border: 0px solid transparent; color: var(--theme-color); padding: 0px 4px; text-align: center; font-size: 20px; border-radius: 2px; }
    .smiles-btn:hover { background: #eee; }

.btn_manage {
    cursor: pointer;
    padding: 10px;
    margin-left: 1px;
    border-radius: 5px;
    margin-top: 0px !important;
}

.active {
    cursor: pointer;
    padding: 10px;
   
}

  .accordion.accordion-3 {
border-radius: 3px; }
.accordion.accordion-3 p {
font-size: 1rem; }
.accordion.accordion-3 .fa.fa-angle-down {
margin-top: -10px; }

.accordion .animated-icon1 span {
background: #F44336;
}

.ava11 {
    width: 40px!important;
    height: 40px;
    border-radius: 50% ;
    object-fit:cover;
}
.ava12 {
    width: 140px!important;
    height: 140px;
    border-radius: 50% ;
    object-fit:cover;
}


 li {
    list-style-type: none; /* Убираем маркеры */
   }

    .btn_pag {
        cursor: pointer;
        
        padding: 10px;
        margin-left: 1px;
        width: 40px!important;
        height: 40px!important;
        border-radius: 50%;
        object-fit: cover;
    }

    

    .btn_manage {
        cursor: pointer;
        background-color: #fff;
        padding: 10px;
        color: #000;
        margin-left: 1px;
        border-radius: 5px;
        margin-top: 0px !important;
    }

    /*.active {
        cursor: pointer;
        background-color: #1B489C!important;
        padding: 10px;
        color: white;
        margin-left: 1px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        object-fit: cover;
    }*/
 
    .content{
        width: 100px;
        height: 100px;
        display: inline-block;
        background-color: #FF9900;
        margin-left: 5px!important;
        padding: 10px!important;
    }
    .photo {
      background-color: #FF9900;   
    float: left; /* говорим элементам выстраиваться один за другим */
    width: 10%; /* устанавливаем ширину элемента */
    padding: 10px; /* добавляем отступы с каждой стороны */
    border: 5px solid white;
    height: 100px;
}



.leave_comm, .viev, .ts-btn-round {  
  display: inline-block!important;
    font-size: 1.2em!important;
    color: var(--theme-color);
    text-align: center;
    border: 1px solid var(--theme-color);
    background-color: transparent!important;
    width: 32px;
    height: 32px;
    line-height: 1;
    border-radius: 9999px!important;
    margin: 0 5px;
    transition: all .2s ease;
}

.leave_comm i, .viev i, .ts-btn-round i, .items-container .item span { font-size: .9em!important; }

.leave_comm:hover, .viev:hover, .ts-btn-round:hover { background: var(--theme-color)!important; color: #fff; }

#my_email, #my_name { font-size: 14px; }


.btn-signed { padding: 4px 6px!important; }

.background-block {
    float: left;
    width: 100%;
    height: 140px;
    overflow: hidden;
}
.background-block .background {
  width:100%;
  vertical-align: top;
  opacity: 0.9;
  -webkit-filter: blur(0.5px);
  filter: blur(0.5px);
   -webkit-transform: scale(1.8);
  transform: scale(2.8);
}

.profile {
  border-radius: 50%;
  position: absolute;
  top: 29px;
  left: 50%;
  /*max-width: 100px;*/
  width: 100px;
    height: 100px;
    object-fit: cover;

  opacity: 1;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
  border: 2px solid rgba(255, 255, 255, 1);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index:101;
}

.thumb { overflow: hidden; }
#artist_name { left: 0!important; }

.bg-before {
  width: 100%;
  padding: 15px 25px;
  color:#232323;
  float:left;
  background:#fff;
  height:50%;
  border-radius:0 0 5px 5px;
  position: relative;
  z-index: 100;
}

.bg-before::before {
    content: '';
    background: #fff;
    width: 120%;
    height: 100%;
    left: 0px;
    bottom: 36px;
    position: absolute;
    z-index: -1;
    transform: rotate(-13deg);
}

.hidden-member-information { display: none; }
.hidden-member-information-show { display: block; position: absolute; top: 140px; left: 0; padding: 0 5px; background-color: #fff; width: 100%; height: auto; min-height: 100%; z-index: 99998;  }



.nav-width { display:flex; width: 70%; margin: 0 auto; }


.card { 
  position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    color: #212529;
    box-shadow: none;
 }

.card-body { -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem; }

  .card-title {     margin-bottom: 0.75rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
     }

.sort-list { list-style: none; padding: 0; margin: 0; }
.sort-list li { margin: 5px 0; }

.sort-button {
  display: block;
  width: 100%;
  outline: none; 
  min-height: 44px;
  padding: 12px;
  border-radius: 8px;
  background: #fff;
  font-size: 14px;
  color: #555!important;
  box-shadow: 0 4px 16px 0 rgba(22, 42, 90, 0.12);
  border: 1px solid rgba(22, 42, 90, 0.12);
  transition: box-shadow 0.3s ease;
}

.sort-button:hover { transition: box-shadow 0.3s ease; color: var(--theme-color)!important; }

.members-cont { width: 70%; }

@media (max-width: 992px) {
.members-cont { width: 90%; }
}

@media (max-width: 576px) { 
  .members-cont { width: 100%; }
  .gtranslate_wrapper { display: none; }
  .navbar .form-inline { margin-top: 1px!important; margin-left: 10px!important; }
  .navbar { padding: 5px!important; }
 }


.theme-text { color: var(--theme-color); }


a:not(.sidenav-link):not(.btn):not(.dropdown-item):not(.nav-link):not(.navbar-brand):not(.page-link):not(.carousel-control-prev):not(.carousel-control-next) {
    color: var(--theme-color);
}


.btn_pag {
        cursor: pointer;
        
        padding: 10px;
        
        margin-left: 1px;
        width: 40px!important;
        height: 40px!important;
        border-radius: 50%;
        object-fit: cover;
    }

    .btn_manage {
        cursor: pointer;
        padding: 10px;
        margin-left: 1px;
        border-radius: 5px;
        margin-top: 0px !important;
    }

    .active {
        cursor: pointer;
        padding: 10px;
       
    }
    .wookmark-placeholder{
        display: none!important;
    }



[tooltip] {
  position: relative;
}


[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  font-size: .9em; 
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent;
  z-index: 1001;
}
[tooltip]::after {
  content: attr(tooltip);
  font-family: arial!important;
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000;
}


[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}


[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}


[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}


.gtranslate_wrapper { position: relative; top: 20px; }
.gt_float_switcher .gt-selected .gt-current-lang { padding: 2px!important; }
.gt_float_switcher img { width: 20px!important; }
.gt-lang-code { font-size: 16px!important; color: #555!important; }
.gt_float_switcher .gt-selected, .gt_float_switcher, .notranslate { background-color: transparent!important;
box-shadow: none!important; }
.gt_options, .gt-open { background-color: #fff!important; position: absolute!important; width: 130px!important; }
.nturl { font-size: 16px!important; }

.gt_black_overlay { background-color: transparent!important; }
.gt_white_content { position: absolute!important; background-color: #FCFCFC!important; top: 30px!important; 
    left: auto!important; right: 0!important; margin: 0!important; box-shadow:  1px 1px 2px 0 #ccc; 
    overflow: inherit!important; border: 1px solid #ccc!important; border-top: 3px solid var(--theme-color)!important; }
    .glink:last-child { border-bottom: none!important; }




.ava4 { width: 80px!important; height: 80px!important; border: 2px solid var(--theme-color); }
/*.a-fix a{ background-color:#fcfcfc!important; color: #555!important; margin: 0; font-size: 14px; 
    border: 1px solid #ddd; font-weight: normal!important; }
.a-fix i { font-size: 14px!important; color: var(--theme-color); }
.a-fix a:hover { background-color:#f4f4f4!important; color: #353535!important; }*/
.ts-btn-transparent { background-color: transparent!important; }


.soc-link i { padding: 4px 8px!important; }
.soc-link i { color: #ddd!important; }
.soc-link:hover i { color: #fff!important; }


#tags { background-color: #fff!important;
   color: #000!important; border: 1px solid #ced4da!important; }

.ts-logo { margin-top: 2px; width: 62px; height:62px; display: inline-block; background-image: url(../../ts-img/tsclogo.png); background-repeat: no-repeat; }

.navbar { background-color: #fff!important; }
/*.side-block { background-color: var(--theme-color)!important; color: #fff!important; }*/
.ts-search-member-link { background-color: #fff!important; color: #555!important; font-weight: normal!important; }
.ts-search-member-link a { border-bottom: 1px solid #eee; }
.ts-search-member-link a:last-child { border-bottom: none; }
.ts-search-member-link:hover { background-color: #fcfcfc!important; color: var(--theme-color)!important; }
.ts-search-member-link i { color: var(--theme-color)!important; }
.btn-red { background-color: #fff!important; color: #000!important; }
.btn_manage { background-color: var(--theme-color)!important; color: #fff!important; }
.ts-members-soc, .ts-members-stat { background-color: #f4f4f4!important; color: #000!important; }
/*.ts-members-soc { background-color: var(--theme-color)!important; color: #fff!important; }*/

#linza { position: absolute; right: 0; padding: 11px!important; font-size: 15px; border-top-right-radius: .3em; border-bottom-right-radius: .3em;
 color:#fff!important; background-color: var(--theme-color)!important; text-align: center; }
#tags:focus { border-color: var(--theme-color)!important; }

.ts-btn-grad { background: -webkit-linear-gradient(50deg,#45cafc,#303f9f)!important;
    background: -o-linear-gradient(50deg,#45cafc,#303f9f)!important;
    background: linear-gradient(40deg,#45cafc,#303f9f)!important; color:#fff!important; padding: 8px 10px; 
    box-shadow: none; border-radius: .3em!important; }

.ts-btn { background: var(--theme-color)!important; color:#fff!important; padding: 8px 10px; 
    box-shadow: none!important; border-radius: .3em!important; }
.ts-btn:focus { background-color: var(--theme-color)!important; opacity: 0.9; }
.ts-btn:active { background-color: var(--theme-color)!important; opacity: 0.9; }
.ts-btn:hover { background-color: var(--theme-color)!important; opacity: 0.9; }


.ts-outline-btn-theme { background-color: transparent!important; box-shadow: none!important; 
  cursor: pointer; border: 2px solid var(--theme-color)!important; padding: 6px 5px; color: var(--theme-color)!important; }
  .ts-outline-btn-theme:hover { background-color: transparent!important; border: 2px solid var(--theme-color)!important; 
    color: var(--theme-color)!important; }
    .ts-outline-btn-theme:active { background-color: transparent!important; border: 2px solid var(--theme-color)!important; 
    color: var(--theme-color)!important; }
    .ts-outline-btn-theme:focus { background-color: transparent!important; border: 2px solid var(--theme-color)!important; 
    color: var(--theme-color)!important; }

    .tiles-wrap li { border: 1px solid #dedede; }
    .ts-category-bg { background-color: #fff; color: #000!important; }
    .capt_categ { color: #000!important; }

    .ts-badge i { color: #fff!important}

    /*#style_tags, .style_tags1 { color: #000!important; background: #E9EFED; }*/
#style_tags1 { color: #fff; }

  #artist_name { text-align: left!important; padding: 1px 5px!important; }
  .thumb, .ts-members-prof { background-color: #fff!important; }
  .ts-thumb-footer { background-color: #f2f2f2!important; color: #000!important; padding: 10px 5px!important; }

  .ts-badge { background-color: var(--theme-color)!important; margin: 2px 1px; box-shadow: none!important; color: #fff!important; }
  .ts-badge-clr { background-color: var(--theme-color)!important; box-shadow: none!important; color: #fff!important; }

  .follow { display: block; margin: 10px auto 0 auto!important; width: 130px!important; padding: 5px 8px; }
  .members-user-full-name { font-size: 14px!important; }
  .members-user-location { font-size: 13px!important; }
  

  .demo-icon3, .demo-icon4, .demo-icon2 { color: var(--theme-color); }

  .members-prof-footer { color: #000!important; }

  .ts-dm { background-color: #fff!important; width: 94%!important; }
  .ts-dm li { padding: 10px; border-bottom: 1px solid #eee; }
  .ts-dm li:last-child { border-bottom: none; }
  .sorting-btn { margin: 20px auto 0 auto!important; text-align: center!important; }

  #filters { max-height:384px!important; }

  .muz-spec { padding: 2px 5px!important; text-align: left; border-bottom: 1px solid #eee; margin-top: 5px; color: var(--theme-color)!important }
  .muz-janr {  padding: 2px 5px!important; color: var(--theme-color)!important; text-align: left; }

  .state-memb, .town-memb { color: #555!important; padding: 0; margin: 0; }

  #date_razm, #tags_g { color: #555; text-align: center; font-size: 14px!important; }
  .ts-outline-g { background-color: transparent; border: 2px solid var(--theme-color); outline: none; 
    box-shadow: none; color: var(--theme-color)!important; transition: all .2s; line-height: 1; } /* border: 2px solid #aaa; color: #aaa!important; */
  .ts-outline-g:hover { webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
    color: #555!important; line-height: 1; border: 2px solid #555; }

    .tooltip { background-color: transparent!important; box-shadow: none!important; width: auto!important; 
    height: auto!important; }
    .tooltip::after { content: ""; color: transparent!important; 
    background-color: transparent!important; box-shadow: none!important; }
.tooltip::before { content: ""; color: transparent!important; 
    background-color: transparent!important; box-shadow: none!important; }

    .btn.disabled, .btn:disabled, fieldset:disabled, .disabled { background: #eee!important; color: #303030!important; 
      border: 2px solid #bbb!important; border-radius: .3em!important; box-shadow: none!important; }
     
      .members-user-place { font-weight: normal!important; }

      .members-follow { font-size: 14px!important; }

      

  .ts-mb { background-color: #fff!important; color: #000!important; }
  .ts-mdlf { background-color: #eee!important; color: #000!important; }

  .ts-icons-members-net { color: #ccc!important; }
  .thumb:hover .ts-icons-members-net { color: var(--theme-color)!important; }
  .ts-thumb-modal:hover .ts-icons-members-net { color: var(--theme-color)!important; }
  .ts-thumb-modal { overflow: hidden; }
  .ts-members-icons { color: var(--theme-color)!important; }

  .brdr { border-top: 1px solid #eee; }

  .my_pers, .my_pers1 { box-shadow: none!important; background-color: #fff!important; border-bottom: 1px solid #eee; }
  .z-depth-1, .z-depth-2, .z-depth-3, .z-depth-4 { box-shadow: none!important; }

  .my_pers:hover { color: #000!important; }

  .my_pers1:hover { background-color: #f8f8f8!important; color: #000!important; }


  .z-depth-4, .z-depth-1 { -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.05)!important;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.05)!important; }

  .capt_categ { border-color: #eee!important; }

  .ts-text { color: #000!important; }

  .ts-bg { background-color: #fff!important; color: #000; }

  .ts-btn-transparent { background-color: transparent; color: #000; box-shadow: none!important; border: none!important; padding: 5px 8px!important; 
       border-radius: .3em; margin-top: 5px; margin-right: 5px; } /*margin-top: 13px; margin-left: 8px;*/
      .ts-btn-transparent:hover { background-color: #f4f4f4; }

      .sorting-btn, .menu-btn, .menu-link-block { display: none!important; }
      .li-menu-collapse { padding: 5px 10px; font-size: 16px!important; border-bottom: 1px solid #eee; }
      .li-menu-collapse:last-child { border-bottom: none; }
      .menu-link-block { padding: 0!important; }

      .ts-menu-members, .right-menu-members { display: block; }

.style_tags1 { background-color: #fff; border: 2px solid var(--theme-color); }

#left_info { background-color: #fff!important; color: #000!important; }

.ts-tags-title-bg { background-color: var(--theme-color); color: #fff; }
.ts-tags-bg { background-color: #fff!important; color: #000!important; }

.desc-text { overflow: hidden!important; text-overflow: ellipsis!important;
  display: -webkit-box!important; -webkit-line-clamp: 3!important;
  -webkit-box-orient: vertical!important; color: #808080!important; margin: 5px 0; }

  .dropdown-toggle:hover { width: auto; }

  #tags_g {     
    border-top-color:  #E2E0E0; 
    border-top-width: 1px;
    border-top-style: solid;
      border-bottom-color: #E2E0E0;
    border-bottom-width: 1px;
    border-bottom-style: solid; }

    .ts-fc { color: #495057!important; }

    .ts-text-default { color: #000; }

    .footer-clr { background: #f4f4f4; }
.footer-txt, .footer-text { color: #000; }
footer { background-color: #fff!important; }
.rules-block { border-bottom: 1px solid #ddd; }
.rules-block a { background-color: transparent!important; font-size: 15px!important; 
  padding: 0!important; margin: 0px!important;  }
  .clr-text-form-3:hover { color: var(--theme-color)!important; }
  .clr-text-form-3 { color: var(--theme-color)!important; font-size: 15px!important; }

 

  .ts-mdl-dialog { width: 320px!important; }
  .ts-mdl-head { background-color: var(--theme-color)!important; color: #fff!important; }

  .members-location-icon { color: #aaa; }
  .members-town-link, .members-country-link { color: #000; padding: 5px .8rem; }
  .members-town-link:hover, .members-town-link:hover i { color: var(--theme-color); }
  .members-town-li { display:inline-block;vertical-align:middle;text-overflow: ellipsis; 
    overflow: hidden; width: 140px;white-space: nowrap; }

.info-town-country-block { margin-top: 20px; background: #fff; border: 1px solid rgba(0,0,0,.125); border-radius: 0.25rem; }
#filters li { font-size: 14px; }

    .members-user-location { font-size: 13px!important; text-align: left; padding: 1px 5px!important; }
    .members-user-location span { font-size: 13px!important; }

    .avatar20{
        width: 20px;
        height: 20px;
        border-radius:50%;
        object-fit:cover;
    }

    /*.ts-members-prof { margin-top: 20px; }*/

    .navbar-collps-members { border-top: 1px solid #eee; padding: 10px 0; }

    .theme-text-btn { display: none; color: #fff; margin-left: 5px; text-transform: uppercase;
    font-weight: 600; font-size: 16px; }

    .my_towns { color: #555!important; background: #f6f6f6; border-bottom: 1px solid #eee; padding: 5px 1.25rem 5px 1.5rem!important; }
    .my_towns:hover { color: var(--theme-color)!important; }
    .my_towns:last-child { border-bottom: none; }

    .members-user-full-name { font-weight: 600!important; color: #000!important; font-size: 16px!important; }
    .members-user-yo { font-weight: 400!important; color: #555!important; }

    .btn-danger { background: #141719!important; color: #fff!important; }
    .btn-danger:hover { background: #212529!important; color: #fff!important; }
    .btn-danger:active { background: #212529!important; color: #fff!important; }
    .btn-danger:focus { background: #212529!important; color: #fff!important; }

    .badge-city-after-search { display: none!important; }

    .textarea-div { padding: 0px 5px; width: 100%!important; min-height: 60px; height: auto!important; }
    .textarea-output { height: 150px;overflow-y: scroll;padding-top: 5px; }

    .input-modal-town-contact { margin-right: 5px; border-radius: 4px!important; color: #212529!important; }
    .input-modal-town-contact, .input-modal-town-contact, .textarea-div, .textarea-output { border: 1px solid #ddd!important; }
    .input-modal-town-contact:hover, .input-modal-town-contact:hover,.textarea-div:hover { border: 1px solid var(--theme-color)!important; }
    .input-modal-town-contact:focus, .input-modal-town-contact:hover,.textarea-div:focus { border: 1px solid var(--theme-color)!important; }
    .input-modal-town-contact:active, .input-modal-town-contact:hover,.textarea-div:active { border: 1px solid var(--theme-color)!important; }


    .ui-autocomplete {
      position: absolute;
      right: 0!important;
    top: 115px!important;
    width: 233px!important;
}

.ui-menu-item { padding: 5px!important; margin: 0!important; }
.ui-menu .ui-menu-item:hover { background: #eee; }
.ui-menu-item:hover { background: #eee!important; color: #555; }
.ui-menu-item:active { background: #eee!important; color: #555; }
.ui-menu-item:focus { background: #eee!important; color: #555; }

.btn_pag { background-color: #fff!important; color: #000; }
.btn_pag:hover { color: var(--theme-color)!important; }
    .btn_pag:focus, .btn_manage:focus { background-color: #fff!important; }
    .btn_pag:active, .btn_manage:focus { background-color: #fff!important; }

    .btn-red:active, .btn-red:focus { background-color: #fff!important; color: #000!important; }
    .btn-red:not([disabled]):not(.disabled).active { background-color: var(--theme-color)!important; color: #fff!important; }
    .btn-red:not([disabled]):not(.disabled):active, .show>.btn-red.dropdown-toggle { background-color: #eee!important; color: #000!important; }

#filters li:hover {
  color: #000;
}

#filters li.active {
  color: #000; font-weight: bolder;
}

#filters li { color: #000; }

.badge-danger { display: none; }


/* NEW */

.moreBlock { position: absolute; background: #fff; color: #000; text-align: left; padding: 20px; top: 0px; left: 0; width: 100%; min-height: 100%; margin-bottom: 10px; display: none; z-index: 1000; }
.moreBtn.colorChange { color: var(--theme-color)!important; }
.close-more { background: transparent; color: #333; outline: none; font-size: 16px; border: none; transition: all .4s ease; }
.close-more:hover { color: var(--theme-color); }
.moreBtn i { font-size: 20px; }
.members-more-header { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; }
.outlineBtn {
    background-color: transparent!important;
    box-shadow: none!important;
    color: var(--theme-color)!important;
    font-size: 1rem;
    text-transform: none;
    padding: 5px 8px;
    margin: 10px 12px 0 2.5px;
    display: flex;
    align-items: center;
    border: 2px solid var(--theme-color)!important;
    min-width: 100%!important;
    justify-content: center;
    margin-bottom: 5px;
    border-radius: 15px;
}

.outlineBtn:hover { background: var(--theme-color)!important; color: #fff!important; }
.outlineBtn:focus { background: var(--theme-color)!important; color: #fff!important; }
.outlineBtn:active { background: var(--theme-color)!important; color: #fff!important; }

.logo-fix { margin-top: -20px!important; }

.a-fix a, .a-fix button, .prof-logout-spoiler{ display: block; background-color:transparent!important; color: #000!important; margin: 2px 0 0 0!important;
    border-radius: 4em!important; font-size: 1rem!important; border: none!important;
    line-height: 1.6; padding: 0.5rem 1.5rem; }

.a-fix a:hover, .a-fix button:hover, .prof-logout-spoiler:hover { background-color:#eee!important; color: #000!important; }
.ts-btn-transparent { background-color: transparent!important; }

.a-fix a:nth-child(2) { background-color: #eceff1!important;
    font-weight: 800!important; }

.ts-navi {
    margin-top: 28px; }

.tiles-wrap { margin: 0!important; }

#ts-toggle { display: none; margin: 0; padding: 0; }
#toggleLogout.transformIcon i {  transform: rotate(180deg); }

.header-menu-btn { display: none; }
.d-variation { position: sticky; position: -webkit-sticky; top: 10px; }

.members-search { position: relative; width: 100%; margin-bottom: 20px; color: #000; }
.members-search p { color: #aaa;  text-align: left; }
.members-cont { margin-top: 20px; }


@media (max-width: 1440px) { 
  .ts-navi a i, .ts-navi button i { font-size: 14px!important; margin-right: 5px!important; }
  .ts-navi a, .ts-navi button { font-size: .9rem!important; }
  .ts-navi sup { display: none; }
}

 @media (max-width: 992px) {
  .moreBlock { top: -212px; }
  .logo-fix { margin: .5rem 0!important; }
.members-cont { margin-top: 0; }
.d-variation { display: flex; justify-content: start; align-items: center; }
.d-fix { background: #fff; position: sticky!important; top: 0; left: 0; box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;  z-index: 100; }
.members-search { margin-top: 20px; }

.members-search p { display: none; }

.ui-autocomplete { right: 0px!important; left: 33px;
    top: 157px!important; }

 .header-menu-btn { display: block; }
  .ts-navi { display: none; }
  .ts-navi hr { display: none; }
  .ts-navi.activate { display: block; width: 250px; position: absolute!important; top: 16px; left: -10px!important; border-radius: 0!important; z-index: 20; background: #fff;
  box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px; }
  .header-menu-btn { background: transparent; border: none; outline: none; box-shadow: none; text-align: center; 
    margin: 0; font-size: 12px; }
  .header-menu-btn:hover { color: var(--theme-color)!important; }
  .header-menu-btn:active { color: var(--theme-color)!important; }
  .header-menu-btn i { display: block; font-size: 24px; color: #555; }
  .header-menu-btn:hover i { color: #000; }
  .header-menu-text { display: none; }

 }


  .nav-link {
     font-size: 14px!important;
       
       font-weight: 500!important;
  }
    .nav-item {
        margin-top: 5px;
    }
       .avatar40{
        width: 40px;
        height: 40px;
        border-radius:50%;
        object-fit:cover;
    }
 
#tags {
   
   width: 100%;
   border-top-right-radius: 0!important; border-bottom-right-radius: 0!important;
text-align: center!important;
padding-right: 40px;
font-weight:500;
font-size: 15px;
 
}
 

.ui-menu-item  {
    /*margin-top: 15px!important;*/
    display: block;
    padding: 1px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
   
 
}
  
            .ui-state-focus{
            background: #eee!important;
            }
            
    .ui-autocomplete {
  /*position: absolute;
  top: 74px;
  right: 25px;
  left: 82%!important;*/
  cursor: default;
    z-index: 10000;
   
}
li a:hover {
    width: 100%;
}
            
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}


/* /NEW */

@media (min-width: 400px) and (max-width: 767px), (min-width: 800px) and (max-width: 850px) {
.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse { 
max-height: 360px!important; overflow-y: none!important; overflow-x: none!important  }

}


@media screen and (min-width: 80em) {
  .fix-width-janr { width: 150px; }
}

@media screen and (min-width: 120em) {
  .fix-width-janr { width: auto; }
}

@media (max-width: 1884px) { 
.nav-width, .members-cont { width: 95%!important; }
}

@media (max-width: 1367px) { 

}

@media (max-width: 1025px) { 
.nav-width, .members-cont { width: 100%!important; }
}

@media (max-width: 992px) { 
/*#tags { width: 65%!important; display: inline-block; margin: 0!important; }*/
  .navbar .form-inline { margin: 0!important; }
.navbar .ts-outline-btn-theme { width: 50%!important; margin: 0 auto!important; }
.navbar .ts-btn { width: 50%!important; margin: 0!important; margin: 0 auto!important; }
/*.navbar .ts-btn-transparent { width: 50%!important; background-color: var(--theme-color)!important; 
  color: #fff; margin: 0 0 20px 0!important; }*/
.navbar { text-align: center!important; }
.nav-flex-icons .nav-item { margin: 0 auto!important; }
.nav-flex-icons .nav-item img { margin-left: 80px!important; }
.navbar.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
 }
 }

@media (max-width: 576px) { 
  .gedf-card, .sticky-top { display: none!important; }

 /* #tags { width: 65%!important; display: inline-block; margin: 0!important; }*/
  .navbar .form-inline { margin: 0!important; }
.navbar .ts-outline-btn-theme { width: 50%!important; margin: 0 auto!important; }
.navbar .ts-btn { width: 50%!important; margin: 0!important; margin: 0 auto!important; }
/*.navbar .ts-btn-transparent { width: 50%!important; background-color: var(--theme-color)!important; 
  color: #fff; margin: 0 0 20px 0!important; } */
.navbar { text-align: center!important; }
/*.nav-flex-icons .nav-item { margin: 0!important; padding: 0!important; text-align: center; }
.nav-flex-icons .nav-item img { margin-left: 80px!important; }*/

.sorting-btn, .menu-btn, .menu-link-block { display: block!important; }
.ts-menu-members, .right-menu-members { display: none; }

.li-members-collapse-menu { display: block!important; width: 100%; background-color: var(--theme-color)!important; }
  .li-members-collapse-menu i { color: #fff!important; }
  .li-members-collapse-menu:last-child { background-color: transparent!important; margin-top: 5px!important; }
.nav-members { text-align: center; margin: 0 auto!important; width: 160px!important; }

 .ts-collapse-menu { background-color: #fff!important; width: 100%!important; position: absolute!important; 
    top: 50px!important; left: 0; padding: 10px 0; }


#all_clips { margin-top: 0px!important; }

#filters { width: 100%; margin-bottom: 20px; max-height: 174px!important; }
.theme-text-btn { display: inline-block; }
.ts-logo { display: none; }

.ts-order-cols { flex-direction: row!important; }

.ts-order-cols :nth-child(1) { order: 1!important; }
.ts-order-cols :nth-child(2) { order: 3!important; }
.ts-order-cols :nth-child(3) { order: 2!important; }

/*.members-town-link, .members-country-link, .get-town-link {  flex-direction: row-reverse; } */

.navbar.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

@media (max-width: 768px) { 
/*#tags { width: 65%!important; display: inline-block; margin: 0!important; }*/
  .navbar .form-inline { margin: 0!important; }
.navbar .ts-outline-btn-theme { width: 50%!important; margin: 0 auto!important; }
.navbar .ts-btn { width: 50%!important; margin: 0!important; margin: 0 auto!important; }
/*.navbar .ts-btn-transparent { width: 50%!important; background-color: var(--theme-color)!important; 
  color: #fff; margin: 0 0 20px 0!important; }*/
.navbar { text-align: center!important; }
.nav-flex-icons .nav-item { margin: 0 auto!important; }
.nav-flex-icons .nav-item img { margin-left: 80px!important; }


.navbar.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
 }
}