/* ssssssss */
:root {
    --top-height: 70px;
    --top-height2: 50px;
    --sidebar: 17vw;
    --c-brand: #fa6b2f;
    --padd1: 15px;
}

#allrecords {
    overflow-x: hidden;
}


/* полоска промотки */

.scrollbar::-webkit-scrollbar {
    width: 12px;
    /* ширина scrollbar */
}

.scrollbar::-webkit-scrollbar-track {
    background-color: #ffffff11;
    /* цвет дорожки */
    border-radius: 20px;
    /* закругления плашки */
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #ffffff44;
    /* цвет плашки */
    border-radius: 20px;
    /* закругления плашки */
    border: 0px solid orange;
    /* padding вокруг плашки */
}


/* стили header*/

.tilda-header{
    z-index: 102;
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
}

.tilda-header__placeholder {
    height: var(--top-height);
}




.tilda-header {
    height: var(--top-height);
    display: flex;
    align-items: center;

    line-height: 1.3;
    transition: all .3s;
}

.top-line-fixed .tilda-header {
    height: var(--top-height2);
}


.tilda-header_normal {
    background-color: #fff;
}
.tilda-header_normal.top-line-fixed {
    background-color: #fff;
}



.tilda-header__brand {
    height: 100%;
    width: var(--sidebar);
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;


    position: relative;
    display: block;
    
     transition: all .3s;
  
}



.tilda-header_normal .tilda-header__brand {
  
    background-color: #fff;    
}



.top-line-fixed .tilda-header__nav-line.tilda-header__nav-line_1{
    padding:25px 0px 5px 0px;
}

.tilda-header__nav-line.tilda-header__nav-line_1{
    padding:0px 0px 5px 0px;
}

.top-line-fixed .tilda-header__brand {
    background-color: var(--c-brand)
}
.tilda-header__brand {}

.tilda-header__logo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: var(--padd1);


    background-image: url("https://static.tildacdn.com/tild3436-3239-4165-b030-636464646235/logo.svg");
    background-position: 0% 50%;
    background-repeat: no-repeat;
    background-size: contain;


}
.top-line-fixed .tilda-header__logo {
    filter: brightness(10);
    margin: 10px;
}


.tilda-header__nav {
    padding-bottom: 0.1em;
    text-align: right;
}

.tilda-header__nav-line {}

#allrecords .tilda-header__nav-item {
    padding: 0.2em 0.4em;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #bbbbbb;
    font-size: 14px;
    font-family: 'Open Sans';
    font-style: light;

}
.tilda-header__nav-line.tilda-header__nav-line_1 .tilda-header__nav-item {
    font-size: 12px;
}


#allrecords .tilda-header .tilda-header__nav-item:hover {
    color: #494949!important;
}

#allrecords .tilda-header__nav-item_active, 
#allrecords .tilda-header__nav-item_active:hover {
   color: var(--c-brand);  
}

#callbutton1 .tilda-header__nav-item{
    color:white;
    border: 5px solid #fd7503;
    border-radius: 10px;
    background-color: #fd7503;
}

.tilda-header__socials {
    display: flex;
    padding: var(--padd1);
    justify-content: center;
    align-items: center;
}

.tilda-header__social {
    display: inline-block;
    background-image: url("https://static.tildacdn.com/tild6130-6438-4138-b238-313233346536/photo.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}


/*Домашний недер*/
.tilda-header.tilda-header_home {
    background-color: transparent;
}

.tilda-header_home .tilda-header__nav-item_callback{
    color: #fd7503;
    border: 5px solid white;
    border-radius: 10px;
    background-color: white;
    
    padding: 0.2em 0.4em;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 14px;
    font-family: 'Open Sans';
    font-style: light;
}
    
.top-line-fixed .tilda-header.tilda-header_home {
    background-color: #fff;
}

.top-line-fixed .tilda-header.tilda-header_home .tilda-header__nav-item_callback{
    background-color: #fd7503;
    border: 5px solid #fd7503;
    color:white!important;
}

#allrecords .tilda-header_home .tilda-header__nav-item {
    color: #fff;
}
#allrecords .tilda-header_home .tilda-header__nav-item:hover {
    color: #dddddd!important;
}

.tilda-header_home .tilda-header__nav-item_callback:hover {
    color: black!important;
}

.top-line-fixed .tilda-header_home .tilda-header__nav-item_callback:hover {
    color: black!important;
}

.top-line-fixed #allrecords .tilda-header.tilda-header_home .tilda-header__nav-item {
    color: #bbbbbb;
}

.top-line-fixed #callbutton1 .tilda-header.tilda-header_home .tilda-header__nav-item {
    color: white;
}

.tilda-header_home.tilda-header_normal .tilda-header__brand {
    background-color: transparent;
}

.top-line-fixed .tilda-header_home.tilda-header_normal .tilda-header__brand {
    background-color: #fff
}

.tilda-header_home .tilda-header__social {
    filter: brightness(10);
}
.top-line-fixed .tilda-header_home .tilda-header__social {
    filter: brightness(1);
}
.tilda-header_home .tilda-header__logo {
    filter: brightness(10);
}

.top-line-fixed .tilda-header_home .tilda-header__logo {
    filter: brightness(1);
}
.top-line-fixed #allrecords .tilda-header.tilda-header_home .tilda-header__nav-item:hover {
    color: #000000!important;
}
.top-line-fixed #allrecords .tilda-header.tilda-header_home .tilda-header__nav-item_active, 
.top-line-fixed #allrecords .tilda-header.tilda-header_home .tilda-header__nav-item_active:hover {
   color: var(--c-brand);  
}

.top-line-fixed .tilda-header.tilda-header_home{
    padding:0px 0px 20px 0px;
}

.top-line-fixed .tilda-header.tilda-header_normal{
    padding:0px 0px 20px 0px;
}


/*сайдбар */


.tilda-sidebar {
    z-index: 101;
    position: fixed;
    /*top: var(--top-height);*/
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--sidebar);


    transition: all .3s;
    overflow-y: auto;
    background-color: var(--c-brand, orangered);
}

.top-line-fixed .tilda-sidebar {
    /*top: var(--top-height2);*/
}

#allrecords .tilda-sidebar a {
    color: inherit;
    font-style: normal;
}





/* .sidebar{position:absolute;top:0;bottom:0;min-height:100vh;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow-y:auto;background-color:#fa6b2f} */
.sidebar-nav {
    position: absolute;
    width: 100%;
    max-height: 100%;
    transition: all .1s;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: 'Open Sans';
    font-weight: 300;
    color: #fff;
    top: var(--top-height);
}

.sidebar-nav i {
    font-style: normal;
}

body.top-line-fixed .sidebar-nav {

    transition: all .4s;
    /*top: var(--top-height2);*/
}

.sidebar-nav ul ul {
    overflow: hidden;
    max-height: 0;

    transition: all .4s;

}

.sidebar-nav .sidebar-nav__item_parent>ul {
    max-height: 1000px;
    transition: all .8s;

}

.sidebar-nav__item a {
    padding-top: 0.69rem;
    padding-bottom: 0.57rem;
    transition: all .15s;
    display: block;
    line-height: 1.3;
    text-decoration: none;

}

.sidebar-nav__item a:hover {
    box-shadow: 10px 0 0 #f9ae47 inset;
    transition: all .2s;
}

.sidebar-nav__item a:hover span {
    transition: all .2s;
    border-bottom-color: rgba(255, 255, 255, .8)
}

.sidebar-nav__item span {
    border-bottom-color: rgba(255, 255, 255, .5);
    position: relative;
    top: -2px;

}

.sidebar-nav__item_level1 a {}

.sidebar-nav__item_level2 a,
.sidebar-nav__item_level3 a {

    padding-top: .4315rem;
    padding-bottom: .5316rem
}

.sidebar-nav__item_level1 i {
    font-size: 1rem
}

.sidebar-nav__item_level2 i {
    margin-left: 7%;
    font-size: 0.9rem
}

.sidebar-nav__item_level3 i {
    margin-left: 12%;
    font-size: 0.8rem
}

.sidebar-nav__item_parent.sidebar-nav__item_level1 a {
    background-color: #f98622
}

.sidebar-nav__item_parent.sidebar-nav__item_level1.sidebar-nav__item_active>a,
.sidebar-nav__item_parent.sidebar-nav__item_level2 a {
    background-color: #f99918
}

.sidebar-nav__item_parent.sidebar-nav__item_level2.sidebar-nav__item_active>a,
.sidebar-nav__item_parent.sidebar-nav__item_level3 a {
    background-color: #f9a611
}

.sidebar-nav__item a {
    padding-left: var(--padd1);
    padding-right: var(--padd1);
}


.tilda-sidebar li {
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0px;
}

#allrecords .tilda-sidebar ul {
    margin: 0px;
    padding: 0;
}

/* Мобильный адаптив */

@media screen and (max-width: 768px) {
  .t-feed__post-bgimg{background-size: contain;}
}